@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700|Merriweather:300,400,400i,700|Oswald:300,400,500,700');

@font-face {
    font-family: 'Murdock';
    src: url('../fonts/murdock-icons/Murdock.eot?oer05i');
    src: url('../fonts/murdock-icons/Murdock.eot?oer05i#iefix') format('embedded-opentype'),
    url('../fonts/murdock-icons/Murdock.ttf?oer05i') format('truetype'),
    url('../fonts/murdock-icons/Murdock.woff?oer05i') format('woff'),
    url('../fonts/murdock-icons/Murdock.svg?oer05i#Murdock') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Murdock' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------
/*------------------------------------------------------------------
[1. Default + reset]
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
    background-color: transparent;
}

.navbar {
    margin-bottom: 0;
}

.btn {
    border: 3px solid transparent;
    border-radius: 0px;
}

.btn-login {
    border: 3px solid transparent;
    border-radius: 0px;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Provides vertical center */
.vcenter {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.voffset-40 {
    padding-bottom: -40px;
}

.voffset-30 {
    padding-bottom: -30px;
}

.voffset-20 {
    padding-bottom: -20px;
}

.voffset-10 {
    padding-bottom: -10px;
}

.voffset0 {
    padding-bottom: 0;
}

.voffset10 {
    padding-bottom: 10px;
}

.voffset20 {
    padding-bottom: 20px;
}

.voffset30 {
    padding-bottom: 30px;
}

.voffset40 {
    padding-bottom: 40px;
}

.voffset50 {
    padding-bottom: 50px;
}

.voffset60 {
    padding-bottom: 60px;
}

.voffset70 {
    padding-bottom: 70px;
}

.voffset80 {
    padding-bottom: 80px;
}

.voffset90 {
    padding-bottom: 90px;
}

.voffset100 {
    padding-bottom: 100px;
}

.voffset110 {
    padding-bottom: 110px;
}

.voffset120 {
    padding-bottom: 120px;
}

.voffset130 {
    padding-bottom: 130px;
}

.voffset140 {
    padding-bottom: 140px;
}


/* Provides center alignment */
.text-center {
    text-align: center;
}

/* Fix scrolling */
.is-scroll-disabled {
    overflow: hidden;
}

/* Clear floats */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

html,
body {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    color: #000000;
}

body {
    scrollbar-face-color: #ffffff;
    scrollbar-track-color: #000000;
}

input:focus,
button:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

img.banner-picture {
    max-width: 100%;
    max-height: 600px;
}

button {
    cursor: pointer;
    border: none;
    background-color: transparent;
}

strong {
    font-weight: 700;
}

input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid;
    font-family: 'Merriweather', sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    width: 100%;
    height: 45px;
}

.primary-title {
    font-weight: 300;
    line-height: 56px;
    font-size: 18px;
    color: #000000;
    font-family: 'Merriweather', sans-serif;
}


.primary-title strong {
    display: block;
    font-size: 55px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}

.primary-title strong.work {
    letter-spacing: 17px;
    line-height: 89px;
}


.primary-title strong.work span.border {
    display: inline-block;
}

.primary-title strong.work span.border:after {
    content: "";
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 2px;
    background-color: #ffffff;
    position: relative;
    top: 5px;
}


.primary-title strong.work span.invers {
    background-color: #ffffff;
    color: #000000;
    line-height: 80px;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 12px;
}

.primary-title.invert {
    color: #ffffff;
}

.primary-title.big {
    font-size: 82px;
    font-size: 30px;
    line-height: 40px;
}

.primary-title.big strong {
    font-size: 50px;
    line-height: 80px;
}


.primary-title.medium {
    font-size: 30px;
    line-height: 30px;
}


.primary-title.medium strong {
    font-size: 63px;
    line-height: 69px;
}


.post-primary-title {
    font-size: 20px;
    font-style: normal;
    letter-spacing: 4px;
    line-height: 31px;
}


.post-primary-title.invert {
    color: #ffffff;
}

.post-primary-title.normal {
    font-style: normal;
    letter-spacing: 0;
    line-height: 43px;
}

.post-primary-title.center {
    text-align: center;
}

.pretitle {
    font-family: 'Bitter', sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 3px;
    font-style: italic;
    color: #000000;
    text-align: center;
}

.pretitle:after,
.pretitle:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    border-bottom: 1px solid #000000;
    margin: 0 14px 4px;
}

.pretitle.invert {
    color: #ffffff;
}

.pretitle.invert:after,
.pretitle.invert:before {
    border-color: #ffffff;
}

.pretitle.left {
    text-align: left;
    color: #b59472;
}

.pretitle.left:before {
    border-color: #b59472;
}

.pretitle.left:after {
    display: none;
}

.pretitle.big {
    font-size: 15px;
    font-style: normal;
    letter-spacing: 3px;
}


.pretitle.superbig {
    font-style: normal;
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 22px;
    letter-spacing: 3px;
}


.pretitle.superbig:after,
.pretitle.superbig:before {
    width: 17px;
    margin: 0 14px 7px;
}

.pretitle.icon-below {
    position: relative;
    z-index: 1;
}

.pretitle.icon-below i {
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    top: -16px;
    opacity: 0.5;
    z-index: -1;
    font-size: 47px !important;
}

.title {
    font-family: Oswald;
    color: #000000;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 52px;
    line-height: 50px;
    font-weight: 700;
}


.login-div {
    margin-top: 18%;
    float: left;
    width: 100%;

}


.login {
    width: 100%;
    float: left;

}

.register {
    width: 100%;
    float: left;
}

.title.invert {
    color: #ffffff;
}

.title.colored {
    color: #b59472 !important;
}

.title.big {
    margin-top: 16px;
    letter-spacing: 0px;
    font-size: 54px;
    line-height: 56px;
}

.title.left-horizontal {
    text-align: left;
    font-weight: 700;
    margin-top: 18px;
    margin-left: 11px;
    display: inline-block;
    position: relative;
    font-size: 40px;
}

.small {
    font-size: 16px;
    font-weight: 600;
}

.col2 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    text-align: left;
}

.subtitle {
    font-size: 16px;
    color: #000000;
    letter-spacing: 3px;
    text-align: center;
    line-height: 30px;
    font-family: 'Merriweather', sans-serif;
}

.subtitle.invert {
    color: #ffffff;
}

.subtitle.colored {
    color: #b59472 !important;
}

.subtitle.big {
    font-size: 22px;
    font-style: normal;
}

.subtitle.small {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 3px;
}

.subtitle.quote {
    max-width: 745px;
    font-weight: 300;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
}

.subtitle.quote:before {
    content: "";
    position: absolute;
    display: block;
    width: 48px;
    height: 41px;
    background-image: url('../images/quote.png');
    left: 50%;
    margin-left: -24px;
}

.subtitle.left-horizontal {
    color: #bf9441;
    display: inline-block;
    font-style: normal;
    font-weight: 100;
    text-align: left;
    position: relative;
    padding: 5px 14px;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 2.5px;
}


.subtitle.style-normal {
    font-style: normal;
    line-height: 35px;
}

.subtitle.address {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 4px;
}

p {
    font-size: 14px;
    letter-spacing: 2.9px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Merriweather', sans-serif;
}

p i {
    font-style: italic;
}

p b,
p strong {
    font-weight: 700;
}

p.info-newsletter {
    font-size: 15px;
    letter-spacing: 3px;
}

p.invert {
    color: #ffffff;
}

.fa.invert {
    color: #ffffff;
}

.title-alternate-grid {
    font-size: 22px;
    letter-spacing: 4.5px;
    margin-bottom: 25px;
}

.title-alternate-grid.invert {
    color: #ffffff;
}

.title-alternate-grid.big {
    font-size: 32px;
}

.bg-cream {
    background-color: #f9f9f7;
}

.bg-cream.light {
    background-color: rgba(249, 249, 247, 0.4);
}

/*------------------------------------------------------------------
[2. Header / #header]
*/
header {
    width: 100%;
    top: 0;
    z-index: 3;
    position: absolute;
}


header .navbar-brand {
    padding: 0 15px;
    height: 75px;
    position: relative;
    top: 13px;
}

header.overflow .navbar-brand {
    top: 0;
}


header.overflow {
    top: -100px;
    left: 0px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    transition: all 0.3s ease-in;
    -webkit-font-smoothing: antialiased;
}

header.overflow.invert {
    background-color: #000000;
}

header.overflow .navbar-default .navbar-nav {
    margin: 25px 42px 25px 0;
}

header.overflow .navbar {
    min-height: 42px;
}


header.overflow .navbar-brand {
    height: auto;
    padding: 5px 18px 0;
}


header.overflow .navbar-brand img {
    height: 55px;
    margin-top: 8px;
}

header.overflow.fixed {
    top: 0px;
    position: fixed;
    z-index: 99999;
}


/*------------------------------------------------------------------
[3. Navigation / #navbar]
*/
.navbar-default .navbar-nav {
    margin: 20px 0 15px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: lowercase;
    padding: 10px 12px;
    margin: 0 6px;
    color: #000000;
    font-family: 'Merriweather', sans-serif;
    font-weight: 500;
}


.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
}

.navbar-default .navbar-nav > li.active > a:after,
.navbar-default .navbar-nav > li.active > a:hover:after,
.navbar-default .navbar-nav > li.active > a:focus:after,
.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > li > a:focus:after {
    background-color: #000000;
    width: 100%;
    left: 0;
}

.navbar-default .navbar-nav.invert > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav.invert > li.active > a,
.navbar-default .navbar-nav.invert > li.active > a:hover,
.navbar-default .navbar-nav.invert > li.active > a:focus,
.navbar-default .navbar-nav.invert > li > a:hover,
.navbar-default .navbar-nav.invert > li > a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav.invert > li.active > a:after,
.navbar-default .navbar-nav.invert > li.active > a:hover:after,
.navbar-default .navbar-nav.invert > li.active > a:focus:after,
.navbar-default .navbar-nav.invert > li > a:hover:after,
.navbar-default .navbar-nav.invert > li > a:focus:after {
    background-color: #b59472;
}

.navbar-default.center .navbar-header {
    float: none;
    text-align: center;
    margin: 0 auto;
}


.navbar-default.center .navbar-brand {
    float: none;
}

.navbar-default .navbar-center {
    margin: 35px 0 15px;
    text-align: center;
    float: none;
}

.navbar-default .navbar-center > li {
    float: none;
    display: inline-block;
}

.navbar-default .navbar-toggle {
    border: none;
}

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

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}

.invert .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


/*------------------------------------------------------------------
[4. Footer / #footer]
*/
footer {
    border-top: 2px solid #000;
    background-color: #000;
    color: #fff;
}

footer .copyright {
    border-top: 2px solid #F9F7F8;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #000;
}

footer .copyright p {
    letter-spacing: 3.6px;
    font-size: 12px;
}

footer .copyright p a {
    color: #000000;
    border-bottom: 1px solid #c8c7c5;
    padding-bottom: 5px;
}

footer .copyright p a:hover,
footer .copyright p a:focus {
    text-decoration: none;
    border-color: #000000;
}

footer div[class*="col-"] {
    min-height: 250px;
}

footer div[class*="col-"]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #545353;
}

footer div[class*="col-"]:last-child:after {
    display: none;
}

footer input {
    border-bottom-color: #fff;
    color: #fff;
}

footer form.contact-form input[type=submit] {
    color: #fff;
}

.list-menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    column-gap: 2px;
}

.list-menu li {
    font-size: 15px;
    margin-bottom: 11px;
    letter-spacing: 2px;
    position: relative;
    padding-left: 20px;
    font-family: 'Merriweather', sans-serif;
}

.list-menu li a {
    color: #fff;
}

.list-menu li:before {
    content: "_";
    margin-right: 21px;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.contact-link {
    font-size: 14px;
    letter-spacing: 2.8px;
    margin-left: 45px;
    margin-bottom: 8px;
    line-height: 30px;
    position: relative;
    font-family: 'Merriweather', sans-serif;
}

.contact-link:before {
    font-family: 'FontAwesome';
    position: absolute;
    left: -35px;
    font-size: 25px;
    color: #b59472;
}

.contact-link.fa-envelope-o:before {
    left: -36px;
    font-size: 20px;
}

.contact-link.fa-mobile:before {
    left: -35px;
    font-size: 29px;
}

/*------------------------------------------------------------------
[5. Components]
*/
.intro {
    height: 100%;
    background-color: #000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.intro > div {
    width: 100%;
}

.intro.menu-bottom {
    height: calc(100% - 96px);
}


.intro .image-cover {
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.intro .image-cover > div {
    width: 100%;
}

.intro .gallery-cell > div {
    padding-top: 100px;
}


.intro .bottomcenter {
    position: absolute;
    bottom: 51px;
}

.intro .text-overlay {
    z-index: 2;
}


.intro #owl-main-text {
    height: 140px;
    height: 166px;
}

.intro #owl-main-text .owl-wrapper-outer {
    height: 100%;
}

.intro .slides-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    z-index: 2;
}

.intro .slides-pagination a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: .5;
    cursor: pointer;
    text-indent: -99999999px;
    overflow: hidden;
}

.intro .slides-pagination a.current {
    opacity: 1;
}

.intro .playerVideo {
    height: 100%;
}

.intro .play-video {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: -50px 0px 0px -50px;
    color: #fff;
    font-size: 75px;
    text-align: center;
    line-height: 65px;
    text-indent: -9999999px;
    background: url('../images/play.png') center center no-repeat rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    left: 50px;
    bottom: 0;
}


@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        margin-top: 40px;
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        margin-top: 40px;
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        margin-top: 40px;
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        margin-top: 40px;
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        margin-top: 40px;
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        margin-top: 40px;
    }
}

#mask {
    background-color: #000;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.banner {
    /* background-color: #000;*/
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner.left {
    text-align: left;
}

.banner.info .vcenter {
    padding: 0 30px;
}

.banner .container-small {
    max-width: 700px;
}

.banner .details-project {
    text-align: left;
    padding: 0 20px;
}

.banner .details-project .title {
    text-align: left;
    margin-bottom: 32px;
}

.banner .details-project .small {
    font-weight: 300;
    line-height: 36px;
}


.thumbnail .info-banner {
    bottom: 55px;
    left: 50px;
}

.gallery-cell:hover,
.banner:hover {
    text-decoration: none;
}

.gallery-cell:hover .info-banner,
.banner:hover .info-banner {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: rgba(55, 60, 66, 0.95);

    opacity: 1;
    text-align: center;
}

.gallery-cell:hover .info-banner > div,
.banner:hover .info-banner > div {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.gallery-cell:hover .info-banner .viewdetails,
.banner:hover .info-banner .viewdetails {
    display: block;
}

.banner-tabs {
    background-color: #000000;
    color: #ffffff;
    height: auto;
    height: 100%;
    padding: 150px 0;
}

.banner-tabs > div {
    padding: 0px 10%;
}


.banner-tabs .list-horizontal-links,
.banner-tabs .carousel-tabs {
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 0;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 10px;
}


.banner-tabs .list-horizontal-links li a,
.banner-tabs .carousel-tabs li a {
    color: #B08B66;
    font-style: normal;
    letter-spacing: 3px;
    padding: 0 7px 9px 7px;
}

.banner-tabs .list-horizontal-links li:after,
.banner-tabs .carousel-tabs li:after {
    display: none;
}

.banner-tabs .list-horizontal-links li:not(:last-child) a,
.banner-tabs .carousel-tabs li:not(:last-child) a {
    margin-right: 16px;
}

.banner-tabs .list-horizontal-links li.active a,
.banner-tabs .carousel-tabs li.active a {
    /* font-style: italic; */
    border-bottom: 2px solid #ffffff;
}

.banner-tabs .carousel-tabs li a:hover:after,
.banner-tabs .carousel-tabs li a:focus:after {
    display: none;
}

.banner-tabs .carusel-tabs-text .carousel-cell {
    width: 100%;

}

.banner-tabs .title {
    text-align: left;
}

.banner-tabs p {
    line-height: 36px;
    font-family: 'Merriweather', sans-serif;
}

.banner-tabs p:not(:last-child) {
    /* margin-bottom: 40px; */
}

.tabsmodule .row .banner {
    height: 500px;
}


.icon-links,
.social-links {
    text-align: center;
}

.icon-links li,
.social-links li {
    display: inline-block;
    position: relative;
}

.icon-links li a,
.social-links li a {
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 2.35px;
    color: #9FA1A5;
    text-align: center;
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 2;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
}

.icon-links li a i,
.social-links li a i {
    font-size: 52px;
}

.icon-links li a:hover,
.social-links li a:hover,
.icon-links li a:active,
.social-links li a:active {
    text-decoration: none;
    color: #55575B;
}

/* .social-links li:before, */
.icon-links li:before {
    position: absolute;
    z-index: 1;
    color: #f4f4f4;
    font-size: 46px;
    width: 46px;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
}


.social-links li:hover:before,
.social-links li:active:before,
.icon-links li:hover:before,
.icon-links li:active:before {
    transform: scale(1.2);
    color: #ECECEC;
}

.icon-links.invert li a,
.social-links.invert li a {
    color: #ADABA8;
}

.icon-links.invert li:before,
.social-links.invert li:before {
    color: #464646;
}

.icon-links.invert li:hover:before,
.social-links.invert li:hover:before,
.icon-links.invert li:active:before,
.social-links.invert li:active:before {
    color: #464646;
}

.social-links li {
    margin: 60px 30px;
    display: block;
}

form.contact-form {
    position: relative;
}

form.contact-form input {
    padding-right: 30px;
}

form.contact-form input[type=submit] {
    border: none;
    position: absolute;
    bottom: 2px;
    right: 2px;
    height: 36px;
    background: 0 0;
    font-style: normal;
    width: auto;
    padding: 0 2px 10px 2px;
}

.list-horizontal-links {
    margin-top: 26px;
    font-size: 16px;
    color: #000000;
    letter-spacing: 3px;
    line-height: 40px;
    text-align: center;
    font-family: 'Merriweather', sans-serif;
}

.list-horizontal-links li {
    display: inline-block;
}

.list-horizontal-links li a {
    color: #000000;
    position: relative;
}

.list-horizontal-links li a:after {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    border-bottom: 2px solid #000000;
    margin: 0 12px 3px;
    position: absolute;
    left: calc(50% - 25px);
    bottom: -13px;
    border-color: transparent;
    left: calc(50% - 12px);
    -webkit-transition: width .3s ease 0s, left .3s ease 0s;
    -o-transition: width .3s ease 0s, left .3s ease 0s;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 0;
}

.list-horizontal-links li a.active,
.list-horizontal-links li a:hover,
.list-horizontal-links li a:focus {
    text-decoration: none;
}

.list-horizontal-links li a.active:after,
.list-horizontal-links li a:hover:after,
.list-horizontal-links li a:focus:after {
    width: 25px;
    border-color: #000000;
    left: calc(50% - 25px);
}

.list-horizontal-links li:not(:last-child):after {
    content: "/";
    margin: 0 10px 0 15px;
}

.list-horizontal-links.invert {
    color: #ffffff;
}

.list-horizontal-links.invert li a {
    color: #ffffff;
}

.list-horizontal-links.invert li a:after {
    border-color: #ffffff;
}

.btn .btn-login {
    font-family: 'Merriweather', sans-serif;
    color: #000000;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 13px 32px;
}

.btn-login {
    font-family: 'Merriweather', sans-serif;
    color: #000000;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 13px 32px;
}

.btn.small {
    padding: 7px 14px;
    font-size: 12px;
}

.btn-default {
    background: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #000000;
    color: #000000;
    overflow: hidden;
    z-index: 1;
}

.btn-default:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #000000;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: #ffffff;
    border-color: #000000;
    background-color: #000000;
    outline: none;
}

.btn-default:hover:after,
.btn-default:focus:after {
    height: 260%;
    height: 500%;
    opacity: 1;
}

.btn-default:active:after {
    height: 500%;
    opacity: 1;
}

.btn-arrow {
    background: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    overflow: hidden;
    border: 2px solid #000000;
    z-index: 1;
    font-size: 13px;
    text-align: left;
    padding: 12px 60px 12px 18px;
    letter-spacing: 2.5px;
    margin-bottom: 50px;
}

.btn-arrow:after {
    content: "";
    display: block;
    width: 24px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 2;
    background-position: center center;
    margin-top: -7px;
}

.btn-arrow.invert {
    border-color: #ffffff;
    color: #ffffff;
}

.btn-arrow.invert:after {
    background: transparent url('../images/right-arrow.png');
}


@-webkit-keyframes right-slice {
    from {
        clip: rect(0, 50%, 0.5em, 0.5em);
    }
    50% {
        clip: rect(0, 1em, 0.5em, 0.5em);
    }
    to {
        clip: rect(0, 1em, 1em, 0.5em);
    }
}

@-webkit-keyframes left-slice {
    from {
        clip: rect(0.5em, 0.5em, 1em, 0.5em);
    }
    50% {
        clip: rect(0.5em, 0.5em, 1em, 0);
    }
    to {
        clip: rect(0.3em, 0.5em, 1em, 0);
    }
}


.filters {
    margin: 0 auto;
    text-align: center;
    margin: 45px 0px;
}

.filters li {
    font-family: 'Merriweather', sans-serif;
    color: #000000;
    border-bottom: 2px solid transparent;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 2.9px;
    line-height: 10px;
    padding: 5px 0px;
    margin: 0;
    font-weight: 100;
    position: relative;
}

.filters li:first-child {
    font-size: 15px;
    letter-spacing: 2.5px;
    position: relative;
    margin-right: 20px;
}


.filters li:first-child:before {
    content: "";
    height: 7px;
    width: 18px;
    display: inline-block;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-right: 10px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 11px;
}

.filters li:first-child:after {
    content: "";
    height: 1px;
    width: 18px;
    display: inline-block;
    background-color: #000000;
    position: absolute;
    top: 23px;
    left: 50%;
    margin-left: -100px;
}

.filters li:first-child.is-checked,
.filters li:first-child:hover {
    border: none;
}

.filters li:not(:first-child) {
    cursor: pointer;
}

.filters li:not(:first-child):after {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    border-bottom: 2px solid #000000;
    margin: 0 12px 3px;
    position: absolute;
    left: calc(50% - 25px);
    bottom: -7px;
    border-color: transparent;
    left: calc(50% - 12px);
    -webkit-transition: width .3s ease 0s, left .3s ease 0s;
    -o-transition: width .3s ease 0s, left .3s ease 0s;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 0;
}

.filters li:not(:first-child).is-checked,
.filters li:not(:first-child):hover,
.filters li:not(:first-child):focus {
    text-decoration: none;
}

.filters li:not(:first-child).is-checked:after,
.filters li:not(:first-child):hover:after,
.filters li:not(:first-child):focus:after {
    width: 25px;
    border-color: #000000;
    left: calc(50% - 25px);
}

.filters.twolines {
    margin: 50px 0px 18px;
}

.filters.twolines li:first-child {
    display: block;
    max-width: 183px;
    margin: 0 auto;
    position: relative;
    top: -22px;
}

.thumbnails {
    margin: 0px auto;
    overflow: hidden;
    max-width: 800px;
}


.thumbnails.work5 {
    max-width: none;
}

.thumbnails.work5 .thumbnail {
    padding: 0;
    width: 100%;
}

.thumbnail {
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden;
    border: none;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 80px;
    background-size: cover;
    background-position: center center;
}

.thumbnail .info-banner {
    background-color: transparent;
    text-decoration: none;
    color: #ffffff;
}

.thumbnail img {
    width: 100%;
}

.thumbnail:hover {
    text-decoration: none;
}

.thumbnail:hover .rollover {
    display: block;
}

.thumbnail:hover .info-banner {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: rgba(55, 60, 66, 0.95);
    opacity: 1;
    text-align: center !important;
}

.thumbnail:hover .info-banner > div {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.thumbnail:hover .info-banner .viewdetails {
    display: block;
}


.rollover .title-project {
    font-size: 22px;
    letter-spacing: 3px;
}

.rollover .tags-project {
    font-size: 14px;
    font-family: 'Merriweather', sans-serif;
    margin: 8px 0;
    letter-spacing: 3px;
}

.rollover .tags-project li {
    display: inline-block;
}

.rollover .tags-project li:not(:last-child):after {
    content: "/";
    margin: 0 1px 0 6px;
}

.rollover .btn {
    margin-top: 25px;
}

.rollover.rollover3 {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    display: none;
}

.rollover.rollover3 .vcenter {
    width: 100%;
}

.rollover.rollover5 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    display: none;
}

.rollover.rollover5 .vcenter {
    width: 100%;
}


@-webkit-keyframes myLoop {
    0% {
        top: -10px;
    }
    50% {
        top: 10px;
    }
    100% {
        top: -10px;
    }
}


.contact-basic,
.contact-form {
    position: relative;
}

.contact-basic p:not(.pretitle),
.contact-form p:not(.pretitle) {
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 100;
}

.contact-basic a,
.contact-form a {
    color: #000000;
    text-decoration: none;
}

.contact-basic a:hover,
.contact-form a:hover {
    text-decoration: underline;
}


#map {
    width: 100%;
    height: 400px;
}


form {
    padding: 0 10px;
}

form .form-control {
    border: 0;
    border-bottom: 2px solid #000000;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    font-family: 'Merriweather', sans-serif;
}

form .btn {
    float: right;
    #margin-right: 45px;
}

form .btn-login {
    float: right;
    margin: 20px 0 50px;
}


.form-group {
    padding: 0 30px;
}


.blog-post-header {
    position: relative;
    overflow: hidden;
}


.image-cover .blog-post-author {
    float: none;
    margin: 0 auto;
}

.image-cover .blog-post-date {
    float: none;
    position: initial;
    text-align: center;
    color: white;
    font-size: 15px;
    margin-top: 17px;
    width: 100%;
}


.blog-post-title {
    font-size: 25px;
    letter-spacing: 4px;
    line-height: 22px;
}

.blog-post-title:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    margin: 31px 0 0 2px;
    background-color: #000000;
}

.blog-post-intro {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 2px;
}


.blog-post-content {
    padding: 0 20px;
}

.blog-post-content.overcard {
    padding: 40px 40px 20px;
    position: relative;
    margin: 0 10px;
    top: -20px;
    background-color: #f9f9f7;
}

.blog-post-content.overcard .blog-post-author {
    position: absolute;
    top: -44px;
    left: 50%;
    margin-left: -40px;
}

.blog-post-content.overcard .blog-post-date {
    float: none;
    text-align: center;
    top: 0;
}

.blog-post-content.overcard .blog-post-title {
    font-size: 22px;
    text-align: center;
    line-height: 31px;
}

.blog-post-content.overcard .blog-post-title:after {
    display: none;
}

.blog-post-content.small {
    padding: 0 25px;
    height: 440px;
}

.blog-post-content.small .blog-post-title {
    font-size: 22px;
    letter-spacing: 4.5px;
    font-weight: 300;
    line-height: 26px;
}

.blog-post-content.small .blog-post-title:after {
    display: none;
}

.blog-post-content.small .blog-post-author {
    width: 40px;
    height: 40px;
}


.blog-post-content.small .blog-post-author span {
    color: #D4B137;
}

.blog-post-content.small .blog-post-intro {
    font-size: 13px;
    line-height: 25px;
}

.blog-post-content.small .blog-post-date {
    width: calc(100% - 40px);
    text-align: left;
    padding-left: 12px;
}

.blog-post-content.small .blog-post-date span {
    color: #D4B137;
}


.blog-2-text {
    height: 700px;
}

.blog-2-text .blog-post-header {
    margin-top: 50px;
}


form .form-group {
    padding: 0;
}

form .form-group textarea {
    height: 150px;
}


/* Menu style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.97);
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(20%);
    min-height: 54px;
}

.overlay ul li a {
    display: inline-block;
    color: #ffffff;
    transition: color 0.2s;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.125rem;
}


.overlay ul li a:hover,
.overlay ul li a:focus {
    color: rgba(255, 255, 255, 0.7);
    border-bottom: none;
    text-decoration: none;
}

/* Effects */
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
    z-index: 3;
}

.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}

.container-small {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}


@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.visible .fadeInUp {
    -webkit-animation: fadeInUp 0.5s ease-in-out both;
    -moz-animation: fadeInUp 0.5s ease-in-out both;
    animation: fadeInUp 0.5s ease-in-out both;
}

.visible .fadeInUp:nth-child(1) {
    animation-delay: 0.4s;
}

.visible .fadeInUp:nth-child(2) {
    animation-delay: 0.6s;
}

.visible .fadeInUp:nth-child(3) {
    animation-delay: 0.8s;
}

.visible .fadeInUp:nth-child(4) {
    animation-delay: 1s;
}

.visible .fadeInUp:nth-child(5) {
    animation-delay: 1.2s;
}

.visible .fadeInUp:nth-child(6) {
    animation-delay: 1.4s;
}

.tp-loader.spinner0 {
    display: none !important;
}

.tp-caption.rev-btn {
    padding: 0 !important;
}

/*------------------------------------------------------------------
[6. Demo]
*/

#bg-home-grid0 {
}

.title-small {
    font-family: Oswald;
    font-weight: bold;
    color: #b59472;
    font-size: 20px;
}

.thumbnail .rollover {
    display: block;
    background-color: transparent;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.thumbnail:hover .rollover {
    background-color: rgba(255, 255, 255, 0.8);
}

.thumbnail .rollover > div {
    top: 100%;
    opacity: 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.thumbnail:hover .rollover > div {
    opacity: 1;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.form-login {
    margin-top: 20px;
}

.form-terms-conditions {
    float: left;
    width: 100%;
    margin-top: 2%;
}

.form-terms-conditions-checkbox {
    float: left;
    width: 20px;
}

.form-terms-conditions-text {
    width: 93%;
    float: left;
    padding-top: 10px;
    margin-left: 2%;
}

.form-terms-conditions-text a {
    color: #49272a
}

.checkbox-terms-conditions-error {
    border-bottom: 2px solid red;
}

.btn-register {
    float: right;
    margin-top: 20px;
}


.a-recover-password {
    float: left;
    margin-top: 5%;
    color: #49272a;
    font-weight: bold;
}

.a-recover-password:hover {
    color: #49272a;
    font-style: italic;
    font-weight: bold italic;
}

.btn-remove {
    font-size: 15px;
    color: #191919;
    background: transparent;
    border: none;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    vertical-align: center;
}

.btn-remove:hover {
    color: #49272a
}


.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.steps-wrap {
    margin-bottom: 40px
}


.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.step-tabs, .step-tabs .step-tab {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.step-tabs .step-tab {
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    width: 350px;
    margin: 0 15px;
    -webkit-box-align: center;
    align-items: center;
    color: #191919;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    white-space: nowrap;
    cursor: default
}

.step-tabs .step-tab.active {
    color: #fff;
    background: #49272a;
    border-color: #49272a
}

.step-tabs .step-tab.active .step-tab-text .bg-text {
    color: #fff
}

.step-tabs .step-tab-link {
    display: -webkit-box;
    display: flex;
    width: 100%;
    color: #191919;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: center
}

.step-tabs .step-tab-text {
    position: relative
}

.step-tabs .step-tab-text .bg-text {
    font-size: 45px;
    position: absolute;
    top: 50%;
    right: -35px;
    width: 50px;
    color: #191919;
    opacity: .15;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}


.shopping-cart {
    display: -webkit-box;
    display: flex
}

.shopping-cart-inner {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-right: 15px
}


.shopping-cart .table-responsive {
    /* border: 1px solid #ebebeb;
    border-radius: 2px;*/
    margin-bottom: 25px
}

.shopping-cart-table {
    margin-bottom: 10px
}

.shopping-cart-table thead th {
    white-space: nowrap
}

.shopping-cart-table thead th:last-child {
    width: 70px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.shopping-cart-table tbody td {
    vertical-align: middle
}

.shopping-cart-table tbody td:last-child {
    width: 70px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.shopping-cart-table .btn-remove {
    line-height: 20px
}

.shopping-cart-table .product-image {
    height: 60px;
    width: 60px;
    border-radius: 2px;
    overflow: hidden
}

.shopping-cart-table .product-image .image-placeholder {
    height: 40px;
    width: 40px
}

.shopping-cart-table .product-name {
    display: inline-block;
    color: #191919
}

.shopping-cart-table .product-name:hover {
    color: #49272a
}

.shopping-cart-table .product-options {
    margin: 4px 0 1px
}

.shopping-cart-table .product-price {
    color: #191919
}

.shopping-cart-table .number-picker {
    position: relative;
    width: 57px
}

.shopping-cart-table .number-picker .input-quantity {
    height: auto;
    padding: 0;
    text-align: center;
    border: none
}

.shopping-cart-table .number-picker .btn-number {
    position: absolute;
    padding: 0;
    top: 50%;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shopping-cart-table .number-picker .btn-number:hover {
    color: #49272a;
}

.shopping-cart-table .number-picker .btn-number[disabled] {
    opacity: 1
}

.shopping-cart-table .number-picker .btn-number[disabled] > i {
    opacity: .5
}

.shopping-cart-table .number-picker .btn-number[disabled]:hover {
    color: #191919
}

.shopping-cart-table .number-picker .btn-minus {
    left: 0
}

.shopping-cart-table .number-picker .btn-plus {
    right: 0
}

.rtl .shopping-cart-table .number-picker .btn-number {
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg)
}

.section-title {
    position: relative;
    font-size: 16px;
    color: #000000;
    letter-spacing: 3px;
    line-height: 30px;
    font-family: 'Merriweather', sans-serif;
}

.section-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    border-bottom: 2px solid #49272a
}

.checkout-right .coupon-wrap {
    margin-top: 25px
}


.order-summary-list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 9px
}

.order-summary-list li:last-child {
    margin-bottom: 0
}

.order-summary-list label {
    margin-bottom: 0;
    padding-right: 20px
}


.order-summary-total {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    margin-top: 21px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 14px 0;
    border-top: 1px solid #ebebeb
}

.order-summary-total label {
    margin-bottom: 0
}

.order-summary-wrap {
    width: 380px;
    min-width: 380px;
    padding-left: 15px
}


.order-summary-top .section-title {
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5
}

.order-summary-top .cart-item {
    padding: 25px 0 24px;
    border-bottom: 1px solid #ebebeb
}

.order-summary-top .cart-item li {
    display: -webkit-box;
    display: flex;
    margin-bottom: 9px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.order-summary-top .cart-item li:last-child {
    margin-bottom: 0
}

.order-summary-top .cart-item label {
    margin-bottom: 0;
    /* padding-right: 20px*/
}

.order-summary-top .cart-item .product-name {
    color: #191919
}

.order-summary-top .cart-item .product-name:hover {
    color: #49272a;
}

.order-summary-top .cart-item .product-quantity {
    font-weight: 500
}

.order-summary-middle {
    padding: 25px 0 8px
}

.order-summary-middle.loading:before {
    left: -15px;
    top: 15px;
    right: -15px;
    bottom: 15px
}

.order-summary-middle .shipping-methods {
    margin: 21px 0 -6px
}

.order-summary-middle .shipping-methods > h6 {
    margin-bottom: 17px
}

.order-summary-middle .shipping-methods .error-message {
    margin: 0;
    padding-bottom: 10px
}

.order-summary-middle .shipping-methods .form-group {
    margin: -1px 0 0
}

.order-summary-middle .shipping-methods .form-radio {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.order-summary-middle .shipping-methods .form-radio label {
    width: 170px;
    float: left;
    text-align: left;
    color: #191919;
    padding-top: 12px;
}

.order-summary-bottom .checkout-terms-and-conditions {
    margin: -1px 0 0;
    padding-bottom: 17px;
    text-align: center
}

.order-summary-bottom .checkout-terms-and-conditions .error-message {
    margin: -2px 0 8px
}

.order-summary-bottom .btn {
    width: 100%
}

.order-summary-wrap {
    width: 380px;
    min-width: 380px;
    padding-left: 15px
}

.order-summary {
    padding: 24px 30px 30px;
    background: #f9f9f9;
    border-radius: 2px
}

.order-summary .price-amount {
    /* padding-top: 10px;*/
    font-weight: 500;
}

.order-summary .price-amount-shipping {
    padding-top: 10px;
    font-weight: 500;
}

.order-details-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.order-details-bottom .order-summary-list {
    width: 300px;
    margin-right: 50px;
}

.order-details-bottom .order-summary-list .price-amount {
    font-weight: 500
}

.order-details-bottom .order-summary-total {
    width: 300px;
    margin-top: 24px;
    padding-bottom: 0px;
    margin-right: 50px;
}

.btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.form-radio {
    padding: 0
}

.form-radio label {
    font-weight: 400;
}

.form-radio input[type=radio] {
    width: 20px;
    float: left;
    border: none;
}

.form-radio input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: 13px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.form-radio input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: 13px;
    position: relative;
    background-color: #49272a;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}


.form-group {
    margin-bottom: 20px
}

.form-group label {
    font-weight: 500;
    margin-bottom: 9px
}

.form-group label > span {
    margin-left: 4px;
    color: #e23e1d
}


*, :after, :before {
    box-sizing: border-box
}


.btn-primary {
    font-weight: 500;
    color: white;
    background-color: #49272a;
    border: 1px solid #b59f99;

}

.btn-primary:hover, btn-place-order:hover {
    font-weight: 500;
    color: white;
    background-color: #b59f99;
}


.form-control {
    font-size: 14px;
    height: 45px;
    padding: 10px 15px;
    border-color: #ebebeb;
    border-radius: 2px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.checkout-left {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-right: 15px
}

.checkout-right {
    width: 395px;
    min-width: 395px;
    padding: 0 15px
}

.checkout-right .payment-method .title {
    margin-bottom: 13px
}

.checkout-right .payment-method-form {
    padding: 28px 30px 5px;
    border: 1px solid #ebebeb;
    border-radius: 2px
}

.checkout-right .payment-method-form .form-group {
    margin-bottom: 0
}

.checkout-right .payment-method-form .form-radio {
    margin-bottom: 20px
}

.checkout-right .payment-method-form label {
    font-weight: 500;
    color: #191919
}

.checkout-right .payment-method-form .helper-text {
    font-size: 13px;
    display: block;
    margin: -4px 0 0 28px;
    color: #6e6e6e
}

.helper-text {
    font-size: 13px;
    display: block;
    margin: -4px 0 0 28px;
    color: #6e6e6e
}

.checkout-right .payment-method-form .error-message {
    margin: -2px 0 20px
}

.checkout-right .payment-instructions {
    margin-top: 30px;
    padding: 24px 30px 23px;
    background: #f9f9f9;
    border-radius: 2px
}

.checkout-right .payment-instructions .title {
    margin-bottom: 14px
}

.checkout-right .payment-instructions > p {
    font-size: 14px;
    color: #6e6e6e
}

.checkout-right .coupon-wrap {
    margin-top: 25px
}

.checkout, .checkout-inner {
    display: -webkit-box;
    display: flex;
    margin-bottom: 60px;
}

.checkout-inner {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-bottom: 60px;
}


.order-billing-details h4, .order-shipping-details h4 {
    margin-bottom: 18px
}

.order-billing-details address > span, .order-shipping-details address > span {
    display: block;
    margin-bottom: 9px;
    color: #6e6e6e
}

.order-billing-details address > span:last-child, .order-shipping-details address > span:last-child {
    margin-bottom: 0
}


.row-checkout {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-9, .col-lg-6, .col-sm-18 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-18 {
    position: relative;
    width: 80%;
    padding-right: 15px;
    padding-left: 15px
}


.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}


.form-check-label {
    margin-bottom: 0
}


.checkout-form .create-an-account-label, .checkout-form .ship-to-different-address-label {
    margin: 4px 0 7px
}

.checkout-form .create-an-account-label label, .checkout-form .ship-to-different-address-label label {
    color: #191919
}


.btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.form-check input[type=checkbox] {
    position: absolute;
    left: 0;
    margin: 0;
    display: none
}

.form-check input[type=checkbox]:checked + label, .form-check input[type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    text-align: left
}

.form-check input[type=checkbox]:checked + label:before, .form-check input[type=checkbox]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 17px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.form-check input[type=checkbox]:checked + label:after, .form-check input[type=checkbox]:not(:checked) + label:after {
    position: absolute;
    content: "";
    top: 5px;
    left: 4px;
    height: 6px;
    width: 10px;
    border: 2px solid #49272a;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.form-check input[type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0)
}

.form-check input[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

.form-check-label > a {
    color: #49272a;
}

.form-check-label > a:hover {
    color: #49272a;
}


.account-wrap {
    margin-top: 42px;
}

.account-wrap .account-left {
    min-width: 267px
}

.account-wrap .account-right {
    width: 100%;
    margin-left: 30px;
    overflow: hidden
}

.account-wrap-inner {
    display: -webkit-box;
    display: flex;
    margin-bottom: 50px;
}

.account-sidebar li.active a {
    font-weight: 500;
    color: #49272a;
}

.account-sidebar li.active a:after {
    position: absolute;
    content: "";
    left: 0;
    top: 17px;
    height: 15px;
    width: 7px;
    background: #49272a;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.account-sidebar li a {
    font-size: 16px;
    line-height: 36px;
    position: relative;
    display: inline-block;
    color: #191919;
    padding: 8px 0 8px 28px
}

.account-sidebar li a:hover {
    color: #49272a;
}

.account-sidebar li a > i {
    font-size: 24px;
    vertical-align: top;
    margin: 5px 12px 0 0;
    color: #6e6e6e
}

.account-wrap .pagination {
    margin: 17px -13px -15px 0
}

.account-wrap .empty-message {
    padding: 64px 15px 63px;
    text-align: center
}

.account-wrap .empty-message > h3 {
    font-weight: 400
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive > .table-bordered {
    border: 0
}

.my-orders-table {
    margin-bottom: 5px
}

.my-orders-table tbody td, .my-orders-table thead th {
    white-space: nowrap
}

.my-orders-table tbody td:first-child, .my-orders-table tbody td:nth-child(4) {
    font-weight: 500
}

.my-orders-table .product-price {
    color: #191919
}

.my-orders-table .badge {
    margin-top: 0px
}

.account-wrap .account-right {
    width: 100%;
    margin-left: 30px;
    overflow: hidden
}

.account-wrap .account-right {
    width: 100%;
    margin-left: 30px;
    overflow: hidden
}

.panel {
    margin-bottom: 50px;
    border-radius: 2px
}

.panel:last-child {
    margin-bottom: 0
}

.panel .panel-header {
    display: -webkit-box;
    display: flex;
    padding: 20px 30px;
    background: #49272a;
    color: white;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border: 1px solid #ebebeb;
    border-radius: 2px 2px 0 0
}

.panel .panel-header > a {
    color: #a6a6a6
}

.panel .panel-header > a:hover {
    color: #49272a;
}

.panel .panel-body {
    border: 1px solid #ebebeb;
    border-top: none;
    border-radius: 0 0 2px 2px
}


.badge {
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        -webkit-transition: none;
        transition: none
    }
}

a.badge:focus, a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}


.order-details-wrap {
    margin-top: 50px
}

.order-details-wrap .section-title {
    margin-bottom: 34px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e5e5e5
}

.order-details-top {
    margin-bottom: 44px
}

.order-information {
    display: inline-block
}

.order-information h4 {
    margin-bottom: 18px
}

.order-information .order-information-list li {
    display: -webkit-box;
    display: flex;
    margin-bottom: 9px
}

.order-information .order-information-list li:last-child {
    margin-bottom: 0
}

.order-information .order-information-list label {
    font-weight: 500;
    min-width: 165px;
    margin-bottom: 0;
    padding-right: 10px
}

.order-information .order-information-list span {
    color: #6e6e6e;
    word-break: break-all
}


.table-margin-top-10px {
    float: left;
    padding-top: 10px;
}


.cookie-bar-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -200px;
    background: #3b4045;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 50;
    -webkit-transition: .6s ease;
    transition: .6s ease
}

.cookie-bar-wrap.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px)
}

.cookie-bar {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 0
}

.cookie-bar .cookie-bar-text {
    font-size: 14px;
    margin-right: 100px;
    color: #f9f9f9
}

.cookie-bar .cookie-bar-action {
    display: -webkit-box;
    display: flex;
    white-space: nowrap
}

.cookie-bar .cookie-bar-action .btn-accept {
    padding: 5px 24px
}


@media screen and (min-width: 40em) {
    .overlay ul li a {
        font-size: 3.125rem;
        line-height: 3.75rem;
        letter-spacing: 0.25rem;
    }
}

@media screen and (min-width: 64em) {
    .overlay ul li a {
        font-size: 3.75rem;
        line-height: 4.375rem;
        letter-spacing: 0.375rem;
    }

}

@media screen and (max-width: 886px) {
    .step-tabs {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .step-tabs .step-tab {
        margin: 8px 15px
    }

    .step-tabs .step-tab:first-child {
        margin-top: 0
    }

    .step-tabs .step-tab:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1281px) {
    .table-margin-top-10px {
        margin-top: 0px;
    }

    .shopping-cart-table td > label {
        display: none
    }

    .checkout-right .coupon-wrap .form-group input {
        width: auto
    }

    .checkout-right .coupon-wrap .form-group .btn-apply-coupon {
        width: 100%;
        padding: 7px 15px;
        white-space: nowrap
    }

    .checkout-right .coupon-wrap .form-group input {
        width: auto
    }

    .checkout-right .coupon-wrap .form-group .btn-apply-coupon {
        width: 100%;
        padding: 7px 15px;
        white-space: nowrap
    }
}

.error-message-validation {
    color: red;
}


.shopping-cart-wrap {
    margin-top: 50px;
}


@media screen and (max-width: 991px) {
    .steps-wrap {
        display: none
    }

    .step-tabs .step-tab {
        font-size: 16px;
        height: 50px;
        width: 250px
    }

    .step-tabs .step-tab-text .bg-text {
        font-size: 36px
    }

    .steps-wrap {
        display: none
    }

    .step-tabs .step-tab {
        font-size: 16px;
        height: 50px;
        width: 250px
    }

    .step-tabs .step-tab-text .bg-text {
        font-size: 36px
    }

    .shopping-cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .shopping-cart-inner {
        padding-right: 0
    }

    .order-summary-wrap {
        width: 100%;
        min-width: 0;
        margin-top: 50px;
        padding-left: 0
    }

    .order-summary-wrap {
        width: 100%;
        min-width: 0;
        margin-top: 50px;
        padding-left: 0
    }

    .checkout-left {
        padding-right: 0
    }

    .checkout-right {
        padding-right: 0
    }

    .checkout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .account-wrap {
        margin-top: 23px
    }

    .account-wrap .account-left {
        min-width: 0
    }

    .account-wrap .account-right {
        margin: 29px 0 0
    }

    .account-wrap-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .account-wrap {
        margin-top: 23px
    }

    .account-wrap .account-left {
        min-width: 0
    }

    .account-wrap .account-right {
        margin: 29px 0 0
    }

    .account-wrap-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .order-details-top {
        margin-bottom: 39px
    }

    .order-information {
        margin-bottom: 38px
    }

    .cookie-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 16px 0 20px
    }

    .cookie-bar .cookie-bar-text {
        margin: 0 0 14px;
        text-align: center
    }

    .content-post .content-image {
        margin-bottom: 37px;
    }

    .paginationblog.includeimage {
        margin-bottom: 2px;
    }

    .blog-post-date {
        width: calc(100% - 80px);
        line-height: 22px;
    }

    .contact-basic a.mailto,
    .contact-form a.mailto {
        letter-spacing: 0;
    }

    .filters li:first-child {
        margin-right: 0;
        padding: 12px;
    }

    .filters li {
        padding-top: 20px;
    }

    .grid.services .small-height.image {
        height: 400px;
    }

    .banner-tabs .vcenter {
        width: 100%;
        position: initial;
        top: 0;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }

    .banner-tabs {
        padding: 30px 0;
    }

    .invert .navbar-default .navbar-collapse {
        background-color: #000000;
    }

    .navbar-default .navbar-collapse {
        background-color: #ffffff;
    }

    header.overflow .navbar-brand img {
        height: 40px;
        margin-top: 0px;
    }

    header .navbar-brand img {
        height: 40px;
        margin-top: 6px;
    }

    header .navbar-brand {
        max-width: calc(100% - 60px);
        max-height: 52px;
    }

    .primary-title strong.work span.invers {
        line-height: 56px;
        display: inline-block;
        padding-bottom: 2px;
        padding-left: 6px;
    }

    .primary-title strong.work span.border:after {
        top: 1px;
    }

    .primary-title strong.work {
        letter-spacing: 4px;
        line-height: 47px;
        font-size: 38px;
    }
}

@media (min-width: 1200px) {
    .title.left-horizontal {
        margin-bottom: 100px;
    }

    .subtitle.left-horizontal {
        margin-top: 100px;
    }

    .subtitle.left-horizontal:before {
        content: "";
        width: 1px;
        height: 220px;
        background-color: rgba(23, 23, 23, 0.2);
        display: inline-block;
        position: absolute;
        transform: rotate(29deg);
        top: -55px;
        left: -24px;
    }

    header.overflow .navbar-brand {
        padding: 8px 55px 0;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: 42px;
    }

    footer div[class*="col-"] {
        padding: 0 2%;
    }

    .diagonal {
        padding-bottom: 220px;
    }

    .thumbnails {
        max-width: 1200px;
    }

}


@media (min-width: 1600px) {
    .parallax-section {
        background-size: cover !important;
    }

    .title.left-horizontal {
        font-size: 80px;
    }

    .subtitle.left-horizontal {
        font-size: 26px;
        line-height: 43px;
        letter-spacing: 3.5px;
    }

    header {
        top: 40px;
    }

    header .navbar-brand {
        padding: 0 25px;
        padding: 8px 55px 0;
    }

    header .navbar-collapse {
        padding-left: 25px;
        padding-right: 35px;
    }

    .menu-bar header {
        padding: 38px 0 30px;
    }

    header.overflow .navbar-default .navbar-nav {
        margin: 31px 42px 25px 0;
    }

    header.overflow .navbar-brand img {
        height: auto;
        margin: 13px 0px;
    }

    .navbar-default.center .navbar-header {
        margin-top: 43px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: 29px;
    }

    footer div[class*="col-"] {
        padding: 0 3%;
    }

    .intro.menu-bottom .vcenter {
        margin-top: 55px;
    }

    .menu-bar .intro {
        height: calc(100% - 143px);
    }

    .banner.info .vcenter {
        padding: 0 90px;
    }

    .banner .details-project {
        padding: 0 200px 0 120px;
    }

    .thumbnails {
        max-width: 1480px;
    }

    .blog-post-content.small .blog-post-intro {
        line-height: 30px;
    }

    .blog-post-content.small {
        padding: 0 55px;
    }

    .blog-post-intro {
        line-height: 34px;
        letter-spacing: 4px;
    }
}

@media (min-width: 768px) {
    .blog-post-title {
        font-size: 34px;
        letter-spacing: 7px;
        line-height: 30px;
    }

    .blog-post-content {
        padding: 0 65px;
    }

    .blog-post-content.small {
        height: 300px;
    }

    .blog-post-content.small .blog-post-author {
        margin-top: 20px;
    }

    .blog-2-text {
        height: 590px;
    }

    .blog-2-text .blog-post-header {
        margin-top: 0;
    }

    form .form-group.inline {
        padding-left: 30px;
    }

    form .form-group.inline:first-child {
        padding-left: 0;
        padding-right: 30px;
    }

    .banner-tabs .list-horizontal-links,
    .banner-tabs .carousel-tabs {
        margin-bottom: 0px;
        margin-top: -72px;
    }

    .social-links {
        margin: 36px 0 80px 0;
    }

    .social-links li {
        display: inline-block;
        margin: 0 46px;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-18 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 97.5%;
        margin-left: 1.5%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .order-md-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-md-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .order-md-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .order-md-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .order-md-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .order-md-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 5.5555555556%
    }

    .offset-md-2 {
        margin-left: 11.1111111111%
    }

    .offset-md-3 {
        margin-left: 16.6666666667%
    }

    .offset-md-4 {
        margin-left: 22.2222222222%
    }

    .offset-md-5 {
        margin-left: 27.7777777778%
    }

    .offset-md-6 {
        margin-left: 33.3333333333%
    }

    .offset-md-7 {
        margin-left: 38.8888888889%
    }

    .offset-md-8 {
        margin-left: 44.4444444444%
    }

    .offset-md-9 {
        margin-left: 50%
    }

    .offset-md-10 {
        margin-left: 55.5555555556%
    }

    .offset-md-11 {
        margin-left: 61.1111111111%
    }

    .offset-md-12 {
        margin-left: 66.6666666667%
    }

    .offset-md-13 {
        margin-left: 72.2222222222%
    }

    .offset-md-14 {
        margin-left: 77.7777777778%
    }

    .offset-md-15 {
        margin-left: 83.3333333333%
    }

    .offset-md-16 {
        margin-left: 88.8888888889%
    }

    .offset-md-17 {
        margin-left: 94.4444444444%
    }

    .primary-title {
        font-size: 25px;
        letter-spacing: -0.3px;
    }

    .primary-title strong {
        font-size: 105px;
        letter-spacing: 5px;
        line-height: 87px;
    }

    .primary-title.big {
        line-height: 82px;
        font-weight: 100;
    }

    .primary-title.big strong {
        font-size: 132px;
        line-height: 150px;
    }

    .primary-title.medium {
        font-size: 36px;
        line-height: 56px;
    }

    .primary-title.medium strong {
        font-size: 106px;
        line-height: 87px;
    }

    .post-primary-title {
        font-size: 25px;
        letter-spacing: 5px;
        line-height: 40px;
    }

    .pretitle.big {
        font-size: 22px;
        letter-spacing: 4.5px;
    }

    .pretitle.big:after,
    .pretitle.big:before {
        width: 30px;
        height: 2px;
        border-width: 2px;
    }

    .pretitle.superbig {
        font-size: 46px;
        letter-spacing: 5px;
    }

    .pretitle.superbig:after,
    .pretitle.superbig:before {
        width: 30px;
        margin: 0 26px 12px;
    }

    .title {
        font-size: 52px;
        line-height: 62px;
    }

    .login-div {
        margin-top: 2%;
        float: left;
        width: 100%;
    }

    .login {
        width: 40%;
        float: left;
        margin: 2% 2% 4% 5%;
    }

    .register {
        width: 40%;
        float: left;
        margin: 2% 2% 4% 5%;
    }

    .title.big {
        font-size: 96px;
        line-height: 80px;
    }

    .title.left-horizontal {
        font-size: 60px;
    }

    .intro.tiny {
        height: 600px;
        overflow: hidden;
    }

    .intro.tiny .row {
        height: 600px;
    }

    .intro .text-overlay {
        padding-top: 100px;
    }

    .nomenu .intro .text-overlay {
        padding-top: 0;
    }

    .banner.info .vcenter {
        padding: 0 50px;
    }

    .banner .details-project {
        padding: 0 100px 0 80px;
    }

    .banner-tabs {
        height: 100%;
    }

    .banner-tabs > div {
        padding: 0 17%;
    }

    .filters li {
        display: inline-block;
    }

    .filters li {
        font-weight: 400;
        font-size: 13px;
        line-height: 25px;
        padding: 5px 7px;
    }

    .thumbnails.work5 .thumbnail {
        width: 50%;
    }

    .thumbnail {
        width: 50%;
    }

    .thumbnail.small {
        width: 25%;
    }

    .filters li:first-child span {
        display: none;
    }

    #map {
        height: 800px;
    }

    form .btn {
        /*  margin-right: 60px; */
    }

    form .btn-login {
        margin-top: 20px;
    }

    .form-group {
        padding: 0 60px;
    }

    .form-group.inline {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    header {
        top: 10px;
        z-index: 999;
    }

    header.overflow .navbar {
        padding: 0;
    }

    header.overflow.fixed {
        min-height: 90px;
    }

    .navbar-default .navbar-nav > li > a:after {
        content: "";
        width: 100%;
        height: 2px;
        bottom: 0;
        background-color: transparent;
        display: block;
        left: 50%;
        position: absolute;
        -webkit-transition: width .3s ease 0s, left .3s ease 0s;
        -o-transition: width .3s ease 0s, left .3s ease 0s;
        transition: width .3s ease 0s, left .3s ease 0s;
        width: 0;
    }

    .blog-post-content.small {
        height: 450px;
    }

    .thumbnails.work5 .thumbnail {
        width: 25%;
    }

    .filters li {
        margin: 0 10px;
    }

    .tabsmodule .row {
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }

    .tabsmodule .row .banner {
        position: absolute;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .subtitle.left-horizontal {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1280px) {
    .table-margin-top-10px {
        margin-top: 0px;
    }

    .checkout-right {
        width: 100%;
        min-width: 0;
        margin-top: 14px;
        padding-left: 0
    }

    .checkout-form .order-notes {
        margin-bottom: 20px
    }

    .shopping-cart-table thead {
        display: none
    }

    .shopping-cart-table tr:first-child td:nth-child(3), .shopping-cart-table tr:first-child td:nth-child(4), .shopping-cart-table tr:first-child td:nth-child(5) {
        padding-top: 10px
    }

    .shopping-cart-table tbody td {
        vertical-align: top
    }

    .shopping-cart-table tbody td:not(:first-child):not(:last-child) {
        display: block
    }

    .shopping-cart-table tbody td:nth-child(2) {
        padding: 20px 0 11px
    }

    .shopping-cart-table tbody td:nth-child(3), .shopping-cart-table tbody td:nth-child(4) {
        padding: 2px 0;
        white-space: nowrap
    }

    .shopping-cart-table tbody td:nth-child(5) {
        padding: 2px 0 13px;
        white-space: nowrap
    }

    .shopping-cart-table td > label {
        width: 90px;
        min-width: 90px;
        margin-bottom: 0;
        padding-right: 5px;
        color: #6e6e6e;
        white-space: pre-wrap
    }

    .shopping-cart-table .product-price {
        display: -webkit-inline-box;
        display: inline-flex
    }

    .shopping-cart-table .number-picker {
        display: inline-block
    }

    .checkout-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 60px;
    }
}


@media screen and (max-width: 576px) {
    .order-billing-details {
        margin-bottom: 33px
    }

    .order-billing-details {
        margin-bottom: 33px
    }

    .shopping-cart-table tbody td:first-child {
        padding: 20px
    }

    .shopping-cart-table tbody td:last-child {
        width: 50px
    }

    .shopping-cart-table tbody td > label {
        width: 80px;
        min-width: 80px
    }

}


@media screen and (max-width: 1400px) {
    .account-wrap .account-left {
        min-width: 245px
    }
}


<!--
Testing

-->

.container-full {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.row {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    max-width: 100%;
}

.row.visible {
    opacity: 1;
}

.carousel-cell {
    position: relative;
    overflow: hidden;
}


.row-no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutter [class^="col-"],
.row-no-gutter [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.voffset400 {
    padding-bottom: 400px;
}

.grid.alternate div[class*="col-"] {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.grid.alternate div[class*="col-"],
.grid.alternate div[class*="col-"] .banner {
    height: 640px;
}

@media (min-width: 1600px) {
    .grid.alternate div[class*="col-"],
    .grid.alternate div[class*="col-"] .banner {
        height: 800px;
    }
}

.grid.alternate p {

}

.grid.alternate .vcenter {
    padding: 0 20%;
}

.grid.alternate .btn {
    margin-top: 50px;
}

.grid.alternate .fa {
    font-size: 55px;
}

.grid.alternate .row div[class*="col-"]:nth-child(even):hover {
    /* background-color: #92C693; */ /* green */
    background-color: #b59472; /* ocre */
}

@media (min-width: 992px) {
    .grid.alternate .row:nth-child(even) div[class*="col-"]:nth-child(even) {
        float: left;
    }

    .grid.alternate .row:nth-child(even) div[class*="col-"]:nth-child(odd) {
        float: right;
    }
}

.container {
    max-width: 100%;
    min-width: 100%;
}

a.white-text {
    color: white !important;
}

.error-validation {
    color: red;
}

#errorNewsletter {
    padding: 5px 5px 5px;
    margin-bottom: 10px;
}

#successNewsletter {
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px;
    margin-bottom: 10px;
}

.required-fields {
    border-color: red !important;
}

.product-price {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    color: #49272a;
}

.shopping-cart-table tr {
    margin-top: 100px;
}


.intro {
    height: 100%;
    background-color: #000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.intro > div {
    width: 100%;
}

.intro.menu-bottom {
    height: calc(100% - 96px);
}

@media (min-width: 1600px) {
    .intro.menu-bottom .vcenter {
        margin-top: 55px;
    }
}

@media (min-width: 768px) {
    .intro.tiny {
        height: 600px;
        overflow: hidden;
    }

    .intro.tiny .row {
        height: 600px;
    }

    .menu-bar .intro.tiny {
        height: 600px;
    }
}

.intro .image-cover {
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.intro .image-cover > div {
    width: 100%;
}

.intro .gallery-cell > div {
    padding-top: 100px;
}

.menu-bar .intro {
    height: calc(100% - 100px);
}

@media (min-width: 1600px) {
    .menu-bar .intro {
        height: calc(100% - 143px);
    }
}

.intro .bottomcenter {
    position: absolute;
    bottom: 51px;
}

.intro .text-overlay {
    z-index: 2;
}

@media (min-width: 768px) {
    .intro .text-overlay {
        padding-top: 100px;
    }

    .nomenu .intro .text-overlay {
        padding-top: 0;
    }
}

.intro #owl-main-text {
    height: 140px;
    height: 166px;
}

.intro #owl-main-text .owl-wrapper-outer {
    height: 100%;
}

.intro .slides-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    z-index: 2;
}

.intro .slides-pagination a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: .5;
    cursor: pointer;
    text-indent: -99999999px;
    overflow: hidden;
}

.intro .slides-pagination a.current {
    opacity: 1;
}

.intro .playerVideo {
    height: 100%;
}

.intro .play-video {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: -50px 0px 0px -50px;
    color: #fff;
    font-size: 75px;
    text-align: center;
    line-height: 65px;
    text-indent: -9999999px;
    background: url('../images/play.png') center center no-repeat rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    left: 50px;
    bottom: 0;
}

.intro .play-video.playing {
    background: url('../images/pause.png') center center no-repeat rgba(0, 0, 0, 0.5);
}

.intro .playerVideo:hover .play-video {
    display: block;
}

.post-whidout-sidebar:before {
    content: "";
    background-color: #ffffff;
    display: block;
    width: 50%;
    height: 102px;
    position: absolute;
    right: 0;
    margin-top: -100px;
}

/* post2 */
#post2-intro-slider01 {
    background-image: url('../images/demo/home/gallery1.jpg');
}

.content-post.post-with-sidebar-left {
    margin-bottom: 80px;
    padding: 20px 10px;
}

@media (min-width: 768px) {
    .content-post.post-with-sidebar-left {
        margin-bottom: 130px;
        padding: 65px 190px 0 20px;
    }
}

@media (min-width: 992px) {
    .content-post.post-with-sidebar-left {
        padding: 65px 190px 0 60px;
    }
}

@media (min-width: 1600px) {
    .content-post.post-with-sidebar-left {
        padding: 65px 295px 0 90px;
    }
}

.content-post .primary-title {
    margin-bottom: 28px;
}

.content-post h1,
.content-post h2,
.content-post h3,
.content-post h4,
.content-post h5,
.content-post h6 {
    font-weight: 400;
}

.content-post h1 {
    font-size: 46px;
    margin: 71px 0px 42px;
    letter-spacing: 2.5px;
}

.content-post h2 {
    font-size: 26px;
    margin: 71px 0px 42px;
    letter-spacing: 2.5px;
}

.content-post h3 {
    font-size: 20px;
    margin: 50px 0px 20px;
    letter-spacing: 1.5px;
}

.content-post h4 {
    font-size: 18px;
    margin: 30px 0px 10px;
}

.content-post h5 {
    font-size: 16px;
    margin: 20px 0px 10px;
}

.content-post h6 {
    font-size: 14px;
    margin: 15px 0px 5px;
}

.content-post p {
    margin-bottom: 37px;
    line-height: 36px;
}

.content-post blockquote {
    margin: 37px 40px;
}

.content-post blockquote p {
    font-style: italic;
}

.content-post .cite {
    font-style: italic;
}

.content-post dl {
    margin: 0 20px;
}

.content-post dt {
    font-weight: bold;
}

.content-post dd {
    margin: 0 0 20px;
}

.content-post ul,
.content-post ol {
    font-size: 16px;
    list-style-type: square;
    margin: 16px 0;
    padding: 0 0 0 40px;
    display: block;
}

.content-post ol {
    list-style-type: decimal;
}

.content-post li > ul,
.content-post li > ol {
    margin: 0;
}

.content-post table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

.content-post th {
    font-weight: bold;
}

.content-post td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

.content-post address {
    font-style: italic;
    margin: 0 0 24px;
}

.content-post a {
    color: #bf9441;
}

.content-post abbr[title] {
    border-bottom: 1px dotted;
}

.content-post cite,
.content-post em,
.content-post var {
    font-style: italic;
}

.content-post kbd {
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px;
}

.content-post pre {
    padding: 20px;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
}

.content-post img {
    margin-top: 13px;
}

@media (min-width: 768px) {
    .content-post img {
        margin-bottom: 53px;
    }
}

.content-post img.aligncenter {
    margin: 5px auto;
}

.content-post img.alignleft {
    margin-left: -60px;
}

.content-post img.alignleft {
    margin: 5px 20px 5px 0;
}

.content-post img.size-full,
.content-post img.size-large,
.content-post img.wp-post-image {
    height: auto;
    max-width: 100%;
}

.content-post img.alignright {
    margin-right: -60px;
}

.content-post img.alignright {
    margin: 5px 0 5px 20px;
}

.content-post .alignleft {
    float: left;
}

.content-post .alignright {
    float: right;
}

.content-post .entry-content .wp-caption.alignright {
    margin-right: -60px;
}

.content-post .entry-content img,
.content-post .entry-summary img,
.content-post .comment-content img,
.content-post .widget img,
.content-post .wp-caption {
    max-width: 100%;
}

.content-post figure.wp-caption.alignright {
    margin: 5px 0 5px 20px;
}

.content-post figure.wp-caption.alignleft {
    margin: 5px 20px 5px 0;
}

.content-post .wp-caption .wp-caption-text,
.content-post .entry-caption,
.content-post .gallery-caption {
    color: #220e10;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 24px;
}

.content-post .wp-caption.alignleft {
    margin-left: -60px;
}

.content-post .wp-caption img {
    margin: 0;
}

.content-post hr {
    margin-top: 82px;
    display: block;
    max-width: 100px;
    border-color: black;
}

.content-post .quote {
    width: 100%;
    font-size: 26px;
    color: #ffffff;
    background-color: #373C42;
    text-align: center;
    font-style: italic;
    line-height: 41px;
    font-weight: 100;
    letter-spacing: -1px;
    padding: 10px 10px 0;
    font-family: 'Merriweather', sans-serif;
}

@media (min-width: 768px) {
    .content-post .quote {
        padding: 52px 14px 16px 33px;
        margin-right: -185px;
        margin-left: 10px;
        margin-top: 10px;
        float: right;
        width: 350px;
    }
}

.content-post .quote .author {
    color: #BF9441;
    text-align: right;
    letter-spacing: 0px;
    margin: 16px 23px;
}

.content-post .content-image {
    position: relative;
}

@media (max-width: 991px) {
    .content-post .content-image {
        margin-bottom: 37px;
    }
}

.content-post .content-image .credits {
    margin: 0;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
    color: gray;
    letter-spacing: 2.2px;
}

@media (min-width: 768px) {
    .content-post .content-image .credits {
        width: 160px;
        right: -177px;
        position: absolute;
        bottom: 60px;
    }
}

@media (min-width: 1600px) {
    .content-post .content-image .credits {
        width: 211px;
        right: -220px;
    }
}

.content-post .content-image .credits:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #000000;
    margin-top: 13px;
}

.content-post .content-gallery {
    position: relative;
    margin-bottom: 50px;
}

.content-post .content-gallery .carusel-gallery-photo {
    width: 100%;
    height: 250px;
}

@media (min-width: 1600px) {
    .content-post .content-gallery .carusel-gallery-photo {
        height: 250px;
    }
}

.content-post .content-gallery .carusel-gallery-text {
    background-color: #373C42;
    color: #ffffff;
    width: 100%;
    height: 375px;
    margin: 4px auto;
}

@media (min-width: 768px) {
    .content-post .content-gallery .carusel-gallery-text {
        width: 350px;
        height: 320px;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .content-post .content-gallery .carusel-gallery-text {
        margin: 0 78.2% 0 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.content-post .content-gallery .carusel-gallery-text .gallery-cell {
    padding: 24px;
}

.content-post .content-gallery .carusel-gallery-text .title-post-gallery {
    font-size: 18px;
    font-style: normal;
    letter-spacing: 3.7px;
    line-height: 33px;
    margin-bottom: 13px;
}

.content-post .content-gallery .carusel-gallery-text .title-post-gallery:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    margin: 20px 0 0 2px;
    background-color: #ffffff;
}

.content-post .content-gallery .carusel-gallery-text p {
    font-style: italic;
    line-height: 33px;
    letter-spacing: 2.5px;
}

.content-post .content-gallery .carusel-gallery-text .flickity-page-dots {
    bottom: 24px;
}

.content-post .content-gallery .carusel-gallery-tabs {
    text-align: center;
}

@media (min-width: 768px) {
    .content-post .content-gallery .carusel-gallery-tabs {
        text-align: right;
    }
}

.content-post .content-gallery .carusel-gallery-tabs li {
    display: inline-block;
    position: relative;
    top: 5px;
    height: 53px;
    width: 18.8%;
}

@media (min-width: 768px) {
    .content-post .content-gallery .carusel-gallery-tabs li {
        height: 84px;
        width: 19.3%;
    }
}

@media (min-width: 992px) {
    .content-post .content-gallery .carusel-gallery-tabs li {
        width: 15%;
    }
}

.content-post .intro-comments {
    font-style: italic;
    margin-top: 121px;
    margin-bottom: 90px;
    position: relative;
}

.content-post .intro-comments .count-comments {
    font-size: 20px;
    margin-left: 56px;
    letter-spacing: 2px;
    position: relative;
    font-family: 'Merriweather', sans-serif;
}

.content-post .intro-comments .number {
    font-size: 36px;
    position: absolute;
    left: -56px;
    top: -21px;
    font-family: 'Oswald', sans-serif;
}

.content-post .intro-comments .number:after {
    content: "";
    width: 1px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    position: absolute;
    top: 0;
    transform: rotate(31deg);
    left: 50px;
}

.content-post .intro-comments .leave-reply {
    font-size: 13px;
    display: block;
    margin: 11px 0 0 22px;
    letter-spacing: 2.5px;
    color: #000000;
    text-decoration: none;
    position: relative;
}

.content-post .intro-comments .leave-reply:before {
    content: "";
    height: 17px;
    width: 15px;
    display: block;
    position: absolute;
    left: -25px;
    top: 3px;
    background-image: url('../images/arrow.png');
    transform: rotate(90deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.content-post .intro-comments .share {
    font-size: 13px;
    right: 17px;
    margin-top: 40px;
    margin-left: 3px;
}

@media (min-width: 768px) {
    .content-post .intro-comments .share {
        position: absolute;
        top: -10px;
        margin-top: 0;
    }
}

.content-post .intro-comments .share li {
    display: inline-block;
}

.content-post .intro-comments .share li a {
    color: #000000;
}

.content-post .intro-comments .share li a i {
    position: relative;
    top: 2px;
}

.content-post .intro-comments .share li:first-child {
    margin-right: 15px;
    letter-spacing: 2px;
    font-family: 'Merriweather', sans-serif;
}

.content-post .intro-comments .share li:not(:first-child) {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    padding-top: 2px;
    border-radius: 50%;
    margin-right: 1px;
}

.content-post .media {
    margin-top: 26px;
}

.content-post .media .blog-post-author {
    width: 110px;
    height: 110px;
}

.content-post .media .media {
    margin-top: 50px;
    border-left: 10px solid rgba(0, 0, 0, 0.03);
    position: relative;
    left: -14px;
    padding-left: 30px;
    margin-bottom: 30px;
}

.content-post .media hr {
    margin: 12px auto;
}

.content-post .media-heading {
    font-size: 13px;
    margin: 23px 0 28px 0;
    line-height: 20px;
}

.content-post .media > .pull-left {
    display: none;
}

@media (min-width: 768px) {
    .content-post .media > .pull-left {
        display: block;
    }
}

.content-post .media-body {
    padding-left: 14px;
}

.content-post .media-body p {
    line-height: 29px;
}

.content-post .title-form {
    margin-top: 50px;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 30px;
}

.content-post form {
    padding: 10px 0 0 0;
}

.content-post form .form-group {
    padding: 0;
}

@media (min-width: 768px) {
    .content-post form .form-group.inline {
        padding-left: 30px;
    }

    .content-post form .form-group.inline:first-child {
        padding-left: 0;
        padding-right: 30px;
    }
}

.content-post form .form-group textarea {
    height: 150px;
}

.content-post form .btn {
    margin-right: 0;
}

.visible .fadeInUp {
    -webkit-animation: fadeInUp 0.5s ease-in-out both;
    -moz-animation: fadeInUp 0.5s ease-in-out both;
    animation: fadeInUp 0.5s ease-in-out both;
}

.visible .fadeInUp:nth-child(1) {
    animation-delay: 0.4s;
}

.visible .fadeInUp:nth-child(2) {
    animation-delay: 0.6s;
}

.visible .fadeInUp:nth-child(3) {
    animation-delay: 0.8s;
}

.visible .fadeInUp:nth-child(4) {
    animation-delay: 1s;
}

.visible .fadeInUp:nth-child(5) {
    animation-delay: 1.2s;
}

.visible .fadeInUp:nth-child(6) {
    animation-delay: 1.4s;
}


.content-post.post-without-sidebar .post-extra {
    overflow: hidden;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra {
        position: relative;
        left: -25px;
    }
}

@media (min-width: 992px) {
    .content-post.post-without-sidebar .post-extra {
        position: absolute;
        width: 100px;
        left: -100px;
    }
}

@media (min-width: 1600px) {
    .content-post.post-without-sidebar .post-extra {
        left: -48px;
    }
}

.content-post.post-without-sidebar .post-extra .blog-post-author {
    border-radius: 0;
    height: 100px;
    float: none;
    width: 32%;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra .blog-post-author {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .content-post.post-without-sidebar .post-extra .blog-post-author {
        float: left;
    }
}

.content-post.post-without-sidebar .post-extra .button-blog {
    width: 32%;
    height: 100px;
    background-color: #F9F7F7;
    display: block;
    margin-bottom: 1px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra .button-blog {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .content-post.post-without-sidebar .post-extra .button-blog {
        float: left;
    }
}

.content-post.post-without-sidebar {
    background-color: #ffffff;
    position: relative;
    top: -100px;
    padding: 0;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar {
        padding: 0px 20px 0 25px;
    }
}

@media (min-width: 1600px) {
    .content-post.post-without-sidebar {
        padding: 0px 20px 0 90px;
    }
}

.content-post.post-without-sidebar .post-extra {
    overflow: hidden;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra {
        position: relative;
        left: -25px;
    }
}

@media (min-width: 992px) {
    .content-post.post-without-sidebar .post-extra {
        position: absolute;
        width: 100px;
        left: -100px;
    }
}

@media (min-width: 1600px) {
    .content-post.post-without-sidebar .post-extra {
        left: -48px;
    }
}

.content-post.post-without-sidebar .post-extra .blog-post-author {
    border-radius: 0;
    height: 100px;
    float: none;
    width: 32%;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra .blog-post-author {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .content-post.post-without-sidebar .post-extra .blog-post-author {
        float: left;
    }
}

.content-post.post-without-sidebar .post-extra .button-blog {
    width: 32%;
    height: 100px;
    background-color: #F9F7F7;
    display: block;
    margin-bottom: 1px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .content-post.post-without-sidebar .post-extra .button-blog {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .content-post.post-without-sidebar .post-extra .button-blog {
        float: left;
    }
}

.gallery {
    height: 100%;
}

.gallery .flickity-viewport {
    height: 100% !important;
}

.gallery .gallery-cell {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.gallery .gallery-cell > div {
    width: 100%;
}

.gallery .flickity-page-dots {
    bottom: 19px;
}

.gallery .flickity-page-dots .dot {
    background-color: transparent;
    border: 1px solid #fff;
    width: 12px;
    height: 12px;
    margin: 0px 5px;
    opacity: 0.50;
}

.gallery .flickity-page-dots .dot:hover,
.gallery .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.twitterfeed .flickity-prev-next-button {
    display: none;
}

.twitterfeed.nexprev .flickity-prev-next-button {
    display: block;
    background-color: transparent;
    bottom: -56px;
    top: auto;
    width: 20px;
    height: 20px;
}

.twitterfeed.nexprev .flickity-prev-next-button.previous {
    left: 50%;
    margin-left: -20px;
}

.twitterfeed.nexprev .flickity-prev-next-button.next {
    right: 50%;
    margin-right: -20px;
}

.twitterfeed.nexprev .flickity-prev-next-button:focus {
    outline: 0;
}

.twitterfeed.nexprev .flickity-prev-next-button .arrow {
    fill: #ffffff;
}

.twitterfeed.nexprev .flickity-page-dots {
    display: none;
}

ul.slider-twitter .flickity-page-dots {
    bottom: -60px;
}

ul.slider-twitter .flickity-page-dots .dot {
    margin: 0 4px;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

ul.slider-twitter .flickity-page-dots .dot.is-selected {
    border-color: rgba(255, 255, 255, 0.5);
    border-color: #ffffff;
}


.text-simple-margin-top-100 {
    margin-top: 100px;
}

.text-simple-margin-top-20 {
    margin-top: 20px;
}

.text-simple-margin-bottom-30 {
    margin-bottom: 30px;
}

.text-simple-title {
    font-weight: 400 !important;
    font-size: 30px;
}

.readfull {
    font-size: 13px;
    font-family: 'Merriweather', sans-serif;
    letter-spacing: 4px;
    color: #000000;
}

.readfull:after {
    content: "";
    display: inline-block;
    background-image: url('../images/arrow.png');
    width: 15px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 8px;
}

.readfull:hover {
    color: #000000;
}

.readfull.bottom {
    position: absolute;
    bottom: 42px;
}

.products-include-recipe {
    margin-top: 50px;
    float: right;
}


.error-contacts-validation {
    padding: 5px 5px 5px 45px;
    margin-bottom: 10px;
}


.terms-and-conditions-div {
    padding-left: 0px;
}


.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-top-30 {
    margin-top: 30px;
}

.success {
    color: #49272a;
    font-weight: bold;
    font-style: italic;
}

@media screen and (max-width: 340px) {
    .order-details-bottom .order-summary-list, .order-details-bottom .order-summary-total {
        width: 100%
    }
}

.display-none {
    display: none;
}

.title-product {
    font-family: Oswald;
    font-weight: bold;
    color: #49272a;
    font-size: 30px;
}

/* JUST FOR TESTING*/

.thumbnails {
    margin: 0px auto;
    overflow: hidden;
    max-width: 800px;
}

@media (min-width: 1200px) {
    .thumbnails {
        max-width: 1200px;
    }
}

@media (min-width: 1600px) {
    .thumbnails {
        max-width: 1480px;
    }
}

.thumbnails.work1 {
    max-width: none;
    margin: 0 20px;
}

.thumbnails.work2 {
    max-width: none;
    margin: 20px;
}

.thumbnails.work2 .gallery-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.thumbnails.work2 .grid-sizer {
    width: 33%;
}

.thumbnails.work2 .rollover {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    display: none;
}

.thumbnails.work2 .rollover .vcenter {
    width: 100%;
}

.thumbnails.work2 .thumbnail {
    width: 100%;
    padding: 20px;
    height: 500px;
    overflow: hidden;
}

.thumbnails.work2 .thumbnail img {
    height: 100%;
}

@media (min-width: 768px) {
    .thumbnails.work2 .thumbnail {
        width: 50%;
        height: 250px;
    }
}

@media (min-width: 992px) {
    .thumbnails.work2 .thumbnail {
        width: 40%;
        height: 500px;
    }

    .thumbnails.work2 .thumbnail.small {
        width: 20%;
    }
}

.thumbnails.work3 {
    max-width: 1400px;
}

.thumbnails.work3 .thumbnail {
    width: 100%;
}

@media (min-width: 768px) {
    .thumbnails.work3 .thumbnail {
        width: 50%;
    }
}

.thumbnails.work4 {
    width: 100%;
    max-width: 100%;
}

.thumbnails.work4 .rollover {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: transparent;
    text-align: left;
    padding: 0 40px;
    display: none;
}

.thumbnails.work4 .rollover .title-project {
    font-size: 30px;
}

.thumbnails.work4 .rollover .vcenter {
    width: 100%;
}

.thumbnails.work4 .thumbnail {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .thumbnails.work4 .thumbnail {
        width: 100%;
    }
}

.thumbnails.work4 .thumbnail img {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.thumbnails.work4 .thumbnail:hover img {
    opacity: 0.5;
}

.thumbnails.work5 {
    max-width: none;
}

.thumbnails.work5 .thumbnail {
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .thumbnails.work5 .thumbnail {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .thumbnails.work5 .thumbnail {
        width: 25%;
    }
}

.thumbnail {
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden;
    border: none;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 20px;
    background-size: cover;
    background-position: center center;
}

.thumbnail .info-banner {
    background-color: transparent;
    text-decoration: none;
    color: #ffffff;
}

.thumbnail img {
    width: 100%;
}

@media (min-width: 768px) {
    .thumbnail {
        width: 50%;
    }

    .thumbnail.small {
        width: 25%;
    }
}


.info-banner {
    position: absolute;
    bottom: 25px;
    left: 30px;
    text-align: left;
    color: #ffffff;
}


.thumbnail .info-banner {
    bottom: 55px;
    left: 50px;
}

#error-register {
    padding-left: 10px;
}