/*---------------------------------------------------------
Table of Content

1.General
2.Preloader
3.Navigation

---------------------------------------------------------*/

/*-------------------------------------------------------*/
/* General
/*-------------------------------------------------------*/
html {
    font-family:    'Circe', 'abrites-icomoon', sans-serif;
    line-height:    1.4;
    font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a, p, span, div, section ul, li {
    font-family: 'Circe', sans-serif;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display:     table;
    line-height: 0;
    content:     '';
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

.oh {
    overflow: hidden;
}

.relative {
    position: relative;
}

.megamenu-wrap h6 a {
    color: #ffffff;
}

.section-wrap {
    padding:                 100px 0;
    overflow:                hidden;
    background-attachment:   fixed;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
    background-position:     center center;
    background-repeat:       no-repeat;
}

.section-wrap-lg {
    padding:               120px 0;
    overflow:              hidden;
    position:              relative;
    background-attachment: fixed;
    background-size:       cover;
}

.mobile section {
    background-attachment: scroll !important;
}

.static {
    position: static;
}

.color-white {
    color: #ffffff !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bg-light {
    background-color: #f5f5f5;
}

.bg-dark {
    background-color: #121212;
}

.uppercase {
    text-transform: uppercase;
}

.last {
    margin-bottom: 0 !important;
}

a {
    text-decoration:    none;
    color:              #0d659b;
    outline:            none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition:    color .2s ease-in-out;
    -o-transition:      color .2s ease-in-out;
    transition:         color .2s ease-in-out;
}

.dark-link {
    color: #121212;
}

.dark-link:hover {
    color: #ffdf00;
}

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

:focus {
    outline: none;
}

ul {
    list-style: none;
    margin:     0;
    padding:    0;
}

body {
    margin:     0;
    padding:    0;
    background: #ffffff;
    outline:    0;
    overflow-x: hidden;
    overflow-y: auto;
    color:      #7a7a7a;
}

video {
    height: 100%;
    width:  100%;
}

body img {
    border:              none;
    max-width:           100%;
    -webkit-user-select: none;
    -khtml-user-select:  none;
    -moz-user-select:    none;
    -o-user-select:      none;
    user-select:         none;
}

h1, h2, h3, h4, h5, h6, .text-heading {

    color:       #313131;
    font-weight: 600;
}


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

p {

    color: #7a7a7a;
}


/*-------------------------------------------------------*/
/* Preloader
/*-------------------------------------------------------*/

.loader-mask {
    position:         fixed;
    top:              0;
    left:             0;
    right:            0;
    bottom:           0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index:          99999;
    /*display: none;*/
}

.loader {
    /*display: none;*/
    position:          absolute;
    left:              50%;
    top:               50%;
    width:             15em;
    height:            15em;
    margin:            -25px 0 0 -25px;
    text-indent:       -9999em;
    border-top:        0.5em solid rgba(255, 223, 0, 1);
    border-right:      0.5em solid rgba(0, 0, 0, 1);
    border-bottom:     0.5em solid rgba(0, 0, 0, 1);
    border-left:       0.5em solid rgba(0, 0, 0, 1);
    -webkit-transform: translateZ(0);
    -ms-transform:     translateZ(0);
    transform:         translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation:         load8 1.1s infinite linear;
}

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


/* Scroll Down icon
-------------------------------------------------------*/

.scroll-down {
    width:                 30px;
    height:                30px;
    background-color:      rgba(255, 255, 255, 1);
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    text-align:            center;
    line-height:           30px;
    z-index:               50 !important;
    position:              absolute;
    bottom:                40px;
    left:                  50%;
    margin-left:           -15px;
}

.scroll-down a {
    line-height: 34px;
    position:    relative;
    z-index:     50 !important;
}

@-webkit-keyframes scroll-down-icon {
    0% {
        bottom: 3px;
    }
    50% {
        bottom: 8px;
    }
    100% {
        bottom: 3px;
    }
}

@-moz-keyframes scroll-down-icon {
    0% {
        bottom: 3px;
    }
    50% {
        bottom: 8px;
    }
    100% {
        bottom: 3px;
    }
}

@-o-keyframes scroll-down-icon {
    0% {
        bottom: 3px;
    }
    50% {
        bottom: 8px;
    }
    100% {
        bottom: 3px;
    }
}

@keyframes scroll-down-icon {
    0% {
        bottom: 3px;
    }
    50% {
        bottom: 8px;
    }
    100% {
        bottom: 3px;
    }
}

.scroll-down i {
    color:             #000000;
    -webkit-animation: scroll-down-icon 1s infinite;
    -moz-animation:    scroll-down-icon 1s infinite;
    -o-animation:      scroll-down-icon 1s infinite;
    animation:         scroll-down-icon 1s infinite;
    position:          absolute;
    left:              10px;
}


/*-------------------------------------------------------*/
/* Navigation Type-1
/*-------------------------------------------------------*/

.navbar {
    margin-bottom:               0;
    border:                      none;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
    -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;
    z-index:                     1200;
}

.logo-container {
    padding-left:  15px;
    padding-right: 15px;
    float:         left;
}

.logo-wrap {
    float: left;
}

.logo-wrap > a {
    display:        table-cell;
    vertical-align: middle;
    height:         100px;
}

.logo-wrap > a > img {
    width: 15rem;
}

.logo-wrap.shrink > a {
    height: 60px;
}

.logo {
    position:   absolute;
    transition: height 0.3s ease-in-out;
}


.navbar-nav {
    margin:     0;
    /*    width: 100%;*/
    margin-top: 20px;
}

.navbar-collapse.in {
    overflow-x: hidden;
}

.navbar-nav > li:last-child > a {
    padding-right: 0;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:focus,
.navbar-nav > .open > a:hover {
    background-color: transparent;
    color:            #ffdf00;
}

.navigation-overlay .navbar-nav > .open > a,
.navigation-overlay .navbar-nav > .open > a:focus,
.navigation-overlay .navbar-nav > .open > a:hover {
    background-color: transparent;
    color:            #ffffff;
}

.navbar-collapse {
    border:             none;
    padding-left:       0;
    padding-right:      0;
    box-shadow:         none;
    -webkit-box-shadow: none;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
    text-decoration:  none;
}

.navigation.offset {
    -o-transform:       translate3d(0, -300px, 0);
    -ms-transform:      translate3d(0, -300px, 0);
    -moz-transform:     translate3d(0, -300px, 0);
    -webkit-transform:  translate3d(0, -300px, 0);
    transform:          translate3d(0, -300px, 0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.navigation.scrolling {
    -o-transform:      translate3d(0, 0px, 0);
    -ms-transform:     translate3d(0, 0px, 0);
    -moz-transform:    translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform:         translate3d(0, 0px, 0);
    -o-transform:      translate3d(0, 0px, 0);
    -ms-transform:     translate3d(0, 0px, 0);
    -moz-transform:    translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}

.navigation.sticky.scrolling {
    opacity:    1;
    visibility: visible;
}

.navigation-overlay.sticky .navbar-nav > li > a,
.navigation.sticky .navbar-nav > li > a {
    line-height: 60px;
}

.navbar-nav .dropdown-menu {
    left: 0;
}

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

.dropdown-menu {
    min-width:     200px;
    margin:        0;
    padding:       0;
    border-top:    2px solid #ffdf00;
    border-left:   1px solid #f2f2f2;
    border-right:  1px solid #f2f2f2;
    border-bottom: none;
    border-radius: 0;
    box-shadow:    0 2px 4px rgba(0, 0, 0, .05);
}

.dropdown-menu > li > a {
    padding:            20px;
    color:              #7a7a7a;
    border-bottom:      1px solid #f2f2f2;
    transition:         all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    font-weight:        500;
}

.menu-list li > a {
    border: none;
}

.dropdown-menu.megamenu,
.dropdown-menu.megamenu-wide {
    padding: 0;
}

.dropdown-submenu > a:after {
    font-family: 'FontAwesome';
    position:    absolute;
    content:     '\f105';
    right:       15px;
    color:       #45464b;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.megamenu .menu-list > li > a:hover,
.megamenu-wide .menu-list > li > a:hover {
    color: #ffdf00;

}

.megamenu-item {
    border-right: 1px solid #eeeeee;
    padding:      0px;
}

.megamenu-item.no-headings {
    padding: 10px 20px;
}

.megamenu-item:last-child {
    border-right: none;
}

.dropdown-menu,
.dropdown-submenu > .dropdown-menu {
    display:    block;
    visibility: hidden;
    max-height: 60px;
    overflow:   hidden;
    opacity:    0;

}

.dropdown:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    opacity:    1;
    max-height: unset;
    visibility: visible;
}

.dropdown-menu .megamenu-wrap ul > li > a {
    display:            block;
    clear:              both;
    font-weight:        500;
    line-height:        1.42857143;
    color:              #7a7a7a;
    white-space:        nowrap;
    transition:         all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
}

.megamenu-wrap .menu-list > li > a {
    padding: 10px 0;
}

.megamenu-wrap .menu-list > li:last-child > a {
    border-bottom: none;
}

.megamenu-item h6 {
    text-transform: uppercase;

    font-weight:    600;
}

.navbar .dropdown-menu {
    margin-top: 0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top:        0;
    left:       100%;
    margin-top: -2px;
}


/* Menu Search
-------------------------------------------------------*/
.navbar-nav > li > a.nav-search {
    position: relative;
    display:  block;
}

.navigation.sticky .navbar-nav > li > a.nav-search {
    margin: 0 0;
}

.search-wrap {
    width:    100%;
    height:   100%;
    overflow: hidden;
    display:  none;
    position: absolute;
    top:      0;
    left:     0;
    z-index:  10020;
}

.search-wrap input,
.search-wrap input:focus {
    background-color:        #000000 !important;
    color:                   #ffffff;
    -webkit-text-fill-color: white;
    opacity:                 1;
    border:                  none;
}

.search-trigger {
    z-index: 22;
    right:   0;
    opacity: 1;
}

.search-close {
    opacity:    0;
    z-index:    10021;
    position:   absolute;
    top:        50%;
    margin-top: -10px;
    right:      0;
}

.nav-search.open .search-trigger {
    opacity: 0;
    z-index: 20;
}

.nav-search.open .search-close {
    opacity: 1;
    color:   #7a7a7a;
}

.nav-type-3 .nav .mobile-links {
    display: none;
}

.mobile-links li > a {
    padding:       15px 0 15px 15px;
    line-height:   20px;
    border-bottom: 1px solid #f2f2f2;
    color:         #7a7a7a;
    display:       block;
}

.mobile-links li > a:hover {
    color: #121212;
}


/* Menu Cart
-------------------------------------------------------*/

.nav-cart-wrap.style-1 {
    width:   auto;
    padding: 0 !important;
}

.nav-cart-wrap.style-1 .cart-inner {
    height: 100px;
}

.navigation.sticky .nav-cart-wrap.style-1 .cart-inner {
    height: 60px;
}


.cart-inner a > span {
    display:               block;
    position:              absolute;
    top:                   -6px;
    right:                 -8px;
    background-color:      #ffdf00;
    color:                 #ffffff;
    width:                 15px;
    height:                15px;
    text-align:            center;
    line-height:           15px;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    -ms-border-radius:     50%;
    -o-border-radius:      50%;
    border-radius:         50%;
}

/* Navigation Toggle
-------------------------------------------------------*/

.navbar-toggle {
    margin-top:   13px;
    border:       none;
    z-index:      50;
    margin-right: 5px;
}

.navbar-toggle .icon-bar {
    background-color: #7a7a7a;
    width:            18px;
}

.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar {
    background-color: #121212;
}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: transparent;
}


/*-------------------------------------------------------*/
/* Home Multi-page
/*-------------------------------------------------------*/

/* Sefvices
-------------------------------------------------------*/

.service-item-box h3 {
    margin-top: 30px;
}

.service-item-box i {
    line-height:           80px;
    margin:                0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    width:                 80px;
    height:                80px;
}

/*Hi Icons*/

.hi-icon {
    display:               inline-block;
    cursor:                pointer;
    margin:                15px 30px;
    width:                 80px;
    height:                80px;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    text-align:            center;
    position:              relative;
    z-index:               1;
    color:                 #ffffff;
}

.hi-icon:after {
    pointer-events:        none;
    position:              absolute;
    width:                 100%;
    height:                100%;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    content:               '';
    -webkit-box-sizing:    content-box;
    -moz-box-sizing:       content-box;
    box-sizing:            content-box;
}

/* Effect 1 */
.icon-effect-1 .hi-icon {
    background:         #121212;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition:    background 0.2s, color 0.2s;
    transition:         background 0.2s, color 0.2s;
}

.icon-effect-1 .hi-icon:after {
    top:                -5px;
    left:               -5px;
    padding:            5px;
    box-shadow:         0 0 0 2px #ffdf00;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform:  scale(.8);
    -moz-transition:    -moz-transform 0.2s, opacity 0.2s;
    -moz-transform:     scale(.8);
    -ms-transform:      scale(.8);
    transition:         transform 0.2s, opacity 0.2s;
    transform:          scale(.8);
    opacity:            0;
}

.icon-effect-1a .hi-icon:hover {
    background-color: #ffdf00;
    color:            #ffffff;
}

.icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform:    scale(1);
    -ms-transform:     scale(1);
    transform:         scale(1);
    opacity:           1;
}


/* Results
-------------------------------------------------------*/

.results {
    padding: 150px 0;
}

.statistic span {
    font-weight: 300;
    color:       #121212;
}

.statistic h5 {

    color: #7a7a7a;
}


/* Portfolio
-------------------------------------------------------*/

.portfolio-filter {
    list-style:    none;
    margin-bottom: 50px;
    cursor:        default;
    text-align:    center;
}

.portfolio-filter a.active,
.portfolio-filter a:hover {
    color: #121212;
}

.portfolio-filter.dark a.active,
.portfolio-filter.dark a:hover {
    color: #ffffff;
}

.portfolio-filter a {
    display:         inline-block;

    margin:          0 15px;
    color:           #7a7a7a;
    text-decoration: none;
    text-transform:  uppercase;
}

.work-container {
    margin-bottom: 30px;
    overflow:      hidden;
}

.work-item {
    position: relative;
}

.work-img > a {
    display:  block;
    position: relative;
    width:    100%;
    height:   100%;
}

.work-item img {
    width:                       100%;
    height:                      auto;
    overflow:                    hidden;
    -webkit-transition:          0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition:             0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition:               0.60s cubic-bezier(0.86, 0, 0.07, 1);
    transition:                  0.60s cubic-bezier(0.86, 0, 0.07, 1);
    backface-visibility:         hidden;
    -webkit-backface-visibility: hidden;
}

.work-description {
    padding:            15px 20px;
    width:              100%;
    background-color:   #ffffff;
    position:           absolute;
    display:            block;
    left:               0;
    top:                auto;
    bottom:             -75px;
    z-index:            3;
    -webkit-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition:    0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition:      0.60s cubic-bezier(0.86, 0, 0.07, 1);
    transition:         0.60s cubic-bezier(0.86, 0, 0.07, 1);
}

.work-item .work-description h2 {
    margin-bottom: 3px;
}

.work-item .work-description > span > a {
    color: #7a7a7a;
}

.work-item .work-description > span > a:hover {
    color: #ffdf00;
}

.work-img {
    position: relative;
    overflow: hidden;
}

.work-item .work-overlay {
    opacity:    1;
    visibility: visible;
}

.work-item:hover .work-img img {
    -ms-transform: translateY(-30px);
    transform:     translateY(-30px);
}

.work-item:hover .work-description {
    bottom: 0 !important;
}

.work-overlay {
    position:           absolute;
    overflow:           hidden;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    opacity:            0;
    text-align:         center;
    -ms-transform:      translate3d(0, 0, 0);
    transform:          translate3d(0, 0, 0);
    background-color:   rgba(0, 0, 0, 0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.project-icons {
    position:           absolute;
    top:                20%;
    width:              100%;
    text-align:         center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.project-icons a {
    display:            inline-block;
    width:              40px;
    height:             40px;
    margin:             0 3px;
    line-height:        40px;
    text-align:         center;
    color:              #121212;
    background-color:   #ffffff;
    border-radius:      100px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.project-icons a:hover {
    color:            #ffffff;
    background-color: #ffdf00;
}

.work-item:hover .project-icons {
    position: absolute;
}


/* Call to Action
-------------------------------------------------------*/

.call-to-action {
    padding: 45px 0;
}

.call-to-action h2 {
    margin-top: 4px;
}

.cta-button {
    text-align: right;
}


/* What we do / Progress bars
-------------------------------------------------------*/

.about-description > p:first-of-type {
    margin: 20px 0;
}

.skills-progress {
    margin-top: 53px;
}


/* Promo with Device
-------------------------------------------------------*/

.promo-section .promo-descr h3 {
    margin: 26px 0 20px;
}

.promo-section .promo-descr p {
    margin-bottom: 24px;
}


/* Parallax Testimonials
-------------------------------------------------------*/

.parallax-testimonials .parallax {
    background-image: url(../img/testimonials_bg.jpg);
}

.parallax {
    position:              absolute;
    top:                   0;
    bottom:                0;
    right:                 0;
    left:                  0;
    height:                100%;
    width:                 100%;
    background-size:       cover;
    background-attachment: fixed;
    background-position:   50% 0;
    z-index:               -1;
}

.mobile .parallax {
    background-attachment: scroll !important;
    background-position:   50% 50% !important;
}

.parallax-testimonials > div {
    padding: 185px 0;
}

.parallax-testimonials h2 {
    margin-bottom: 41px;
}

.parallax-testimonials .owl-dots {
    bottom:   29px;
    position: absolute;
}

.parallax-testimonials #owl-testimonials {
    position: static;
}

.parallax-testimonials .testimonial-text {
    color:         #ffffff;
    line-height:   34px;
    margin-bottom: 13px;
    font-weight:   300;
}

.parallax-testimonials .testimonial span {
    color: #a9a9a9;
}

.slick-slider,
.featured-works {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}


/*-------------------------------------------------------*/
/* Footer Type-1
/*-------------------------------------------------------*/

.footer {
    background-color: #121212;
}

.footer-widgets {
    padding: 80px 0;
}

.footer-widgets h5 {
    margin-bottom: 16px;
    color:         #ffffff;
}

.footer-links li {
    padding-bottom: 7px;
}

.footer-links li:last-child {
    padding-bottom: 0;
}

.footer-widgets a {
    color: #7a7a7a;
}

.footer-widgets a:hover,
.copyright a:hover,
.footer-entry .entry-meta li a:hover,
.bottom-footer-links li a:hover {
    color: #ffffff;
}

.footer-get-in-touch p {
    margin-bottom: 7px;
}

p.footer-address {
    margin-bottom: 24px;
}

.footer-entry-list .posts-list .entry-img {
    float:         left;
    margin-right:  20px;
    margin-bottom: 0;
}

.footer-entry-list ul > .footer-entry {
    border-bottom: 1px solid #292929;
    border-top:    0;
}

.footer-entry-list .footer-entry .entry-meta {
    margin-top: 0;
}

.footer-entry-list ul > .footer-entry.small-space {
    padding: 9px 0 14px;
}

.footer-entry:first-child,
.footer-links li:first-child {
    padding-top: 0 !important;
}

.footer-entry:last-child,
.footer-links li:last-child {
    border-bottom:  none !important;
    padding-bottom: 0 !important;
}

.footer-entry .entry-meta li,
.footer-entry .entry-meta li a {
    color: #4c4c4c;

}

.footer-entry-list .footer-entry .entry-title {

    line-height:   1.2;
    margin-bottom: 1px;
}

.footer-links ul > li {
    padding:       13px 0;
    border-bottom: 1px solid #292929;
    line-height:   1.2;
}

.bottom-footer {
    background-color: #000000;
    padding:          34px 0;
}

.copyright span {
    display:     inline-block;
    line-height: 32px;
}

.copyright a {
    color: #7a7a7a;
}


/* Go to Top
-------------------------------------------------------*/

#back-to-top {
    display:            block;
    z-index:            1000;
    width:              40px;
    height:             40px;
    line-height:        38px;
    text-align:         center;
    position:           fixed;
    bottom:             -40px;
    right:              20px;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    background-color:   #2c2c2c;
    text-decoration:    none;
}

#back-to-top i {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition:    all 1s ease-in-out;
    -o-transition:      all 1s ease-in-out;
    transition:         all 1s ease-in-out;
}

#back-to-top a {
    width:   40px;
    height:  40px;
    display: block;
    color:   #cccccc;
}

#back-to-top.show {
    bottom: 20px;
}

#back-to-top:hover {
    background-color: #ffdf00;
}

#back-to-top:hover i {
    color: #ffffff;
}


/*-------------------------------------------------------*/
/* Onepage
/*-------------------------------------------------------*/

.nav-type-2 .navbar {
    min-height: 60px;
}

.onepage p {
    line-height: 30px;
}

.nav-type-2 .navbar-nav > li > a {

    /*color: ;*/

}

.navigation-overlay,
.nav-dark .navbar-nav > li > a,
.navigation-overlay .navbar-nav > li > a,
.nav-type-2 .logo-wrap > a {
    -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;
}

.navigation-overlay {
    width:       100%;
    line-height: 0;
}

.navigation-overlay.sticky {
    visibility:       visible;
    opacity:          1;
    background-color: #ffffff;
}

.navigation-overlay.sticky.dark {
    background-color: rgba(17, 17, 17, 1);
}

.navigation-overlay .navbar-nav > li > a {
    color: rgba(255, 255, 255, .8);
}

.nav-dark .navbar-nav > li > a {
    color: rgba(255, 255, 255, .5);
}

.nav-dark .navbar-nav > .active > a,
.nav-dark .navbar-nav > .active > a:focus,
.nav-dark .navbar-nav > .active > a:hover,
.navigation-overlay .navbar-nav > .active > a,
.navigation-overlay .navbar-nav > .active > a:focus,
.navigation-overlay .navbar-nav > .active > a:hover,
.nav-dark .navbar-nav > li > a:hover,
.navigation-overlay .navbar-nav > li > a:hover,
.nav-dark .navbar-nav > .open > a,
.nav-dark .navbar-nav > .open > a:focus,
.nav-dark .navbar-nav > .open > a:hover,
.nav-dark .dropdown-menu > li > a:focus,
.nav-dark .dropdown-menu > li > a:hover,
.nav-dark .megamenu .menu-list > li > a:hover,
.nav-dark .megamenu-wide .menu-list > li > a:hover,
header.transparent .navbar-nav > li > a,
header.transparent .navbar-nav > li > a:hover,
header.transparent .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 1);
}


/* Navigation Overlay Light */

@media (min-width: 992px) {

    header.transparent .navbar {
        position: absolute;
        top:      0;
        width:    100%;
    }

    header.transparent .navigation.scrolling .navbar-nav > li > a,
    header.transparent .navigation.scrolling .shopping-cart > i {
        color: #7a7a7a;
    }

    header.transparent .logo-dark,
    header.transparent .navigation.scrolling .logo {
        display: none;
    }

    header.transparent .navigation.scrolling .logo-dark,
    header.transparent .logo {
        display: inline-block;
    }

    header.transparent .shopping-cart > i {
        color: #ffffff;
    }

}


/* Text Rotator
-------------------------------------------------------*/

.hero-holder {
    display:  table;
    position: relative;
    width:    100%;
    height:   100%;
}

.hero-message {
    display:        table-cell;
    vertical-align: middle;
    height:         100%;
    width:          100%;
    text-align:     center;
}

.hero-message h1 {
    color:       #ffffff;
    font-weight: 700;
    line-height: 1;
}

.hero-subtitle {
    text-transform: none;

    color:          #ffffff;
    line-height:    1.5;
    max-width:      800px;
    margin:         24px auto 0;

}

.buttons-holder > a {
    margin: 5px;
}

.hero-message.text-rotator h1 {
}


/* Intro
-------------------------------------------------------*/

.intro {
    padding: 150px 0;
}

.intro-heading {
    line-height:   56px;
    margin-bottom: 28px;
}

p.intro-text {
    line-height: 32px;
}


/* Featured Works
-------------------------------------------------------*/
.featured-works .work-container {
    margin-bottom: 0;
}

.work-item.hover-2 .work-description {
    background-color:  transparent;
    padding:           0 15px;
    top:               50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
    bottom:            auto;
    color:             #ffffff;
}

.work-item.hover-2 .work-description h2 {
    position:           relative;
    bottom:             -100px;
    -webkit-transition: bottom .3s ease-in-out .1s;
    -o-transition:      bottom .3s ease-in-out .1s;
    transition:         bottom .3s ease-in-out .1s;
}

.work-item.hover-2 .work-description span {
    position:           relative;
    bottom:             -100px;
    display:            block;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition:      bottom .3s ease-in-out;
    transition:         bottom .3s ease-in-out;
}

.work-item.hover-2:hover .work-description h2 {
    bottom:             0;
    -webkit-transition: bottom .3s ease-in-out .1s;
    -o-transition:      bottom .3s ease-in-out .1s;
    transition:         bottom .3s ease-in-out .1s;
}

.work-item.hover-2:hover .work-description span {
    bottom:             0;
    -webkit-transition: bottom .3s ease-in-out .2s;
    -o-transition:      bottom .3s ease-in-out .2s;
    transition:         bottom .3s ease-in-out .2s;
}

.work-item .work-description i {
}

.work-item.hover-2:hover .work-img img {
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -ms-transform:     scale(1.1);
    -o-transform:      scale(1.1);
    transform:         scale(1.1);
}


/* Services
-------------------------------------------------------*/

.icon-boxes.style-2 .service-item-box i {
    margin:                0;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    -ms-border-radius:     0;
    -o-border-radius:      0;
    border-radius:         0;
    width:                 auto;
    height:                auto;
    line-height:           1;
    color:                 #bebebe;
}


/* Our Team
-------------------------------------------------------*/

.team-img img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
    overflow:           hidden;
    width:              100%;
    background:         #ededed;
}

.team-img.grey-bg img {
    background-color: rgba(245, 245, 245, 0.7);
}

.team-member,
.team-img {
    position: relative;
    overflow: hidden;
}

.team-title {
    margin: 34px 0 8px;
}

.overlay {
    background-color:   rgba(20, 20, 20, .7);
    position:           absolute;
    top:                0;
    width:              100%;
    height:             100%;
    opacity:            0;
    visibility:         hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
    overflow:           hidden;
}

.overlay-grey {
    background-color: rgba(245, 245, 245, 0.7);
}

.h2-static-img {
    color:          #ffffff !important;
    text-transform: uppercase;
    font-weight:    bold;
}


.team-details span {
    color:          #ffffff;
    letter-spacing: 0.1em;
    width:          100%;
    display:        block;
    text-transform: uppercase;
}

.team-details {
    opacity:            1;
    position:           absolute;
    top:                calc(50% - 30px);
    left:               0;
    overflow:           hidden;
    width:              100%;
    z-index:            2;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}


.team-img:hover .overlay {
    opacity:    1;
    visibility: visible;
}

.team-details .social-icons a {
    background-color: rgba(255, 255, 255, 0.2);
    margin:           0 2px;
    overflow:         hidden;
    color:            #ffffff;
}

.team-details .social-icons a:hover {
    background-color: #ffdf00;
}


/* From Blog
-------------------------------------------------------*/

.entry {
    margin-bottom: 30px;
}

h4.entry-title {
    margin-top:    10px;
    margin-bottom: 6px;
    line-height:   1.5;
}

.entry-img {
    position: relative;
    overflow: hidden;
}

.from-blog .entry-date {
    position:         absolute;
    top:              0;
    width:            50px;
    height:           50px;
    background-color: #121212;

    color:            #ffffff;
    text-align:       center;
    padding:          10px 0;
}

.from-blog .entry-date span {
    display:        block;
    text-transform: uppercase;
    font-weight:    bold;
    line-height:    1.1;
}

.from-blog .entry-date span:first-child {

}

.from-blog .entry-date span:last-child {

}

.read-more {
    text-transform: uppercase;
    color:          #121212;
}

.hover-scale:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform:     scale(1.1, 1.1);
    -o-transform:      scale(1.1, 1.1);
    transform:         scale(1.1, 1.1);
}

.animation-main-article {
    -webkit-transform:  scale(1.1, 1.1);
    -ms-transform:      scale(1.1, 1.1);
    -o-transform:       scale(1.1, 1.1);
    transform:          scale(1.1, 1.1);
    animation-duration: 0.6s;
}

/* Call to Action Style-2
-------------------------------------------------------*/
.call-to-action.style-2 {
    padding: 126px 0;
}

.call-to-action.style-2 h2 {
    font-weight:   300;
    margin-bottom: 33px;
}

.call-to-action.style-2 .cta-button {
    text-align: center;
}


/* Contact
-------------------------------------------------------*/

#contact {
    background-color: #ffffff;
}

.contact-item {
    position:     relative;
    padding-left: 36px;
    margin-top:   30px;

}

.contact-item p {

}

.contact-icon {
    position: absolute;
    left:     0;
}

.contact-icon i {

    color: #a3a3a3;
}

#contact-form .message {
    height:      50px;
    width:       100%;

    line-height: 50px;
    text-align:  center;
    float:       none;
    margin-top:  20px;
    display:     none;
    color:       #ffffff;
}

#contact-form .message.error {
    background-color: #ef5659;
}

#contact-form .message.success {
    background-color: #ffdf00;
}


/* Google Map
-------------------------------------------------------*/

.gmap-btn {
    background-color:   #f5f5f5;
    width:              100%;
    height:             70px;
    z-index:            2;
    position:           relative;
    text-align:         center;
    line-height:        70px;
    text-transform:     uppercase;
    color:              #121212;
    cursor:             pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.gmap-btn:hover,
.gmap-btn.opened {
    color:            #ffffff;
    background-color: #252525;
}

.gmap {
    width:              100%;
    height:             450px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}

.gmap.gmap-hidden {
    visibility: hidden;
    z-index:    -10;
    margin-top: -450px;
    opacity:    0;
}

.gmap.opened {
    margin-top: 0;
    opacity:    1;
    z-index:    1;
    visibility: visible;
}

/*-------------------------------------------------------*/
/* Footer Type-2
/*-------------------------------------------------------*/

.footer-type-2 .footer-widgets {
    padding: 120px 0;
}

.footer-type-2 .bottom-footer {
    padding: 24px 0;
}

.footer-type-2 .bottom-footer span {
    line-height: 1.2;
}

.footer-type-2 .copyright span {

    color: #9b9b9b;
}

.footer-logo a {
    color: #ffffff;
}


/*-------------------------------------------------------*/
/* Home Agency
/*-------------------------------------------------------*/

.agency h1,
.agency h2,
.agency h3,
.agency h4,
.agency h5,
.agency h6,
.agency .pricing-price {

}

.agency .container {
    max-width:     100%;
    padding-left:  30px;
    padding-right: 30px;
}

.agency .container-fluid {
    max-width:     90%;
    padding-left:  30px;
    padding-right: 30px;
}

.agency p {

    line-height: 30px;
}

.padding-box {
    padding: 50px;
}

.top-space {
    position: fixed;
    top:      0;
    left:     0;
    width:    100%;
    display:  block;
    height:   50px;
}

.bottom-space {
    position: fixed;
    bottom:   0;
    left:     0;
    width:    100%;
    display:  block;
    height:   50px;
}


/* Play Button
-------------------------------------------------------*/
.play-btn {
    display:               inline-block;
    width:                 77px;
    height:                77px;
    background-color:      rgba(0, 0, 0, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    -ms-border-radius:     50%;
    -o-border-radius:      50%;
    border-radius:         50%;
    position:              relative;
    border:                7px solid rgba(255, 255, 255, .2);
    background-clip:       padding-box;
    transition:            transform 1s linear;
    -moz-transition:       transform 1s linear;
    -webkit-transition:    transform 1s linear;
    -o-transition:         transform 1s linear;
}

.play-btn:before {
    content:      '';
    position:     absolute;
    top:          50%;
    left:         50%;
    display:      block;
    margin:       -11px 0 0 -8px;
    width:        0;
    height:       0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #ffffff;
}


/*Hi icon Effect 8*/
.icon-effect-8 .hi-icon {
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition:    -moz-transform ease-out 0.1s, background 0.2s;
    transition:         transform ease-out 0.1s, background 0.2s;
}

.icon-effect-8 .hi-icon:after {
    top:               0;
    left:              0;
    padding:           0;
    z-index:           -1;
    box-shadow:        0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity:           0;
    -webkit-transform: scale(0.9);
    -moz-transform:    scale(0.9);
    -ms-transform:     scale(0.9);
    transform:         scale(0.9);
}

.icon-effect-8 .hi-icon:hover {
    background-color:  rgba(0, 0, 0, .4);
    -webkit-transform: scale(0.93);
    -moz-transform:    scale(0.93);
    -ms-transform:     scale(0.93);
    transform:         scale(0.93);
}

.icon-effect-8 .hi-icon:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation:    sonarEffect 1.3s ease-out 75ms;
    animation:         sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity:    0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow:        0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.3);
        opacity:           0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity:    0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow:     0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.3);
        opacity:        0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity:    0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform:  scale(1.3);
        opacity:    0;
    }
}


/* Nav-Type-6
-------------------------------------------------------*/

@media (min-width: 768px) {

    .nav-type-6 .overlay-menu {
        position:          absolute;
        top:               0;
        left:              0;
        right:             0;
        bottom:            0;
        -webkit-transform: none;
        -ms-transform:     none;
        -o-transform:      none;
        transform:         none;
    }

    .nav-type-6 .overlay-menu ul li:nth-child(2n) {
        background-color: rgba(12, 12, 12, .7);
    }

}

.nav-type-6 .navbar-fixed-top {
    right: 50px;
    left:  50px;
    top:   50px;
}

.nav-type-6 .navigation-overlay.sticky {
    background-color: rgba(17, 17, 17, 1);
}

.nav-type-6 .navbar-fixed-top.sticky {
    top:        0;
    left:       0;
    right:      0;
    min-height: 60px;
}

.nav-type-6 .navigation-overlay.sticky #nav-icon {
    top: 5px;
}

.nav-type-6 .logo-container {
    position: relative;
}

body.fs-open {
    overflow: hidden;
}

.nav-type-6 .fs-menu {
    background-image:    url(../img/agency/menu_img.jpg);
    background-size:     cover;
    background-position: center;
    background-repeat:   no-repeat;
}

.nav-type-6 .fs-menu.open {
    opacity: 1;
}

.nav-type-6 .overlay-menu ul {
    display: block;
}

.nav-type-6 .overlay-menu ul li {
    width:              25%;
    float:              left;
    display:            table;
    height:             100%;
    padding:            0;
    background-color:   rgba(12, 12, 12, .5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}

.nav-type-6 .overlay-menu ul li a {
    display:        table-cell;
    vertical-align: middle;

    text-transform: none;
}

.nav-type-6 #nav-icon {
    width:                 50px;
    height:                50px;
    background-color:      rgba(12, 12, 12, .8);
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    -ms-border-radius:     50%;
    -o-border-radius:      50%;
    border-radius:         50%;
    top:                   25px;
    float:                 right;
    position:              relative;
    right:                 auto;
}

.nav-type-6 #nav-icon span {
    width: 40%;
    left:  30%;
}

.nav-type-6 #nav-icon span:nth-child(1) {
    top: 18px;
}

.nav-type-6 #nav-icon span:nth-child(2),
.nav-type-6 #nav-icon span:nth-child(3) {
    top: 24px;
}

.nav-type-6 #nav-icon span:nth-child(4) {
    top: 30px;
}

.nav-type-6 #nav-icon.open span:nth-child(1),
.nav-type-6 #nav-icon.open span:nth-child(4) {
    top:   24px;
    width: 0%;
    left:  50%;
}

.nav-type-6 #nav-icon:hover {
    background-color: #ffffff;
}

.nav-type-6 #nav-icon:hover span {
    background-color: #121212;
}

.nav-type-6 .overlay-menu ul li:hover {
    background-color: #ffdf00;
}

.nav-type-6 .overlay-menu ul li:hover a {
    color: #ffffff;
}


/* Feature Boxes
-------------------------------------------------------*/

.icon-boxes.style-4 .service-item-box h3 {
    margin-top: 0;
}


/* Promo Section style-3
-------------------------------------------------------*/
.promo-section.style-3 .row > div:first-child {
    padding-left:   15%;
    display:        table-cell;
    vertical-align: middle;
    float:          none;
}

.promo-section.style-3 .row > div:last-child {
    float:   none;
    display: table-cell;
}

.promo-section .container-fluid {
    padding-right: 0;
    padding-left:  0;
    max-width:     100%;
}

.promo-section .btn.btn-white:hover {
    background-color: #ffdf00;
}

.customNavigation .btn.prev,
.customNavigation .btn.next {
    width:        auto;
    height:       auto;
    padding:      0;
    border:       none;
    margin-right: 14px;
}


/* Service Boxes Style-5
-------------------------------------------------------*/
.icon-boxes.style-5 {
    padding: 0;
}

.icon-boxes.style-5 .container-fluid {
    max-width:     100%;
    padding-left:  15px;
    padding-right: 15px;
    border-left:   1px solid #e0e0e0;
}

.service-item-wrap {
    border-right:      1px solid #e0e0e0;
    padding:           15px;
    min-height:        100px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
}

.icon-boxes.style-5 .service-item-box,
.icon-boxes.style-5 .service-item-box i,
.hidden-text {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition:    0.3s ease-in-out;
    -o-transition:      0.3s ease-in-out;
    transition:         0.3s ease-in-out;
}

.icon-boxes.style-5 .service-item-box {
    position:          absolute;
    padding:           0 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
    top:               60%;
    left:              0;
}

.icon-boxes.style-5 .service-item-box i {
    width:       auto;
    height:      auto;
    line-height: 1;
    color:       #bebebe;
}

.hidden-text {
    opacity:    0;
    visibility: hidden;
}

.equal-height-container .service-item-wrap:first-child h2 {
    margin-top: 40px;
}


.icon-boxes.style-5 .service-item-wrap:hover .service-item-box i {
    color: #ffdf00;
}

.service-item-wrap:hover .hidden-text,
.mobile .hidden-text {
    opacity:    1;
    visibility: visible;
}


/* Process
-------------------------------------------------------*/

.process-parallax .parallax {
    background-image: url(../img/agency/process_bg.jpg);
}

.process-parallax .service-item-box {
    background-color: #ffffff;
    padding:          100px 50px;
}


/* Testimonials Style-3
-------------------------------------------------------*/
.testimonials.style-3 .testimonial-box {
    background-color: #ffffff;
    padding:          40px;
    margin:           0 15px;
}

.testimonials.style-3 .owl-pagination {
    position:   relative;
    bottom:     auto;
    margin-top: 40px;
}

.testimonials.style-3 .testimonial-author {
    padding-top: 7px;
}

.testimonials.style-3 .testimonial-author span:first-child,
.testimonials.style-3 .testimonial-author span:last-child {
    display: inline-block;
}

.testimonials.style-3 .testimonial-author span:first-child:after {
    content: '|';
    margin:  0 3px 0 7px;
    opacity: .5;
}


/*-------------------------------------------------------*/
/* Footer Type-6
/*-------------------------------------------------------*/

.footer-type-6 .footer-get-in-touch p {
    margin-bottom: 0;
}


/*-------------------------------------------------------*/
/* Shop
/*-------------------------------------------------------*/

.section-wrap-small {
    padding: 70px 0;
}

.nav-type-3 .navbar {
    min-height: 151px;
}

.nav-type-3 .header-wrap {
    display: table;
    width:   100%;
}

.nav-type-3 .nav-wrap,
.nav-type-4 .nav-wrap,
.nav-type-4 .navbar-nav {
    width: 100%;
}

.nav-type-3 .logo-wrap > a {
    height: 105px;
}

.nav-type-3 .navigation.sticky .logo-wrap > a {
    height: 80px;
}

.nav-type-3 .navigation.sticky {
    height: auto;
}

.nav-type-3 .navbar-nav {
    float:      none;
    text-align: center;
}

.nav-type-3 .navbar-nav > li {
    float: none;
}

.nav-type-3 .nav > li {
    display: inline-block;
}

.nav-type-3 .navbar-nav > li > a,
.nav-type-3 .navigation.sticky .navbar-nav > li > a {
    line-height:    1;
    padding-bottom: 30px;
}

.nav-search.type-2,
.nav-cart-wrap {
    width: 40%;
}

.nav-type-3 .logo-container {
    width:          20%;
    float:          none;
    display:        table-cell;
    vertical-align: middle;
}

/* Top Bar
-------------------------------------------------------*/

.top-bar {
    background-color: #000000;
    width:            100%;
    position:         relative;
    height:           44px;
    color:            #a1a1a1;

}


.top-bar-links {
    line-height: 44px;


}

.top-bar > ul,
.top-bar-links > ul > li {
    display:  inline-block;
    position: relative;
}

.top-bar-links > ul > .top-bar-email {
    padding-right: 20px;
}

.top-bar-links > ul:first-child > li i {
    margin-right: 5px;
    color:        #5c5c5c;
}

.top-bar-links .top-bar-email a {
    color: #a1a1a1;
}

.top-bar-currency-language > li > a,
.top-bar-links > ul > li > a {
    color: #ffffff;
}

.top-bar-currency-language i {
    margin-left: 5px;
}

.currency-dropdown,
.language-dropdown {
    background-color:   #ffffff;

    position:           absolute;
    border:             1px solid #f2f2f2;
    z-index:            1201;
    right:              15px;
    visibility:         hidden;
    opacity:            0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.language-dropdown {
    right: 0;
}

.currency-dropdown ul li,
.language-dropdown ul li {
    line-height: 26px;
}

.currency-dropdown ul li > a,
.language-dropdown ul li > a {
    color: #7a7a7a;
}

.top-bar-currency-language > li:hover .currency-dropdown,
.top-bar-currency-language > li.language:hover .language-dropdown {
    visibility: visible;
    opacity:    1;
}

.top-bar-links .top-bar-link a:after {
    content:      '';
    border-right: 1px solid #606060;
    margin:       0 7px 0 10px;
}

.top-bar-links .top-bar-link:last-child a:after {
    content:      '';
    border-right: none;
    margin:       0;
}

.top-bar-links li a:hover {
    color: #ffdf00;
}


/* Menu Search
-------------------------------------------------------*/

.nav-search.type-2,
.nav-cart-wrap {
    display:        table-cell;
    vertical-align: middle;
}

.nav-search.type-2 input {
    margin-bottom: 0;
    border-top:    0;
    border-left:   0;
    border-right:  0;
    padding:       0;
}

.nav-search.type-2 form {
    width:    220px;
    position: relative;
}

.nav-search.type-2 .search-button {
    position:         absolute;
    right:            0;
    top:              0;
    height:           100%;
    padding:          0;
    border:           0;
    cursor:           pointer;
    background-color: transparent;
}


/* Menu Cart
-------------------------------------------------------*/
.nav-cart {
    position: relative;
}

.cart-outer {
    display:  table;
    position: relative;
    width:    20px;
    padding:  0 20px;
}

.nav-cart .cart-outer {
    padding:    0;
    margin-top: -12%;
}

.cart-inner {
    display:        table-cell;
    height:         100px;
    vertical-align: middle;
}

.nav-cart .cart-inner {
    height: 66px;
}

.nav-cart:hover .nav-cart-container {
    opacity:    1;
    visibility: visible;
}

.navigation-overlay.sticky .cart-inner {
    height: 60px;
}

.nav-type-3 .cart-inner .shopping-cart {
    background-image:    url(../img/shop/shop_icons.png);
    background-repeat:   no-repeat;
    background-position: 0 0;
    width:               20px;
    height:              25px;
    position:            relative;
    display:             inline-block;
    text-align:          center;
    line-height:         27px;
}

.nav-type-3 .cart-inner a > span {
    color:            #424242;
    font-weight:      300;
    width:            20px;
    height:           25px;
    background-color: transparent;
    position:         static;
    display:          inline;
}

.nav-cart-ammount {
    display: inline-block;
}

.nav-cart-ammount span,
.nav-cart-ammount a {
    line-height: 66px;
    color:       #3c3f46;
}


/* Menu Cart Popup
-------------------------------------------------------*/

.nav-cart-container {
    opacity:            0;
    visibility:         hidden;
    min-width:          250px;
    position:           absolute;
    left:               auto;
    right:              0;
    margin-top:         4px;
    background-color:   #ffffff;
    padding:            30px;
    line-height:        1.5;
    border-top:         2px solid #ffdf00;
    border-left:        1px solid #f2f2f2;
    border-right:       1px solid #f2f2f2;
    border-bottom:      none;
    box-shadow:         0 2px 4px rgba(0, 0, 0, .05);
    -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;
    z-index:            201;
}

.nav-cart .nav-cart-container {
    right: -20px;
}

.nav-cart-items {
    position: relative;
}

.nav-cart-item:first-child {
    margin-top: 0;
}

.nav-cart-item {
    margin-top:     15px;
    padding-bottom: 15px;
    border-bottom:  1px solid #f2f2f2;
    position:       relative;
}

.nav-cart-item .nav-cart-img {
    float:        left;
    margin-right: 20px;
    width:        70px;
    height:       87px;
}

.nav-cart-title {
    position:     relative;
    overflow:     hidden;
    margin-right: 30px;
}

.nav-cart-title > a {
    position: relative;
    color:    #121212;
}

.nav-cart-title > a:hover {
    color: #ffdf00;
}

.nav-cart-price {
    margin-top: 5px;
}

.nav-cart-remove {
    background:       url(../img/shop/shop_icons.png) 0 -26px no-repeat;
    width:            20px;
    height:           20px;
    position:         absolute;
    right:            0;
    top:              0;
    background-color: #f2f2f2;
}

.nav-cart-remove:hover {
    background-position: 0 -52px;
    background-color:    #ffdf00;
}

.nav-cart-remove a {
    width:   20px;
    height:  20px;
    display: block;
}

.nav-cart-summary {
    margin-top:  10px;
    font-weight: 700;
    color:       #121212;
}

.nav-cart-summary .total-price {
    float: right;
}

.nav-cart-actions a {
    width: 100%;
}


/* Promo Banners
-------------------------------------------------------*/

.valign {
    position:          absolute;
    top:               50%;
    -webkit-transform: translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

.promo-banner a {
    display:    block;
    background: #121212;
}

.promo-banner img {
    width:                       100%;
    -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;
    backface-visibility:         hidded;
    -webkit-backface-visibility: hidden;
}

.promo-banner .work-overlay {
    opacity:          1;
    visibility:       visible;
    background-color: transparent;
}

.promo-banner a:hover img {
    opacity:           0.6;
    -webkit-transform: scale(1.1);
    -ms-transform:     scale(1.1);
    -o-transform:      scale(1.1);
    transform:         scale(1.1);
}

.promo-inner {
    position:   absolute;
    width:      100%;
    text-align: center;
}

.promo-inner h2 {
    color:         #ffffff;
    font-weight:   bold;
    margin-bottom: 7px;
}

.promo-inner span {
    color:          #ffffff;
    text-transform: uppercase;
}

.parent h3:last-child {
    color: #d62c2c;
}


/* New Arrivals
-------------------------------------------------------*/

.product-item {
    margin-bottom: 50px;
}

.product-img img {
    overflow:  hidden;
    min-width: 99.9%;
}

.product-img > a {
    display:  block;
    position: relative;
}

.product-label {
    position: absolute;
    top:      10px;
    left:     10px;
}

.product-label > span {
    color:          #ffffff;
    text-transform: uppercase;
    padding:        5px 10px;
}

.product-label .sale {
    background-color: #ffdf00;
}

.product-label .hot {
    background-color: #ef5659;
}

.sold-out {
    background-color: rgba(255, 255, 255, .9);
    color:            #121212;
    padding:          15px 0;
    display:          block;
    text-align:       center;
    width:            100%;
    z-index:          5;
    text-transform:   uppercase;
    font-weight:      bold;
    cursor:           default;
}

.product-details {
    position:   relative;
    text-align: center;
}

.product-details > h3 {
    text-align: center;
    padding:    0 10%;
}

.product-details > h3,
.product-list-widget a > span,
.table.shop_table tr td.product-name a {
    line-height:    14px;
    margin-bottom:  3px;

    text-transform: uppercase;
}

.product-details > h3 > a,
.product-list-widget a {
    line-height: 1.2;
    color:       #7a7a7a;
    display:     inline-block;
}

.product-details > h3:hover > a,
.product-list-widget a:hover {
    color: #ffdf00;
}

.price,
.amount {

    text-transform: uppercase;
}

.price del {
    color:        #7a7a7a;
    margin-right: 10px;
    font-weight:  inherit;
}

.price ins {
    text-decoration: none;
    color:           #121212;
    font-weight:     bold;
}


.product-img .back-img {
    position:                    absolute;
    top:                         0;
    opacity:                     0;
    backface-visibility:         hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transition:          all .3s ease-in-out;
    -ms-transition:              all .3s ease-in-out;
    -moz-transition:             all .3s ease-in-out;
    -o-transition:               all .3s ease-in-out;
    transition:                  all .3s ease-in-out;
}

.product-img.hover-1 {
    position:      relative;
    overflow:      hidden;
    margin-bottom: 0;
}

.product-img.hover-1:hover .hover-overlay,
.product-img.hover-1:hover .back-img {
    opacity:    1;
    visibility: visible;
}

.product-img.hover-1 .hover-overlay {
    position:           absolute;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    opacity:            0;
    visibility:         hidden;
    background-color:   rgba(255, 255, 255, .75);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.product-img.hover-1 .product-actions {
    position:   absolute;
    width:      100%;
    top:        40%;
    margin-top: -37px;
    text-align: center;
}

.product-actions span {
    display:    block;
    margin-top: 17px;
}

.product-img.hover-1 .product-quickview {
    position:           absolute;
    bottom:             -26px;
    width:              100%;
    background-color:   #121212;
    text-transform:     uppercase;
    text-align:         center;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.product-quickview a {
    color:       #ffffff !important;
    line-height: 26px;
}

.product-img.hover-1:hover .product-quickview {
    bottom: 0;
}

.rating:before {
    font-family:    'ElegantIcons';
    content:        '\e033 \e033 \e033 \e033 \e031';
    letter-spacing: 0.25em;

    color:          #121212;
    font-style:     normal;
}

.product-img.hover-1 .product-add-to-wishlist {
    display:            block;
    position:           absolute;
    top:                20px;
    right:              20px;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.product-add-to-wishlist i {
}

.product-img .product-add-to-wishlist a {
    color:   #7a7a7a;
    padding: 1px;
}

.product-img .product-add-to-wishlist a:hover {
    color: #ffdf00;
}


/* Testimonials Style-2
-------------------------------------------------------*/

.testimonials.style-2 .owl-pagination {
    text-align: right;
    bottom:     20px;
}

.testimonials.style-2 .testimonial-box p {
    color:            #7a7a7a;
    line-height:      28px;
    margin-bottom:    0;
    padding:          30px;
    background-color: #f5f5f5;
}

.testimonial-author {
    padding-top: 26px;
}

.testimonial-author span:first-child {

    color:         #121212;
    display:       block;
    margin-bottom: 5px;
}

.testimonial-author span:last-child {
    display: block;
}

.owl-dark-dots .owl-page span {
    border-color: #a7a7a7;
}

.owl-dark-dots .owl-page.active span {
    background-color: #121212;
    border-color:     transparent;
}


/* Promo Parallax
-------------------------------------------------------*/

.promo-parallax {
    background-image: url(../img/shop/promo_parallax.jpg);
}

.promo-parallax h2 {
    margin-bottom: 33px;
}


/* Special offer / Bestsellers / Top Rated / Sales
-------------------------------------------------------*/

.product-list-widget img {
    width:        84px;
    float:        left;
    margin-right: 17px;
    display:      inline-block;
}

.product-list-widget li {
    position:      relative;
    overflow:      hidden;
    padding:       20px 0 !important;
    border-bottom: 1px solid #f2f2f2;
}

.product-list-widget li:first-child {
    padding-top: 0 !important;
}

.product-list-widget li:last-child {
    padding-bottom: 0 !important;
    border:         0 !important;
}

.product-list-widget .product-title {
    display:       block;
    margin-bottom: 5px;
}


/* Brands Carousel
-------------------------------------------------------*/

.brands-wrap {
    padding:    35px 0;
    border-top: 1px solid #ececec;
}

/*-------------------------------------------------------*/
/* Catalog Grid
/*-------------------------------------------------------*/

.row.items-grid .col-xs-6:nth-child(2n + 3) {
    clear: left;
}

.row.items-grid .col-xs-4:nth-child(3n + 4) {
    clear: left;
}

.row.items-grid .col-xs-3:nth-child(4n + 5) {
    clear: left;
}

.row.items-grid .col-xs-2:nth-child(6n + 7) {
    clear: left;
}

.row.items-grid .col-xs-1:nth-child(12n + 13) {
    clear: left;
}

@media (min-width: 768px) {

    .row.items-grid .col-xs-6:nth-child(2n + 3) {
        clear: none;
    }

    .row.items-grid .col-xs-4:nth-child(3n + 4) {
        clear: none;
    }

    .row.items-grid .col-xs-3:nth-child(4n + 5) {
        clear: none;
    }

    .row.items-grid .col-xs-2:nth-child(6n + 7) {
        clear: none;
    }

    .row.items-grid .col-xs-1:nth-child(12n + 13) {
        clear: none;
    }

    .row.items-grid .col-sm-6:nth-child(2n + 3) {
        clear: left;
    }

    .row.items-grid .col-sm-4:nth-child(3n + 4) {
        clear: left;
    }

    .row.items-grid .col-sm-3:nth-child(4n + 5) {
        clear: left;
    }

    .row.items-grid .col-sm-2:nth-child(6n + 7) {
        clear: left;
    }

    .row.items-grid .col-sm-1:nth-child(12n + 13) {
        clear: left;
    }
}

@media (min-width: 992px) {

    .row.items-grid .col-sm-6:nth-child(2n + 3) {
        clear: none;
    }

    .post-small .entry,
    .posts-list .entry {
        overflow: hidden;
    }

    /*  .entry {
          margin-top: 60px !important;
      }*/
    .row.items-grid .col-sm-4:nth-child(3n + 4) {
        clear: none;
    }

    .row.items-grid .col-sm-3:nth-child(4n + 5) {
        clear: none;
    }

    .row.items-grid .col-sm-2:nth-child(6n + 7) {
        clear: none;
    }

    .row.items-grid .col-sm-1:nth-child(12n + 13) {
        clear: none;
    }

    .row.items-grid .col-md-6:nth-child(2n + 3) {
        clear: left;
    }

    .row.items-grid .col-md-4:nth-child(3n + 4) {
        clear: left;
    }

    .row.items-grid .col-md-3:nth-child(4n + 5) {
        clear: left;
    }

    .row.items-grid .col-md-2:nth-child(6n + 7) {
        clear: left;
    }

    .row.items-grid .col-md-1:nth-child(12n + 13) {
        clear: left;
    }
}

@media (min-width: 1200px) {

    .row.items-grid .col-md-6:nth-child(2n + 3) {
        clear: none;
    }

    .row.items-grid .col-md-4:nth-child(3n + 4) {
        clear: none;
    }

    .row.items-grid .col-md-3:nth-child(4n + 5) {
        clear: none;
    }

    .row.items-grid .col-md-2:nth-child(6n + 7) {
        clear: none;
    }

    .row.items-grid .col-md-1:nth-child(12n + 13) {
        clear: none;
    }

    .row.items-grid .col-lg-6:nth-child(2n + 3) {
        clear: left;
    }

    .row.items-grid .col-lg-4:nth-child(3n + 4) {
        clear: left;
    }

    .row.items-grid .col-lg-3:nth-child(4n + 5) {
        clear: left;
    }

    .row.items-grid .col-lg-2:nth-child(6n + 7) {
        clear: left;
    }

    .row.items-grid .col-lg-1:nth-child(12n + 13) {
        clear: left;
    }
}


/* Filter
-------------------------------------------------------*/

.shop-filter,
.view-mode {
    float: left;
}

.shop-filter {
    margin-bottom: 30px;
    width:         100%;
}

.shop-filter .view-mode,
.shop-filter .filter-show {
    margin-top: 5px;
}

.view-mode .grid,
.view-mode .list {
    background:     url(../img/shop/shop_icons.png) 0 0 no-repeat;
    display:        inline-block;
    width:          13px;
    height:         13px;
    cursor:         pointer;
    margin-left:    10px;
    margin-bottom:  2px;
    vertical-align: middle;
}

.view-mode .grid.grid-active {
    background-position: 0 -78px;
}

.view-mode .grid {
    background-position: 0 -104px;
}

.view-mode .list.list-active {
    background-position: 0 -130px;
}

.view-mode .list {
    background-position: 0 -156px;
}

.filter-show {
    margin-left: 40px;
    float:       left;
}

.filter-show a {
    color: #7a7a7a;
}

.filter-show a.active {
    color: #121212;
}

.filter-show a:nth-child(2):before {
    content: '';
}

.filter-show a:before {
    content: '/';
    margin:  0 3px 0 1px;
    color:   #7a7a7a;
}

.ecommerce-ordering {
    float: right;
    width: 31%;
}

.ecommerce-ordering select {
    margin-bottom: 0;
}

/* Grid / List View
-------------------------------------------------------*/

.product-grid .product-list-details,
.product-grid .product-details .rating,
.product-list .product-img.hover-1 .hover-overlay {
    display: none;
}

.list-view .product-list {
    width: 100%;
}

.product-list .product-img {
    width:         32%;
    float:         left;
    margin-bottom: 0;
    margin-right:  3%;
}

.product-list .product-item {
    float: left;
    width: 100%;
}

.product-list .product-details,
.product-list .product-list-details {
    float:      left;
    width:      65%;
    text-align: left;
}

.product-list .product-details > h3 {
}

.product-list .price {
    margin-top:    20px;
    padding:       16px 0;
    border-top:    1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    float:         left;
    width:         100%;
}

.product-list .price del,
.single-product .price del {
    display:       inline-block;
    margin-bottom: 0;
    margin-right:  auto;
    float:         left;
}


.product-list .price ins,
.single-product .price ins {
    display: inline-block;
    float:   left;
}

.product-list .product-description,
.single-product .product-description {
    margin: 25px 0;
}

.product-list .rating {
    float: left;
}

.rating a {
    color:       #7a7a7a;
    margin-left: 7px;
}

.icon-add-to-wishlist {
    display:     inline-block;
    width:       39px;
    height:      39px;
    line-height: 39px;
    text-align:  center;
}

.icon-add-to-wishlist a {
    color:              #121212;
    background-color:   #f5f5f5;
    display:            block;
    -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;
}


/* Pagination
-------------------------------------------------------*/

.pagination {
    margin:        0 auto;
    border-radius: 0;
    text-align:    center;
    border-bottom: 2px solid #f2f2f2;
}

.pagination a,
.pagination span {
    background-color:   #ffffff;
    padding:            8px;
    display:            inline-block;
    border-bottom:      2px solid #f2f2f2;
    min-width:          38px;
    height:             38px;
    line-height:        20px;
    text-align:         center;
    -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;
    margin-bottom:      -2px;

}

.pagination a {
    color: #7a7a7a;
}

.pagination a:hover {
    border-color: #ffdf00;
}

.pagination a > i {
}

.pagination .current {
    color:        #121212;
    border-color: #ffdf00;
}


/* Price Slider
-------------------------------------------------------*/

.ui-slider-horizontal {
    cursor:        pointer;
    position:      relative;
    height:        7px;
    background:    #f2f2f2;
    margin-bottom: 20px;
}

.filter-by-price .ui-slider .ui-slider-handle {
    position:              absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    width:                 13px;
    height:                13px;
    background:            #121212;
    top:                   -3px;
    margin-left:           -13px;
}

.filter-by-price .ui-slider span:first-of-type {
    margin-left: 0;
}

.ui-slider .ui-slider-range {
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    position:              absolute;
    background-color:      #ffdf00;
    height:                7px;
}

.filter-by-price p {
    margin-bottom: 0;
}

.filter-by-price input#amount {
    width:            40%;
    padding:          0;
    color:            #121212;
    border:           none;
    background-color: transparent;
    height:           auto;
    border-radius:    0;
    margin-bottom:    0;
    box-shadow:       none;
    line-height:      1;

    vertical-align:   middle;
}

.filter-by-price label {

    line-height:    33px;
    margin-bottom:  0;
    text-transform: none;
    color:          #7a7a7a;
}

.filter-by-price p > a {
    float:   right;
    padding: 7px 15px;
}

.price-filter {
    margin-top: 7px;
    float:      left;
}


/* Color Swatches
-------------------------------------------------------*/
.color-swatches a,
.size-options a {
    display:      inline-block;
    width:        36px;
    height:       36px;
    margin-right: 9px;
    float:        left;
}

.color-swatches li:last-child a {
    margin-right: 0;
}

.color-swatches a.selected {
    border: 2px solid #16181a;
}

.swatch-red {
    background-color: #ef5659;
}

.swatch-green {
    background-color: #67c1b5;
}

.swatch-grey {
    background-color: #f5f5f5;
}

.swatch-black {
    background-color: #000000;
}

.swatch-white {
    background-color: #ffffff;
    border:           1px solid #e0e0e0;
}

.swatch-brown {
    background-color: #c2a191;
}


/*-------------------------------------------------------*/
/* Single Product
/*-------------------------------------------------------*/

.gallery-main .gallery-cell {
    margin-bottom: 10px;
}

.gallery-cell,
.gallery-main img {
    width: 100%;
}

.gallery-cell a i {
    position:           absolute;
    bottom:             20px;
    left:               20px;
    color:              #cccccc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.gallery-thumbs {
    margin: 0 -5px;
}

.gallery-thumbs .gallery-cell {
    width:   20%;
    float:   left;
    padding: 0 5px;
}

.gallery-thumbs img {
    opacity:                     0.5;
    cursor:                      pointer;
    -webkit-transition:          opacity 0.3s ease-in-out;
    -moz-transition:             opacity 0.3s ease-in-out;
    -ms-transition:              opacity 0.3s ease-in-out;
    -o-transition:               opacity 0.3s ease-in-out;
    transition:                  opacity 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

.gallery-thumbs .is-nav-selected img,
.gallery-thumbs img:hover {
    opacity: 1;
}

.flickity-prev-next-button,
.flickity-prev-next-button:hover {
    background-color: transparent;
}

.flickity-prev-next-button:focus {
    box-shadow: none;
}

.flickity-prev-next-button {
    opacity:            0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition:    opacity 0.3s ease-in-out;
    -ms-transition:     opacity 0.3s ease-in-out;
    -o-transition:      opacity 0.3s ease-in-out;
    transition:         opacity 0.3s ease-in-out;
}

.gallery-main:hover .flickity-prev-next-button {
    opacity: 1;
}

.single-product .product-description-wrap {
    padding-left: 30px;
    word-break:   break-word;
}

.product-description-wrap h1 {
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom:  1px solid #f2f2f2;
}

.single-product .rating a:before {
    margin-right: 15px;
}

.single-product .price {
    margin-top: 25px;
    display:    block;
}

.single-product .price del,
.single-product .price ins {
    float: none;
}

.single-product .quantity.buttons_added {
    float: left;
}

.quantity.buttons_added {
    white-space:    nowrap;
    position:       relative;
    display:        inline-block;
    vertical-align: middle;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
    width:            28px;
    height:           39px;
    background-color: #ffffff;
    border:           1px solid #e0e0e0;
    float:            left;
}

.quantity.buttons_added .minus {
    border-right: 0;
}

.quantity.buttons_added .plus {
    border-left: 0;
}

.quantity .input-text.qty {
    width:         28px;
    height:        39px;
    padding:       0;
    margin-bottom: 0;
    text-align:    center;
    float:         left;
    line-height:   1;
}

.product-actions li {
    margin-right: 10px;
    display:      inline-block;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.color-select h6,
.size-options h6 {
    text-transform: uppercase;
}

.size-options a {
    border:      1px solid #e0e0e0;
    color:       #7a7a7a;
    text-align:  center;
    line-height: 35px;


}

.size-options a.selected {
    color:            #121212;
    background-color: #f2f2f2;
    border-color:     transparent;
}

.single-product .product_meta {
    margin: 15px 0 15px;
}

.product_meta span {
    display: block;
    color:   #121212;
}

.product_meta span a {
    color: #7a7a7a;
}

.product_meta span a:hover {
    color: #ffdf00;
}

.single-product .socials-share {
    padding:       12px 0;
    border-top:    1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px;
}

.single-product .socials-share .social-icons {
    float:      right;
    margin-top: 0;
}

.single-product .socials-share span,
.project-info .socials-share span {
    display:      inline-block;
    margin-top:   6px;
    margin-right: 10px;
}

.socials-share .social-icons {
    display: inline-block;
}

.single-product .socials-share .social-icons a,
.project-info .socials-share .social-icons a {
    background-color: transparent;
    margin-bottom:    0;
}

.single-product .tab-content #tab-info .table > thead > tr {
    border-bottom: 1px solid #f2f2f2;
}

.single-product .tab-content #tab-info tr th {
    width:            25%;
    background-color: #f9f9f9;
    padding-left:     15px;
}

.single-product .tab-content #tab-info tr td {
    padding-left: 15px;
}

.single-product .reviews-list li {
    margin-top: 20px;
}

.single-product .reviews-list li:first-child {
    margin-top: 0;
}

.single-product .review-content p:first-child {
    color:         #121212;
    margin-bottom: 0;
}

.related-products .product-item,
.related-products .work-item {
    margin-bottom: 0;
    padding:       0 15px;
}


/*-------------------------------------------------------*/
/* Cart Page
/*-------------------------------------------------------*/

.shopping-cart h2,
.checkout h2 {
}

.cart_totals h2,
.order-review-wrap h2 {
    margin-bottom: 15px;
}

.table.shop_table.cart {
    margin-bottom: 0;
}

.table.shop_table.cart thead tr th,
.table.shop_table.cart tr {
    border-bottom: 1px solid #f2f2f2;
}

.table.shop_table thead tr th {
    color:          #121212;
    text-transform: uppercase;
}

.table.shop_table img {
    height:    auto;
}

.table.shop_table .product-thumbnail {
    width:   95px;
    padding: 20px 8px 20px 0;
}


.table.shop_table td.product-quantity {
    width: max-content;
}

.table.shop_table .product-name > a,
.table.shop_table .product-price > span,
.table.shop_table .product-subtotal > span {
    color: #121212;
}

.table.shop_table .product-name > a:hover {
    color: #ffdf00;
}

.table.shop_table .product-remove {
    text-align:    right;
    padding-right: 0;
    min-width:     30px;
}

.product-remove .remove {
    display: inline-block;
    width:   20px;
    height:  20px;

    /*background-color: #f2f2f2;*/
}

.product-remove .remove > i {
    adding: 0;
    margin: 0 10px 0 -10px;

}


.table.shop_table tr td {
    vertical-align: middle;
}

.cart_totals table {
    margin-bottom: 20px;
    min-width:     100%;
}

.cart_totals .table > tbody > tr > td,
.cart_totals .table > tbody > tr > th,
.table.ecommerce-checkout-review-order-table > tbody > tr > td,
.table.ecommerce-checkout-review-order-table > tbody > tr > th {
    color:   #121212;
    padding: 10px 0;
}

.cart_totals tr:first-child th,
.cart_totals tr:first-child td,
.ecommerce-checkout-review-order-table tr:first-child th,
.ecommerce-checkout-review-order-table tr:first-child td {
    border-top: 0;
}

.cart_totals tr td,
.ecommerce-checkout-review-order tr td {
    text-align: right;
}

.actions > input,
.actions > div {
    display:     inline-block;
    margin-left: 5px;
}

.actions > div > a {
    display: block;
}

.coupon .input-text {
    width:        58%;
    display:      inline-block;
    float:        left;
    margin-right: 8px;
}

.form-row {
    float: left;
}

.form-row.form-row-wide {
    width: 100%;
}

.row.row-10 {
    margin: 0 -5px;
}

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

.row.row-16 {
    margin: 0 -8px;
}

.row.row-16 > div {
    padding: 0 8px;
}

.shipping-calculator-form p:last-child,
select.country_to_state {
    margin-bottom: 0;
}

#calc_shipping_postcode,
#calc_shipping_state {
    margin-bottom: 10px;
}

.table.shop_table tr td.product-name {
    line-height: 1.2;
}


/*-------------------------------------------------------*/
/* Checkout
/*-------------------------------------------------------*/

#customer_details h2 {
    width: 98%;
}

.ecommerce form #customer_details p {
    display:       block;
    width:         98%;
    margin-bottom: 20px;
}

.ecommerce form .form-row:after {
    clear: both;
}

.ecommerce form #customer_details label {
    float:       left;
    width:       20%;
    line-height: 39px;
    margin:      0;

}

abbr.required {
    color: #f34937;
}

.ecommerce form #customer_details .form-row input,
.ecommerce form #customer_details .form-row select,
.ecommerce form #customer_details .form-row textarea {
    float:         right;
    width:         80%;
    margin-bottom: 0;
}

.ecommerce form #customer_details .form-row textarea {
    min-height:  80px;
    line-height: 20px;
}

.order-review-wrap {
    border:  1px solid #e0e0e0;
    padding: 40px 30px;
}

#billing_address_1_field {
    margin-bottom: 10px !important;
}

.ecommerce .checkout #createaccount,
.ecommerce .checkout #ship-to-different-address-checkbox {
    float: none !important;
    width: auto !important;
}

.ecommerce-shipping-fields {
    margin-bottom: 50px;
}

.ecommerce .checkout label.checkbox {
    float:       none !important;
    width:       auto !important;
    line-height: 1.5 !important;
}

.ecommerce .create-account {
    margin-top: 30px;
}

.order-review-wrap table {
    margin-bottom: 40px;
}

.ecommerce-checkout-review-order-table .order-total {
}

.order-review .payment_methods.methods li {
    padding-bottom: 10px;
}

.ecommerce .form-row.place-order {
    float:      none;
    margin-top: 30px;
}

.form-row.place-order input {
    width: 100%;
}

.payment_methods li {
    padding:       15px 0;
    border-bottom: 1px solid #f2f2f2;
}

.payment_method_paypal img {
    margin-left: 15px;
}

.payment_box p {
    margin-top:    10px;
    margin-bottom: 0;
}

.payment_methods label {

    color:          #3c3f46;
    vertical-align: middle;
    margin-bottom:  0;
}


/*-------------------------------------------------------*/
/* Footer Type-3
/*-------------------------------------------------------*/


.footer-type-3 .footer-socials .social-icons a {
    background-color: #252525;
}

.footer-type-3 .footer-links ul > li {
    border-bottom: none;
    padding:       4px 0;
}

input[type='email'].newsletter-input {
    border-color: #525252;
    padding-left: 40px !important;
}

input[type='email'].newsletter-input:focus {
    border-color: #888888;
}

.newsletter-submit {
    height: 38px;
}

.newsletter-form > i {
    position: absolute;
    top:      11px;
    left:     15px;
}

.footer-payment-systems {
    margin-top: 14px;
}

.footer-payment-systems i {
    vertical-align: middle;
}

.footer-type-3 .copyright span {
    line-height: 1;
}

.bottom-footer-links li {
    display:        inline-block;
    text-transform: uppercase;
    margin-bottom:  10px;
}

.bottom-footer-links.style-2 li {
    text-transform: none;
    line-height:    32px;
}

.bottom-footer-links li:after {
    content:      '';
    border-right: 1px solid #434343;
    margin:       0 7px 0 10px;
}

.bottom-footer-links a {
    color: #7a7a7a;
}

.bottom-footer-links li:last-child:after {
    border: none;
}


/*-------------------------------------------------------*/
/* Magazine
/*-------------------------------------------------------*/


/* Navigation Type-4
/*-------------------------------------------------------*/

.nav-type-4 .navbar {
    min-height: 180px;
}

.nav-type-4 .navbar-nav {
    padding: 0 15px;
}

.nav-type-4 .nav-search.type-2 {
    width:      auto;
    float:      right;
    margin-top: 12px;
}

.nav-type-4 .nav-search.type-2 input {
    border-bottom: none;
}

.nav-type-4 .logo-wrap > a {
    height: 120px;
}

.nav-type-4 .navigation.sticky .logo-wrap > a {
    height: 60px;
}

.nav-type-4 .navbar-nav > li > a {
    line-height: 60px;


    padding:     0 15px;
}

.nav-type-4 .megamenu-item h6 {


}

.nav-type-4 .navbar-nav > li:nth-child(2) > a {
    padding-left: 0;
}

.nav-type-4 .nav-wrap {
    background-color: #f2f2f2;
}

.header-ad {
    display:       table;
    float:         right;
    padding-right: 15px;
    height:        120px;
}

.header-ad a {
    display:        table-cell;
    vertical-align: middle;
}

.nav-type-4 .nav-logo a {
    padding-left:  0;
    padding-right: 40px;
}

.nav-type-4 .navigation.sticky .header-wrap {
    display: none;
}

.nav-home i {
    color: #121212;
}

.nav-type-4 .navbar-nav .dropdown > a:after {
    font-family: 'FontAwesome';
    content:     '\f107';
    right:       15px;
    color:       #121212;
    margin-left: 5px;
}

.top-bar-date {
    margin-right: 25px;
}

.nav-type-4 .top-bar-links {

    text-transform: uppercase;
    color:          #a1a1a1;
}

.nav-type-4 .top-bar-link a {
    color: #a1a1a1;
}

.top-bar-links .top-bar-acc li.social-icons a {
    background-color: transparent;
    color:            #7a7a7a;
}

.top-bar-links .top-bar-acc li.social-icons a:hover {
    color: #ffffff;
}

.top-bar-links li.social-icons {
    margin-right: 30px;
}


/* Breaking News
/*-------------------------------------------------------*/

.breaking-news span {
    float:        left;
    color:        #ef5659;

    margin-right: 7px;
}

#ticker {
    margin-left: 130px;
}

#ticker .flex-viewport {
    margin-right: 50px;
}

#ticker a {
    color: #7a7a7a;
}

#ticker time {
    color: #121212;
}

#ticker a:hover {
    color: #ffdf00;
}

#ticker .flex-direction-nav a {
    opacity:     1;
    width:       20px;
    height:      20px;
    line-height: 20px;
    top:         0;
    margin-top:  0;
}

#ticker .flex-direction-nav .flex-next {
    right: 0;
}

#ticker .flex-direction-nav .flex-prev {
    right: 25px;
    left:  auto;
}


/* Main News
/*-------------------------------------------------------*/

article img {
    -webkit-transition:          transform 1.5s ease-out;
    -moz-transition:             transform 1.5s ease-out;
    -o-transition:               transform 1.5s ease-out;
    transition:                  transform 1.5s ease-out;
    backface-visibility:         hidden;
    -webkit-backface-visibility: hidden;
    position:                    relative;
    width:                       100%;
}

.row.small-spacing {
    margin: 0 -2px;
}

.row.small-spacing > div {
    padding: 0 2px;
}

.main-news .post-1,
.main-news .post-2,
.main-news .post-3 {
    margin-bottom: 4px;
}

.gradient:before {
    content:    '';
    display:    block;
    width:      100%;
    height:     100%;
    position:   absolute;
    top:        0;
    z-index:    1;
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .75) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .75) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .75) 100%);
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

.list-inline,
.entry-inner .entry {
    margin: 0;
}

.list-inline li {
    display: inline-block;
    padding: 0 7px;
}

.entry-meta li:first-child {
    padding-left: 0;
}

.entry-inner {
    position:       absolute;
    bottom:         0;
    width:          100%;
    pointer-events: none;
    padding:        30px;
    color:          #ffffff;
    z-index:        2;
}

.entry-inner.small {
    padding: 15px 20px;
}

.entry-inner li a,
.entry-inner .entry-meta li a,
.entry-inner .entry-meta li i {
    color: #ffffff;
}

.entry-title {
    line-height:   1.2;
    margin-bottom: 0;
}

.entry-meta {
    margin-bottom: 15px;
    margin-top:    5px;
}

.entry-inner .entry-meta {
    margin-bottom: 0;
    margin-top:    0;
}

.entry-meta li,
.entry-meta li a {
    color:       #7a7a7a;
    display:     inline-block;
    white-space: nowrap;
    font-style:  italic;
}

.entry-meta li a:hover {
    color: #ffdf00;
}

.entry-meta li i {
    margin-right: 7px;
}

.entry-date,
.entry-author,
.entry-comments {
    pointer-events: auto;
}

.entry-content {
    overflow: hidden;
}


/* Trending News
/*-------------------------------------------------------*/
.entry-category-label {
    position:         absolute;
    top:              0;
    left:             0;
    padding:          6px 9px;
    color:            #ffffff !important;
    text-transform:   uppercase;
    background-color: #121212;
    z-index:          1;
}

.entry-category-label.blue {
    background-color: #529fbf;
}

.entry-category-label.gold {
    background-color: #c2a191;
}

.entry-category-label.green {
    background-color: #ffdf00;
}

.entry-category-label.red {
    background-color: #ef5659;
}

.entry-category-label.violet {
    background-color: #b48cc3;
}

.entry-category-label.dark-blue {
    background-color: #4a6abc;
}

.post-small {
    position: relative;
}

.post-small img {
    width: auto;
}

.post-small .entry,
.posts-list .entry {
    margin-top:    0;
    margin-bottom: 0;
}

.posts-list .entry-img {
    float:        left;
    margin-right: 20px;
}

.post-small .entry-title {

    line-height:   20px;
    margin-bottom: 7px;
}

.posts-list {
    margin-top: 15px;
}

.post-small .entry-meta {
    margin-bottom: 0;
    overflow:      hidden;
}

.posts-list > li {
    padding:    18px 0;
    border-top: 1px solid #f2f2f2;
}

.posts-list > li:last-child {
    padding-bottom: 0;
}

.cat-filter {
    position: absolute;
    right:    0;
    top:      10px;
}

.cat-filter .nav-tabs > li > a {
    margin-right: 20px;
}

.cat-filter .nav-tabs > li:last-child > a {
    margin-right: 0;
}


/* Latest News
/*-------------------------------------------------------*/

.posts-list.no-top-pad {
    margin-top: 0;
}

.posts-list.no-top-pad > li:first-child {
    padding-top: 0;
    border-top:  none;
}

/* News in Pictures
/*-------------------------------------------------------*/
.gallery-list {
    margin: 0 -2px;
}

.gallery-list li {
    width:         33.33%;
    float:         left;
    padding:       0 2px;
    margin-bottom: 4px;
}

.news-pictures .post-1 {
    margin-bottom: 4px;
}


/* Sport / Fashion / Travel
/*-------------------------------------------------------*/
.heading-label-red.bottom-line:after {
    border-color: #ef5659;
}

.heading-label-gold.bottom-line:after {
    border-color: #c2a191;
}

.heading-label-green.bottom-line:after {
    border-color: #ffdf00;
}

.heading-label-blue.bottom-line:after {
    border-color: #529fbf;
}

.heading-label-violet.bottom-line:after {
    border-color: #b48cc3;
}


/*-------------------------------------------------------*/
/* Sidebar
/*-------------------------------------------------------*/

.left-sidebar {
    float: left;
}

.sidebar:not(.left-sidebar) {
    padding-left: 3.2%;
}

.sidebar .widget-title {
    margin-bottom: 30px;
}

.sidebar .widget {
    margin-top:    50px;
    margin-bottom: 0;
}

.list-dividers > li {
    position:      relative;
    padding:       10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.sidebar .widget:first-child {
    margin-top: 0;
}

.sidebar .widget:last-child {
    margin-bottom: 30px;
}

.sidebar .widget > ul > li:last-child {
    padding-bottom: 0;
    border-bottom:  none;
}

.sidebar .widget > ul > li:first-child {
    padding-top: 0;
}

.widget.categories ul li.active-cat a,
#recent-comments > ul > li > a {
    color: #121212;
}

.widget.categories ul li a {
    color: #7a7a7a;
}

.widget.categories ul li a:hover,
#recent-comments li a:hover {
    color: #ffdf00;
}

.sidebar .categories li span {
    right:    0;
    position: absolute;
    color:    #a7a7a7;
}


/* Popular / Recent / Comments
-------------------------------------------------------*/

.widget.popular-latest .nav.nav-tabs > li {
    width:      33.333%;
    text-align: center;
}

.widget.popular-latest .nav.nav-tabs > li > a {
    margin-right: -1px;
    padding:      13px 14px;
    border:       1px solid #e0e0e0;
}

.widget.popular-latest .tab-content {
    padding: 30px 0 0;
}

.widget.popular-latest .nav.nav-tabs > li.active > a,
.widget.popular-latest .nav.nav-tabs > li.active > a:hover,
.widget.popular-latest .nav.nav-tabs > li.active > a:focus {
    background-color: #ffdf00;
    color:            #ffffff;
    border:           1px solid #ffdf00;
}

#recent-comments .entry-meta {
    margin: 0;
    color:  #7a7a7a;
}


/* Weather Widget
-------------------------------------------------------*/
.weather-box {
    background-color: #f5f5f5;
    padding:          12%;
    position:         relative;
}

.weather-temp i {
    position: relative;
    top:      13px;
}

.weather-wrap {
    margin-bottom: 20px;
}

.weather-main ul li {
    padding: 3px 0;
}

.temp-main {
    color:       #121212;
    display:     block;

    margin-top:  20px;
    line-height: 1;
}

.week-days {
    padding-top: 20px;
    border-top:  1px solid #e6e6e6;
}

.week-days li {
    display:    inline-block;
    padding:    0 10px;
    width:      32%;
    color:      #121212;
    text-align: center;

}

.week-days li:first-child {
    padding-left: 0;
}

.week-days li:last-child {
    padding-right: 0;
}

.week-days li > span {
    display: block;
    color:   #7a7a7a;

}


/* Sidebar Search
-------------------------------------------------------*/


.search-button {
    position:         absolute;
    top:              0;
    height:           100%;
    right:            10px;
    background-color: transparent;
    border:           none;
}

.search-button i {
    width: 14px;
}

.search-button i:hover {
    color: #121212;
}

/* Tags
-------------------------------------------------------*/
.tags a {
    background-color:   #f5f5f5;
    padding:            10px 12px;
    line-height:        1;
    margin:             0 6px 6px 0;
    color:              #7a7a7a;
    display:            inline-block;
    float:              left;
    transition:         all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
}

.tags a:hover {
    background-color: #ffdf00;
    color:            #ffffff;
}


/*-------------------------------------------------------*/
/* Magazine Categories
/*-------------------------------------------------------*/

.mag-categories .content .entry {
    margin-bottom: 50px;
}

/*-------------------------------------------------------*/
/* Magazine Single
/*-------------------------------------------------------*/

.magazine .post-single h1.entry-title {
    line-height: 1.5;
}

/*-------------------------------------------------------*/
/* Footer Type-4
/*-------------------------------------------------------*/

.newsletter-form.style-2 input {
    width:          auto;
    vertical-align: baseline;
}

.newsletter-form.style-2 .newsletter-input {
    margin-right:  6px;
    margin-bottom: 10px;
}

.footer-links.small-space ul > li {
    padding: 8px 0;
}

.footer-type-4 .bottom-footer {
    padding: 19px 0;
}

.footer-posts.with-thumbs .posts-list {
    margin-top: 22px;
}


/*-------------------------------------------------------*/
/* Photography
/*-------------------------------------------------------*/

.nav-type-5 .logo-container {
    position: absolute;
    top:      40px;
    z-index:  11;
}

.full-nav,
#nav-icon {
    -webkit-touch-callout: none;
    -webkit-user-select:   none;
    -khtml-user-select:    none;
    -moz-user-select:      none;
    -ms-user-select:       none;
    user-select:           none;
}

.fs-menu,
.fs-menu.open,
#nav-icon,
#nav-icon span,
.overlay-menu ul li a {
    -webkit-transition: all .2s linear;
    -moz-transition:    all .2s linear;
    -ms-transition:     all .2s linear;
    -o-transition:      all .2s linear;
    transition:         all .2s linear;
}

.fs-menu {
    position:         fixed;
    background-color: rgba(12, 12, 12, 0.95);
    top:              0;
    left:             0;
    width:            100%;
    height:           100%;
    opacity:          0;
    visibility:       hidden;
    overflow:         hidden;
}

.fs-menu.open {
    opacity:    .9;
    visibility: visible;
    z-index:    200;
}

.fs-menu.open li {
    -webkit-animation:       fadeInUp .35s ease forwards;
    -moz-animation:          fadeInUp .35s ease forwards;
    -ms-animation:           fadeInUp .35s ease forwards;
    -o-animation:            fadeInUp .35s ease forwards;
    animation:               fadeInUp .35s ease forwards;
    -webkit-animation-delay: .10s;
    -moz-animation-delay:    .10s;
    -ms-animation-delay:     .10s;
    -o-animation-delay:      .10s;
    animation-delay:         .10s;
}

.overlay-menu {
    position:          relative;
    top:               50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
    text-align:        center;
}

.overlay-menu ul {
    list-style: none;
    padding:    0;
    margin:     0 auto;
    display:    inline-block;
    position:   relative;
    height:     100%;
}

.overlay-menu ul li {
    display:  block;
    position: relative;
    opacity:  0;
    padding:  15px 0;
}

.overlay-menu ul li a {
    display:         block;
    position:        relative;
    overflow:        hidden;
    color:           #ffffff;
    font-weight:     300;
    text-decoration: none;
    text-transform:  uppercase;
}

.overlay-menu ul li.active > a,
.overlay-menu ul li a:hover {
    color: #ffdf00;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        bottom:  20%;
    }
    100% {
        opacity: 1;
        bottom:  0;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        bottom:  20%;
    }
    100% {
        opacity: 1;
        bottom:  0;
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        bottom:  20%;
    }
    100% {
        opacity: 1;
        bottom:  0;
    }
}

/* Nav icon */
#nav-icon {
    right:             40px;
    top:               44px;
    position:          absolute;
    margin-right:      0;
    z-index:           300;
    cursor:            pointer;
    width:             20px;
    height:            20px;
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
    cursor:            pointer;
}

#nav-icon span {
    display:           block;
    position:          absolute;
    height:            2px;
    width:             100%;
    background:        #ffffff;
    opacity:           1;
    left:              0;
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 6px;
}

#nav-icon span:nth-child(4) {
    top: 12px;
}

#nav-icon.open span:nth-child(1),
#nav-icon.open span:nth-child(4) {
    top:   6px;
    width: 0%;
    left:  50%;
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -o-transform:      rotate(45deg);
    transform:         rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -o-transform:      rotate(-45deg);
    transform:         rotate(-45deg);
}

.hero-wrap {
    width:                   100%;
    display:                 block;
    position:                relative;
    overflow:                hidden;
    background-repeat:       no-repeat;
    background-attachment:   scroll;
    background-position:     center center;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
}

#owl-photography .owl-pagination {
    bottom: 90px;
}

.semi-fluid {
    padding: 0 50px;
}


/*-------------------------------------------------------*/
/* Footer Type-5
/*-------------------------------------------------------*/

.footer-type-5,
.footer-type-5 .bottom-footer {
    background-color: rgba(18, 18, 18, .1);
}

.footer-type-5 .bottom-footer {
    padding: 15px 0;
}

.footer-type-5.fixed {
    position: fixed;
    width:    100%;
    bottom:   0;
    z-index:  5;
}

.footer-type-5 .copyright span,
.footer-type-5 .copyright a,
.footer-type-5 .social-icons a {
    color: #ffffff;
}


/*-------------------------------------------------------*/
/* Photography v2
/*-------------------------------------------------------*/

.nav-dark,
.footer-type-5.dark {
    background-color: #121212;
}

.slick-slider.photography {
    margin-bottom: 0;
}

.photography-v2 .slick-slide {
    backface-visibility:         hidden;
    -webkit-backface-visibility: hidden;
    transform:                   translateZ(0);
    -webkit-transform:           translateZ(0);
    margin:                      0 2px;
    position:                    relative;
    z-index:                     10;
}

.slick-slide .work-overlay {
    opacity:          1;
    visibility:       visible;
    background-color: rgba(0, 0, 0, 0.3);
}

.photography-v2 .work-description {
    background-color:  transparent;
    bottom:            auto;
    top:               50%;
    -webkit-transform: translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

.photography-v2 .work-description h2 {
    font-weight: bold;
}

.photography-v2 .work-description a {
    display: inline-block;
}

.photography-v2 .work-description a:after {
    content:            '';
    display:            block;
    border-bottom:      1px solid #ffffff;
    width:              100%;
    opacity:            0;
    bottom:             -10px;
    position:           relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;;
}

.photography-v2 .work-description a:hover:after {
    opacity: 1;
    bottom:  -3px;
}


/*-------------------------------------------------------*/
/* Photography v3
/*-------------------------------------------------------*/

/*Navigation Type-7
/*-------------------------------------------------------*/
@media (min-width: 992px) {

    .nav-type-7 {
        position: fixed;
        left:     0;
        top:      0;
        z-index:  500;
        height:   100%;
        width:    320px;
    }

    .nav-type-7 .navbar {
        min-height: 100%;
    }

    .nav-type-7 .nav-wrap {
        width: 100%;
    }

    .nav-type-7 .header-wrap {
        width:   320px;
        height:  100%;
        padding: 70px 50px;
    }

    .nav-type-7 .navigation {
        height: 100%;
    }

    .content-wrap {
        margin-left: 320px;
        position:    relative;
        width:       auto;
    }

    .nav-type-7 .logo-container {
        width:        100%;
        padding-left: 0;
    }

    .nav-type-7 .logo-wrap > a {
        height: auto;
    }

    .nav-type-7 .nav {
        width:      100%;
        margin-top: 40px;
    }

    .nav-type-7 .navbar-nav > li {
        float: none;
    }

    .nav-type-7 .navbar-nav > li > a {
        padding:     17px 0;
        line-height: 1;
    }

    .nav-type-7 .dropdown-menu {
        left:             80%;
        top:              0;
        background-color: #0e0e0e;
        border-right:     none;
        border-left:      none;
    }

    .nav-type-7 .dropdown-menu > li > a {
        border-bottom: none;
    }

    .nav-type-7 .copyright {
        margin-top: 30px;
    }

}

.nav-type-7 .copyright span {
    line-height: 1.2;
}


/* Photography Filter
/*-------------------------------------------------------*/

.nav-type-7 .portfolio-filter {
    text-align: left;
}

.nav-type-7 .portfolio-filter h6 {
    color: #9b9b9b;
}

.nav-type-7 .portfolio-filter a {
    display:        block;
    text-transform: none;
    margin:         0;
    line-height:    30px;
}

.o-scroll {
    overflow-y:   scroll !important;
    margin-right: 0 !important;
}


/*-------------------------------------------------------*/
/* Portfolio Grids
/*-------------------------------------------------------*/

.works-grid.grid-5-col .work-item {
    width: 20%;
}

.works-grid.grid-4-col .work-item {
    width: 25%;
}

.works-grid.grid-3-col .work-item {
    width: 33.333%;
}

.works-grid.grid-2-col .work-item {
    width: 50%;
}

.works-grid.small-gutter {
    margin-left:  10px;
    margin-right: 10px;
}

.works-grid.small-gutter .work-item {
    padding: 0 5px;
}

.works-grid.no-gutter .work-item {
    padding: 0;
}

.works-grid.small-gutter:not(.with-title) .work-container {
    margin-bottom: 10px;
}

.works-grid.no-gutter .work-container,
.related-products .work-container {
    margin: 0;
}

.works-grid.with-title .work-description {
    position: relative;
    bottom:   auto;
}

.works-grid.with-title .work-item:hover .work-img img {
    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;
}

.works-grid.with-title .work-item:hover .project-icons {
    top:               50%;
    -webkit-transform: translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
    margin-top:        0;
}


/*-------------------------------------------------------*/
/* Portfolio Masonry
/*-------------------------------------------------------*/

.container-fluid .works-grid.small-gutter {
    margin-left:  5px;
    margin-right: 5px;
}


/*-------------------------------------------------------*/
/* Portfolio Single
/*-------------------------------------------------------*/

.pagination-prev-next {
    padding: 39px 0;
}

.pagination-prev-next a {
    width:       33px;
    height:      33px;
    line-height: 34px;
    display:     inline-block;
    color:       #9b9b9b;
}

.portfolio-icon {
    background: url(../img/portfolio_icon.png) no-repeat center center;
    width:      13px;
    height:     13px;
    display:    block;
}


/*-------------------------------------------------------*/
/* Owl Carousel
/*-------------------------------------------------------*/
.owl-carousel {
    overflow: hidden;
}

.owl-carousel img {
    width: 100%;
}

.owl-pagination {
    bottom:     30px;
    position:   absolute;
    left:       0;
    display:    block;
    text-align: center;
    width:      100%;
}

.owl-page {
    display:  inline-block;
    padding:  5px;
    position: relative;
}

.owl-page.active span {
    display:    block;
    width:      10px;
    height:     10px;
    margin:     0;
    opacity:    1;
    background: #000000;
}

.owl-page span {
    display:               block;
    position:              relative;
    width:                 10px;
    height:                10px;
    opacity:               0.5;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    background:            transparent;
    z-index:               100;
    border:                2px solid #000000;
    -webkit-transition:    all .2s ease-in-out;
    -moz-transition:       all .2s ease-in-out;
    -o-transition:         all .2s ease-in-out;
    transition:            all .2s ease-in-out;
}

.owl-page span:hover {
    opacity: 1;
}

.owl-buttons {
    position: static;
}

.owl-prev,
.flex-direction-nav .flex-prev {
    left: -90px;
}

.owl-next,
.flex-direction-nav .flex-next {
    right: -90px;
}

.owl-prev,
.owl-next,
.flex-direction-nav a {
    color:              #0b0b0b;
    display:            block;
    position:           absolute;
    top:                50%;
    margin-top:         -45px;
    text-align:         center;
    line-height:        90px;
    z-index:            10;
    width:              90px;
    height:             90px;
    opacity:            0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.owl-prev:before,
.owl-next:before,
#flexslider .flex-direction-nav a:before {
    color:             #0b0b0b;
    content:           '';
    width:             60px;
    height:            60px;
    top:               13px;
    display:           block;
    position:          absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    transform:         rotate(-45deg);
    background-color:  rgba(0, 0, 0, 1);
    border-radius:     3px;
}

.owl-next:before,
#flexslider .flex-direction-nav .flex-next:before {
    left:  auto;
    right: 0;
}

.owl-prev i,
.owl-next i,
#flexslider a i,
#thumbs a i {
    position: relative;
    color:    #ffffff;
}


.owl-controls.clickable {
    clear: both;
}

.owl-carousel:hover .owl-next,
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right:   -32px;
}

.owl-carousel:hover .owl-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left:    -32px;
}


/*-------------------------------------------------------*/
/* Blog Standard
/*-------------------------------------------------------*/

.blog-standard .post-content .entry-title {

}

.blog-standard .entry-item {
    margin-bottom: 7%;
    position:      relative;
}

.post-content .entry-img,
.post-content .entry-slider,
.post-content .entry-video {
    position: relative;
    overflow: hidden;
}

.post-content .entry-content a.btn {
    margin-top: 10px;
}

/* Quote Post
-------------------------------------------------------*/
.entry .blockquote-style-1 {
    color: #ffffff;
}

.post-content .entry.blockquote a,
.blog-masonry .entry.blockquote a,
.entry.blockquote .entry-meta li,
.entry.blockquote .entry-meta li a {
    color: inherit;
}

/* Video Post
-------------------------------------------------------*/
.entry-video iframe {
    width:   100%;
    display: block;
    border:  0;
}


/*-------------------------------------------------------*/
/* Blog Masonry
/*-------------------------------------------------------*/

.blog-masonry .entry {
    margin-bottom: 0;
}

.blog-masonry .entry-item {
    margin-bottom: 30px;
}

.blog-masonry .masonry-item {
    overflow: hidden;
}

.blog-masonry .blockquote-style-1 {
    padding: 30px;
}


/*-------------------------------------------------------*/
/* Blog Single
/*-------------------------------------------------------*/

.post-single .post-content p {
    margin-bottom: 24px;
}

.post-single .blockquote-style-1 {
    margin: 30px 0 40px 0;
}

.entry-content .entry-tags span,
.entry-share span {
    display:      inline-block;
    margin-right: 10px;
    line-height:  32px;

    color:        #121212;
}

.entry-content .entry-tags a {
    margin-bottom: 0;
    margin-top:    4px;
    padding:       7px 12px;
}

.entry-share {
    padding:       30px 0;
    border-top:    1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.entry-share .social-icons {
    margin-top: 0;
}

.entry-share .social-icons a {
    margin-bottom: 3px;
    height:        30px;
    width:         50px;
    margin-right:  1px;
    text-align:    center;
}

.entry-author-box {
    padding:       40px 0 20px;
    border-bottom: 1px solid #f2f2f2;
    position:      relative;
}

.entry-author-box .author-img {
    display: block;
    float:   left;
    margin:  0 25px 20px 0;
}

.entry-author-box .author-info {
    margin-top: 5px;
}

.entry-author-box h6.author-name,
.entry-comments h6.comment-author {
    display:       inline-block;
    margin-right:  10px;
    margin-bottom: 0;
}

.author-info span {
    margin-right:  10px;
    margin-bottom: 10px;
    display:       inline-block;
}

.entry-prev-next {
    padding:       15px 0;
    border-bottom: 1px solid #f2f2f2;
}

.prev-entry,
.next-entry {
    padding: 15px;
}

.entry-prev-next h4 {

    margin-bottom: 0;
    margin-top:    5px;
    line-height:   20px;
}

.entry-prev-next .next-entry {
    text-align: right;
}

.prev-entry i {
    margin-right: 5px;
}

.next-entry i {
    margin-left: 5px;
}

.entry-prev-next a span {
    color: #7a7a7a;
}

.related-posts h4 {
    margin-top:     0px;
    margin-bottom:  0;
    text-transform: none;

}

.related-posts .entry {
    margin: 20px 0 40px;
}

.entry-comments .comment-avatar {
    position:              absolute;
    display:               block;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
}

.entry-comments .comment-content {
    padding-left: 100px;
    margin-top:   5px;
}

.entry-comments .comment-author {
    color: #121212;

}

.entry-comments span {
    display:      inline-block;
    margin-right: 10px;
}

.entry-comments span:last-of-type {
    margin-bottom: 10px;
}

.entry-comments .comment-content span a {

    color: #9b9b9b;
}

.entry-comments .comment-content p {
    margin-bottom: 10px;
}

.comment-reply {
    padding-left: 10%;
}

.comment-body {
    padding:       30px 0;
    border-bottom: 1px solid #f2f2f2;
}

.comment-list > li:first-child > .comment-body {
    padding-top: 0;
}


/*-------------------------------------------------------*/
/* Flexslider
/*-------------------------------------------------------*/

.flexslider {
    position: relative;
    overflow: hidden;
}

.flex-control-nav {
    list-style: none;
    padding:    0;
}

.flex-direction-nav .flex-disabled {
    visibility: hidden;
}

#flexslider .slides li a {
    display: block;
}


/*-------------------------------------------------------*/
/* Slick Slider
/*-------------------------------------------------------*/

.slick-slider {
    overflow:      hidden;
    margin-bottom: 6px;
}

.slider-nav .slick-active {
    opacity: 0.7;
}

.slider-nav .slick-current.slick-active {
    opacity: 1;
}

.slick-list {
    margin: 0 -3px;
}

.slider-nav {
    cursor: pointer;
}

.slider-nav .slick-slide {
    margin: 0 3px;
}


/* Tables
-------------------------------------------------------*/

table th {

}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #f2f2f2;
    padding:    10px;
}

/*.table:not(.table-bordered):not(.table-striped) > thead > tr {
    border-bottom: 2px solid #f2f2f2;
}*/

.table > thead > tr > th {
    border-bottom: none;
}

.table thead tr th {

    color:          #121212;
    text-transform: uppercase;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #f2f2f2;
}


/* Pricing Tables
-------------------------------------------------------*/

.pricing-table {
    background-color:            #f5f5f5;
    text-align:                  center;
    padding:                     50px 20px;
    margin-bottom:               10px;
    backface-visibility:         hidden;
    -webkit-backface-visibility: hidden;
}

.pricing-table.best {
    padding:    70px 20px;
    margin-top: -20px;
}

.pricing-title h3 {

    margin-bottom:  17px;
    text-transform: uppercase;
}

.pricing-price {
    color:         #333333;
    display:       inline-block;
    margin-bottom: 20px;
}

.pricing-currency {
    display:        inline-block;
    vertical-align: top;
    margin:         8px -10px 0 0px;
}

.pricing-term {

    display: block;
    color:   #9e9e9e;

}

.pricing-features {
    color: #7a7a7a;
}

.pricing-features li {
    padding: 8px 0;
}

.pricing-button {
    margin-top: 38px;
}

.pricing-parallax .parallax {
    background-image: url(../img/pricing_bg.jpg);
}


/*-------------------------------------------------------*/
/* Page Title / Breadcrumbs
/*-------------------------------------------------------*/

.page-title {
    position:            relative;
    width:               100%;
    overflow:            hidden;
    background-repeat:   no-repeat;
    display:             block;
    background-size:     cover;
    background-position: center center;
}

.page-title .container {
    height: 240px;
}

.title-holder {
    position: relative;
    display:  block;
    width:    100%;
    height:   100%;
}

.title-text {
    display:        table-cell;
    height:         100%;
    vertical-align: middle;
}

.title-text h1 {
    margin: 0;
    color:  #ffffff;
}

.breadcrumb {
    width:            auto;
    background-color: transparent;
    padding:          0;
    margin-top:       5px;
    margin-bottom:    0;
}

.breadcrumb a,
.page-title.style-2 .breadcrumb a,
.page-title.style-2 .breadcrumb > li + li:before {
    color: #7a7a7a;
}

.breadcrumb a:hover,
.page-title.style-2 .breadcrumb a:hover {
    color: #ffdf00;
}

.page-title.style-2 .title-text h1,
.page-title.style-2 .breadcrumb > .active {
    color: #121212;
}

.page-title .breadcrumb a,
.page-title .breadcrumb > .active {
    color: #ffffff;
}

.page-title .breadcrumb > li + li:before {
    color:   #ffffff;
    opacity: 0.5;
    padding: 0 1px 0 5px;
}


/* Page Title Style-2
-------------------------------------------------------*/

.page-title.style-2 {
    background-color: #f5f5f5;
    padding:          50px 0;
}

.page-title.style-2 .container {
    height: auto;
}


/* Page Title Style-3
-------------------------------------------------------*/
.page-title.style-3 .container {
    height: 700px;
}

.page-title.style-3 {
    background-attachment: fixed;
}

.page-title.style-3 .title-text h1 {
    font-weight: bold;
}


/*-------------------------------------------------------*/
/* About Us
/*-------------------------------------------------------*/

.parallax-counters .parallax {
    background-image:    url(../img/counters_bg.jpg);
    background-position: 50% !important;
}

.parallax-counters span,
.parallax-counters h5 {
    color: #ffffff;
}


/*-------------------------------------------------------*/
/* 404
/*-------------------------------------------------------*/

.page-404 h1 {
    line-height: 1.2;
}

.page-404 a,
.page-404 p {
}


/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/

.upperacase {
    text-transform: uppercase;
}

.heading {
    margin-bottom: 30px;
}

.bottom-line::after {
    content:       '';
    display:       block;
    width:         35px;
    border-bottom: 2px solid #313131;
    margin:        19px auto 24px;
    z-index:       1;
    position:      relative;
}

.bottom-line.style-2:before {
    content:       '';
    display:       block;
    position:      absolute;
    bottom:        0;
    width:         100%;
    border-bottom: 2px solid #f2f2f2;
}

.bottom-line.left-align:after {
    margin: 15px auto 15px 0;
}

.subheading {
    line-height: 26px;
    margin-top:  7px;
}

.subheading.style-2 {
}

.section-headings p {
    margin-bottom: 30px;
}

blockquote {
    padding: 0 0 20px;
    margin:  0;
    border:  none;
}

blockquote > p {
    line-height:   28px;

    margin-bottom: 5px !important;
    position:      relative;
}

blockquote p:before,
blockquote p:after {
    content: '"';
}

blockquote p:before {
    position: absolute;
    left:     -10px;
}

blockquote > span {
    color: #ffdf00;
}

.blockquote-style-1 {
    background-color: #ffdf00;
    padding:          40px;
}

.blockquote-style-1 p,
.blockquote-style-1 span {
    color: #ffffff;
}

.blockquote-style-2 {
    padding:     40px;
    border-left: 2px solid #ffdf00;
}

.dropcap.style-1 {
    float:         left;
    color:         #ffdf00;
    line-height:   48px;
    padding-right: 10px;

}

.dropcap.style-2 {
    float:            left;
    color:            #ffffff;
    text-align:       center;
    background-color: #ffdf00;
    width:            38px;
    height:           38px;
    line-height:      40px;
    margin:           7px 10px 0 0;
}

.highlight {
    padding:          3px 5px;
    color:            #ffffff;
    background-color: #ffdf00;
}

.list li {
    line-height: 1.2;
}

.list li i {
    line-height: 21px;
}

.bullets li,
.arrows li,
.checks li,
.numbers li {
    margin-bottom: 20px;
    color:         #7a7a7a;
}

.bullets li:before {
    content:       '• ';
    color:         #ffdf00;
    padding-right: 0.5em;
}

.arrows i {
    margin-right: 5px;
}

.arrows i,
.checks i {
    color: #ffdf00;
}

.checks i {

    margin-right:   7px;
    vertical-align: middle;
}

ol.numbers {
    padding-left: 20px;
}

.section-columns p {
    margin-bottom: 40px;
}


/*-------------------------------------------------------*/
/* Shortcodes
/*-------------------------------------------------------*/

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

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

/* Accordions and Toggles
-------------------------------------------------------*/

.accordion .panel-default > .panel-heading {
    position:           relative;
    background-color:   #f5f5f5;
    padding:            0;
    border-radius:      0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}

.accordion.panel-group .panel {
    border:     none;
    box-shadow: none;
    margin-top: 10px;
}

.accordion.panel-group .panel:first-child {
    margin-top: 0;
}

.panel-content p {
    margin-bottom: 0;
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-content {
    border:      none;
    padding:     20px 0 10px 0;
    line-height: 1.2;
}

.accordion .panel-default > .panel-heading > a,
.toggle > .acc-panel > a {
    display:            block;
    position:           relative;
    text-decoration:    none;
    padding:            13px 20px;
    color:              #7a7a7a;
    text-transform:     uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}

.accordion .panel-default > .panel-heading > a.minus {
    color:         #121212;
    margin-bottom: -1px;
}

.accordion .panel-heading > a > span {
    display:          block;
    width:            10px;
    height:           2px;
    background-color: #7a7a7a;
    right:            18px;
    top:              22px;
    position:         absolute;
}

.accordion .panel-heading > a.plus > span {
    background-color: #a7a7a7;
}

.accordion .panel-heading > a.plus > span:after {
    content:           '';
    display:           block;
    width:             10px;
    height:            2px;
    position:          absolute;
    top:               0;
    background-color:  #a7a7a7;
    -webkit-transform: rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}

.accordion .panel-heading:hover a.plus > span,
.accordion .panel-heading:hover a.plus > span:after,
.accordion .panel-heading:hover,
.toggle > .acc-panel > a.active {
    color: #121212;
}

.toggle > .acc-panel > a {
    border-bottom: 1px solid #f2f2f2;
    padding:       8px 0;
}

.toggle > .acc-panel > a:after {
    font-family: 'ElegantIcons';
    position:    absolute;
    content:     '\33';
    right:       0;
    color:       #7a7a7a;
    line-height: 1;
}

.toggle > .acc-panel > a.active:after {
    content: '\32';
    color:   #121212;
}


/* Tabs
-------------------------------------------------------*/

.nav-tabs {
    border: none;
}

.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li > a,
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > a:focus {
    color:  #121212;
    border: 0;
}

.nav-tabs > li {
    margin-bottom: -2px;
}

.nav.nav-tabs > li > a {
    padding:          0;
    background-color: transparent;
    border:           none;
    border-radius:    0;
    margin-right:     30px;
    color:            #7a7a7a;
    text-transform:   uppercase;
}

.tab-content {
    padding: 15px 0;
}

.tab-content > .tab-pane > p {
    margin-bottom: 0;
}

/* Vertical */

.vertical .nav-tabs {
    float:        left;
    width:        200px;
    position:     relative;
    margin-right: -1px;
    border-right: 1px solid #e0e0e0;
    z-index:      2;
}

.vertical .nav-tabs > li {
    float:         none;
    border:        1px solid #e0e0e0;
    border-right:  0;
    border-top:    0;
    margin-bottom: 0;
}

.vertical .nav-tabs > li:first-child {
    border-top: 1px solid #e0e0e0;;
}

.vertical .nav.nav-tabs > li > a {
    padding:      13px 20px;
    margin-right: 0;
}

.vertical .nav.nav-tabs > li.active > a {
    border-right: 1px solid #ffffff;
    right:        -1px;
    padding-left: 19px;
}

.vertical .tab-content {
    padding:  30px;
    overflow: hidden;
    border:   1px solid #e0e0e0;
}


/* Buttons
-------------------------------------------------------*/

.section-buttons .btn {
    margin-bottom: 20px;
}

.btn {
    font-family:                 'Circe', sans-serif;
    font-weight:                 bold !important;
    /*text-transform:              uppercase;*/
    text-decoration:             none;
    text-align:                  center;
    letter-spacing:              0.14em;
    border:                      1px solid transparent;
    border-radius:               0;
    transition:                  all .3s ease-in-out;
    -moz-transition:             all .3s ease-in-out;
    -webkit-transition:          all .3s ease-in-out;
    -o-transition:               all .3s ease-in-out;
    color:                       #313131;
    background-color:            #121212;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}


.btn.btn-dark, .btn.bootbox-cancel {
    background-color: #2b2b2b;
    color:            #f5f5f5;
}

.btn.btn-light {
    background-color: #ececec;
    color:            #121212;
}

.btn.btn-light:focus {
    color: #121212;
}

.btn.btn-light:hover {
    background-color: #ffdf00;
    opacity:          0.9;
}


.btn-lg {
    font-size: 1rem;
    padding:   8px 24px;
}

.btn-md {
    font-size: 11px;
    padding:   10px 25px;
}

.btn-sm {
    font-size: 10px;
    padding:   7px 23px;
}


.btn.btn-transparent {
    color:            #ffffff;
    background-color: transparent;
    border-color:     #ffffff;
}

.btn.btn-white {
    color:            #121212;
    background-color: #ffffff;
}

.btn.btn-stroke {
    border-color:     #313131;
    background-color: transparent;
    color:            #313131;
}

.btn.btn-stroke:hover {
    border-color:     #121212;
    background-color: #121212;
    color:            #ffffff;
    opacity:          0.9;
}

.btn.btn-stroke:focus {
    background-color: #121212;
    color:            #ffffff;
    opacity:          0.9;
}

.btn.btn-primary {
    background-color: #2b2b2b;
    color:            #f5f5f5;
}


.btn.btn-dark {
    background-color: #2b2b2b;
    color:            #f5f5f5;
}

.btn-primary:focus {
    color:            #ffffff;
    background-color: #2b2b2b;
    border-color:     #2b2b2b;
}

.modal-footer .btn-default {
    border-color:     #313131;
    background-color: transparent;
    color:            #313131;
}

.modal-footer .btn-default:hover {
    border-color:     #121212;
    background-color: #121212;
    color:            #ffffff;
    opacity:          0.9;
}


.btn-yellow {
    background: #ffdf00;
}

.btn-yellow:hover {
    opacity:          0.9;
    color:            #ffffff;
    background-color: #121212;
}

.btn-yellow-border {
    background-color: #121212;
    border-color:     #ffdf00;
    color:            #ffffff;
}

.btn-yellow-border:hover {
    opacity:          0.9;
    background-color: #ffdf00;
    color:            #121212;
}

.btn-rev-w-border {
    color:            #121212 !important;
    background-color: #ffdf00;
}

.btn-rev-w-border:hover {
    opacity:          0.9;
    border-color:     #ffffff;
    background-color: transparent;
    color:            #ffffff !important;
}

.btn-white-border {
    background-color: #121212;
    border-color:     #ffffff;
    color:            #ffffff;
}

.btn-white-border:hover {
    opacity:          0.9;
    background-color: #ffdf00;
    border-color:     #ffdf00;
    color:            #121212;
}

.rounded {
    -webkit-border-radius: 70px;
    -moz-border-radius:    70px;
    -ms-border-radius:     70px;
    -o-border-radius:      70px;
    border-radius:         70px;
}

.btn.btn-orange {
    background-color: #cc9c69;
}

.btn.btn-brown {
    background-color: #c2a191;
}

.btn.btn-red {
    background-color: #ef5659;
}

.btn.btn-blue {
    background-color: #529fbf;
}

.btn.btn-purple {
    background-color: #b48cc3;
}

.btn.btn-olive {
    background-color: #89a571;
}

.btn.btn-lavender {
    background-color: #7e90ca;
}

.btn.btn-pink {
    background-color: #d18a9a;
}

.btn:focus {
    color:   #ffffff;
    outline: none !important;
}

.btn:hover {
    transition:         all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    opacity:            .9;
}

.btn.btn-white:hover {
    background-color: #121212;
    opacity:          .9;
}

.btn-md {
    font-size: 11px;
    padding:   10px 25px;
}


/* Lightboxes
-------------------------------------------------------*/
.modal {
    z-index: 1300;
}

.modal-backdrop {
    z-index: 1299;
}

.modal-dialog {

    /*top: 15%;*/
    /*margin-bottom: 15%;*/
}

.modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    -ms-border-radius:     0;
    -o-border-radius:      0;
    border-radius:         0;
}

.mfp-iframe-holder .mfp-content {
    max-width: 1400px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #000000;
}

.mfp-close:before {
    font-family: 'ElegantIcons', sans-serif;
    content:     '\4d';
    position:    absolute;
    right:       0;
    color:       #ffffff;
}


/* Social Icons
-------------------------------------------------------*/

.social-icons a {
    margin:                      0 3px 6px 0;
    display:                     inline-block;
    width:                       32px;
    height:                      32px;
    color:                       #7a7a7a;
    background-color:            #f2f2f2;
    line-height:                 32px;
    text-align:                  center;
    font-size:                   13px;
    -webkit-transition:          all .3s ease-in-out;
    -moz-transition:             all .3s ease-in-out;
    -o-transition:               all .3s ease-in-out;
    transition:                  all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

.social-icons.rounded a {
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    -ms-border-radius:     50%;
    -o-border-radius:      50%;
    border-radius:         50%;
}

.social-icons.large a,
.social-icons.large i {
    width:       50px;
    height:      50px;
    line-height: 50px;
}

.social-icons.transparent a {
    background-color: transparent;
}

.social-icons.dark a {
    background-color: #313131;
    color:            #ffffff;


}

.social-icons.dark a:hover {
    background-color: #ffdf00;
    color:            #313131 !important;


}

.social-icons:not(.colored) a:hover {
    color:            #ffffff;
    background-color: #ffdf00;
}

.footer-socials .social-icons a,
.top-bar .social-icons a {
    margin-bottom:    0;
    background-color: transparent;
}

.social-icons.colored a {
    color: #ffffff;
}

.social-icons.colored a:hover {
    opacity: 0.9;
}

.colored .social-twitter {
    background-color: #00acee;
}

.colored .social-facebook {
    background-color: #3b5998;
}

.colored .social-google-plus {
    background-color: #dd4b39;
}

.colored .social-linkedin {
    background-color: #0e76a8;
}

.colored .social-vimeo {
    background-color: #1ab7ea;
}

.colored .social-youtube {
    background-color: #c4302b;
}

.colored .social-instagram {
    background-color: #3f729b;
}

.colored .social-pinterest {
    background-color: #c8232c;
}

.colored .social-rss {
    background-color: #f26522;
}

.colored .social-dribbble {
    background-color: #ea4c89;
}

.colored .social-skype {
    background-color: #00aff0;
}

.colored .social-soundcloud {
    background-color: #ff3300;
}

.colored .social-vk {
    background-color: #45668e;
}

.colored .social-delicious {
    background-color: #3399ff;
}

.colored .social-android {
    background-color: #a4c639;
}

.colored .social-digg {
    background-color: #000000;
}

.colored .social-reddit {
    background-color: #ff4500;
}

.colored .social-dropbox {
    background-color: #007ee5;
}

.colored .social-odnoklassniki {
    background-color: #ed812b;
}

.colored .social-github {
    background-color: #4183c4;
}

.colored .social-flickr {
    background-color: #ff0084;
}

.colored .social-lastfm {
    background-color: #d51007;
}

.colored .social-email {
    background-color: #242424;
}


/* Counters Style-2
-------------------------------------------------------*/

.counters i {
    color: #ffdf00;
}

.counters.style-2 .statistic span {
    display:    block;
    margin-top: 20px;
}


/* Pie Charts
-------------------------------------------------------*/

.chart {
    position:   relative;
    display:    inline-block;
    width:      160px;
    height:     160px;
    text-align: center;
}

.chart canvas {
    position: absolute;
    top:      0;
    left:     0;
}

.chart i {
    line-height: 160px;
}

.percent {
    display: inline-block;
    z-index: 2;
    color:   #121212;
}

.percent:after {
    content:     '%';
    margin-left: 0.1em;
}


/* Progress Bars
-------------------------------------------------------*/

.progress-bar {
    -moz-transition:    width 2s ease-in-out;
    -webkit-transition: width 2s ease-in-out;
    transition:         width 2s cubic-bezier(0.86, 0, 0.07, 1);
    box-shadow:         none;
}

.progress-bars {
    margin-bottom: 27px;
}

.progress-bars h6 {
    color:          #121212;
    margin-top:     0;
    margin-bottom:  6px;
    text-transform: uppercase;
}

.progress-bars h6 span {
    color: #121212;
    float: right;
}

.progress.meter {
    height:        3px;
    border-radius: 0;
    position:      relative;
    background:    #f7f7f7;
    margin-bottom: 27px;
    box-shadow:    none;
}

.progress.meter:last-child {
    margin-bottom: 0;
}

.progress .progress-bar {
    display:       block;
    height:        3px;
    border-radius: 0;
    position:      relative;
    overflow:      hidden;
}

.meter .progress-bar {
    background-color: #ffdf00;
}

.meter.blue .progress-bar {
    background-color: #529fbf;
}

.meter.olive .progress-bar {
    background-color: #89a571;
}

.meter.orange .progress-bar {
    background-color: #cc9c69;
}

.meter.violet .progress-bar {
    background-color: #b48cc3;
}


/* Icon Boxes Style-3
-------------------------------------------------------*/

.icon-boxes.style-3 .service-item-box {
    padding: 34px 15px;
    border:  1px solid #e0e0e0;
}

.icon-boxes.style-3 i {
    width:       auto;
    height:      auto;
    line-height: 1;
    color:       #7a7a7a;
}

.icon-boxes.style-3 h3 {

    margin-top:    15px;
    margin-bottom: 5px;
}


/* Alert Boxes
-------------------------------------------------------*/

.alert {
    padding:       10px 18px;
    margin-bottom: 20px;
    border:        none;
    border-radius: 0 !important;
}

.alert-dismissible .close {
    right:    0;
    top:      0;
    color:    inherit;
    position: relative;
}

.close {
    opacity:     1;
    text-shadow: none;

}


.alert-info {
    background-color: rgb(240, 250, 250);
    color:            rgb(82, 159, 191);
}


.alert-danger {
    background-color: rgb(250, 239, 238);
    color:            rgb(239, 86, 89);
}


/* Form Elements
-------------------------------------------------------*/

input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='search'],
select,
textarea {
    height:                37px;
    border:                1px solid #e0e0e0;
    background-color:      transparent;
    width:                 100%;
    margin-bottom:         16px;
    padding:               0 16px;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    -ms-border-radius:     0;
    -o-border-radius:      0;
    border-radius:         0;
    -webkit-transition:    border-color 0.3s ease-in-out;
    -moz-transition:       border-color 0.3s ease-in-out;
    -ms-transition:        border-color 0.3s ease-in-out;
    -o-transition:         border-color 0.3s ease-in-out;
    transition:            border-color 0.3s ease-in-out;
}

textarea {
    height:        auto;
    padding:       8px 16px;
    margin-bottom: 25px;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
textarea:focus {
    border-color: #121212;
    outline:      none;
    box-shadow:   none;
}

/*Change Color of Placeholders*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7a7a7a;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color:   #7a7a7a;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color:   #7a7a7a;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7a7a7a;
}

select {
    -webkit-appearance:  none;
    -moz-appearance:     none;
    appearance:          none;
    cursor:              pointer;
    padding-left:        12px;
    background:          url(../img/shop/shop_icons.png) no-repeat;
    background-position: 100% -176px;
}

select::-ms-expand {
    display: none;
}

.form-control:focus {
    border-color:       #e0e0e0;
    outline:            0;
    -webkit-box-shadow: none;
    box-shadow:         none;
}

/* Checkboxes & Radio Buttons
-------------------------------------------------------*/

input[type='checkbox'] {
    display: none;
}

.input-checkbox {
    display: none !important;
}

input[type='checkbox'] + label:before {
    width:            17px;
    height:           17px;
    background-color: #cccccc;
    content:          '';
    display:          inline-block;
    font-size:        13px;
    margin:           -4px 12px 0 0;
    text-align:       center;
    vertical-align:   middle;
    cursor:           pointer;
}

input[type='checkbox']:checked + label:before {
    content:     '\f00c';
    font-family: 'FontAwesome';
    color:       #121212;
    font-size:   9px;
    line-height: 16px;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
    cursor:         pointer;
    margin-bottom:  0;
    font-family:    'Circe', sans-serif;
    text-transform: none;
    letter-spacing: normal;
    color:          #7a7a7a;
    font-size:      13px;
}

.radio-buttons > li,
.checkboxes > li {
    padding: 7px 0;
}

input[type='radio'] {
    display: none;
}

input[type='radio'] + label:before {
    display:          inline-block;
    content:          '';
    width:            17px;
    height:           17px;
    background-color: #f0f0f0;
    border-radius:    40px;
    margin:           -3px 10px 0 0;
    outline:          none;
    vertical-align:   middle;
    cursor:           pointer;
    margin-bottom:    0;
}

input[type='radio']:checked + label:before {
    background-color: #121212;
    border:           5px solid #f0f0f0;
    padding:          1px;
}

input[type='radio']:focus {
    outline: none;
}

label {
    font-weight:    normal;
    color:          #121221;
    font-size:      12px;
    font-family:    'Circe', sans-serif;
    vertical-align: middle;
}


/*-------------------------------------------------------*/
/* Style Switcher
/*-------------------------------------------------------*/

#customizer {
    position:         fixed;
    top:              0;
    z-index:          10000;
    height:           100%;
    background-color: #ffffff;
    box-shadow:       0 0 8px rgba(0, 0, 0, .10);
    width:            260px;
}

.corner {
    display:          block;
    cursor:           pointer;
    width:            40px;
    height:           40px;
    background-color: #ffffff;
    position:         absolute;
    top:              100px;
    left:             -40px;
    box-shadow:       -3px 0px 8px -1px rgba(0, 0, 0, .10);
    line-height:      40px;
    text-align:       center;
    border-radius:    3px 0 0 3px;
    color:            #121212;
}

.s-close {
    right:              -260px !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition:    all .4s ease-in-out;
    -o-transition:      all .4s ease-in-out;
    transition:         all .4s ease-in-out;
}

.s-open {
    right: 0 !important;
}

#options {
    padding:    15px;
    overflow-y: scroll;
    overflow-x: hidden;
    height:     100%;
}

.demo-list li {
    float:   left;
    padding: 5px 2px;
}

.demo-list img {
    border: 1px solid #f5f5f5;
}

.color-scheme a {
    display: block;
    height:  30px;
    width:   30px;
    margin:  0 4.25px 10px;
}

@media (max-width: 767px) {
    #customizer {
        display: none;
    }
}

.currency-dropdown, .language-dropdown {
    border-bottom: 0.3rem solid #313131;
    text-align:    left;
}

.promo-parallax h2 {
    margin-bottom: 33px;
    margin-top:    0;
}

.nav-tabs {
    text-align:    right;
    border-bottom: 2px solid #f5f5f5;
}

.nav-tabs > li > a {
    text-align: center;
}

.nav-tabs > li.active::after {

    content:             ' ';
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #0b0b0b;
    display:             table-cell;
    width:               10rem;
    height:              1px;
    padding:             2px 0 0 0;
    position:            relative;
    top:                 1px;

}

.product-img.hover-1 {
    position:         relative;
    overflow:         hidden;
    margin-bottom:    24px;
    align-items:      center;
    justify-content:  center;
    display:          flex;
    background-color: #e8e8e8;
}

.product-item {
    margin-bottom: 50px;

}

.product-item:hover {
    /*border: 1px solid red;*/
    /*-webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.09);*/
    /*-moz-box-shadow:  0px 0px 6px 5px rgba(0,0,0,0.09);*/
    /*box-shadow:  0px 0px 6px 5px rgba(0,0,0,0.09);*/
}

.middle-heading {
!important;
    letter-spacing: 0.2em;
!important;
}

@media (max-width: 767px) {
    .nav-tabs > li.active::after {
        top: 10px;
    }
}

.dropdown-menu .megamenu-wrap ul > li > a {
    line-height: 1 !important;
    padding:     20px;
}

.page-title .container {
    height:  inherit;
    padding: 35px;
}

.modal-80p {
    width:  80% !important;
    margin: 5% auto;
}

.modal-100p {
    width:  100% !important;
    margin: 0;
}

.modal-body {
    word-wrap: break-word;
}

.textarea blockquote {
    padding:           40px;
    border-left:       2px solid #ffdf00;
    border-left-color: #ffdf00;
}

.textarea ul > li {
    list-style: disclosure-closed;
    word-wrap:  break-all !important;
}

.textarea ul ul {
    margin-left: 1em;
}

.pagination {
    border-bottom: none;
}

.pagination a, .pagination span {
    display: inline;
}


.pagination > a:hover,
.pagination > .current {
    font-weight: bold;
    color:       #ffdf00;
}


.select2-selection {
    height:                38px !important;
    padding:               5px !important;
    background:            url(../img/shop/shop_icons.png) no-repeat;

    background-position-x: 0%;
    background-position-y: 0%;

    background-position:   100% -176px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border:           1px solid #e0e0e0 !important;
    border-radius:    4px !important;
}

select {
    background-color: white;
    color:            #000000;
}

option:not(:checked) {
    background-color: white;
    color:            #000000;
}

.ecommerce-ordering {
    float: right !important;
    width: 30%;
}

ul li {
    margin-bottom: inherit !important;
}

ul li::before {
    color: #0b0b0b !important;
}

.divider {
    margin:        5px 0 5px 0;
    border-bottom: 1px solid #e5e5e5;
}

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

.AuthModal {
    position: relative;
}

.AuthModal > .modal-content {
    -webkit-box-shadow: 0px 5px 15px rgba(140, 140, 140, 0.49);
    box-shadow:         0px 5px 15px rgba(140, 140, 140, 0.49);
    border:             1px solid rgba(0, 0, 0, 0.1);
}

.navbar-nav > li > a {
    color:   #7a7a7a;
    padding: 0 20px;
}


.btn-lg {
}

.btn-primary {
    /*text-transform:              uppercase;*/
    text-decoration:             none;
    text-align:                  center;
    border:                      1px solid #121212;
    border-radius:               0;
    transition:                  all .3s ease-in-out;
    -moz-transition:             all .3s ease-in-out;
    -webkit-transition:          all .3s ease-in-out;
    -o-transition:               all .3s ease-in-out;
    color:                       #121212;
    background-color:            transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index:                     2;
    text-transform:              uppercase;
    text-decoration:             none;
    text-align:                  center;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

input[type='checkbox'], input[type='radio'] {
    display: initial;
}

.address-form-modal .dropdown-item {
    cursor:        pointer;
    width:         100%;
    padding:       1rem;
    border-bottom: 1px solid #12121224;
}

.address-form-modal .dropdown-item:last-child {
    border-bottom: none;
}

.address-form-modal .dropdown-item:hover {
    color:            rgba(255, 255, 255, 0.8);
    /*background-color: #ffdf00;*/
    background-color: #121212;
    border-color:     #121212;
    font-weight:      bold;
}

.address-form-modal .dropdown-menu {
    width:            100%;
    border-top-color: transparent;
}

.address-form-modal {
    margin: 1rem 0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position:   relative;
    min-height: 100%;
}

.footer {
    position:   absolute;
    bottom:     0;
    width:      100%;
    /* Set the fixed height of the footer here */
    min-height: 60px;
}

/**Cart Count*/
.p1[data-count]::after {
    position:         absolute;
    right:            -25%;
    top:              -25%;
    content:          attr(data-count);
    padding:          0;
    border-radius:    50%;
    line-height:      2rem;
    color:            #ffdf00;
    background-color: #7a7a7a;
    text-align:       center;
    min-width:        2rem;
    font-weight:      bold;
}

.nav-cart-container {
    min-width: 50rem;
}

.nav-cart-container a {
    color: #7a7a7a;
}

.nav-cart-item .nav-cart-img {
    float:        left !important;
    margin-right: 20px !important;
    width:        70px !important;
    height:       60px !important;
}

.nav-cart-item, .nav-cart-item a {
    padding-right: 0;
}

/*
.nav-cart-price {
    margin: -20px 20px 0 0;
}
*/

.nav-cart-price span,
.nav-cart-summary span,
.nav-cart-summary .total-price {

    font-weight: bold;
}

.ammount {

    font-width: bold;
}

.buttons_added .minus:disabled,
.buttons_added .plus:disabled {
    background: #eeeeee;
}

.table.shop_table td.product-name {
    width: 45%;
}

.modal-dialog #sylius-cart-items td.product-name {
    width:       75%;
    font-size:   1rem;
    font-weight: bold;
}


.alert-conatiner-fluid {
    padding-left:  0px !important;
    padding-right: 0px !important;
}


.sale {
    padding: 0 5px;
    width:   max-content;
}

.sale.discount {
    background: #ffdf00;
    color:      #0b0b0b;
}

.product-label {
    position: absolute;
    top:      0;
    left:     0;
}

.product-label ul li {
    margin-top: 10px;
}

.product-label ul > :first-child {
    margin-top: 0 !important;
}


.single-product .product-label {
    position: absolute !important;
    top:      2px !important;
    left:     15px !important;
    z-index:  2 !important;
}


/***************************** TODO MOVE TO CAROUSEL BUNDLE ***********************************/

#mainSlider strong {
    line-height:    110%;
    font-weight:    900;
    text-transform: inherit !important;
    margin-bottom:  0;
    transition:     font 200ms ease-out;
}

#mainSlider #owl-main .caption strong.light-bg, #mainSlider #owl-main .caption strong.medium-bg, #mainSlider #owl-main .caption strong.dark-bg, #mainSlider #owl-main .caption strong.tint-bg {
}

#mainSlider h4 {
    line-height: 120%;
}

#mainSlider p {
    line-height:    150%;
    font-weight:    400;
    text-transform: none;
    margin-top:     20px;
    margin-bottom:  0;
    transition:     font 200ms ease-out, margin 200ms ease-out;
}

#mainSlider .btn {
    margin-top:    60px;
    margin-bottom: 0;
    transition:    background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;

}

#mainSlider .btn-primary {


    text-transform:              uppercase;
    text-decoration:             none;
    text-align:                  center;
    border:                      1px solid #ffffff;
    border-radius:               0;
    transition:                  all .3s ease-in-out;
    -moz-transition:             all .3s ease-in-out;
    -webkit-transition:          all .3s ease-in-out;
    -o-transition:               all .3s ease-in-out;
    color:                       #ffffff;
    background-color:            transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;

}

#mainSlider .btn-primary:hover,
#mainSlider .btn-primary:active,
#mainSlider .btn-primary:focus,
#mainSlider .btn:focus {
    color:            rgba(255, 255, 255, 0.8);
    background-color: transparent;
    /*background-color: #121212;*/
    border-color:     rgba(255, 255, 255, 0.8);
}


#mainSlider .btn-large {
    padding: 18px 70px 20px;
}

.owl-carousel {
    text-align: center;
    cursor:     default;
}

.owl-controls {
    display:    inline-block;
    position:   relative;
    margin-top: 40px;
}

.panel-group .panel .owl-controls {
    margin-top: 25px;
}

.panel-group.blank .panel .owl-controls {
    margin-top: 40px;
}

.owl-pagination {
    position:    relative;
    line-height: 30px;
}

.owl-buttons {
    display: none;
}

.owl-prev, .owl-next {
    display:       inline-block;
    position:      absolute;
    top:           0;
    bottom:        0;
    width:         30px;
    height:        30px;
    color:         #ffffff;
    /*background-color: #506A85;*/
    border:        none;
    border-radius: 3px;
    margin:        auto;
    transition:    all 200ms ease-out;
    opacity:       0;
}

.owl-prev {
    left: -35px;
}

.owl-next {
    right: -35px;
}

.owl-carousel:hover .owl-prev {
    left:    -40px;
    opacity: .25;
}

.owl-carousel:hover .owl-next {
    right:   -40px;
    opacity: .25;
}

.owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover {
    color:   #dbd700;
    opacity: 1;
}

.owl-outer-nav:after {
    content:  '';
    position: absolute;
    top:      0;
    left:     -15%;
    width:    130%;
    height:   100%;
    z-index:  0;
}

.owl-outer-nav .owl-wrapper-outer, .owl-outer-nav .owl-pagination, .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next {
    z-index: 1;
}

.owl-outer-nav .owl-controls {
    position: static;
}

.owl-outer-nav .owl-prev {
    left: -65px;
}

.owl-outer-nav .owl-next {
    right: -65px;
}

.owl-outer-nav:hover .owl-prev {
    left: -80px;
}

.owl-outer-nav:hover .owl-next {
    right: -80px;
}

.owl-ui-md .owl-pagination {
    line-height: 45px;
}

.owl-ui-md .owl-prev, .owl-ui-md .owl-next {
    width:  45px;
    height: 45px;
}

.owl-ui-md .owl-prev {
    left: -55px;
}

.owl-ui-md .owl-next {
    right: -55px;
}

.owl-ui-md:hover .owl-prev {
    left: -60px;
}

.owl-ui-md:hover .owl-next {
    right: -60px;
}

.owl-outer-nav.owl-ui-md:after {
    left:  -18%;
    width: 136%;
}

.owl-outer-nav.owl-ui-md .owl-prev {
    left: -85px;
}

.owl-outer-nav.owl-ui-md .owl-next {
    right: -85px;
}

.owl-outer-nav.owl-ui-md:hover .owl-prev {
    left: -100px;
}

.owl-outer-nav.owl-ui-md:hover .owl-next {
    right: -100px;
}

.owl-ui-lg .owl-pagination {
    line-height: 60px;
}

.owl-ui-lg .owl-prev, .owl-ui-lg .owl-next {
    width:  60px;
    height: 60px;
}

.owl-ui-lg .owl-prev {
    left: -75px;
}

.owl-ui-lg .owl-next {
    right: -75px;
}

.owl-ui-lg:hover .owl-prev {
    left: -80px;
}

.owl-ui-lg:hover .owl-next {
    right: -80px;
}

.owl-outer-nav.owl-ui-lg:after {
    left:  -22%;
    width: 144%;
}

.owl-outer-nav.owl-ui-lg .owl-prev {
    left: -105px;
}

.owl-outer-nav.owl-ui-lg .owl-next {
    right: -105px;
}

.owl-outer-nav.owl-ui-lg:hover .owl-prev {
    left: -120px;
}

.owl-outer-nav.owl-ui-lg:hover .owl-next {
    right: -120px;
}

.owl-inner-nav .owl-controls {
    position: static;
}

.owl-inner-nav .owl-prev {
    left: 45px;
}

.owl-inner-nav .owl-next {
    right: 45px;
}

.owl-inner-nav:hover .owl-prev {
    left: 30px;
}

.owl-inner-nav:hover .owl-next {
    right: 30px;
}

.owl-outer-nav .owl-prev, .owl-outer-nav .owl-next {
    bottom: 70px;
}

.owl-inner-nav .owl-prev, .owl-inner-nav .owl-next {
    bottom: 70px;
}

.owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next {
    bottom: 85px;
}

.owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next {
    bottom: 85px;
}

.owl-outer-nav.owl-ui-lg .owl-prev, .owl-outer-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}

.owl-inner-nav.owl-ui-lg .owl-prev, .owl-inner-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}

.owl-inner-pagination .owl-pagination, .owl-inner-pagination .owl-prev, .owl-inner-pagination .owl-next {
    margin-top: -40px;
    top:        -60px;
}

.owl-inner-pagination.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-ui-md .owl-prev, .owl-inner-pagination.owl-ui-md .owl-next {
    margin-top: -50px;
    top:        -65px;
}

.owl-inner-pagination.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-ui-lg .owl-prev, .owl-inner-pagination.owl-ui-lg .owl-next {
    margin-top: -60px;
    top:        -75px;
}

.owl-inner-pagination.owl-outer-nav .owl-prev, .owl-inner-pagination.owl-outer-nav .owl-next {
    margin: auto;
    top:    0;
    bottom: 43px;
}

.owl-inner-pagination.owl-inner-nav .owl-prev, .owl-inner-pagination.owl-inner-nav .owl-next {
    margin: auto;
    top:    0;
    bottom: 43px;
}

.owl-inner-pagination .owl-pagination {
    transition: all 200ms ease-out;
    opacity:    0;
}

.owl-inner-pagination:hover .owl-pagination {
    opacity: 1;
}

.owl-inner-pagination.owl-inner-nav .owl-pagination, .owl-inner-pagination.owl-outer-nav .owl-pagination {
    top: -45px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
    top: -50px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-inner-nav:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
    top: -60px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
    top: -65px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
    top: -75px;
}

#owl-main .container {
    display: table;
    height:  inherit;

}

#owl-main .caption {
    display: table-cell;
}

#owl-main .caption.vertical-center {
    vertical-align: middle;
    padding-bottom: 3vh;
}

#owl-main .caption.vertical-top {
    vertical-align: top;
}

#owl-main .caption.vertical-bottom {
    vertical-align: bottom;
    padding-bottom: 14vh;
}

#owl-main .caption.text-center {
    padding-left:  10%;
    padding-right: 10%;
}

#owl-main .caption.text-right {
    padding-left: 20%;
}

#owl-main .caption h1, #owl-main .caption p, #owl-main .caption div {
    position: relative;
}

#owl-main .caption h1 span {
    padding:     .250em 0;
    line-height: 180%;
}

#owl-main .caption .light-bg, #owl-main .caption .medium-bg, #owl-main .caption .dark-bg, #owl-main .caption .tint-bg {
    background:    none;
    padding-left:  .500em;
    padding-right: .500em;
}

#owl-main .caption h1.light-bg span, #owl-main .caption p.light-bg span {
    background:                   #ffffff;
    box-shadow:                   -.500em 0 0 #ffffff, .500em 0 0 #ffffff;
    -webkit-box-decoration-break: clone;
    box-decoration-break:         clone;
}

#owl-main .caption h1.medium-bg span, #owl-main .caption p.medium-bg span {
    background:                   #a3b1bf;
    box-shadow:                   -.500em 0 0 #a3b1bf, .500em 0 0 #a3b1bf;
    -webkit-box-decoration-break: clone;
    box-decoration-break:         clone;
}

#owl-main .caption h1.dark-bg span, #owl-main .caption p.dark-bg span {
    background:                   #506a85;
    box-shadow:                   -.500em 0 0 #506a85, .500em 0 0 #506a85;
    -webkit-box-decoration-break: clone;
    box-decoration-break:         clone;
}

#owl-main .caption h1.tint-bg span, #owl-main .caption p.tint-bg span {
    background:                   #dbd700;
    box-shadow:                   -.500em 0 0 #dbd700, .500em 0 0 #dbd700;
    -webkit-box-decoration-break: clone;
    box-decoration-break:         clone;
}

#owl-main .owl-controls {
    display:    block;
    position:   static;
    margin-top: -47px;
}

#owl-main .owl-pagination {
    background:    #ffffff;
    line-height:   inherit;
    position:      relative;
    bottom:        -40px;
    padding:       10px;
    display:       inline-block;
    border-radius: 3px;
    margin:        auto;
    opacity:       0;
    transition:    all 200ms ease-out;
}

#owl-main:hover .owl-pagination {
    bottom:  0 !important;
    opacity: 1;
}

#owl-main .owl-prev, #owl-main .owl-next {
    bottom: 0;
}

.owl-controls .owl-page {
    display: inline-block;
}

.owl-pagination .owl-page span {
    display:       block;
    width:         15px;
    height:        15px;
    background:    #dbca00;
    border:        none;
    border-radius: 50%;
    margin:        0 5px;
    transition:    all 200ms ease-out;
}

.owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span {
    background: #dbca00;
}

.owl-item-gap .item {
    margin: 0 15px;
}

.owl-item-gap-sm .item {
    margin: 0 10px;
}

/* preloading images */
.owl-item.loading {
    min-height: inherit;
    background: none;
}

.tint-bg a:hover {
    color: #506a85;
}

.light-color {
    color: #ffffff !important;
}

.light-color .dark-bg {
    color: #ffffff !important;
}

.medium-color {
    color: #a3b1bf !important;
}

.dark-color {
    color: #506a85 !important;
}

.tint-color, .green {
    color: #dbd700 !important;
}

.blue {
    color: #3f8dbf !important;
}

.red {
    color: #fa6c65 !important;
}

.pink {
    color: #d487be !important;
}

.purple {
    color: #9b59b6 !important;
}

.orange {
    color: #f27a24 !important;
}

.navy {
    color: #34495e !important;
}

.gray {
    color: #95a5a6 !important;
}

.owl-ui-lg .owl-prev, .owl-ui-lg .owl-next {
    width:       60px;
    height:      60px;
    line-height: 60px;
}

.owl-prev, .owl-next {
    display:       inline-block;
    position:      absolute;
    top:           0;
    bottom:        0;
    width:         30px;
    height:        30px;
    color:         #ffffff;
    /*background-color: #506A85;*/
    border:        none;
    border-radius: 3px;
    margin:        auto;
    transition:    all 200ms ease-out;
    opacity:       0;
}

.owl-inner-nav .owl-prev {
    left: 45px;
}

@media (min-width: 1200px) {
    .owl-buttons {
        display: block;
    }
}


.zi10 {
    z-index: 10;
}

.zi100 {
    z-index: 100;
}

.zi1000 {
    z-index: 1000;
}

.dropdown-menu > li > a {
    white-space: normal !important;
}

.navbar-nav > li > .dropdown-menu {
    width:                   max-content !important;
    /*margin-top: -2rem;*/
    border-top-right-radius: 0;
    border-top-left-radius:  0;
}

.dropdown-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.megamenu-item {
    width: max-content;
}

.menu-list {
    width: max-content;
}

.menu-list > li > a {
    white-space:        normal !important;
    padding:            10px 15px;
    color:              #7a7a7a;
    border-bottom:      1px solid #f2f2f2;
    transition:         all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    display:            block;
    clear:              both;
    line-height:        1.42857143;
}

#page-wrap {
    width:  80%;
    margin: 60px auto;
}

#page-wrap > div {
    margin:    0 0 50px 0;
    min-width: 500px;
    width:     100%;
}

.megamenu-wrap {

}

.megamenu-wrap .row {
    display:      flex;
    margin-left:  0;
    margin-right: 0;
}

.megamenu-item {
    border-right: none;
}

.megamenu-wrap .megamenu-item {
    display:      table-cell;
    width:        max-content;
    border-right: 1px solid #eeeeee;
}

.megamenu-wrap .megamenu-item:last-child {
    border-right: none;
}


.megamenu-item > li > a {
    white-space: normal !important;
}

.megamenu-item > li > a {
    padding:            10px 15px;
    color:              #7a7a7a;
    border-bottom:      1px solid #f2f2f2;
    transition:         all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    font-weight:        500;
}

.megamenu-item > li > a {
    display:     block;
    padding:     3px 20px;
    clear:       both;

    line-height: 1.42857143;
    color:       #333333;
    white-space: nowrap;
}


/*a:hover{
    color: #121212!important;
}*/

.language-dropdown > ul > li a {
    padding: 0 1.5rem;
    display: block;
    width:   100%;
}

language-dropdown > ul > li a:hover {
    background: #313131;
}

a.language-current {
    color: #ffdf00;
}

a.language-current i {
    color: #ffdf00 !important;
}

a.language-current:hover {
    color: inherit;
}

.language-dropdown > ul > li:hover a {
    color: #121212 !important;
}

.megamenu-wrap .megamenu-item > li > a:hover,
.language-dropdown > ul > li:hover,
.menu-list > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu-left {
    left: 0 !important;
}

.dropdown-menu {
    list-style: none;
    text-align: left;
}


/*nav-cart-actions > .btn-dark,
.nav-cart-actions > .btn-dark:hover {
    color: #FFDF00 !important;
}*/

.nav-cart-actions > .btn-color
.nav-cart-actions > .btn-color:hover {
    color: #0b0b0b;
}

.top-bar-links > ul li {
    line-height: 20px !important;
}

.input-group-btn > .btn {
    height: 3.9rem;
}


/*-------------------------------------------------------*/
/* Preloader AJAX
/*-------------------------------------------------------*/

.loader-mask-ajax {
    position:         relative;
    top:              50%;
    left:             0;
    right:            0;
    bottom:           1px;
    background-color: rgba(0, 0, 0, 0);
    z-index:          99999;
    /*display: none;*/
}

.loader-ajax {
    /*display: none;*/
    position:          absolute;
    left:              50%;
    top:               50%;
    width:             15em;
    height:            15em;
    margin:            -25px 0 0 -25px;
    text-indent:       -9999em;
    border-top:        0.5em solid rgba(255, 223, 0, 1);
    border-right:      0.5em solid rgba(0, 0, 0, 1);
    border-bottom:     0.5em solid rgba(0, 0, 0, 1);
    border-left:       0.5em solid rgba(0, 0, 0, 1);
    -webkit-transform: translateZ(0);
    -ms-transform:     translateZ(0);
    transform:         translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation:         load8 1.1s infinite linear;
}

.loader-ajax,
.loader-ajax:after {
    border-radius: 50%;
    width:         10em;
    height:        10em;
}

@-webkit-keyframes load8-ajax {
    0% {
        -webkit-transform: rotate(0deg);
        transform:         rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform:         rotate(360deg);
    }
}

@keyframes load8-ajax {
    0% {
        -webkit-transform: rotate(0deg);
        transform:         rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform:         rotate(360deg);
    }
}

.navbar-nav .fa {
    color: #7a7a7a;
}

.input-group-btn {
    margin-top: 0 !important;
}

.popover-title {
    display:          none;
    background-color: #2b2b2b;
    color:            #ffffff;
    text-align:       center;
    font-weight:      bold;
}

.popover {
    min-width: 10vh;
}

.has-error > label {
    color: #a94442;
}

.from-blog .entry-date {
    width:   inherit !important;
    height:  inherit !important;
    padding: 0.5em !important;
}

.page-title.style-2 {
    padding: 25px 0 !important;
}

.checkbox > label > a {
    cursor:         pointer;
    margin-bottom:  0;
    text-transform: none;
    color:          #000000;
    font-weight:    bold;
}

.radio label, .checkbox label {
    margin-left: 0;
}


.modal-body .product-description-wrap .price .ammount {

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

.regular-text {

}

.hovered-1:hover {
}

.product-item {
    padding: 0;
    display: block;
}

.product-img.hover-1 .hover-overlay {
    height: 395px;
}

span.input-group-btn {

}

.product-actions .auto-configure-checkbox {
    width: 100%;
}

.product-actions .auto-configure-checkbox > .checkbox label {
    margin-left:  0;
    padding-left: 0;
}

#product-modal .product-description-wrap .product-actions-modal {
    position: absolute;
    bottom:   0;
}

/*#product-modal .gallery-main .gallery-cell {*/
/*    margin-bottom: 0;*/

/*}*/

#product-modal .product-description-wrap {
    min-height: 398px;
}

#product-modal .product-description-wrap .product-actions .col-sm-12 {
    padding-left:  3%;
    padding-right: 9%;
}

#product-modal .product-description-wrap .product-actions .bnt-add-tocart-wrap {
    margin-right: 0%;
    margin-left:  -9%;
}

.news-videos .flex-control-thumbs img {
    width:  65px;
    height: 40px;
}

.work-item:hover .work-img img {
    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;
}

.project-icons a {
    display:            inline-block;
    width:              60px;
    height:             60px;
    margin:             auto 3px;
    line-height:        52px;
    text-align:         center;
    color:              #ffffff;
    background-color:   #313131;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    padding:            5px 10px 5px 15px;
}

.project-icons a i {
    font-size: 2.2rem;
}

@media (max-width: 768px) {
    .lightbox-video.mfp-iframe .widget-title {
        margin-top: 10px;
    }

    .product-videos.v-scrolling-wrapper .row:first-child {
        position: relative;
        margin:   150px 0 0 0;
    }

    .work-item .work-overlay {
        opacity:    1;
        visibility: visible;
    }

    .work-item .project-icons {
        position:   absolute;
        top:        40%;
        margin-top: -20px;
    }
}

.tab-pane.active {
    font-weight: normal;
}

h5.bottom-line.left-align::after {
    margin: 10px auto 24px 0;

}

.video-item .video-item-description {
    text-transform: none;
    font-size:      .8em;
}

.video-item .work-description {
    padding:            .1rem 1rem;
    width:              100%;
    background-color:   rgba(0, 0, 0, 0.6);
    position:           absolute;
    display:            block;
    left:               0;
    bottom:             0;
    z-index:            3;
    -webkit-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition:    0.60s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition:      0.60s cubic-bezier(0.86, 0, 0.07, 1);
    transition:         0.60s cubic-bezier(0.86, 0, 0.07, 1);
}

.video-item .work-description .widget-title {
    margin-bottom: 0;
}

.video-item .work-description .video-item-description {
    display: none;
}

.video-item .work-description h5 {
    color: #f5f5f5;
}

.video-item .work-overlay {
    z-index: 4;
}

.sticky-sidebar {
    position: sticky;
    top:      10px;
}

.user-address.hidden {
    min-height: 20vh;
}

.main-menu-position {
    width: 50%;
    float: left;
}

.right-nav-icons-menu {
    float:     right;
    max-width: 20%;
}

.main-navbar--container {
    text-align: center;
}

.main-navbar--items {
    float:       none;
    padding-top: 15px;
    display:     inline-block;
}

span.price {
    font-weight: bold;
    font-size:   1.2em;
}

ul.list-items-disc li {
    list-style: disc !important;
}

ul.list-items-disc {
    padding-left: 5%;
}

.dark-bg a:hover {
    color:           #ffdf00;
    text-decoration: underline;
}

.bootstrap-table .btn-secondary {
    color: #fff2f2;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.ph-picture {
    width:   100%;
    height:  100%;
    padding: 0;
    margin:  0;
}

.error > form ul > li {
    color:     #ed5a5f !important;
    font-size: 0.8em;
}

a.icon-accent-block,
a.icon-accent-block:hover,
.service-item-box a,
.service-item-box a:hover,
.map-popup-body a,
.map-popup-body a:hover,
a.manuals-clear-filter,
a.manuals-clear-filter:hover {
    color: #121212 !important;
}

/*.grecaptcha-badge{*/
/*    display: none;*/
/*}*/

#bitbag-ckeditor {
    ul {
        padding-left: 20px;
        list-style: unset;
        li {
            list-style: unset;
        }
    }
}
.product-top.product-show .product-image-wrapper img{
    width: 100%;
}