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

    Theme Name:     Arosha
    Theme URI:      http://www.spnoy.com
    Description:    
    Author:         Spnoy
    Author URI:     http://www.spnoy.com
    Version:        1.0.0
    License:        GNU General Public License
    License URI:

------------------------------------------------------------------------------------

    1.     Document Body
    2.     Typography
    3.     Cover Screen
    4.     Header
    5.     Main Content
    6.     Portfolio Masonry
    7.     Shop Single
    8.     Page  
    9.     Blog
    10.    Blog Single
    11.    Comments
    12.    Portfolio Single
    13.    Shop Cart
    14.    Contact
    15.    404
    16.    Footer
    17.    Selector
    18.    Shortcodes
    19.    Widget
    20.    Form Fields
    21.    Plugins Overwrite
    ##     Media Queries

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


/*---------------------------------------------------------------------------------*/
/*  1. Document Body
/*---------------------------------------------------------------------------------*/

body {
    font-family: 'Montserrat', helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    background-color: #ffffff;
    color: #202120;
    direction: ltr;
    font-size: 100%;
}
.ss-body-fixed {
    background-color: #eaeaea;
}
.ss-body-fixed #ss-wrapper {
    width: 1230px;
    margin-left: auto;
    margin-right: auto
}
* {
    outline-color: #222222;
}
a {
    text-decoration: none;
    color: #222222;
    
    -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, border 0.3s ease-out, opacity 0.3s ease-out;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, border 0.3s ease-out, opacity 0.3s ease-out;
}
a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', helvetica, arial, sans-serif;
    font-weight: bold;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.75rem;
}
h3 {
    font-size: 1.5rem;
}
h4 {
    font-size: 1.375rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1.125em;
}
input, textarea {
    font-family: 'Montserrat', helvetica, arial, sans-serif;
    text-transform: uppercase;
}
iframe {
    max-width: 100%;
}
.ss-typography blockquote {
    font-family: 'Montserrat', helvetica, Arial, sans-serif;
}
.ss-heading-font {
    font-family: 'Montserrat', helvetica, Arial, sans-serif;
}
.ss-body-font {
    font-family: 'Montserrat', helvetica, Arial, sans-serif;
}


/*---------------------------------------------------------------------------------*/
/*  2. Typography
/*---------------------------------------------------------------------------------*/

.ss-typography {
    font-size: 0.938rem;
    line-height: 1.7em;
}
.ss-typography h1 {
    font-size: 2rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}
.ss-typography h2 {
    font-size: 1.75rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}
.ss-typography h3 {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}
.ss-typography h4 {
    font-size: 1.375rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}
.ss-typography h5 {
    font-size: 1.25rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}
.ss-typography h6 {
    font-size: 1.125rem;
    line-height: 1.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
}
.ss-typography p {
    font-size: 1rem;
    line-height: 1.7em;
    margin-bottom: 1em;
}
.ss-typography img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.ss-typography p:last-child {
    margin-bottom: 0;
}
.ss-typography table {
    margin-bottom: 15px;
}
.ss-typography address {
    font-size: 1rem;
    line-height: 1.6;
}
.ss-typography blockquote {
    font-size: 1rem;
    font-style: italic;
    border: none;
    margin: 30px;
    padding: 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.ss-typography blockquote p {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px;
}
.ss-heading-wrap {
    text-align: center;
}
.ss-heading {
    position: relative;
    display: inline-block;
    font-size: 1.5rem !important;
    color: #ffffff;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    text-align: center;
    margin-bottom: 0 !important;
    font-weight: bold;
    opacity: 0;

    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-heading::after {
    content: '';
    position: absolute;
    left: -60px;
    top: 8px;
    width: 30px;
    height: 5px;
    background: url(images/heading-line.png) no-repeat center center;
    opacity: 0;

    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);

    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.ss-heading::before {
    content: '';
    position: absolute;
    right: -60px;
    top: 8px;
    width: 30px;
    height: 5px;
    background: url(images/heading-line.png) no-repeat center center;
    opacity: 0;

    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);

    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.ss-heading-sub {
    display: block;
    font-size: 0.875rem;
    color: #ff3300;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 20px;
}
.ss-heading-sub2 {
    display: block;
    padding: 0 15%;
    font-size: 0.875rem;
    letter-spacing: 3px;
}
.ss-heading.ss-active {
    opacity: 1;

    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
.ss-heading.ss-active::after {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1;
}
.ss-heading.ss-active::before {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1;
}

/*---------------------------------------------------------------------------------*/
/*  3. Cover Screen
/*---------------------------------------------------------------------------------*/

.ss-cover-wrap-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow: hidden;
    z-index: 100;

    /*display: none;*/
}
.ss-cover-wrap {
    position: absolute;
    left: 60px;
    top: 60px;
    width: calc(100% - 120px);
    height: calc(100% - 120px);
}
.ss-cover-wrap-inner {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.ss-cover-img {
  /*  background: url(images/dummy/bg-1.jpg) no-repeat center center;
    background-size: cover;*/
    width: 100%;
    height: 100%;
}
.ss-cover-img .rev_slider_wrapper {
    padding: 0 60px 120px;
}



/* Content Roller */
.ss-cr-wrap {
    width: calc(100% + 120px);
    height: 800px;
    margin-left: -60px;
}
.ss-cr-frame {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ss-cr-slidee {
    width: 100%;
    height: 100%;
}
.ss-cr-tile {
    float: left;
    width: 50%;
    height: 50%;
    background-color: #eaeaea;
    overflow: hidden;
}
.ss-cr-tile.ss-layout-2 {
    float: left;
    width: 50%;
    height: 100%;
}
.ss-cr-tile-inner {
    width: 100%;
    height: 100%;
}
.ss-cr-fig {
    float: right;
    width: 50%;
    height: 100%;
    text-align: center;
}
.ss-cr-fig img {
    width: auto;
/*    height: 100%;*/
    margin-bottom: 0 !important;
}
.ss-cr-tile.ss-layout-2 .ss-cr-fig {
    width: 100%;
    height: 100%;
}
.ss-cr-content {
    float: left;
    width: 50%;
    text-align: center;
    padding: 30px;
    height: 100%;
}
.ss-cr-content-inner {
    width: 100%;
    height: 100%;
}
.ss-cr-subtitle {
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 3px;
    color: #ff3300;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.ss-cr-title {
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 15px !important;
}
.ss-cr-desc {
    font-size: 0.875rem !important;
    line-height: 1.6em !important;
    margin-bottom: 0 !important;
    color: #999999;
}
.ss-cr-readmore {
    margin-top: 30px;
}

.ss-cr-scrollbar {
    width: 100%;
    height: 10px;
    margin-top: 30px;
    padding: 0 30px;
}
.ss-cr-handle {
    width: 300px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: #222222;
}



/*---------------------------------------------------------------------------------*/
/*  4. Header
/*---------------------------------------------------------------------------------*/

.ss-cover-header {
    position: absolute;
    top: 60px;
    left: 60px;
    width: calc(100% - 120px);
    z-index: 9999;
}
.ss-logo {
    float: left;
}
.ss-menu-button {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    width: 45px;
    height: 32px;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ss-menu-button .ss-menu-button-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: #222222;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-menu-button .ss-menu-button-line-1 {
    top: 0;
}
.ss-menu-button .ss-menu-button-line-2 {
    top: 13px;
}
.ss-menu-button .ss-menu-button-line-3 {
    top: 26px;
}
.ss-search-button {
    float: right;
    margin-right: 60px;
    font-size: 1.5rem;
}
.ss-cart-button {
    float: right;
    margin-right: 30px;
    font-size: 1.5rem;
}
.ss-sign-wrap {
    float: right;
    position: relative;
    margin-right: 30px;
    margin-top: 5px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.ss-menu-button:hover .ss-menu-button-line-1 {
    -webkit-animation: rollAround 3s ease-out infinite;
    animation: rollAround 3s ease-out infinite;
}
.ss-menu-button:hover .ss-menu-button-line-2 {
    -webkit-animation: rollAround 3s 0.3s ease-out infinite;
    animation: rollAround 3s 0.3s ease-out infinite;
}
.ss-menu-button:hover .ss-menu-button-line-3 {
    -webkit-animation: rollAround 3s ease-out infinite;
    animation: rollAround 3s ease-out infinite;
}
@-webkit-keyframes rollAround {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }
    25% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
    }
    75% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
    }
    100% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }
}
@keyframes rollAround {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }
    25% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
    }
    50% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
    }
    75% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
    }
    100% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }
}

.ss-cover-header.ss-white {

}
.ss-cover-header.ss-white .ss-cart-button {
    float: right;
    margin-right: 30px;
    font-size: 1.5rem;
}
.ss-cover-header.ss-white  .ss-sign-wrap {
    color: #ffffff;
}
.ss-cover-header.ss-white .ss-sign-wrap a {
    color: #ffffff;
}
.ss-cover-header.ss-white .ss-search-button {
    color: #ffffff;
}
.ss-cover-header.ss-white .ss-cart-button {
    color: #ffffff;
}
.ss-cover-header.ss-white .ss-menu-button .ss-menu-button-line {
    background-color: #ffffff;
}


/* Main Navigation */
.ss-main-nav-cover {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100%);
    height: calc(100%);
    /*padding: 60px;*/
    z-index: 9999;
    display: none;
    opacity: 0;
}
.ss-main-nav-cover-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 120px;
    background-color: rgba(0,0,0,0.90);

    -webkit-transition: padding 0.2s ease-out;
    transition: padding 0.2s ease-out;
}
body.ss-cover-gone .ss-main-nav-cover-inner {
    padding: 60px 120px;
}
.ss-menu-button-close {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    z-index: 9999;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-menu-button-close-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: #ffffff;

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ss-menu-button-close-line-1 {
    transform: rotateZ(45deg) translateX(9px) translateY(9px);
    -webkit-transform: rotateZ(45deg) translateX(9px) translateY(9px);
}
.ss-menu-button-close-line-2 {
    transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
    -webkit-transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
}
    
.ss-main-nav-wrap {
    display: block;
    /*text-align: center;*/
    height: 100%;
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
}
.ss-main-nav-wrap-inner {
    position: absolute;
    left: 0;
    top: -40px;
    width: 100%;
    height: 100%;
}
.ss-main-nav-wrap-inner-2 {
    width: 100%;
    height: 100%;
}
.ss-main-nav {
    /*display: inline-block;*/
    width: 320px;
    list-style: none;
    padding: 0;
    margin: 0 43%;
    margin-top: 30px;
    float:left;

    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.ss-main-nav li {
    display: inline-block;
    width: 100%;
    font-size: 2.25rem;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.ss-main-nav li:last-child {
    margin-bottom: 0;
}
.ss-main-nav li a {
    position: relative;
    color: #ffffff;
}
.ss-main-nav li a:hover {
    color: #ff3300;
}
.ss-main-nav li.current-menu-item a {
    color: #ff3300 !important;
}
/*.ss-main-nav li.current-menu-item > a::after {
    content: "\\";
    position: absolute;
    right: -30px;
    top: 1px;
    color: #ff3300;
    font-weight: 600;
}*/
.ss-main-nav li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ss-main-nav li .sub-menu {
    position: absolute;
    left: -9000px;
}
.ss-main-nav li.ss-hover .sub-menu {
    position: static;
}
.ss-main-nav li .sub-menu li {
    margin-bottom: 0;
    line-height: 1;
}
.ss-main-nav li .sub-menu a {
    font-size: 0.875rem;
    color: #999999;
    letter-spacing: 2px;
}
.ss-main-nav-wrap .ss-menu-button-close {
    display: none !important;
    float: none;
    display: inline-block;
    margin-bottom: 50px;
}

/* Search */
.ss-main-search-cover {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100%);
    height: calc(100%);
    padding: 60px;
    z-index: 9999;
    display: none;
    opacity: 0;
}
.ss-main-search-cover-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 60px;
    background-color: rgba(0,0,0,0.80);
}
.ss-search-button-close {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-search-button-close-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: #ffffff;

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ss-search-button-close-line-1 {
    transform: rotateZ(45deg) translateX(9px) translateY(9px);
    -webkit-transform: rotateZ(45deg) translateX(9px) translateY(9px);
}
.ss-search-button-close-line-2 {
    transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
    -webkit-transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
}
.ss-main-search-wrap {
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ss-main-search-wrap-inner {
    position: absolute;
    left: 0;
    top: -40px;
    width: 100%;
    height: 100%;
}
.ss-main-search-wrap-inner-2 {
    width: 100%;
    height: 100%;
}
.ss-main-search .search-box-submit {
    display: none;
}
.ss-main-search .search-box-text {
    background-color: transparent;
    border: 0;
    outline: 0;
    border-bottom: 4px solid #ffffff;
    color: #ffffff;
    font-size: 2rem;
    width: 1200px;
    max-width: 100%;
    padding: 0 0 20px 0;
    letter-spacing: 4px;
    line-height: 1.25em;
}
.ss-main-search .search-box-text::-webkit-input-placeholder {
   color: #ffffff;
   font-size: 2rem;
}
.ss-main-search .search-box-text:-moz-placeholder {
   color: #ffffff;
}
.ss-main-search .search-box-text::-moz-placeholder {
   color: #ffffff;
}
.ss-main-search .search-box-text:-ms-input-placeholder {
   color: #ffffff;
}


.ss-main-nav-meta {
    display: none;
}
.ss-main-nav-meta > * {
    position: static;
    display: inline-block;
    margin: 0 10px;
    color: #ffffff;
}
.ss-main-nav-meta a {
    color: #ffffff;
}
.ss-main-nav-meta a:hover {
    color: #ff3300;
}
.ss-main-nav-meta .ss-sign-wrap {
    display: block !important;
    margin-top: 15px;
}

.temp-text {
    position: absolute;
    top: 350px;
    left: 200px;
    text-transform: uppercase;
    font-size: 7rem;
    color: #222222;
    font-weight: 600;
}
.ss-cp-effect {
    text-align: center;
    position: relative;
    opacity: 0;
}
.ss-cp-effect span {
    display: inline-block;
    opacity: 0;
}
.ss-cp-effect-txt-1,
.ss-cp-effect-txt-2 {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.ss-cp-effect.ss-cp-effect-close,
.ss-cp-effect.ss-cp-effect-close span {
    opacity: 1;
}

/*---------------------------------------------------------------------------------*/
/*  5. Main Content
/*---------------------------------------------------------------------------------*/

.ss-main-content {
    padding-right: 60px;
    padding-left: 60px;
}
.ss-inner-page .ss-main-content {
    padding-right: 0;
    padding-left: 0;
}
.ss-main-content-wrap {
    padding: 0 60px 0 60px;
    background-color: #ffffff;
}
.ss-main-content-inner {
    background-color: #eaeaea;
}
.ss-body-fixed .ss-main-content-inner {
    background-color: #ffffff;
}
.ss-main-header {
    position: relative;
    padding: 29px 60px;
    background-color: #ffffff;
}
.ss-main-header .ss-sign-wrap {
    margin-top: 8px;
}
.ss-main-header .ss-cart-button {
    margin-top: 2px;
}
.ss-main-header .ss-search-button {
    margin-top: 2px;
}
.ss-body-fixed .ss-main-header {
    padding-left: 0;
    padding-right: 0;
}

.ss-home-section {
    width: 100%;
}
.ss-fullscreen-section {
    width: calc(100% + 120px);
    margin-left: -60px;
}
.ss-fullwidth-section {
    width: calc(100% + 120px);
    margin-left: -60px;
}

/*---------------------------------------------------------------------------------*/
/*  6. Portfolio Masonry
/*---------------------------------------------------------------------------------*/

.ss-pm-wrap {
    width: 100%;
    padding: 0 30px;
}
.ss-body-fixed .ss-pm-wrap {
    padding: 0;
}
.ss-pm-filterbar {
    margin-bottom: 80px;
    text-align: center;
    padding: 0 60px;
}
.ss-pm-filterbar a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
}
.ss-pm-filterbar a.ss-active {
    color: #ff3300 !important;
}
.ss-pm-filterbar a:hover {
    color: #222222;
}
.ss-pm-filterbar-sep {
    display: inline-block;
    margin: 0 15px;
}

.ss-pm {
    position: relative;
    width: 100%;
    text-align: center;
    /*padding: 0 30px 0 30px;*/
}
.ss-pm.ss-has-loadmore {
    padding-bottom: 120px;
}
.ss-pm-tile {
    float: left;
    padding: 0 30px 0 30px;
    margin-bottom: 60px;
    opacity: 0;
}
.ss-pm-4col .ss-pm-tile {
    width: calc(100% / 4 - 1px);
}
.ss-pm-4col .ss-pm-tile.ss-size-2 {
    width: calc(100% / 2 - 1px);
}
.ss-pm-wrap.ss-no-gap {
    padding-right: 60px !important;
    padding-left: 60px !important;
}
.ss-pm-4col.ss-no-gap {
    padding-right: 0;
    padding-left: 0;
}
.ss-pm-4col.ss-no-gap .ss-pm-tile {
    float: left;
    width: calc(100% / 4 - 1px);
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.ss-fullwidth-section .ss-pm-3col-fixed {
    width: calc(100% + 60px);
    margin-left: -30px;
}
.ss-pm-3col-fixed .ss-pm-tile {
    width: calc(100% / 3 - 11px);
}
.ss-pm-3col-fixed .ss-pm-tile.ss-size-2 {
    width: calc(100% / 3 + 100% / 3 - 22px);
}
.ss-pm-3col-fixed.ss-no-gap .ss-pm-tile {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.ss-pm-tile-inner {
    position: relative;
}
.ss-pm-tile-fig img {
    width: 100%;
    height: auto;
    margin-bottom: 0 !important;
}
.ss-pm-tile-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 51, 0, 0.8);
    color: #ffffff;
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-pm-tile-hover-inner {
    width: 100%;
    height: 100%;
    padding: 30px;
}
.ss-pm-tile-hover-inner-2 {
    width: 100%;
    height: 100%;
}
.ss-pm-3col-fixed .ss-pm-tile-title {
    font-size: 1.25rem !important;
}
.ss-pm-tile-title {
    position: relative;
    display: inline-block;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    line-height: 1.2em !important;
    width: 100%;
    margin-bottom: 0 !important;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}
.ss-pm-tile-title .ss-cp-effect-txt-1,
.ss-pm-tile-title .ss-cp-effect-txt-2 {
    width: 100%;
}
.ss-pm-tile-subtitle {
    display: inline-block;
    letter-spacing: 3px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 400;
    overflow: hidden;
    margin-top: 20px;
}
.ss-pm-tile-subtitle-inner {
    display: inline-block;
}
.ss-pm-tile-inner:hover .ss-pm-tile-hover {
    opacity: 1;
}
.ss-load-more {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 60px;
    margin-left: -75px;
    width: 150px;
    /*border: 5px solid #222222;*/
    padding: 13px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-load-more::before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 5px solid #222222;
    /*padding: 13px 10px;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-load-more::after {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 5px solid #ff3300;
    /*padding: 13px 10px;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;
    opacity: 0;

    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-load-more:hover {
    color: #ff3300;
    /*border-color: #ff3300;*/
}
.ss-load-more:hover::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
}
.ss-load-more:hover::before {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

/*---------------------------------------------------------------------------------*/
/*  7. Shop Single
/*---------------------------------------------------------------------------------*/

.ss-banner-section {
    text-align: center;
}
.ss-banner-section-inner,
.ss-banner-section-inner2 {
    width: 100%;
    height: 100%;
}
.ss-banner-section h1 {
    font-size: 5.625rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
}
.ss-banner-section h1 .ss-cp-effect-txt-1,
.ss-banner-section h1 .ss-cp-effect-txt-2 {
    width: 100%;
}
.ss-banner-section-inner2 > span {
    font-size: 1.125rem;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
}
.ss-content-section {
    padding: 20px 0 10px 0;
}
.ss-shop-single-slider {
    width: 100% !important;
    height: 600px !important;
}
.ss-shop-single-slider .rsThumbsContainer {
    display: inline-block;
    width: 100% !important;
    margin-top: 15px;
}

.ss-shop-single-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}
.ss-shop-single-meta {
    display: inline-block;
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.ss-shop-single-likes {
    margin-right: 60px;
}
.ss-shop-single-likes .ss-highlight {
    color: #ff3300;
}
.ss-shop-single-title {
    display: inline-block;
    width: 100%;
    font-size: 2.25rem;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
}
.ss-shop-single-cat {
    display: inline-block;
    width: 100%;
    font-size: 0.875rem;
    letter-spacing: 3px;
    color: #999999;
    text-transform: uppercase;
}
.ss-shop-single-cat a {
    color: #999999;
}
.ss-shop-single-cat a:hover {
    color: #ff3300;
}
.ss-shop-single-price {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.ss-main-price {
    font-size: 3rem;
    font-weight: bold;
    margin-right: 50px;
}
.ss-main-price .ss-unit {
    font-size: 1.5rem;
}
.ss-old-price {
    font-size: 1.875rem;
    font-weight: bold;
    color: #999999;
}
.ss-old-price .ss-unit {
    font-size: 0.875rem;
}
.ss-shop-single-details {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.ss-shop-single-details h3 {
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 3px;
    font-weight: bold;
}
.ss-shop-single-details p {
    font-size: 0.875rem;
    line-height: 1.6em;
}
.ss-shop-single-tags {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 90px;
}
.ss-shop-single-tags .ss-sep {
    display: inline-block;
    margin: 0 5px;
}
.ss-shop-single-qty {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    color: #333333;
    text-align: center;
}
.inc-qty {
    float: left;
    width: 50px;
    height: 40px;
    text-align: center;
    padding: 13px;
    font-size: 1.125rem;
}
.desc-qty {
    float: left;
    width: 50px;
    height: 40px;
    text-align: center;
    padding: 13px;
    font-size: 1.125rem;
}
.inc-qty:hover,
.desc-qty:hover {
    cursor: pointer;
}
.ss-shop-single-addcart {
    float: left;
    margin-left: 30px;
}
.ss-shop-single-quantity {
    float: left;
}
.ss-shop-single-heart {
    float: left;
    margin-left: 15px;
    border: 5px solid #222222;
    background-color: transparent;
    padding: 11px 13px;
    text-align: center;
    font-size: 1rem;
}
.ss-shop-single-heart:hover {
    border-color: #ff3300;
    color: #ff3300;
}
.ss-shop-single-heart.ss-active {
    background-color: #ff3300;
    border-color: #ff3300;
    color: #ffffff;
}

.woocommerce-tabs {
    display: inline-block;
    width: 100%;
    margin-top: 90px;
}
.woocommerce-tabs .tabs {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
}
.woocommerce-tabs .tabs li {
    float: left;
    margin-right: 30px;
    font-style: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}
.woocommerce-tabs .tabs li.active a {
    color: #ff3300;
}
.woocommerce-tabs .panel {
    background-color: transparent;
    padding: 0;
    line-height: 1.6em;
    box-shadow: none;
    margin-bottom: 0;
}
.woocommerce-tabs .entry-content p:last-child {
    margin-bottom: 0;
}

.woocommerce-tabs .panel h1,
.woocommerce-tabs .panel h2,
.woocommerce-tabs .panel h3,
.woocommerce-tabs .panel h4,
.woocommerce-tabs .panel h5,
.woocommerce-tabs .panel h6 {
  padding-top: 15px;
  margin-bottom: 30px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
}
.woocommerce-tabs .panel #comments h1,
.woocommerce-tabs .panel #comments h2,
.woocommerce-tabs .panel #comments h3,
.woocommerce-tabs .panel #comments h4,
.woocommerce-tabs .panel #comments h5,
.woocommerce-tabs .panel #comments h6 {
  padding-top: 15px;
  margin-bottom: 30px;
  position: relative;
}
.woocommerce-tabs .panel #comments h1:after,
.woocommerce-tabs .panel #comments h2:after,
.woocommerce-tabs .panel #comments h3:after,
.woocommerce-tabs .panel #comments h4:after,
.woocommerce-tabs .panel #comments h5:after,
.woocommerce-tabs .panel #comments h6:after {
  content: '';
  position: absolute;
  width: 15rem;
  height: 2px;
  background: #f1f1f1;
  left: 0;
  bottom: 0;
}
.woocommerce-tabs .commentlist {
  list-style: none;
  padding-left: 0;
}
.woocommerce-tabs .commentlist li .star-rating {
  float: right;
}
.woocommerce-tabs .commentlist li p.meta {
  font-size: 12px;
  color: #b4b4b4;
  font-family: 'Open Sans';
  font-weight: 300;
  margin-bottom: 5px;
}
.woocommerce-tabs .commentlist li p.meta strong {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.woocommerce-tabs .commentlist li p.meta strong:after {
  content: '-';
  font-weight: 400;
  font-family: 'Open Sans';
  color: #858585;
  margin: 0 5px;
}
.woocommerce-tabs .commentlist li .description p {
  font-size: 14px;
  line-height: 22px;
}
.woocommerce-tabs .form-control,
.woocommerce-tabs input[type=text],
.woocommerce-tabs textarea,
.woocommerce-tabs .post-password-form input[type=password] {
  background: transparent;
}
.woocommerce-tabs input[type=text] {
  margin-bottom: 0;
}
.woocommerce-tabs p.stars,
.woocommerce-tabs .comment-form-rating {
  float: left;
}
.woocommerce-tabs p.stars {
  width: 100%;
  margin-left: 0;
  position: relative;
  top: -3px;
  margin-right: 0.5rem;
}
.woocommerce-tabs p.stars a {
  padding: 0.3rem 0.5rem !important;
}
.woocommerce-tabs .comment-form-comment {
  clear: both;
}
.woocommerce-tabs .comment_container {
  position: relative;
  padding-left: 75px;
  min-height: 60px;
  margin-bottom: 1.5rem;
}
.woocommerce-tabs .comment_container > img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.woocommerce-tabs .comment-form span {
  float: left;
}
.woocommerce-tabs .comment-form span a {
  float: left;
  font-family: 'Fontawesome';
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000000 !important;
}
.woocommerce-tabs .comment-form span a:last-child {
  padding-left: 0;
}
.woocommerce-tabs .comment-form span a:hover {
  text-decoration: none;
}
.woocommerce-tabs .comment-form span a.star-1:after {
  content: "\f006";
}
.woocommerce-tabs .comment-form span a.star-1.active:after,
.woocommerce-tabs .comment-form span a.star-1.hover:after,
.woocommerce-tabs .comment-form span a.star-1.hover-02:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-1:hover:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-2:after {
  content: "\f006";
}
.woocommerce-tabs .comment-form span a.star-2.active:after,
.woocommerce-tabs .comment-form span a.star-2.hover:after,
.woocommerce-tabs .comment-form span a.star-2.hover-02:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-2:hover:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-3:after {
  content: "\f006";
}
.woocommerce-tabs .comment-form span a.star-3.active:after,
.woocommerce-tabs .comment-form span a.star-3.hover:after,
.woocommerce-tabs .comment-form span a.star-3.hover-02:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-3:hover:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-4:after {
  content: "\f006";
}
.woocommerce-tabs .comment-form span a.star-4.active:after,
.woocommerce-tabs .comment-form span a.star-4.hover:after,
.woocommerce-tabs .comment-form span a.star-4.hover-02:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-4:hover:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-5:after {
  content: "\f006";
}
.woocommerce-tabs .comment-form span a.star-5.active:after,
.woocommerce-tabs .comment-form span a.star-5.hover:after,
.woocommerce-tabs .comment-form span a.star-5.hover-02:after {
  content: "\f005";
}
.woocommerce-tabs .comment-form span a.star-5:hover:after {
  content: "\f005";
}

.woocommerce-tabs label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 30px;
    font-weight: bold;
}
.woocommerce-tabs .comment-form > p {
    width: 100%;
    margin: 0 0 30px 0;
}


.ss-related-products-wrap {
    margin-top: 120px;
}
.ss-related-products-wrap .ss-shop-list {
    width: calc(100% + 120px);
    margin-left: -60px;
}

/*---------------------------------------------------------------------------------*/
/*  8. Page
/*---------------------------------------------------------------------------------*/

.ss-page-cover-img {
    text-align: center;
    width: 100%;
    height: 100%;
}
.ss-page-cover-img-inner,
.ss-page-cover-img-inner2 {
    width: 100%;
    height: 100%;
}
.ss-page-title {
    font-size: 5.625rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.ss-page-breadcrumbs {
    font-style: 1.125rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.ss-promote-title {
    font-size: 3.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    line-height: 1.2em !important;
    font-weight: bold !important;
}


/*---------------------------------------------------------------------------------*/
/*  9. Blog
/*---------------------------------------------------------------------------------*/

.ss-blog-classic-wrap .ss-blog-item,
.ss-blog-simple-wrap .ss-blog-item {
    margin-bottom: 20px;
}
body.single .ss-blog-item {
    margin-bottom: 0;
}
.ss-blog-readmore {
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 3px;
    text-transform: uppercase;;
    font-weight: bold;
    margin-top: 20px;
}
.ss-pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
.ss-pagination span,
.ss-pagination a {
    display: inline-block;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #222222;
}
.ss-pagination .ss-current {
    color: #ff3300;
}
.ss-pagination a:hover {
    color: #ff3300;
}
.ss-pagination .ss-sep {
    margin: 0 15px;
}
.ss-blog-slider {
    width: 100% !important;
}
.ss-blog-item.format-quote blockquote {
    margin: 0;
    margin-left: 130px;
}

/*---------------------------------------------------------------------------------*/
/*  10. Blog Single
/*---------------------------------------------------------------------------------*/

.ss-blog-classic-wrap .ss-blog-item,
.ss-blog-simple-wrap .ss-blog-item {
    display: inline-block;
    width: 100%;
}
.ss-blog-simple-wrap .ss-blog-item {
    opacity: 0;
}
.ss-blog-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.ss-blog-simple-wrap .ss-blog-header {
    margin-bottom: 35px;
}
.ss-blog-classic-wrap .ss-blog-time,
.ss-blog-simple-wrap .ss-blog-time {
    float: left;
    padding: 17px 0;
    width: 85px;
    height: 85px;
    border: 5px solid #222222;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    margin-right: 50px;
}
.ss-blog-classic-wrap .ss-blog-time span,
.ss-blog-simple-wrap .ss-blog-time span {
    display: inline-block;
    width: 100%;
}
.ss-blog-classic-wrap .ss-blog-time .ss-number,
.ss-blog-simple-wrap .ss-blog-time .ss-number {
    font-size: 1.5rem;
    font-weight: bold;
}
.ss-blog-classic-wrap .ss-blog-time .ss-month,
.ss-blog-simple-wrap .ss-blog-time .ss-month {
    font-size: 0.75rem;
}
.ss-blog-classic-wrap .ss-blog-title,
.ss-blog-simple-wrap .ss-blog-title {
    font-size: 2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
}
.ss-blog-simple-wrap .ss-blog-title {
    font-size: 3rem;
    line-height: 1.2em;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.ss-blog-classic-wrap .ss-blog-cats,
.ss-blog-simple-wrap .ss-blog-cats {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 3px;
    color: #ff3300;
}
.ss-blog-classic-wrap .ss-blog-cats a,
.ss-blog-simple-wrap .ss-blog-cats a {
    color: #ff3300;
    font-weight: normal;
}
.ss-blog-classic-wrap .ss-blog-cats a:hover,
.ss-blog-simple-wrap .ss-blog-cats a:hover {
    color: #222222;
}
.ss-blog-meta {
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    margin-left: 15px;
}
.ss-blog-share-button {
    float: right;
    font-size: 0.875rem;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
}
.ss-blog-fig {
    margin-bottom: 50px;
}
.ss-blog-fig img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.ss-blog-simple-wrap .ss-blog-header-inner {
    float: right;
    width: calc(100% - 135px);
}
.ss-blog-content-wrap {
    float: right;
    width: calc(100% - 135px);
}

/* Share Screen */
.ss-share-screen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    color: #1b1b1b;
    opacity: 0;
    display: none;
    z-index: 99999;
}
.ss-share-screen-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -55px;
    margin-left: -570px;
    width: 1140px;
    height: 110px;
    text-align: center;
}
.ss-share-screen-title {
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 3px;
    color: #222222;
    line-height: 1;
}
.ss-share-screen-services {
    margin-top: 30px;
}
.ss-share-screen-services .ss-button {
    margin: 0 5px;
}
.ss-share-screen-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
}
.ss-share-screen-close .ss-close-line-1,
.ss-share-screen-close .ss-close-line-2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    background: #444;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-share-screen-close .ss-close-line-1 {
    transform: rotateZ(45deg) translateX(9px) translateY(9px);
    -webkit-transform: rotateZ(45deg) translateX(9px) translateY(9px);
}
.ss-share-screen-close .ss-close-line-2 {
    transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
    -webkit-transform: rotateZ(-45deg) translateX(-9px) translateY(9px);
}

/* Subscribe Box */
.ss-subbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    color: #1b1b1b;
    opacity: 0;
    display: none;
    z-index: 99999;
}
.ss-subbox-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -160px;
    margin-left: -330px;
    width: 660px;
    height: 320px;
    text-align: center;
    background-color: #222222;
    color: #ffffff;
    opacity: 0;
    padding: 60px;
}
.ss-subbox-title {
    font-size: 3rem;
    letter-spacing: 3px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 15px;
}
.ss-subbox-title span {
    color: #ff3300;
}
.ss-subbox-subtitle {
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 3px;
}
.ss-subbox-input-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}
.ss-subbox-input {
    float: left;
    width: 360px;
    border-color: #ffffff;
    color: #ffffff;
    letter-spacing: 3px;
}
input[type="submit"].ss-subbox-submit {
    float: right;
    border: 5px solid #ffffff;
    background-color: transparent;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1 !important;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-subbox-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ffffff;
}
.ss-subbox-close:hover {
    color: #ff3300
}


/*---------------------------------------------------------------------------------*/
/*  11. Commnets
/*---------------------------------------------------------------------------------*/

.comments-title {
    margin: 90px 0 90px 0;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
}
.ss-has-sidebar .comments-title {
    text-align: left;
}
.comments-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.comments-list li {
    list-style: none;
    margin: 0 0 30px 105px;
}
.comments-list li > div {
    position: relative;
    padding: 0 0 24px 0;
}
.avatar-border {
    position: absolute;
    left: -105px;
    top: 0;
    overflow: hidden;
}
.avatar-border img {
    /*border-radius: 50%;*/
}
.comment-meta {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    line-height: 1em;
}
.comment-author {
    font-size: 1.125rem;
    margin-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.comment-author cite {
    font-style: normal;
}
.comment-author cite a {
    color: #1b1b1b; 
}
a.comment-time {
    display: inline-block;
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
    letter-spacing: 3px;
    margin-top: 15px;
}
.ss-comment-bullet {
    display: inline-block;
    margin: 0 10px 0 7px;
}
.comment-reply-link {
    float: right;
    opacity: 0;
    font-size: 0.875rem;
    display: inline-block;
    font-weight: bold;
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.comments-list li > div:hover .comment-reply-link,
.comments-list li > div:hover a.comment-time {
    opacity: 1;
}
.comment-body ul, .comment-body ol {
    margin: 15px 0; 
}
.comment-body li {
    margin-left: 10px;
    list-style: inside disc; 
}
.comment-body {
    color: #999999;
}
.comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.comment .children {
    padding-top: 30px;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 30px;
}
.comment.depth-3 .children li {
    margin: 0 0 30px 0;
}
.comment-form {
    width: 100%
}
.comment-reply-title {
    margin: 0 0 60px 0;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
}
.comment-form .respond-inputs {
    margin-left: -7px;
    margin-right: -7px;
}
.comment-form .respond-inputs p {
    float: left;
    width: 33.333333%;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 0;
}
#comment-text textarea {
    height: 60px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



/* Comments Form */
.comment-respond {
    margin-top: 60px;
}
.comment-respond p {
    display: inline-block;
    width: calc(100% / 3 - 30px);
    margin-bottom: 30px;
    margin-left: 40px;
}
.comment-respond p:first-child {
    margin-left: 0;
}
.comment-form .form-submit {
    width: 100% !important;
    margin: 60px 0 0 0 !important;
    text-align: center;
}


/*---------------------------------------------------------------------------------*/
/*  12. Portfolio Single
/*---------------------------------------------------------------------------------*/

.ss-portfolio-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}
.ss-portfolio-title {
    font-size: 2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px; 
}
.ss-portfolio-cats {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 3px;
    color: #ff3300;
}
.ss-portfolio-cats a {
    color: #ff3300;
    font-weight: normal;
}
.ss-portfolio-cats a:hover {
    color: #222222;
}
.ss-portfolio-meta {
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    margin-left: 0;
}
.ss-portfolio-like-button {
    float: right;
    width: 85px;
    height: 85px;
    border: 5px solid #222222;
    text-align: center;
    padding: 22px 0;
    font-size: 2rem;
    font-weight: normal;
}
.ss-portfolio-like-button:hover {
    border-color: #ff3300;
}
.ss-portfolio-fig {
    margin-bottom: 60px;
}
.ss-portfolio-fig img {
    margin-bottom: 60px;
    width: 100%;
    height: auto;
}
.ss-portfolio-fig img:last-child {
    margin-bottom: 0;
}
.ss-portfolio-content-title {
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1;
}
.ss-portfolio-content-share {
    float: right;
    font-size: 0.875rem;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 3px;
}
.ss-post-navigation {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 120px 0 30px;
}
.ss-post-navigation .ss-prev {
    display: inline-block;
}
.ss-post-navigation .ss-all {
    display: inline-block;
    margin: 0 60px;
}
.ss-post-navigation .ss-next {
    display: inline-block;
}
.ss-post-navigation .ss-next span,
.ss-post-navigation .ss-prev span {
    display: inline-block;
    margin: 0 5px;

    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
}


/*---------------------------------------------------------------------------------*/
/*  13. Shop Cart
/*---------------------------------------------------------------------------------*/

.ss-cart-wrap {
  padding-top: 70px;
}
.ss-cart-wrap img {
  max-width: 150px;
}
.ss-cart-wrap .taberna-line {
  margin-top: 15px;
  margin-bottom: 40px;
  max-width: initial;
}
.ss-cart-wrap .taberna-line .line-inner {
  left: 0;
  margin-left: 0;
}
.ss-cart-wrap .table {
  text-align: center;
}
.ss-cart-table .total {
    font-weight: bold;
}
.ss-cart-wrap td h4 {
    font-size: 1.125rem;
}
.ss-cart-wrap td .total:first-letter,
.ss-cart-wrap td .price:first-letter {
    font-size: 0.875rem;
}
.ss-cart-wrap .table img {
  border: 1px solid #dfdfdf;
}
.ss-cart-wrap .table thead th {
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.ss-cart-wrap .table thead th:first-child {
    text-align: left;
}
.ss-cart-wrap .table tbody th {
  text-align: center;
}
.ss-cart-wrap .table tbody td {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
.ss-cart-wrap .table tbody td:first-child {
    text-align: left;
}
.ss-cart-wrap .table tbody input[type="number"] {
  width: 60px;
  padding-left: 22px;
}
.ss-cart-wrap .table .fa-times {
  position: absolute;
  top: -1px;
  right: -1px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  color: #dfdfdf;
  padding-left: 2px;
  padding-top: 8px;
  border: 1px solid #dfdfdf;
  -webkit-transition: .2s color, .2s background, .2s border;
  transition: .2s color, .2s background, .2s border;
}
.ss-cart-wrap .table .fa-times:hover {
  color: white;
}
.ss-cart-wrap .apply-coupon,
.ss-cart-wrap .shipping {
  text-align: left;
}
.ss-cart-wrap .apply-coupon p,
.ss-cart-wrap .shipping p {
  color: #545454;
  margin-bottom: 30px;
}
.ss-cart-wrap .apply-coupon input[type="text"],
.ss-cart-wrap .shipping input[type="text"] {
  width: 100%;
}
.ss-cart-wrap .coupon-submit {
    margin-top: 30px;
}
.ss-cart-wrap .calculation > div {
  font-size: 22px;
  font-weight: 400;
  color: #545454;
  /*padding-top: 20px;*/
  padding-bottom: 20px;
}
.ss-cart-wrap .calculation .total {
  font-size: 25px;
}
.ss-cart-wrap .calculation .total {
  color: black;
  text-transform: uppercase;
}
.ss-cart-wrap .calculation .amount {
  float: right;
  margin-top: 5px;
}
.ss-cart-wrap .calculation .taberna-btn {
  border: none;
  color: white;
  font-size: 25px;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  margin-top: 48px;
}
.ss-cart-wrap .calculation .taberna-btn:hover {
  background-color: #545454;
  color: white;
}
.ss-cart-wrap .shipping select {
  height: 38px;
  width: 100%;
  margin-bottom: 19px;
  padding-left: 10px;
}
.ss-cart-wrap .shipping input[type="text"] {
  width: 100%;
  margin-bottom: 19px;
}
.ss-cart-wrap .section-title {
    font-size: 1.125rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 50px;
}
.ss-cart-wrap .calculation .desc,
.ss-cart-wrap .calculation .amount {
    font-size: 0.875rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.ss-cart-wrap .calculation .total-calc {
    font-weight: bold;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    padding-bottom: 0;
}
.ss-cart-total-wrap {
    background-color: #ffffff;
    padding: 30px;
}
.ss-checkout-button {
    width: 100%;
    margin-top: 30px;
}
.ss-cart-table {
    /*margin-bottom: 60px;*/
}



/*---------------------------------------------------------------------------------*/
/*  14. Contact
/*---------------------------------------------------------------------------------*/

.ss-contact-form p {
    float: left;
    width: 50%;
    padding-left: 30px;
    margin-bottom: 60px;
}
.ss-contact-form p:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 30px;
}
.ss-contact-message-wrap {
    width: 100% !important;
    padding: 0 !important;
}
.contact-form-submit {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 60px 0 0 0 !important;
}
.contact-form-submit .ajax-loader {
    display: none;
}

body.ss-contact .ss-home-section {
    padding-top: 0 !important;
    padding-bottom: 60px !important;
}
.ss-contact-left-col {
    float: left;
    width: 50%;
    padding: 120px 60px;
}
.ss-contact-right-col {
    float: left;
    width: 50%;
}
.ss-contact-right-col img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

/*---------------------------------------------------------------------------------*/
/*  15. 404
/*---------------------------------------------------------------------------------*/

.ss-notfound-title { 
    font-size: 7.5rem;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ss-notfound-subtitle {
    display: inline-block;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: 15px;
}
.ss-notfound-subtitle2 {
    font-size: 2.25rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
}
.ss-notfound-wrap .ss-notfound-button {
    margin-top: 60px;
    border-color: #999999;
    color: #999999;
}

/*---------------------------------------------------------------------------------*/
/*  16. Footer
/*---------------------------------------------------------------------------------*/

.ss-footer-wrap {
    padding: 0 60px 60px 60px;
    background-color: #ffffff;
}
.ss-body-fixed .ss-footer-wrap {
    background-color: #eaeaea;
    padding-bottom: 0;
}
.ss-footer-inner {
    background-color: #eaeaea;
    padding: 20px 0;
}
.ss-footer-promote {
    margin-bottom: 20px;
}
.ss-footer-title {
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1em;
}
.ss-footer-subtitle {
    font-size: 0.875rem;
    letter-spacing: 2px;
    line-height: 1.6em;
    text-transform: uppercase;
}
.ss-copyright {
    display: inline-block;
    width: 100%;
    letter-spacing: 2px;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.ss-footer-soical-icons {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.ss-footer-soical-icons li {
    display: inline-block;
    margin: 0 15px;
}
.ss-footer-soical-icons li a {
    font-size: 0.875rem;
}
.ss-footer-soical-icons.ss-type-2 {
    text-align: left;
}
.ss-footer-soical-icons.ss-type-2 li:first-child {
    margin-left: 0;
}
.ss-footer-soical-icons.ss-type-2 a {
    color: #eaeaea;
}
.ss-footer-soical-icons.ss-type-2 a:hover {
    color: #ff3300;
}
.ss-footer-type-2 .ss-copyright {
    float: left;
    width: 100%;
    text-align: center;
}
.ss-align-center {
    text-align: center;
}
.ss-align-left {
    text-align: left;
}


.ss-gap {
    clear: both;
    width: 100%;
    margin: 0;
}


/*---------------------------------------------------------------------------------*/
/*  17. Selector
/*---------------------------------------------------------------------------------*/

.ss-selector-wrap {
    width: 100%;
    text-align: left;
    padding: 0 30px;
}
.ss-selector-item {
    display: inline-block;
    width: calc(100% / 3 - 14px);
    margin-bottom: 120px;
}
.ss-selector-item > a {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.ss-selector-item img {
    margin-bottom: 30px;
    max-width: 100%;
    height: auto;
}
.ss-selector-item h3 {
    margin-bottom: 30px;
    font-size: 1.5rem;
}
.ss-selector-item span {
    display: inline-block;
    width: 400px;
    text-align: left;
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.7em;
}

/*---------------------------------------------------------------------------------*/
/*  18. Shortcodes
/*---------------------------------------------------------------------------------*/

/* Latest News */
.ss-latest-news {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    /*margin: 0 0 0 -30px;*/
}
.ss-latest-news-item {
    display: inline-block;
    width: calc(100% / 3 - 4px);
    text-align: left;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
}
.ss-latest-news-fig {
    position: relative;
    margin-bottom: 30px;
}
.ss-latest-news-fig img {
    width: 100%;
    height: auto;
}
.ss-latest-news-title {
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 10px;
    line-height: 1.4em;
}
.ss-latest-news-title a {
    color: #ffffff;
}
.ss-latest-news-desc {
    font-weight: 300;
    font-size: 0.875rem;
    color: #999999;
    line-height: 1.6em;
    margin-bottom: 15px;
}
.ss-latest-news-readmore {
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: #999999;
}
.ss-latest-news-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 51, 0, 0.8);
    color: #ffffff; 
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-latest-news-hover-inner,
.ss-latest-news-hover-inner2 {
    width: 100%;
    height: 100%;
}
.ss-latest-news-hover-date {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 5px solid #ffffff;
    padding: 15px;
}
.ss-latest-news-hover-date .ss-bold {
    display: block;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 5px;
}
.ss-latest-news-fig:hover .ss-latest-news-hover {
    opacity: 1;
}

/* Shop List */
.ss-shop-list {
    display: inline-block;
    width: 100%;
    padding: 0 30px;
    margin: 0;
    /*margin-left: -30px;*/
    text-align: center;
}
.ss-fullwidth-section .ss-shop-list {
    padding: 0 0;
    margin-left: -30px;
    width: calc(100% + 60px);
}
.ss-shop-item {
    display: inline-block;
    width: calc(100% / 4 - 4px);
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
    position: relative;
}
.ss-shop-list.ss-three-col .ss-shop-item {
    width: calc(100% / 3 - 4px);
}
.ss-shop-fig {
    position: relative; 
    margin-bottom: 20px;
}
.ss-shop-fig img {
    width: 100%;
    height: auto;
}
.ss-shop-title {
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
    line-height: 1.6em;
}
.ss-shop-subtitle {
    font-size: 0.875rem;
    color: #999999;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.ss-shop-onsale {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 0.875rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ff3300;
    border: 5px solid #ff3300;
    padding: 10px;
}
.ss-shop-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 51, 0, 0.8);
    padding: 30px;
    opacity: 0;
    text-align: center;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-shop-hover-inner,
.ss-shop-hover-inner2 {
    width: 100%;
    height: 100%;
}
.ss-shop-fig:hover .ss-shop-hover {
    opacity: 1;
}
.ss-shop-addcart,
.ss-shop-price {
    display: inline-block;
    padding: 10px 15px;
    border: 5px solid #ffffff;
    color: #ffffff !important;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 0.875rem;
}
.ss-shop-addcart span {
    margin-right: 10px;
}


/* Feature Products */
.ss-feature-products {
    display: inline-block;
    width: calc(100% + 60px);
    padding: 0;
    margin: 0;
    margin-left: -30px;
    text-align: center;
    list-style: none;
}
.ss-feature-product {
   display: inline-block;
    width: calc(100% / 4 - 4px);
    padding: 0 30px;
}
.ss-feature-product-fig {
    position: relative;
}
.ss-feature-product-fig img {
    max-width: 100%;
    height: auto;
}
.ss-feature-product-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0;
    text-align: center;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-feature-product-hover img {
    width: 100%;
    height: auto;
}
.ss-feature-product:hover .ss-feature-product-hover  {
    opacity: 1;
}
.ss-feature-product-off {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
}
.ss-feature-product-content {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 15px;
}
.ss-feature-product-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    color: #ff3300;
    letter-spacing: 3px;
    font-size: 0.875rem;
}
.ss-feature-product-title {
    font-size: 1.25rem !important;
    letter-spacing: 4px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    color: #ffffff;
}

/* Retina Icons */
.box-icon-container {
    display: inline-block;
    width: 100%;
    font-size: 1.125rem;
    padding: 0 0 0 0;
    letter-spacing: 2px;
}
.arosha-icon {
    float: left;
    text-align: center;
    color: #133939;
    font-size: 16px;
    line-height: 1;
}
.arosha-icon.ss-small {
    font-size: 14px;
}
.arosha-icon.ss-medium {
    font-size: 32px;
}
.arosha-icon.ss-large {
    font-size: 44px;
}
.box-icon-content {
    font-size: 18px;
    margin-left: 26px;
    margin-top: -3px;
    line-height: 24px;
}
.icon-content h5 {
    font-size: 18px;
}
.box-icon-content.ss-small {
    font-size: 14px;    
}
.box-icon-content.ss-medium {
    font-size: 18px;    
}
.box-icon-content.ss-large {
    font-size: 24px;    
}
.box-icon-container.ss-icon-size-medium .box-icon-content {
    margin-top: 4px;
    margin-left: 42px;
}
.box-icon-container.ss-icon-size-large .box-icon-content {
    margin-top: 10px;
    margin-left: 59px;
}

/* Home Title */
.ss-home-title {
    font-size: 3rem !important;
    text-align: center;
    font-weight: 600 !important;
    margin-bottom: 30px;
    padding: 0 30px;
}
.ss-home-subtitle {
    display: block;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 3px;
    text-align: center;
    color: #999999;
    padding: 0 30px;
}

/* Services */
.ss-services {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.ss-service {
    display: inline-block;
    margin-bottom: 30px;
    width: calc(100% / 3 - 3px);
    padding-right: 15px;
    padding-left: 15px;
}
.ss-service-fig {
    font-size: 3rem !important;
    margin-bottom: 30px;
}
.ss-service-title {
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 10px !important;
    line-height: 1.4em !important;
}
.ss-service-desc {
    font-size: 0.875rem !important;
    color: #999999;
}

/* Clients */
.ss-clients {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    margin: 0;
}
.ss-body-fixed .ss-clients {
    padding: 0;
}
.ss-client {
    display: inline-block;
    width: calc(100% / 6 - 4px);
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
}
.ss-client:last-child {
    margin-bottom: 0;
}
.ss-client img {
    max-width: 100%;
    height: auto;
}


/* Portfolio Box */
.ss-portfolio-box-wrap {
    display: inline-block;
    width: 100%;
}
.ss-portfolio-box {
    display: inline-block;
    width: 100%;
}
.ss-portfolio-box-fig {
    float: left;
    width: 50%;
}
.ss-portfolio-box-fig img {
    width: 100%;
    height: auto;
}
.ss-portfolio-box-content {
    float: right;
    width: 50%;
    background-color: #eaeaea;
    color: #999999;
    text-align: center;
    padding: 30px 60px;
}
.ss-portfolio-box:nth-child(even) .ss-portfolio-box-fig {
    float: right;
}
.ss-portfolio-box:nth-child(even) .ss-portfolio-box-content {
    float: left;
}
.ss-portfolio-box-content-inner,
.ss-portfolio-box-content-inner2 {
    width: 100%;
    height: 100%;
}
.ss-portfolio-box-subtitle {
    display: inline-block;
    width: 100%;
    font-size: 0.875rem !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #ff3300;
    margin-bottom: 15px;
}
.ss-portfolio-box-title {
    font-size: 1.5rem !important;
    letter-spacing: 5px !important;
    text-transform: uppercase;
    color: #222222;
    font-weight: 600 !important;
    margin-bottom: 20px;
}
.ss-portfolio-box-desc {
    font-size: 0.875rem !important;
    color: #999999;
    line-height: 1.6em !important;
    margin-bottom: 60px !important;
}

/* Featured Category */
.ss-featured-cats {
    display: inline-block;
    width: calc(100% + 60px);
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -30px;
    text-align: center;
}
.ss-featured-cat {
    display: inline-block; 
    width: calc(100% / 3 - 5px);
    padding: 0 30px;
    margin-bottom: 30px;
    text-align: left;
    -webkit-backface-visibility: hidden;
}
.ss-featured-cat-inner {
    position: relative;
    overflow: hidden;
}
.ss-featured-cat-fig {
     -webkit-backface-visibility: hidden;
   
}
.ss-featured-cat-fig img {
    width: 100%;
    height: auto;
    margin-bottom: 0 !important;

    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-featured-cat:hover .ss-featured-cat-fig img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
.ss-featured-cat-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 100%;*/
    z-index: 1;
    padding: 30px 30px 60px;
}
.ss-featured-cat-title {
    display: inline-block;
    position: relative;
    font-size: 2.25rem !important;
    line-height: 1.1em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;   
    margin-bottom: 15px !important;
}
.ss-featured-cat-subtitle {
    display: inline-block;
    font-size: 0.875rem !important;
    color: #ff3300 !important;
    text-transform: uppercase !important;
    overflow: hidden;
}
.ss-featured-cat-subtitle span {
    display: inline-block;
}


/* Team Members */
.ss-team {
    display: inline-block;
    width: calc(100% + 90px);
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-left: -45px;
}
.ss-team-member {
    display: inline-block;
    width: calc(100% / 3 - 14px);
    padding: 0 30px;
    margin-bottom: 30px;
}
.ss-team-member-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.ss-team-member-fig img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.ss-team-member-name {
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important; 
    font-weight: bold !important;
    margin-top: 25px;
    margin-bottom: 0 !important;
}
.ss-team-member-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 51, 0, 0.8);
    text-align: center;
    padding: 0 15px;
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-team-member-hover-inner,
.ss-team-member-hover-inner2 {
    width: 100%;
    height: 100%;
}
.ss-team-member-title {
    font-size: 1rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}
.ss-team-member-desc {
    font-size: 0.875rem !important;
    line-height: 1.4em !important;
}
.ss-team-member-socials {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.ss-team-member-socials a {
    display: inline-block;
    margin: 0 5px;
    color: #ffffff;
}
.ss-team-member:hover .ss-team-member-hover {
    opacity: 1;
}

/* Skill */
.ss-skill-wrap {
    display: inline-block;
    width: 100%;
}
.ss-skill-title {
    float: left;
    font-size: 0.875rem !important;
    margin-bottom: 15px !important;
    line-height: 1 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}
.ss-skill-percent {
    float: right;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 3px;
    line-height: 1;
}
.ss-skill-bar {
    float: left;
    background-color: rgba(153, 153, 153, 0.15);
    width: 100%;
    height: 10px;
    position: relative;
}
.ss-skill-handle {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #ff3300;
}

/* Social Icons */
.ss-social-icons {
    display: inline-block;
}
.ss-social-icons a {
    display: inline-block;
    margin: 0 10px;
    font-size: 1rem;
}
.ss-social-icons a:first-child {
    margin-left: 0;
}

/* Button */
.ss-button {
    display: inline-block;
    position: relative;
    border: 5px solid #222222;
    background-color: transparent;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1 !important;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-button::before {
    /*content: '';*/
    position: absolute;
    left: -5px;
    top: -5px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 5px solid #222222;
    /*padding: 13px 10px;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-button::after {
    /*content: '';*/
    position: absolute;
    left: -5px;
    top: -5px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 5px solid #ff3300;
    /*padding: 13px 10px;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;
    opacity: 0;

    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ss-button:hover {
    color: #ff3300;
    border-color: #ff3300;
}
.ss-button:hover::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
}
.ss-button:hover::before {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
.ss-button.ss-white {
    color: #ffffff;
    border-color: #ffffff;
}
.ss-button.ss-white::before {
    border-color: #ffffff;
}
.ss-button.ss-white:hover {
    color: #ff3300;
    border-color: #ff3300;
}

/*---------------------------------------------------------------------------------*/
/*  19. Widgets
/*---------------------------------------------------------------------------------*/

.ss-footer-wrap .widget {
    margin-bottom: 60px;
}
.ss-footer-wrap .widget > h5 {
    font-size: 1.125rem;
    letter-spacing: 4px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.widget_text {
    font-size: 0.875rem;
    line-height: 1.6em;
}

.ss-sidebar .widget {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}
.ss-sidebar .widget > h3 {
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.ss_widget_popular_posts ul,
.widget_categories ul {
    list-style: none;
    padding: 0;
}
.ss_widget_popular_posts ul li {
    margin-bottom: 20px;
}
.ss_widget_popular_posts .ss_widget_popular_posts_title {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.7em;
}
.ss_widget_popular_posts .ss_widget_popular_meta_wrap {
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1;
    color: #999999;
}
.widget_categories ul li {
    margin-bottom: 8px; /* 20px */
    font-size: 0.875rem;
    line-height: 1.7em;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
}
.tagcloud {
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 2.5em;
}
.tagcloud .ss-sep {
    display: inline-block;
    margin: 0 5px;
}


/* Recent Portfolio Widget */
.ss_widget_recent_portfolio ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -5px;
    margin-right: -5px;
}
.ss_widget_recent_portfolio ul li {
    float: left;
    width: calc(100% / 3 - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 0px solid #ddd;

    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.ss_widget_recent_portfolio ul li img {
    width: 100%;
    height: auto;
}
.ss_widget_recent_portfolio ul li:hover {
    border-width: 3px;
}



/*---------------------------------------------------------------------------------*/
/*  20. Form Fields
/*---------------------------------------------------------------------------------*/


input,
textarea {
    width: 100%;
    font-size: 0.875rem;
    padding: 12px 15px 12px 0;
    background-color: transparent;
    color: #212121;
    line-height: 1.7em;
    font-weight: normal;
    border: none;
    border-bottom: 4px solid #212121;
    margin: 0;
    text-transform: capitalize;
}
input:focus,
textarea:focus {
    outline: 0;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
    display: inline-block;
    background-color: #212121;
    color: #ffffff;
    padding: 10px 30px;
    border: 4px solid #212121;
    width: auto;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    color: #212121;
    background-color: transparent;
}
input::-webkit-input-placeholder {
   font-size: 16px;
   color: #212121;
}
input:-moz-placeholder {
   font-size: 16px;
   color: #212121;
}
input::-moz-placeholder {
   font-size: 16px;
   color: #212121;
}
input:-ms-input-placeholder {
   font-size: 16px;
   color: #212121;
}
textarea::-webkit-input-placeholder {
   font-size: 16px;
   color: #212121;
}
textarea:-moz-placeholder {
   font-size: 16px;
   color: #212121;
}
textarea::-moz-placeholder {
   font-size: 16px;
   color: #212121;
}
textarea:-ms-input-placeholder {
   font-size: 16px;
   color: #212121;
}


/*---------------------------------------------------------------------------------*/
/*  21. Plugins Overwrite
/*---------------------------------------------------------------------------------*/

.uranus .tp-bullet {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: 3px solid #222222 !important;
}
.uranus .tp-bullet .tp-bullet-inner {
    display: none;
}
.uranus .tp-bullet:hover,
.uranus .tp-bullet.selected {
    border-color: #ff3300 !important;
    background-color: #ff3300 !important;
}
.uranus .tp-bullet {
    margin: 15px 0; 
}
.home-slider-tweak {
    background-color: #eaeaea !important;
    background-image: url(images/transparent.png) !important;
}
.ss-rev-arrow {
    cursor: pointer;
}


/*---------------------------------------------------------------------------------*/
/*  ## Media Queries
/*---------------------------------------------------------------------------------*/

/* Under 1900px */
@media screen and (max-width: 1899px) {
    
    /* Header */
    .ss-search-button {
        font-size: 1.375rem;
        margin-top: 5px;
    }
    .ss-cart-button {
        font-size: 1.375rem;
        margin-top: 5px;
    }
    .ss-sign-wrap {
        font-size: 0.875rem;
        margin-top: 10px;
    }
    .ss-menu-button {
        width: 40px;
        height: 30px;
    }
    .ss-menu-button .ss-menu-button-line {
        height: 5px;
    }
    .ss-menu-button .ss-menu-button-line-1 {
        top: 11px;
    }
    .ss-menu-button .ss-menu-button-line-2 {
        top: 22px;
    }
    .ss-menu-button .ss-menu-button-line-3 {
        top: 34px;
    }

    .ss-main-header .ss-search-button {
        margin-top: 4px;
    }
    .ss-main-header .ss-cart-button {
        margin-top: 4px;
    }

    /* Portoflio Masonry */
    .ss-pm-filterbar {
        font-size: 0.875rem;
    }
    .ss-pm-tile-title {
        font-size: 1.25rem !important;
    }

    /* Main Navigation */
    .ss-main-nav li {
        font-size: 2rem;
    }

    /* Footer */
    .ss-footer-title {
        font-size: 1.25rem;
    }

    /* Cover Screen */
    .ss-cover-wrap {
        left: 30px;
        top: 30px;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
    }
    .ss-cover-header {
        top: 30px;
        left: 30px;
        width: calc(100% - 60px);
    }
    .ss-main-nav-cover {
        padding: 30px;
    }
    .ss-main-nav-cover-inner {
        padding: 60px;
    }
    .ss-cover-img .rev_slider_wrapper {
        padding: 0 30px 60px;
    }

    /* Content Roller */
    .ss-cr-wrap {
        width: calc(100%);
        margin-left: 0;
    }

    /* Header */
    .ss-main-header {
        padding-right: 20px;
        padding-left: 10px;
    }

    /* Main Content */
    .ss-main-content-wrap {
        padding: 0 30px 0 30px;
    }
    .ss-main-content {
        padding-right: 30px;
        padding-left: 30px;
    }
    .ss-home-section {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    /* Footer */
    .ss-footer-wrap {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 30px;
    }

}

/* Under 1600px */
@media screen and (max-width: 1599px) {

    /* Portoflio Masonry */
    .ss-pm-4col .ss-pm-tile {
        width: calc(100% / 3 - 1px);
    }
    .ss-pm-4col .ss-pm-tile.ss-size-2 {
        width: calc(100% / 3 + 100% / 3 - 1px);
    }
    .ss-pm-4col.ss-no-gap .ss-pm-tile {
        width: calc(100% / 3 - 1px);
    }
    .ss-pm-tile-title {
        font-size: 1.375rem;
    }

    /* Selector */
    .ss-selector-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    

}

/* Under 1440px */
@media screen and (max-width: 1439px) {

	

}

/* Under 1281px */
@media screen and (max-width: 1280px) {

    .ss-body-fixed #ss-wrapper {
        width: 100%;
    }

    /* Portfolio Masonry */
    .ss-pm {
        padding: 0 15px;
    }
    .ss-pm-4col .ss-pm-tile {
        width: calc(100% / 3 - 11px);
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .ss-pm-4col .ss-pm-tile.ss-size-2 {
        width: calc(100% / 3 + 100% / 3 - 22px);
    }
    .ss-pm-tile-title {
        font-size: 1.25rem;
    }

    /* Shop List */
    .ss-fullwidth-section .ss-shop-list {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .ss-shop-item {
        padding-right: 15px;
        padding-left: 15px;
    }
    .ss-shop-title {
        font-size: 1rem;
    }

    /* Content Roller */
    .ss-cr-wrap {
        width: calc(100%);
    }
    .ss-cr-title {
        font-size: 1.25rem !important;
    }

    /* Featured Category */
    .ss-featured-cats {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .ss-featured-cat {
        width: calc(100% / 3 - 4px);
        padding: 0 15px;
    }

    /* Team */
    .ss-team {
        width: calc(100% + 86px);
        margin-left: -43px;
    }

    /* Selector */
    .ss-selector-item {
        width: calc(100% / 2 - 14px);
    }

}

/* Under 1024px */
@media screen and (max-width: 1023px) {
	
    /* Content Roller */
    .ss-cr-tile {
        height: 100%;
    }
    .ss-cr-fig,
    .ss-cr-content {
        width: 100%;
        height: 50%;
    }

}

/* Tablets */
@media screen and (max-width: 992px) {
    
    /* Portfolio Masonry */
    .ss-pm-4col .ss-pm-tile {
        width: calc(100% / 2 - 16px);
    }
    .ss-pm-4col .ss-pm-tile.ss-size-2 {
        width: calc(100% / 2 - 16px);
    }
    .ss-pm-3col-fixed .ss-pm-tile,
    .ss-pm-3col-fixed .ss-pm-tile.ss-size-2  {
        width: calc(100% / 2 - 1px );
    }
    .ss-pm-4col.ss-no-gap .ss-pm-tile {
        width: calc(100% / 2 - 1px);
    }


    /* Shop List */
    .ss-shop-item {
        width: calc(100% / 3 - 4px);
    }
    .ss-pm {
        padding: 0 0;
    }
    
    /* Shortcodes */

    /* Latest News */
    .ss-latest-news-item {
        width: calc(100% / 2 - 4px);
    }

    /* Services */
    .ss-service {
        width: calc(100% / 2 - 3px);
        margin-bottom: 60px;
    }

    /* Clients */
    .ss-client {
        width: calc(100% / 4 - 4px);
    }

    /* Featured Products */
    .ss-feature-product {
        width: calc(100% / 3 - 4px);
        padding: 0 15px;
    }

    /* Team */
    .ss-team-member {
        width: calc(100% / 2 - 14px);
        padding: 0 30px;
        margin-bottom: 60px;
    }

    /* Featured Category */
    .ss-featured-cat-title {
        font-size: 1.375rem !important;
    }

    /* Blog Single */
    .ss-banner-section h1 {
        font-size: 4rem;
    }
    .ss-blog-share-button {
        display: none;
    }

}

/* Tablets & Mobiles */
@media screen and (max-width: 768px) {
	
    /* Header */
    .ss-search-button,
    .ss-cart-button,
    .ss-sign-wrap {
        display: none;
    }
    .ss-main-nav {
        width: 100%;
    }
    .ss-main-nav-wrap {
        overflow: hidden;  /* To make the elements above the nav works */
    }
    
    /* Main Navigation */
     .ss-main-nav li {
        font-size: 1.5rem;
    }
    
    /* Portfolio Masonry */
    .ss-pm-tile-title {
        font-size: 1rem;
    }
    .ss-pm-filterbar a {
        margin-bottom: 15px;
    }
    .ss-pm-3col-fixed .ss-pm-tile,
    .ss-pm-3col-fixed .ss-pm-tile.ss-size-2 {
        width: calc(100%);
        padding-right: 60px;
        padding-left: 60px;
    }
    .ss-pm-3col-fixed.ss-no-gap .ss-pm-tile {
        padding-right: 60px;
        padding-left: 60px;
    }


    /* Shop List */
    .ss-shop-item {
        width: calc(100% / 2 - 4px);
    }
    .ss-related-products-wrap .ss-shop-list {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding-left: 0;
        padding-right: 0;
    }
    .ss-shop-list.ss-three-col .ss-shop-item {
        width: calc(100% / 2 - 4px);
    }

    /* Banner Section*/
    .ss-banner-section h1 {
        font-size: 3rem;
        margin-bottom: 15px;
    }


    /* Services */
    .ss-service {
        width: calc(100%);
    }

    /* Clients */
    .ss-client {
        width: calc(100% / 3 - 4px);
    }

    /* Featured Products */
    .ss-feature-product {
        width: calc(100% / 2 - 4px);
        padding: 0 15px;
    }

    /* Shop Single */
    .ss-content-section {
        padding-top: 10px;
    }
    .ss-shop-single-header {
        margin-top: 60px;
    }

    /* Team */
    .ss-team-member {
        width: 100%;
        padding: 0 120px;
    }

    /* Portfolio Box */
    .ss-portfolio-box-content {
        width: 100%;
        padding: 30px 60px;
        height: auto !important;
    }
    .ss-portfolio-box-fig {
        width: 100%;
    }

    /* Blog */
    .ss-blog-item.format-quote blockquote {
        margin-left: 0;
    }

    /* Blog Single */
    .ss-blog-classic-wrap .ss-blog-time {
        display: none;
    }
    .ss-blog-classic-wrap .ss-blog-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    .ss-blog-classic-wrap .ss-blog-cats,
    .ss-blog-simple-wrap .ss-blog-cats {
        margin-bottom: 15px;
    }
    .ss-blog-classic-wrap  .ss-blog-meta,
    .ss-blog-simple-wrap  .ss-blog-meta {
        margin-left: 0;
    }
    .comments-title,
    .comment-reply-title {
        font-size: 1.25rem;
    }
    .ss-sidebar {
        margin-top: 90px;
    }

    /* Featured Category */
    .ss-featured-cat {
        width: calc(100% / 2 - 4px);
    }

    /* Blog Simple */
    .ss-blog-simple-wrap .ss-blog-time {
        display: none;
    }
    .ss-blog-simple-wrap .ss-blog-header-inner,
    .ss-blog-simple-wrap .ss-blog-content-wrap {
        width: 100%;
    }
    .ss-blog-simple-wrap .ss-blog-title {
        font-size: 2rem;
    }

    /* Comments */
    .avatar-border {
        display: none;
    }
    .comments-list li {
        margin-left: 0;
    }
    .comment-respond input[type="submit"] {
        width: 100%;
    }
    .comment-respond p {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }

    /* 404 */
    .ss-notfound-title {
        font-size: 4rem;
    }
    .ss-notfound-subtitle {
        line-height: 1.6em;
    }
    .ss-notfound-subtitle2 {
        font-size: 1.75rem;
    }

    .ss-share-button {
        display: none;
    }

    /* Selector */
    .ss-selector-item {
        width: calc(100%);
        padding-right: 60px;
        padding-left: 60px;
    }

}

@media screen and (max-width: 600px) {

    .ss-pm-4col .ss-pm-tile {
        width: calc(100% - 30px);
    }
    .ss-pm-4col .ss-pm-tile.ss-size-2 {
        width: calc(100% - 30px);
    }
    .ss-pm-4col.ss-no-gap .ss-pm-tile {
        width: calc(100%);
    }

    .ss-heading::after {
        content: normal;
    }
    .ss-heading::before {
        top: auto;
        bottom: -20px;
        right: calc(50% - 15px);
    }
    .ss-heading-sub {
        margin-top: 40px;
    }

    /* Featured Category */
    .ss-featured-cat {
        width: calc(100%);
        padding: 0 60px;
    }
    .ss-featured-cat-title {
        font-size: 2rem !important;
    }

    /* Post Navigation */
    .ss-post-navigation a {
        width: 100%;
        margin: 0 0 30px 0 !important;
    }
    .ss-post-navigation a:last-child {
        margin-bottom: 0 !important;
    }

    .ss-portfolio-like-button {
        display: none;
    }


    
}

/* Small Devices */
@media screen and (max-width: 480px) {
	
    
    /* Cover Screen */
    .ss-cover-img .rev_slider_wrapper {
        padding: 0 10px 20px;
    }
    .ss-cover-wrap {
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
    .ss-cover-header {
        top: 30px;
        left: 30px;
        width: calc(100% - 60px);
    }
    .ss-main-nav-meta {
        /*display: inline-block;*/
        width: 100%;
        /*text-align: center;*/
    }
    .ss-main-nav-meta > * {
        display: none;
        /*display: inline-block;*/
        float: none;
    }
    .ss-main-nav-meta .ss-sign-wrap {
        display: none !important;
    }

    /* Header */
    .ss-main-header {
        padding-right: 10px;
        padding-left: 10px;
    }
    .ss-main-nav-cover-inner {
        padding: 30px;
    }

    /* Footer */
    .ss-footer-wrap {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* Main Navigation */
/*    .ss-main-nav-cover-inner {
        text-align: center;
    }*/
    .ss-main-nav-logo {
        display: none;
    }
    .ss-main-nav-cover {
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding: 30px;
    }
    .ss-main-nav li {
        font-size: 1.25rem;
    }
    .ss-main-nav li .sub-menu {
        margin-top: 10px;
    }
/*    .ss-menu-button-close {
        display: none;
    }*/
    .ss-main-nav-wrap .ss-menu-button-close {
        display: inline-block !important;
    }
    body.ss-cover-gone .ss-main-nav-cover-inner {
        padding: 60px 15px;
    }

    /* Main Content */
    .ss-main-content-wrap {
        padding-right: 10px;
        padding-left: 10px;
    }
    .ss-heading {
        font-size: 1.25rem;
    }

    /* Featured Category */
    .ss-featured-cat {
        width: calc(100%);
        padding: 0 15px;
    }
    .ss-featured-cat-title {
        font-size: 1.5rem !important;
    }
    

    /* Portfolio Masonry */
    .ss-pm-wrap {
        padding: 0 15px;
    }
    .ss-pm-wrap.ss-no-gap {
        padding: 0 30px !important;
    }
    .ss-pm {
        padding: 0 0;
    }
    .ss-pm-4col .ss-pm-tile {
        width: calc(100%);
        padding: 0;
    }
    .ss-pm-4col .ss-pm-tile.ss-size-2 {
        width: calc(100%);
    }
    .ss-fullwidth-section .ss-pm-3col-fixed {
        margin-left: 0;
    }
    .ss-pm-3col-fixed .ss-pm-tile,
    .ss-pm-3col-fixed .ss-pm-tile.ss-size-2 {
        width: calc(100% - 60px);
        padding-right: 0;
        padding-left: 0;
    }
    .ss-pm-3col-fixed.ss-no-gap .ss-pm-tile {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .ss-pm-wrap.ss-no-gap {}

    /* Portfolio Box */
    .ss-portfolio-box-content {
        padding: 30px 15px;
    }
    .ss-portfolio-box-desc {
        margin-bottom: 30px !important;
    }

    /* Shop List */
    .ss-shop-item {
        width: 100%;
    }
    .ss-shop-list.ss-three-col .ss-shop-item {
        width: 100%;
    }

    /* Banner Section*/
    .ss-banner-section h1 {
        font-size: 1.75rem;
        margin-bottom: 15px;
    }
    .ss-banner-section span {
        font-size: 0.75rem;
    }

    /* Blog Simple */
    .ss-blog-simple-wrap .ss-blog-title {
        font-size: 1.5rem;
    }

    /* 404 */
    .ss-notfound-title {
        font-size: 3rem;
    }
    .ss-notfound-subtitle {
        line-height: 1.6em;
        padding: 0 30px;
    }
    .ss-notfound-subtitle2 {
        font-size: 1.25rem;
    }

    /* Shortcodes */
    /* Latest News */
    .ss-latest-news-item {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    /* Clients */
    .ss-client {
        width: 100%;
        margin-bottom: 60px;
    }

    /* Featured Products */
    .ss-feature-product {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    /* Content Roller */
    .ss-cr-wrap {
        height: 600px;
    }

    .ss-home-title {
        font-size: 2rem !important;
    }

    /* Team */
    .ss-team {
        width: 100%;
        margin: 0;
    }
    .ss-team-member {
        width: 100%;
        padding: 0 0;
        margin-bottom: 30px;
    }

    /* Selector */
    .ss-selector-item {
        width: calc(100%);
        padding-right: 15px;
        padding-left: 15px;
    }
    .ss-selector-item h3 {
        font-size: 1.25rem;
    }

    .ss-copyright {
        padding: 15px;
        line-height: 1.4em;
    }


}



@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }