/*!
Theme Name: goooood design
Theme URI: http://good-design.com/
Author: Easy Studio
Author URI: http://easystudio.com.ua/
Description: ���������� � ��������� Easy Studio
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: goooood-design
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

goooood design is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* GILROY FONT */
@font-face {
    font-family: 'gilroy-ultralight';
    src:url('fonts/gilroy-ultralight.eot');
    src:url('fonts/gilroy-ultralight.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-ultralight.woff') format('woff'),
        url('fonts/gilroy-ultralight.woff2') format('woff2'),
        url('fonts/gilroy-ultralight.otf') format('opentype'),
        url('fonts/gilroy-ultralight.ttf') format('truetype'),
        url('fonts/gilroy-ultralight.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-light';
    src:url('gilroy-light.eot');
    src:url('fonts/gilroy-light.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-light.woff') format('woff'),
        url('fonts/gilroy-light.woff2') format('woff2'),
        url('fonts/gilroy-light.otf') format('opentype'),
        url('fonts/gilroy-light.ttf') format('truetype'),
        url('fonts/gilroy-light.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-thin';
    src:url('fonts/gilroy-thin.eot');
    src:url('fonts/gilroy-thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-thin.woff') format('woff'),
        url('fonts/gilroy-thin.woff2') format('woff2'),
        url('fonts/gilroy-thin.otf') format('opentype'),
        url('fonts/gilroy-thin.ttf') format('truetype'),
        url('fonts/gilroy-thin.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-regular';
    src:url('fonts/gilroy-regular.eot');
    src:url('fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-regular.woff') format('woff'),
        url('fonts/gilroy-regular.woff2') format('woff2'),
        url('fonts/gilroy-regular.otf') format('opentype'),
        url('fonts/gilroy-regular.ttf') format('truetype'),
        url('fonts/gilroy-regular.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-medium';
    src:url('fonts/gilroy-medium.eot');
    src:url('fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-medium.woff') format('woff'),
        url('fonts/gilroy-medium.woff2') format('woff2'),
        url('fonts/gilroy-medium.otf') format('opentype'),
        url('fonts/gilroy-medium.ttf') format('truetype'),
        url('fonts/gilroy-medium.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-bold';
    src:url('fonts/gilroy-bold.eot');
    src:url('fonts/gilroy-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/gilroy-bold.woff') format('woff'),
        url('fonts/gilroy-bold.woff2') format('woff2'),
        url('fonts/gilroy-bold.otf') format('opentype'),
        url('fonts/gilroy-bold.ttf') format('truetype'),
        url('fonts/gilroy-bold.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END GILROY */

@import 'css/styles.css';


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

html {
    line-height: 1;
    -webkit-text-size-adjust: 100%
}

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

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

body .center,
body .errpage,
.signup .panel,
body .table-cell,
header .contentsholder .navigation ul {
    text-align: center
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

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

body {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    letter-spacing: .05em;
    color: #444;
    background-color: #fff
}

body a {
    color: #9f8557;
    text-decoration: none
}

body a:hover {
    color: #444
}

body a.active {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    color: #444
}

body a.button, body button.button {
    display: inline-block;
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    letter-spacing: .2rem;
    white-space: nowrap;
    color: #9f8557;
    border: 1px solid #9f8557;
    padding: 10px 22px 8px;
    text-transform:uppercase;
    z-index: 20;
    position: relative;
}

body a.button.textwrap {
    white-space: initial
}

body a.button:hover, body button.button:hover {
    color: #fff;
    background-color: #9f8557
}

body a::-moz-focus-inner,
body a:active,
body a:focus {
    outline: 0;
    border: 0;
    -moz-outline-style: none
}

body img::-moz-focus-inner,
body img:active,
body img:focus {
    outline: 0;
    border: 0;
    -moz-outline-style: none
}

body img {
    vertical-align: top
}

body img.resp {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%!important;
    margin-right: auto;
    margin-left: auto
}

body img.autowidth {
    width: auto
}

body h1,
body h2,
body h3,
body h4,
body h5 {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
    color: #9f8557
}

.signup .panel.panel-title,
body b,
body strong {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
}

body h1 {
    text-transform: uppercase;
    font-size: 32px;
    font-size: 1.9rem;
    line-height: 38px;
    line-height: 2.375rem
}

body h1.header {
    border-bottom: 0;
    padding-bottom: 0
}

@media (min-width:1024px) {
    body h1.header {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 42px;
        line-height: 2.625rem;
        letter-spacing: .1em
    }
}

body h1,
body h2 {
    border-bottom: 2px solid #9f8557;
    margin-bottom: 22px;
    padding-bottom: 16px
}

body h4 {
    font-size: 24px;
    font-size: 1.3rem;
    line-height: 30px;
    line-height: 1.875rem
}

body h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem
}

body .clearfix,
body .clr {
    clear: both
}

body .cache {
    display: none
}

body .inactive {
    pointer-events: none
}

body .cursor {
    cursor: pointer
}

body .fixed {
    position: fixed
}

body .abs,
body .absolute {
    position: absolute
}

body .rel,
body .relative {
    position: relative
}

body .left {
    float: left
}

body .right {
    float: right
}

body .show {
    display: block
}

body .hide {
    display: none
}

body .uppercase {
    text-transform: uppercase
}

body .sprite {
    display: inline-block;
    background: url(../images/sprite.png) no-repeat
}

body .sprite.instagram {
    background-position: 0 0!important
}

body .sprite.facebook {
    background-position: -40px 0!important
}

body .sprite.twitter {
    background-position: -80px 0!important
}

body .sprite.pinterest {
    background-position: -120px 0!important
}

body .sprite.share-facebook,
body .sprite.share-pinterest,
body .sprite.share-twitter {
    width: 22px;
    height: 22px
}

body .sprite.share-facebook {
    background-position: -30px -40px!important
}

body .sprite.share-twitter {
    background-position: 0 -40px!important
}

body .sprite.share-pinterest {
    background-position: -60px -40px!important
}

body .sprite.arrowleft {
    background-position: -60px -80px!important
}

body .sprite.arrowright {
    background-position: -20px -80px!important
}

body .share-pinit {
    display: none;
    position: absolute;
    top: 15px;
    left: 25px
}

body #sitewrapper,
body #sitewrapper .contents__block,
body #sitewrapper .elements__block,
body .share-pinit-image {
    position: relative
}

body .share-pinit.gray {
    background: url(../images/pinit_bg_en_rect_gray_28_1.png) no-repeat
}

body .share-pinit.red {
    background: url(../images/pinit_bg_en_rect_red_28_1.png) no-repeat
}

body .share-pinit.white {
    background: url(../images/pinit_bg_en_rect_white_28_1.png) no-repeat
}

body .share-pinit.newleft {
    left: 15px
}

body .share-pinit a {
    display: block;
    width: 56px;
    height: 28px
}

body .share-pinit-image:hover .share-pinit {
    display: block
}

body .errpage {
    font-weight: 700;
    padding-top: 40px
}

body .bgcol {
    background-color: #f8f8f8
}

body .table {
    display: table
}

body .table-row {
    display: table-row
}

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

body .blink {
    color: red!important;
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite
}

@keyframes blink {
    to {
        visibility: hidden
    }
}

body #sitewrapper .contentsholder {
    position: relative;
    max-width: 1138px;
    margin: 0 auto;
    padding: 0 18px
}

@media (min-width:768px) {
    body #sitewrapper .contentsholder {
        padding: 0 28px 28px;
    }
}

@media (max-width:767px) {
    body #sitewrapper .contentsholder.contentsnopadding {
        padding: 0
    }
}

@media (min-width:768px) {
    body #sitewrapper .contentsholder.contentscolumns,
    body #sitewrapper .contentsholder.contentsgallery,
    body #sitewrapper .contentsholder.contentsindex,
    body #sitewrapper .contentsholder.contentsvideo {
        max-width: 1158px;
        padding: 0 21px
    }
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .col,
body #sitewrapper .contentsholder.contentsgallery .row.video .col,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .col,
body #sitewrapper .contentsholder.contentsvideo .row.video .col {
    margin-bottom: 20px
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .col.last,
body #sitewrapper .contentsholder.contentsgallery .row.video .col.last,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .col.last,
body #sitewrapper .contentsholder.contentsvideo .row.video .col.last {
    margin-bottom: 0
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy,
body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy,
body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy {
    clear: both;
    max-width: 896px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 40px;
    *zoom: 1
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy:after,
body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy:before,
body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy:after,
body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy:before,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy:after,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy:before,
body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy:after,
body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy:before {
    content: "";
    display: table
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy:after,
body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy:after,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy:after,
body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy:after {
    clear: both
}

body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy .bcol.bcol1,
body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy .bcol.bcol1,
body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy .bcol.bcol1,
body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy .bcol.bcol1 {
    margin-bottom: 20px
}

@media (min-width:768px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy .bcol,
    body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy .bcol,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy .bcol,
    body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy .bcol {
        float: left;
        width: 50%
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy .bcol.bcol1,
    body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy .bcol.bcol1,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy .bcol.bcol1,
    body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy .bcol.bcol1 {
        margin-bottom: 0
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy .bcol .bcopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy .bcol .bcopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy .bcol .bcopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy .bcol .bcopy {
        max-width: 388px;
        padding: 0 30px
    }
}

@media (min-width:600px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .col .image,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .col .videoholder,
    body #sitewrapper .contentsholder.contentsgallery .row.video .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video .col .image,
    body #sitewrapper .contentsholder.contentsgallery .row.video .col .videoholder,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .col .image,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .col .videoholder,
    body #sitewrapper .contentsholder.contentsvideo .row.video .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video .col .image,
    body #sitewrapper .contentsholder.contentsvideo .row.video .col .videoholder {
        padding-right: 10px;
        padding-left: 10px
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery .col,
    body #sitewrapper .contentsholder.contentsgallery .row.video .col,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery .col,
    body #sitewrapper .contentsholder.contentsvideo .row.video .col {
        float: left;
        margin-bottom: 0
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal1 .col,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal1 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal1 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal1 .col {
        width: 100%
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal1 .col .image,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal1 .col .image,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal1 .col .image,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal1 .col .image {
        margin: 0 auto
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col {
        text-align: center;
        width: 50%;
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-3-2 {
        width: 66.66667%;
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-3-1 {
        width: 33.33333%;
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-3-2 {
        float: right
    }
}

@media (min-width:600px) and (min-width:900px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-3-2 .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-3-2 .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-3-2 .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-3-2 .bodycopy {
        width: 33.333333%
    }
}

@media (min-width:600px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-2-1,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-3-2 {
        width: 33.33333%;
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-3-1,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-3-1 {
        width: 66.66667%;
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-3-2 {
        float: left
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy {
        padding: 0
    }
}

@media (min-width:600px) and (min-width:900px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-3-2 .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-3-2 .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-3-2 .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-3-2 .bodycopy.bodycopy--content-middle {
        width: 33.333333%
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy.bodycopy--content-middle,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy.bodycopy--content-middle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width:600px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy .bodycopy--content {
        padding-right: 40px;
        padding-left: 40px
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal3 .col,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal3 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal3 .col,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal3 .col {
        width: 33.33333%;
        float: left
    }
}

@media (min-width:600px) and (max-width:890px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy .bodycopy--content {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width:600px) and (max-width:820px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy .bodycopy--content,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy .bodycopy--content {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:767px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col.col2.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col1.col-2cols-3-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-2-2,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col.col2.col-2cols-3-2 {
        float: none;
        width: 100%
    }
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy {
        padding-top: 20px
    }
}

@media (max-width:599px) {
    body #sitewrapper .contentsholder.contentsgallery .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsgallery .row.video.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.gallery.coltotal2 .col .bodycopy,
    body #sitewrapper .contentsholder.contentsvideo .row.video.coltotal2 .col .bodycopy {
        padding-top: 0
    }
}

body #sitewrapper .contentsholder.contentscategories .categories {
    border-top: 2px solid #9f8557;
    padding: 20px 0
}

body #sitewrapper .contentsholder.contentscategories .categories ul {
    text-align: center;
    *zoom: 1
}

body #sitewrapper .contentsholder.contentscategories .categories ul:after,
body #sitewrapper .contentsholder.contentscategories .categories ul:before {
    content: "";
    display: table
}

body #sitewrapper .contentsholder.contentscategories .categories ul:after {
    clear: both
}

body #sitewrapper .contentsholder.contentscategories .categories ul li {
    display: inline-block;
    margin: 0 20px
}

body #sitewrapper .contentsholder.contentscategories .categories ul li a {
    color: #444
}

body #sitewrapper section {
    position: relative;
    min-height: 750px;
    margin-top: 72px
}

body #sitewrapper section.contents {
    padding-bottom: 50px
}

body .mrow {
    position: relative;
    margin-bottom: 60px
}

body .mrow.mrow20 {
    margin-bottom: 20px
}

body .mainimage .panel-image {
    max-width: 752px
}

body .mainimage .panel-info {
    padding-top: 30px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

@media (min-width:768px) {
    body .mainimage .panel-image {
        padding-right: 150px
    }
    body .mainimage .panel-info {
        position: absolute;
        top: 50%;
        margin-top: -140px;
        right: 0;
        width: 420px;
        height: 230px;
        padding: 50px 50px 0
    }
}

body .mainimage .panel-info .bodycopy {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 27px;
    line-height: 1.6875rem
}

body .signup {
    position: relative;
    padding-top: 40px;
    *zoom: 1
}

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

body .signup:after {
    clear: both
}

.signup .panel.panel-title {
    margin-bottom: 10px
}

.signup .panel.panel-fields {
    *zoom: 1
}

.signup .panel.panel-fields:after,
.signup .panel.panel-fields:before {
    content: "";
    display: table
}

.signup .panel.panel-fields:after {
    clear: both
}

.signup .panel.panel-fields .field {
    display: inline-block
}

.signup .panel.panel-fields .field input {
    font-size: 12px;
    font-size: .75rem;
    border: 1px solid #9f8557;
    padding: 4px 16px;
}

.signup .panel.panel-fields .field input[name=email] {
    width: 250px
}

@media (max-width:480px) {
    .signup .panel.panel-fields .field input[name=email] {
        width: 150px
    }
}

.signup .panel.panel-fields .field input[name=submit] {
    text-transform: uppercase;
    color: #fff;
    background-color: #9f8557
}

.signup .panel.panel-fields .field input[name=submit]:focus {
    outline-color: transparent;
    outline-style: none
}

.signup .panel #mc-RESPONSE {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    margin-top: 8px
}

.MixedBlock {
    position: relative
}

.MixedBlock .image__block img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%!important;
    margin-right: auto;
    margin-left: auto
}

.MixedBlock .video__block {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 102%;
    height: 100%;
    background-color: #fff */
    max-width: 100%;
}

/* html.mobile .MixedBlock .video__block,
html.tablet .MixedBlock .video__block {
    display: none
} */

.cwiz-anim {
    position: relative
}

.cwiz-anim.cwiz-top {
    top: 100px
}

.cwiz-anim.cwiz-right {
    right: 100px
}

.cwiz-anim.cwiz-bottom {
    bottom: 100px
}

.cwiz-anim.cwiz-left {
    left: 100px
}

/* #mobileLandscape {
    display: none;
    z-index: 1000002;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/mobile/portrait-orientation.png) center center no-repeat #fff;
    background-size: cover
} */

#mobileNavigation {
    position: fixed;
    top: 0;
    left: -200px;
    width: 170px;
    height: 100vh;
    background: #fff;
    padding: 10px 0px 10px 10px;
}

#mobileNavigation ul li.parent {
    font-size: 12px;
    font-size: .75rem;
    line-height: 14px;
    line-height: .875rem;
    text-transform: uppercase;
    border-bottom: 1px solid #444
}

#mobileNavigation ul li.parent a {
    display: block;
    padding: 14px 0 10px 10px
}

#mobileNavigation ul li.parent a.active {
    color: #fff;
    background-color: #9f8557
}

#mobileNavigation ul li.parent:first-child a {
    border-top: 1px solid #444
}

#mobileNavigation ul li.parent ol.subs {
    padding-bottom: 10px
}

#mobileNavigation ul li.parent ol.subs li {
    color: #000;
    list-style-type: square;
    list-style-position: outside;
    border-bottom: 0;
    margin-left: 20px
}

#mobileNavigation ul li.parent ol.subs li a {
    padding-top: 6px;
    padding-bottom: 4px
}

#mobileIcon {
    position: absolute;
    top: 16px;
    left: 15px;
    width: 36px;
    height: 36px
}

@media (min-width:992px) {
    #mobileIcon {
        display: none
    }
}

#video .videocontainer {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0
}

#video .videocontainer embed,
#video .videocontainer iframe,
#video .videocontainer object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

header {
    z-index: 99999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    background-color: #fff
}

header .contentsholder {
    *zoom: 1
}

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

header .contentsholder:after {
    clear: both
}

header .contentsholder .logo {
    position: absolute;
    top: 20px
}

@media (max-width:991px) {
    body #sitewrapper {
        box-shadow: -2px 0 10px 0 rgba(0, 0, 0, .1)
    }
    header .contentsholder {
        padding: 0 18px!important
    }
    header .contentsholder .logo {
        top: 22px;
        margin-left: 40px
    }
    header .contentsholder .logo img {
        width: 80%;
        height: 80%
    }
}

header .contentsholder .navigation {
    margin-top: 18px;
    /*margin-left: 320px;*/
    *zoom: 1
}

header .contentsholder .navigation:after,
header .contentsholder .navigation:before {
    content: "";
    display: table
}

header .contentsholder .navigation:after {
    clear: both
}

header .contentsholder .navigation ul {
    /*float: right;*/
    *zoom: 1
}

header .contentsholder .navigation ul:after,
header .contentsholder .navigation ul:before {
    content: "";
    display: table
}

header .contentsholder .navigation ul:after {
    clear: both
}

@media (max-width:1059px) {
    header .contentsholder .navigation {
        margin-top: 6px
    }
    header .contentsholder .navigation ul {
        max-width: 480px
    }
}

header .contentsholder .navigation ul li.parent {
    font-size: 12px;
    font-size: .75rem;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 2%;
}

@media (min-width:1060px) {
    header .contentsholder .navigation ul li.parent:first-child {
        margin-left: 0
    }
    header .contentsholder .navigation ul li.parent:last-child {
        margin-right: 0
    }
}

header .contentsholder .navigation ul li.parent:hover ol.subs {
    display: block
}

header .contentsholder .navigation ul li.parent ol.subs {
    display: none;
    z-index: 9;
    position: absolute;
    text-align: left;
    margin-left: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

header .contentsholder .navigation ul li.parent ol.subs li {
    display: block;
    margin: 0
}

header .contentsholder .navigation ul li.parent ol.subs li a {
    display: block;
    padding: 6px 20px
}

@media (max-width:991px) {
    header .contentsholder .navigation {
        display: none
    }
}

section.contents .maindata .inquiries {
    margin-bottom: 60px
}

section.contents .maindata .inquiries ul {
    text-align: center
}

section.contents .maindata .inquiries ul li {
    margin-bottom: 12px;
    padding: 0 26px
}

@media (min-width:600px) {
    section.contents .maindata .inquiries ul li {
        display: inline-block;
        border-right: 2px solid #9f8557
    }
}

section.contents .maindata .inquiries ul li:last-child {
    border: 0
}

section.contents .maindata .careers {
    max-width: 660px;
    text-align: center;
    margin: 0 auto
}

section.contents .maindata .careers h3 {
    color: #444;
    padding-bottom: 38px;
    border-bottom: 2px solid #9f8557
}

section.contents .maindata .careers ul li {
    padding: 30px 0;
    border-bottom: 2px solid #9f8557
}

section.contents .maindata .careers ul li .bodycopy {
    display: none;
    padding-top: 20px
}

section.contents .hm_Main .mrow ul {
    position: relative;
    *zoom: 1
}

section.contents .hm_Main .mrow ul:after,
section.contents .hm_Main .mrow ul:before {
    content: "";
    display: table
}

section.contents .hm_Main .mrow ul:after {
    clear: both
}

section.contents .hm_Main .mrow ul li {list-style: none;}

section.contents .hm_Main .mrow ul li:last-child {
    position: relative
}

@media (min-width:768px) {
   section.contents .hm_Main .mrow ul li:first-child {
        width: 50%;
        float: right;
        margin-right: 0
    }
   section.contents .hm_Main .mrow ul li:last-child {
        width: 38%;
        float: left;
        margin-left: 6%;
    }
}

@media (max-width:767px) {
   section.contents .hm_Main .mrow {
        margin-bottom: 160px
    }
   section.contents .hm_Main .mrow ul li:last-child {
        position: absolute;
        /*bottom: -220px;*/
        width: 100%
    }
   section.contents .hm_Main .mrow ul li:last-child img.transp {
        display: none
    }
   section.contents .hm_Main .mrow ul li:last-child .elements__block {
        background-image: url(../images/home_main_copy_gradient.png);
        background-repeat: no-repeat;
        padding-top: 40px
    }
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .copies {
    max-width: 186px;
    margin: 0 auto;
    padding-left: 10%
}
/*
section.contents .maindata.parent .row .image,
section.contents .maindata.parent .row .image,
section.contents .hm_Columns .mrow .image {
    max-width: 752px
}*/

@media (min-width:768px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block {
        position: absolute!important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
   section.contents .hm_Main .mrow ul li:last-child .elements__block .copies {
    /*    position: absolute;*/
       /* bottom: -60px;*/
        left: 0;
        padding-left: 0
    }
}
/*
@media (min-width:768px) and (min-width:900px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .copies {
        left: 10%
    }
}
*/
@media (max-width:767px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .copies h1.header {
        position: relative;
        top: 40px
    }
}

/*section.contents .hm_Main .mrow ul li:last-child .elements__block .copies .link {
    display: none
}*/

section.contents .hm_Main .mrow ul li:last-child .elements__block .copies .link .v_outlinev {
    width: 2px;
    height: 150px;
    background-color: #9f8557;
    margin: 0 auto;
}
section.contents .hm_Main .mrow ul li:last-child .elements__block .copies .link .v_outline {
    width: 2px;
    height: 90px;
    background-color: #9f8557;
    margin: 0 auto;
}

@media (max-width:1023px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .copies .link .v_outline {
        height: 156px
    }
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo {
    width: 198px;
    border: 3px solid #9f8557;
    margin-right: auto;
    margin-left: auto;
    transform: scale(.7)
}

@media (min-width:768px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .copies .link {
        display: inline-block
    }
   section.contents .hm_Main .mrow ul li:last-child .elements__block .logo {
        position: absolute;
        top: 11%;
        right: -99px;
        transform: scale(1);
        margin: 0
    }
   section.contents .hm_NRN .mrow ul {
        display: table;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1023px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .logo {
        top: 10%;
        transform: scale(.8)
    }
}

@media (min-width:768px) and (max-width:899px) {
   section.contents .hm_Main .mrow ul li:last-child .elements__block .logo {
        top: 6%;
        transform: scale(.7)
    }
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo .lines {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo .lines .line {
    position: relative
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo .lines .line.line1 {
    top: -200px
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo .lines .line.line2 {
    top: 420px
}

section.contents .hm_Main .mrow ul li:last-child .elements__block .logo .lines .line.line3 {
    right: -200px
}

@media (min-width:1024px) {
   section.contents .hm_NRN .mrow {
        padding-right: 8%;
        padding-left: 8%
    }
}

section.contents .hm_NRN .mrow ul li:first-child .elements__block {
    padding-top: 33px;
    padding-bottom: 33px
}

section.contents .hm_NRN .mrow ul li:first-child .elements__block .caption {
    padding-bottom: 22px
}

section.contents .hm_EmailSignup .mrow ul li:first-child {
    background-color: #ebebeb
}

@media (min-width:768px) {
   section.contents .hm_NRN .mrow ul li {
        display: table-cell;
        vertical-align: top
    }
   section.contents .hm_NRN .mrow ul li:first-child {
        width: 55%
    }
   section.contents .hm_NRN .mrow ul li:first-child .elements__block .caption,
   section.contents .hm_NRN .mrow ul li:first-child .elements__block h1 {
        padding-right: 22px
    }
   section.contents .hm_NRN .mrow ul li:last-child {
        width: 45%
    }
   section.contents .hm_EmailSignup .mrow ul {
        display: table;
        width: 100%
    }
   section.contents .hm_EmailSignup .mrow ul li {
        display: table-cell;
        vertical-align: middle
    }
   section.contents .hm_EmailSignup .mrow ul li:first-child {
        width: 50%
    }
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block {
    padding: 0 22px
}
@media (max-width:991px) {
  section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block {
      padding: 24px;
  }
}

@media (min-width:1100px) {
   section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block {
        padding-right: 10%;
        padding-left: 10%
    }
}

@media (max-width:991px) {
   section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media (max-width:1023px) {
   section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block p {
        display: none
    }
}

@media (max-width:992px) {
   section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block {
        padding-top: 33px;
        padding-bottom: 33px
    }
   section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block p {
        display: block
    }
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-title {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    color: #9f8557;
    margin-top: 22px;
    margin-bottom: 10px
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields {
    *zoom: 1
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields:after,
section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields:before {
    content: "";
    display: table
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields:after {
    clear: both
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields .field input {
    font-size: 12px;
    font-size: .75rem;
    border: 1px solid #9f8557;
    padding: 4px 12px;
    display: inline-block;
    width: 47.6%;
    margin: 10px 5px;
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel.panel-fields .field input[name=email] {
    width: calc(100% - 34px)
}

section.contents .hm_EmailSignup .mrow ul li:first-child .elements__block .signup2 form .panel #mc-RESPONSE {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    margin-top: 8px
}

section.contents .hm_FullwidthImage .mrow {
    margin-bottom: 80px!important
}

@media (max-width:991px) {
   section.contents .hm_FullwidthImage .mrow {
        margin-bottom: 140px!important
    }
}

section.contents .hm_FullwidthImage .mrow .link {
    position: absolute;
    bottom: -80px
}

@media (min-width:992px) {
   section.contents .hm_EmailSignup .mrow ul li:last-child {
        width: 50%
    }
   section.contents .hm_FullwidthImage .mrow .link {
        left: 64px
    }
}

section.contents .hm_FullwidthImage .mrow .link .v_outline {
    width: 2px;
    height: 64px;
    background-color: #9f8557;
    margin: 0 auto
}

section.contents .hm_Interiors .mrow {
    margin-bottom: 20px!important
}

section.contents .hm_Interiors .mrow .items ul,
section.contents .hm_Interiors .mrow h1.header {
    text-align: center
}

section.contents .hm_Interiors .mrow .items ul {
    *zoom: 1
}

section.contents .hm_Interiors .mrow .items ul:after,
section.contents .hm_Interiors .mrow .items ul:before {
    content: "";
    display: table
}

section.contents .hm_Interiors .mrow .items ul:after {
    clear: both
}

section.contents .hm_Interiors .mrow .items ul li {
    display: inline-block
}

@media (min-width:600px) {
   section.contents .hm_Interiors .mrow .items ul li {
        margin-left: -4px;
        width: 50%;
        float: left;
        float: none
    }
}

@media (min-width:600px) and (min-width:960px) {
   section.contents .hm_Interiors .mrow .items ul li {
        margin-left: 0;
        width: 33.33333%;
        float: left
    }
}

section.contents .hm_Interiors .mrow .items ul li .elements__block {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 70px
}

section.contents .hm_Interiors .mrow .items ul li .elements__block .info {
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center
}

section.contents .hm_Interiors .mrow .items ul li .elements__block .info .text {
    margin: 0 25px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

section.contents .hm_Interiors .mrow .items ul li .elements__block .info .text h4 {
    color: #444;
    padding: 16px 10px 6px
}

section.contents .hm_Columns .mrow {
    *zoom: 1
}

section.contents .hm_Columns .mrow:after,
section.contents .hm_Columns .mrow:before {
    content: "";
    display: table
}

section.contents .hm_Columns .mrow:after {
    clear: both
}

section.contents .hm_Columns .mrow .info {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    padding-top: 30px
}

@media (min-width:768px) {
   section.contents .hm_Interiors .mrow .items ul li .elements__block .info .text {
        margin: 0 40px
    }
   section.contents .hm_Columns .mrow .info {
        position: absolute;
        top: 50%;
        margin-top: -140px;
        width: 420px;
        height: 390px;
        padding: 50px 50px 0
    }
   section.contents .hm_Columns .mrow.aright .image {
        padding-right: 150px
    }
}

section.contents .hm_Columns .mrow .info h1 {
    margin-bottom: 30px
}

@media (min-width:768px) {
   section.contents .hm_Columns .mrow.aright .info {
        right: 0
    }
   section.contents .hm_Columns .mrow.aleft .image {
        float: right;
        padding-left: 150px
    }
   section.contents .hm_Columns .mrow.aleft .info {
        left: 0
    }
   section.contents .hm_Columns.CreateContents .mrow .info {
        position: absolute;
        top: 50%;
        margin-top: -165px;
        padding: 50px
    }
   section.contents .hm_Quote .mrow ul {
        display: table;
        width: 100%
    }
}

section.contents .hm_Columns.CreateContents .mrow .info h1 {
    margin-bottom: 22px
}

section.contents .hm_Columns.CreateContents .mrow .info p {
    padding-bottom: 12px
}

@media (min-width:1024px) {
   section.contents .hm_Quote .mrow {
        padding-right: 8%;
        padding-left: 8%
    }
}

section.contents .hm_Quote .mrow ul li:first-child .elements__block {
    padding-top: 33px;
    padding-bottom: 33px
}

section.contents .hm_Quote .mrow ul li:first-child .elements__block p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    color: #9f8557;
    border-top: 2px solid #9f8557;
    border-bottom: 2px solid #9f8557;
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:768px) {
   section.contents .hm_Quote .mrow ul li {
        display: table-cell;
        vertical-align: middle
    }
   section.contents .hm_Quote .mrow ul li:first-child {
        width: 55%
    }
   section.contents .hm_Quote .mrow ul li:first-child .elements__block p {
        margin-right: 44px
    }
   section.contents .hm_Quote .mrow ul li:last-child {
        width: 45%
    }
}

@media (min-width:768px) and (min-width:900px) {
   section.contents .hm_Quote .mrow ul li:first-child .elements__block p {
        margin-right: 66px
    }
}

section.contents .hm_Instagram .mrow .link,
section.contents .hm_Instagram .mrow h1.header {
    text-align: center
}

section.contents .hm_Instagram .mrow .items ul {
    *zoom: 1
}

section.contents .hm_Instagram .mrow .items ul:after,
section.contents .hm_Instagram .mrow .items ul:before {
    content: "";
    display: table
}

section.contents .hm_Instagram .mrow .items ul:after {
    clear: both
}

section.contents .hm_Instagram .mrow .items ul li {
    width: 33.33333%;
    float: left
}

section.contents .hm_Instagram .mrow .items ul li .elements__block {
    padding-right: 2px;
    padding-left: 2px
}

@media (min-width:600px) {
   section.contents .hm_Instagram .mrow .items ul li .elements__block {
        padding-right: 10px;
        padding-left: 10px
    }
}

section.contents .hm_Instagram .mrow .link {
    padding-top: 44px
}

section.contents .maindata.parent .row,
section.contents .maindata.parent .row {
    padding-bottom: 30px;
    *zoom: 1
}

section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:before,
section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:before {
    content: "";
    display: table
}

section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:after {
    clear: both
}

section.contents .maindata.parent .row .info,
section.contents .maindata.parent .row .info {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    padding-top: 30px
}

section.contents .maindata.parent .row .info h1,
section.contents .maindata.parent .row .info h1 {
    margin-bottom: 30px
}

section.contents .maindata.child .row,
section.contents .maindata.child .row {
    margin-bottom: 20px;
    *zoom: 1
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before,
section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before {
    content: "";
    display: table
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:after {
    clear: both
}

@media (min-width:768px) {
    section.contents .maindata.parent .row .info,
    section.contents .maindata.parent .row .info {
        position: absolute;
        margin-top: 80px;
        width: 50%;
        height: 290px;
        padding: 30px 30px 0;
    }
    .contentsholder .info .link {margin-top: 20px;}
    .info .text .link {margin-top: 0px;}
    section.contents .maindata.parent .row.row1 .image,
    section.contents .maindata.parent .row.row1 .image {
        padding-right: 150px
    }
    section.contents .maindata.parent .row.row1 .info,
    section.contents .maindata.parent .row.row1 .info {
        right: 0
    }
    section.contents .maindata.parent .row.row2 .image,
    section.contents .maindata.parent .row.row2 .image {
        float: right;
        padding-left: 30%;
    }
    section.contents .maindata.parent .row.row2 .info,
    section.contents .maindata.parent .row.row2 .info {
        left: 0
    }
    section.contents .maindata.child .row.topimage .col.image,
    section.contents .maindata.child .row.topimage .col.image {
        width: 66.11083%;
        float: left
    }
}

section.contents .maindata.child .row.topimage .col.info,
section.contents .maindata.child .row.topimage .col.info {
    padding-top: 20px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    section.contents .maindata.child .row.topimage .col.info,
    section.contents .maindata.child .row.topimage .col.info {
        padding-top: 0;
        padding-bottom: 0;
        width: 33.33333%;
        float: right;
        margin-right: 0
    }
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info h1 {
        margin-left: 40px
    }
}

@media (min-width:850px) {
    section.contents .maindata.child .row.topimage .col.info,
    section.contents .maindata.child .row.topimage .col.info {
        padding-top: 30px
    }
}

section.contents .maindata.parent .items,
section.contents .maindata.parent .items {
    margin: 0 auto;
}
@media (max-width:991px) {
  section.contents .maindata.parent .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
	section.contents .maindata.parent .items::before, section.contents .maindata.parent .items::after {
		display: none!important;
	}
  section.contents .maindata.parent .items .grid-sizer, section.contents .maindata.parent .items .grid-sizer {
    display: none;
  }
}

section.contents .maindata.parent .items:after,
section.contents .maindata.parent .items:before,
section.contents .maindata.parent .items:after,
section.contents .maindata.parent .items:before {
    content: "";
    display: table
}

section.contents .maindata.parent .items:after,
section.contents .maindata.parent .items:after {
    clear: both
}

section.contents .maindata.parent .items .grid-sizer,
section.contents .maindata.parent .items .item,
section.contents .maindata.parent .items .grid-sizer,
section.contents .maindata.parent .items .item {
    width: 33.333333%
}

@media (max-width:991px) {
    section.contents .maindata.parent .items .grid-sizer,
    section.contents .maindata.parent .items .item,
    section.contents .maindata.parent .items .grid-sizer,
    section.contents .maindata.parent .items .item {
        width: 48%
    }
}

@media (max-width:599px) {
    section.contents .maindata.parent .items .grid-sizer,
    section.contents .maindata.parent .items .item,
    section.contents .maindata.parent .items .grid-sizer,
    section.contents .maindata.parent .items .item {
        width: 100%
    }
}

section.contents .maindata.parent .items .item,
section.contents .maindata.parent .items .item {
    float: left
}

section.contents .maindata.parent .items .item .itemcontent,
section.contents .maindata.parent .items .item .itemcontent {
    padding-bottom: 80px
}

@media (min-width:480px) {
    section.contents .maindata.parent .items .item .itemcontent,
    section.contents .maindata.parent .items .item .itemcontent {
        padding-right: 10px;
        padding-left: 10px
    }
}

section.contents .maindata.parent .items .item .itemcontent .info,
section.contents .maindata.parent .items .item .itemcontent .info {
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center
}

section.contents .maindata.parent .items .item .itemcontent .info .text,
section.contents .maindata.parent .items .item .itemcontent .info .text {
    margin: 0 25px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

@media (min-width:768px) {
    section.contents .maindata.parent .items .item .itemcontent .info .text,
    section.contents .maindata.parent .items .item .itemcontent .info .text {
        margin: 0 40px
    }
    section.contents .maindata.child .row.topimage,
    section.contents .maindata.child .row.topimage {
        display: table;
        width: 100%
    }
}

section.contents .maindata.parent .items .item .itemcontent .info .text h4,
section.contents .maindata.parent .items .item .itemcontent .info .text h4 {
    color: #444;
    padding: 16px 10px 6px
}

section.contents .maindata.child .row,
section.contents .maindata.child .row {
    margin-bottom: 20px;
    *zoom: 1
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before,
section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before {
    content: "";
    display: table
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:after {
    clear: both
}

section.contents .maindata.child .row.topimage .col.image,
section.contents .maindata.child .row.topimage .col.image {
    position: relative
}

@media (min-width:768px) {
    section.contents .maindata.child .row.topimage .col.image,
    section.contents .maindata.child .row.topimage .col.image {
        position: static;
        display: table-cell;
        width: 50%;
        float: left
    }
}

section.contents .maindata.child .row.topimage .col .sharing,
section.contents .maindata.child .row.topimage .col .sharing {
    margin-top: 20px;
    *zoom: 1
}

section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:before,
section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:before {
    content: "";
    display: table
}

section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:after {
    clear: both
}

section.contents .maindata.child .row.topimage .col .sharing a,
section.contents .maindata.child .row.topimage .col .sharing a {
    display: block;
    float: left;
    margin-right: 20px
}

section.contents .maindata.child .row.topimage .col.info,
section.contents .maindata.child .row.topimage .col.info {
    padding-top: 20px
}

@media (min-width:768px) {
    section.contents .maindata.child .row.topimage .col.info,
    section.contents .maindata.child .row.topimage .col.info {
        padding-top: 0;
        display: table-cell;
        width: 50%;
        float: right;
        margin-right: 0
    }
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1 {
        margin-left: 80px;
        margin-right: 40px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1 {
        margin-left: 60px;
        margin-right: 20px
    }
}

@media (min-width:1000px) {
    section.contents .maindata.child .row.topimage .col.info .info--contents.info--contents-middle,
    section.contents .maindata.child .row.topimage .col.info .info--contents.info--contents-middle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

section.contents .arrow,
section.contents .arrow {
    z-index: 999;
    position: relative;
    line-height: 18px;
    line-height: 1.125rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

html.desktop section.contents .arrow,
section.contents .arrow {
    position: fixed;
    top: 50%;
    margin-top: -60px
}

section.contents .arrow a,
section.contents .arrow a {
    display: block;
    color: #444;
    width: 60px;
    height: 100px;
    padding-top: 20px
}

section.contents .arrow.aleft,
section.contents .arrow.aleft {
    float: left;
    text-align: left
}

html.desktop section.contents .arrow.aleft,
section.contents .arrow.aleft {
    left: 18px
}

section.contents .arrow.aleft .text,
section.contents .arrow.aleft .text {
    padding-top: 6px;
    padding-left: 6px
}

section.contents .arrow.aright,
section.contents .arrow.aright {
    float: right;
    text-align: right
}

html.desktop section.contents .arrow.aright,
section.contents .arrow.aright {
    right: 18px
}

@media (min-width:768px) {
    html.desktop section.contents .arrow.aleft,
    section.contents .arrow.aleft {
        left: 31px
    }
    html.desktop section.contents .arrow.aright,
    section.contents .arrow.aright {
        right: 31px
    }
}

section.contents .arrow.aright .text,
section.contents .arrow.aright .text {
    padding-top: 6px;
    padding-right: 6px
}

section.contents .arrow .sprite,
section.contents .arrow .sprite {
    position: relative;
    width: 20px;
    height: 36px
}

section.contents .arrow .sprite.arrowleft,
section.contents .arrow .sprite.arrowleft {
    left: 10px
}

section.contents .arrow .sprite.arrowright,
section.contents .arrow .sprite.arrowright {
    left: 28px
}

html.mobile section.contents .signup,
html.mobile section.contents .signup,
html.tablet section.contents .signup,
html.tablet section.contents .signup {
    padding-top: 100px
}

@media (min-width:1024px) {
    section.contents .mtf_Columns .mrow {
        padding-right: 8%;
        padding-left: 8%
    }
}

section.contents .mtf_Columns .mrow ul {
    *zoom: 1
}

section.contents .mtf_Columns .mrow ul:after,
section.contents .mtf_Columns .mrow ul:before {
    content: "";
    display: table
}

section.contents .mtf_Columns .mrow ul:after {
    clear: both
}

section.contents .mtf_Columns .mrow ul li:first-child .elements__block .link {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding-top: 11px
}

section.contents .mtf_Columns .mrow ul li:last-child .elements__block {
    padding-top: 33px
}

section.contents .mtf_Columns .mrow.aright ul li:first-child .link {
    text-align: right
}

@media (min-width:768px) {
    section.contents .mtf_Columns .mrow ul li {
        list-style: none;
    }
    section.contents .mtf_Columns .mrow ul li:first-child {
        width: 45%
    }
    section.contents .mtf_Columns .mrow ul li:last-child {
        width: 55%
    }
    section.contents .mtf_Columns .mrow ul li:last-child .elements__block {
        padding-top: 0
    }
    section.contents .mtf_Columns .mrow.aright ul li:first-child {
        float: right
    }
    section.contents .mtf_Columns .mrow.aright ul li:last-child {
        float: left
    }
    section.contents .mtf_Columns .mrow.aright ul li:last-child .elements__block .bodycopy,
    section.contents .mtf_Columns .mrow.aright ul li:last-child .elements__block h1 {
        padding-right: 22px
    }
    section.contents .mtf_Columns .mrow.aleft ul li:first-child {
        float: left
    }
}

@media (min-width:768px) {
    section.contents .mtf_Columns .mrow.aleft ul li:last-child {
        float: right
    }
    section.contents .mtf_Columns .mrow.aleft ul li:last-child .elements__block .bodycopy,
    section.contents .mtf_Columns .mrow.aleft ul li:last-child .elements__block h1 {
        text-align: right;
        padding-left: 22px
    }
    section.contents .mtf_Explore .mrow ul {
        display: table;
        width: 100%
    }
}

@media (min-width:768px) and (min-width:900px) {
    section.contents .mtf_Columns .mrow.aright ul li:last-child .elements__block .bodycopy,
    section.contents .mtf_Columns .mrow.aright ul li:last-child .elements__block h1 {
        padding-right: 55px
    }
    section.contents .mtf_Columns .mrow.aleft ul li:last-child .elements__block .bodycopy,
    section.contents .mtf_Columns .mrow.aleft ul li:last-child .elements__block h1 {
        padding-left: 55px
    }
}

section.contents .mtf_Explore .mrow ul li:first-child {
    background-color: #ebebeb
}

@media (min-width:768px) {
    section.contents .mtf_Explore .mrow ul li {
        display: table-cell;
        vertical-align: middle
    }
    section.contents .mtf_Explore .mrow ul li:first-child {
        width: 50%
    }
    section.contents .mtf_Explore .mrow ul li:last-child {
        width: 50%
    }
}

section.contents .mtf_Explore .mrow ul li:first-child .elements__block {
    padding: 0 22px
}

@media (min-width:1100px) {
    section.contents .mtf_Explore .mrow ul li:first-child .elements__block {
        padding-right: 16%;
        padding-left: 10%
    }
}

@media (max-width:767px) {
    section.contents .mtf_Explore .mrow ul li:first-child .elements__block {
        padding-top: 33px;
        padding-bottom: 33px
    }
}

@media (max-width:899px) {
    section.contents .mtf_Explore .mrow ul li:first-child .elements__block h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem
    }
}

section.contents .mtf_Explore .mrow ul li:first-child .elements__block .caption {
    padding-bottom: 22px
}

@media (max-width:1023px) {
    section.contents .mtf_Explore .mrow ul li:first-child .elements__block .caption {
        display: none
    }
}

@media (max-width:767px) {
    section.contents .mtf_Explore .mrow ul li:first-child .elements__block .caption {
        display: block
    }
}

section.contents .mtf_InThePress .mrow .items ul,
section.contents .mtf_InThePress .mrow h1.header {
    text-align: center
}

section.contents .mtf_InThePress .mrow .items ul {
    *zoom: 1
}

section.contents .mtf_InThePress .mrow .items ul:after,
section.contents .mtf_InThePress .mrow .items ul:before {
    content: "";
    display: table
}

section.contents .mtf_InThePress .mrow .items ul:after {
    clear: both
}

section.contents .mtf_InThePress .mrow .items ul li {
    display: inline-block
}

@media (min-width:600px) {
    section.contents .mtf_InThePress .mrow .items ul li {
        width: 49.5%
    }
}

@media (min-width:600px) and (min-width:960px) {
    section.contents .mtf_InThePress .mrow .items ul li {
        width: 33%
    }
}

section.contents .mtf_InThePress .mrow .items ul li .elements__block {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 70px
}

section.contents .mtf_InThePress .mrow .items ul li .elements__block .info {
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center
}

section.contents .mtf_InThePress .mrow .items ul li .elements__block .info .text {
    margin: 0 25px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

@media (min-width:768px) {
    section.contents .mtf_InThePress .mrow .items ul li .elements__block .info .text {
        margin: 0 40px
    }
}

section.contents .nrn_2ColumnsImageCaption .mrow,
section.contents .nrn_FullWidthBodycopy .mrow {
    margin-top: 80px;
    margin-bottom: 80px!important
}

section.contents .mtf_InThePress .mrow .items ul li .elements__block .info .text h4 {
    color: #444;
    padding: 16px 10px 6px
}

section.contents .nrn_TopImage .mrow .elements__block .sharing,
section.contents .nrn_TopImage .mrow .panel-container .info-container {
    padding-top: 20px
}

section.contents .gallery__block {
    position: relative
}

section.contents .gallery__block img {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

section.contents .gallery__block img.gallery1 {
    visibility: initial;
    position: relative;
    top: auto;
    left: auto
}

section.contents .nrn_TopImage .mrow .elements__block .sharing a {
    margin-right: 15px
}

@media (min-width:768px) {
    section.contents .nrn_TopImage .mrow .panel-container {
        padding-bottom: 200px
    }
    section.contents .nrn_TopImage .mrow .panel-container .info-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 120px);
        margin-right: 60px;
        margin-left: 60px;
        padding-top: 0;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9)
    }
    section.contents .nrn_TopImage .mrow .panel-container .info-container .elements__block {
        padding: 40px 40px 20px
    }
}

@media (min-width:768px) and (min-width:900px) {
    section.contents .nrn_TopImage .mrow .panel-container .info-container {
        width: auto;
        max-width: 520px
    }
}

section.contents .nrn_TopImage .mrow ul li:last-child .elements__block {
    padding-top: 20px
}

@media (min-width:768px) {
    section.contents .nrn_TopImage .mrow ul {
        display: table;
        width: 100%
    }
    section.contents .nrn_TopImage .mrow ul li {
        display: table-cell;
        width: 50%
    }
    section.contents .nrn_TopImage .mrow ul li:first-child {
        vertical-align: top
    }
    section.contents .nrn_TopImage .mrow ul li:last-child {
        vertical-align: middle
    }
    section.contents .nrn_TopImage .mrow ul li:last-child .elements__block {
        margin-left: 60px;
        margin-right: 20px;
        padding-top: 0
    }
    section.contents .nrn_VideoContents .mrow .elements__block {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:768px) and (min-width:1024px) {
    section.contents .nrn_TopImage .mrow ul li:last-child .elements__block {
        margin-left: 80px;
        margin-right: 40px
    }
}

section.contents .nrn_VideoContents .mrow .elements__block .bodycopy {
    text-align: left;
    padding-top: 20px
}

@media (min-width:768px) {
    section.contents .nrn_VideoContents .mrow .elements__block .bodycopy {
        text-align: center;
        padding-top: 0;
        padding-right: 10%!important;
        padding-left: 10%!important
    }
    section.contents .nrn_VideoContents .mrow ul {
        display: table;
        width: 100%
    }
    section.contents .nrn_VideoContents .mrow ul li {
        display: table-cell;
        vertical-align: middle
    }
    section.contents .nrn_VideoContents .mrow ul li:first-child {
        width: 66.666666%
    }
    section.contents .nrn_VideoContents .mrow ul li:last-child {
        width: 33.3333333%
    }
}

section.contents .nrn_VideoContents .mrow ul.reverse-yes {
    direction: rtl
}

section.contents .nrn_VideoContents .mrow ul.reverse-yes li {
    direction: ltr
}

section.contents .nrn_2Columns7525Images .mrow ul li .elements__block,
section.contents .nrn_2ColumnsImages .mrow ul li .elements__block,
section.contents .nrn_3ColumnsImages .mrow ul li .elements__block {
    padding-bottom: 20px
}

section.contents .nrn_2Columns7525Images .mrow ul li:last-child .elements__block,
section.contents .nrn_2ColumnsImages .mrow ul li:last-child .elements__block,
section.contents .nrn_3ColumnsImages .mrow ul li:last-child .elements__block {
    padding-bottom: 0
}

@media (min-width:600px) {
    section.contents .nrn_2Columns7525Images .mrow ul,
    section.contents .nrn_2ColumnsImages .mrow ul,
    section.contents .nrn_3ColumnsImages .mrow ul {
        display: table;
        width: 100%
    }
    section.contents .nrn_2Columns7525Images .mrow ul li,
    section.contents .nrn_2ColumnsImages .mrow ul li,
    section.contents .nrn_3ColumnsImages .mrow ul li {
        display: table-cell;
        vertical-align: top;
        width: 33.333333%
    }
    section.contents .nrn_2Columns7525Images .mrow ul li .elements__block,
    section.contents .nrn_2ColumnsImages .mrow ul li .elements__block,
    section.contents .nrn_3ColumnsImages .mrow ul li .elements__block {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0
    }
    section.contents .nrn_2ColumnsImages .mrow ul li {
        width: 50%
    }
    section.contents .nrn_2Columns7525Images .mrow ul li:first-child {
        width: 66.666666%
    }
    section.contents .nrn_2Columns7525Images .mrow ul li:last-child {
        width: 33.3333333%
    }
}

section.contents .nrn_2Columns7525Images .mrow ul.reverse-yes {
    direction: rtl
}

section.contents .nrn_2Columns7525Images .mrow ul.reverse-yes li {
    direction: ltr
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li .elements__block {
    padding-bottom: 20px
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child {
    position: relative
}

@media (min-width:768px) {
    section.contents .nrn_2Columns7525ImagesText .mrow ul {
        display: table;
        width: 100%
    }
    section.contents .nrn_2Columns7525ImagesText .mrow ul li {
        display: table-cell;
        vertical-align: top
    }
    section.contents .nrn_2Columns7525ImagesText .mrow ul li .elements__block {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0
    }
    section.contents .nrn_2Columns7525ImagesText .mrow ul li:first-child {
        width: 66.666666%
    }
    section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child {
        width: 33.3333333%;
        vertical-align: middle
    }
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .background__block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .elements__block {
    z-index: 1;
    padding-bottom: 0
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .elements__block .bodycopy {
    text-align: left;
    padding: 20px
}

section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .elements__block .bodycopy.defaultbg {
    padding: 0
}

@media (min-width:768px) {
    section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .background__block {
        left: 10px;
        width: calc(100% - 20px)
    }
    section.contents .nrn_2Columns7525ImagesText .mrow ul li:last-child .elements__block .bodycopy {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 12%!important;
        padding-left: 12%!important
    }
    section.contents .nrn_2ColumnsImageCaption .mrow ul {
        display: table;
        width: 100%
    }
}

section.contents .nrn_2Columns7525ImagesText .mrow ul.reverse-yes {
    direction: rtl
}

section.contents .nrn_2Columns7525ImagesText .mrow ul.reverse-yes li {
    direction: ltr
}

@media (min-width:900px) {
    section.contents .nrn_2ColumnsImageCaption .mrow {
        padding-right: 8%;
        padding-left: 8%
    }
}

section.contents .nrn_2ColumnsImageCaption .mrow ul li .elements__block {
    padding-bottom: 20px
}

@media (min-width:768px) {
    section.contents .nrn_2ColumnsImageCaption .mrow ul li {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }
    section.contents .nrn_2ColumnsImageCaption .mrow ul li .elements__block {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 0
    }
}

section.contents .nrn_2ColumnsImageCaption .mrow ul li .elements__block .bodycopy {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #9f8557;
    text-align: left;
    padding: 30px 0;
    border-top: 2px solid #9f8557;
    border-bottom: 2px solid #9f8557
}

section.contents .nrn_2ColumnsImageCaption .mrow ul.reverse-yes {
    direction: rtl
}

section.contents .nrn_2ColumnsImageCaption .mrow ul.reverse-yes li {
    direction: ltr
}

@media (min-width:768px) {
    section.contents .nrn_FullWidthBodycopy .mrow {
        padding-right: 8%;
        padding-left: 8%
    }
}

section.contents .nrn_FullWidthBodycopy .mrow .elements__block .bodycopy {
    text-align: left
}

section.contents .nrn_FullWidthBodycopy .mrow .elements__block .bodycopy.a-center {
    text-align: center
}

section.contents .nrn_FullWidthBodycopy .mrow .elements__block .bodycopy.a-right {
    text-align: right
}

section.contents .nrn_AlsoLike h5 {
    text-align: center;
    padding: 20px 0 40px
}

section.contents .nrn_AlsoLike ul {
    *zoom: 1
}

section.contents .nrn_AlsoLike ul:after,
section.contents .nrn_AlsoLike ul:before {
    content: "";
    display: table
}

section.contents .nrn_AlsoLike ul:after {
    clear: both
}

section.contents .nrn_AlsoLike ul li .elements__block {
    margin-bottom: 20px
}

@media (min-width:600px) {
    section.contents .nrn_AlsoLike ul li {
        width: 33.33333%;
        float: left
    }
    section.contents .nrn_AlsoLike ul li .elements__block {
        margin-right: 10px;
        margin-left: 10px
    }
}

section.contents .nrn_AlsoLike ul li .elements__block .info {
    text-align: center
}

@media (min-width:768px) {
    section.contents .nrn_AlsoLike ul li .elements__block .info {
        position: absolute;
        top: 25%;
        bottom: 25%;
        width: 100%
    }
    section.contents .nrn_AlsoLike ul li .elements__block .info .text {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
        height: 100%;
        margin: 0 14%
    }
}

@media (min-width:768px) and (max-width:1059px) {
    section.contents .nrn_AlsoLike ul li .elements__block .info {
        top: 16%;
        bottom: 16%
    }
}

@media (min-width:768px) and (max-width:859px) {
    section.contents .nrn_AlsoLike ul li .elements__block .info {
        top: 10%;
        bottom: 10%
    }
}

@media (min-width:768px) and (max-width:1039px) {
    section.contents .nrn_AlsoLike ul li .elements__block .info .text {
        margin: 0 6%
    }
}

section.contents .nrn_AlsoLike ul li .elements__block .info .text h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #444;
    padding-top: 20px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    section.contents .nrn_AlsoLike ul li .elements__block .info .text h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding: 30px 30px 0
    }
    section.contents .nrn_AlsoLike ul li .elements__block .info .text .link {
        position: absolute;
        left: 50%;
        margin-left: -86px;
        bottom: 30px
    }
    section.contents .maindata .datarow .bcol,
    section.contents .maindata .datarow .col {
        width: 50%
    }
}

section.contents .maindata .datarow h5 {
    border-top: 2px solid #9f8557;
    border-bottom: 2px solid #9f8557;
    margin-top: 22px;
    padding: 22px 0
}

section.contents .maindata .datarow.row2 .image {
    margin-bottom: 20px
}

section.contents .maindata .datarow.row1 .quote {
    margin-top: 20px;
    text-align: center
}
section.contents .maindata .datarow.row1 .quote .cont_mail {
 padding: 15px 0!important;
}
section.contents .maindata .datarow.row1 .quote p {
 font-size: 1.2rem;
}

section.contents .maindata .datarow.row1 .quote h1 {
margin: 0 auto 10px; width: 50%;}

.mHrefCont{
    margin-bottom: 32px;
}

.mHrefCont a{
    font-size: 22px;
    color: #444444;
}

.mHrefTel{
    line-height: 24px;
}

.mHrefTel a{
    font-size: 18px;
    color: #444444;
}

section.contents .maindata .datarow.row1 .quote .col-md-4 h4 {
    font-size: 19px;
    margin-bottom: 6px;
}

section.contents .maindata .datarow.row1 .quote div {
    float: left;
}

@media (min-width:768px) {
    section.contents .maindata .datarow.row2 {
        max-width: 896px;
        margin-right: auto;
        margin-left: auto;
        *zoom: 1
    }
    section.contents .maindata .datarow.row2:after,
    section.contents .maindata .datarow.row2:before {
        content: "";
        display: table
    }
    section.contents .maindata .datarow.row2:after {
        clear: both
    }
    section.contents .maindata .datarow.row2 .image {
        margin-bottom: 0
    }
    section.contents .maindata .datarow.row2 .image,
    section.contents .maindata .datarow.row2 .text {
        max-width: 388px;
        padding: 0 30px
    }
    section.contents .maindata .datarow.row2 .col {
        float: left
    }
    section.contents .maindata .datarow.row2 .col1.col-2cols-2-1 {
        float: right
    }
    section.contents .maindata .datarow.row2 .col2.col-2cols-2-1 {
        float: left
    }
    section.contents .maindata .datarow.row1 .image img {
        opacity: .75;
        filter: alpha(opacity=75)
    }
    section.contents .maindata .datarow.row1 .quote {
        margin:0 auto;
        height: 350px;
        margin-bottom: -20%;
    }
    section.contents .maindata .datarow.row1 .quote h5 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        line-height: 1.875rem
    }
}

@media (min-width:850px) {
    section.contents .maindata .datarow.row1 .quote h5 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 34px;
        line-height: 2.125rem
    }
}

@media (min-width:1050px) {
    section.contents .maindata .datarow.row1 .quote h5 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

section.contents .maindata .datarow.row1 .bodycopy {
    max-width: 896px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

section.contents .maindata .datarow.row1 .bodycopy:after,
section.contents .maindata .datarow.row1 .bodycopy:before {
    content: "";
    display: table
}

section.contents .maindata .datarow.row1 .bodycopy:after {
    clear: both
}

section.contents .maindata .datarow.row1 .bodycopy .bcol.bcol1 {
    margin-bottom: 20px
}

@media (min-width:768px) {
    section.contents .maindata .datarow.row1 .bodycopy .bcol {
        float: left
    }
    section.contents .maindata .datarow.row1 .bodycopy .bcol.bcol1 {
        margin-bottom: 0
    }
    section.contents .maindata .datarow.row1 .bodycopy .bcol .bcopy {
        max-width: 388px;
        padding: 0 30px
    }
}

section.contents .maindata .items {
    max-width: 100%;
    margin: 0 auto;
    *zoom: 1
}

section.contents .contentsvideo .row,
section.contents .maindata.mlike .row,
section.contents .maindata.parent .row,
section.contents .contentsvideo .row,
section.contents .maindata.mlike .row,
section.contents .maindata.parent .row,
section.contents .contentsvideo .row,
section.contents .maindata.mlike .row,
section.contents .maindata.parent .row {
    margin-bottom: 20px;
    *zoom: 1
}

section.contents .maindata .items:after,
section.contents .maindata .items:before {
    content: "";
    display: table
}

section.contents .maindata .items:after {
    clear: both
}

section.contents .maindata .items .grid-sizer,
section.contents .maindata .items .item {
    width: 25%
}

@media (max-width:868px) {
    section.contents .maindata .items .grid-sizer,
    section.contents .maindata .items .item {
        width: 33.333333%
    }
}

@media (max-width:767px) {
    section.contents .maindata .items .grid-sizer,
    section.contents .maindata .items .item {
        width: 50%
    }
}

section.contents .maindata .items .item {
    float: left
}

section.contents .maindata .items .item .itemcontent {
    padding-bottom: 50px
}

@media (min-width:480px) {
    section.contents .maindata .items .item .itemcontent {
        padding-right: 15px;
        padding-left: 15px
    }
}

section.contents .maindata .items .item .itemcontent .info {
    min-height: 100px;
    margin-top: 16px;
  /*  border-top: 2px solid #9f8557*/
}

section.contents .maindata .items .item .itemcontent .info h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    padding-top: 16px
}

@media (max-width:479px) {
    section.contents .maindata .items .grid-sizer,
    section.contents .maindata .items .item {
        width: 100%
    }
    section.contents .maindata .items .item .itemcontent {
        padding-bottom: 40px;
        padding-right: 40px;
        padding-left: 40px
    }
}

section.contents .contentsvideo .row:after,
section.contents .contentsvideo .row:before,
section.contents .contentsvideo .row:after,
section.contents .contentsvideo .row:before,
section.contents .contentsvideo .row:after,
section.contents .contentsvideo .row:before {
    content: "";
    display: table
}

section.contents .contentsvideo .row:after,
section.contents .contentsvideo .row:after,
section.contents .contentsvideo .row:after {
    clear: both
}

section.contents .contentsvideo .row .col #video .videocontainer,
section.contents .contentsvideo .row .col #video .videocontainer,
section.contents .contentsvideo .row .col #video .videocontainer {
    padding-bottom: 61.15%
}

section.contents .maindata.mlike .row:after,
section.contents .maindata.mlike .row:before,
section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:before,
section.contents .maindata.mlike .row:after,
section.contents .maindata.mlike .row:before,
section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:before,
section.contents .maindata.mlike .row:after,
section.contents .maindata.mlike .row:before,
section.contents .maindata.parent .row:after,
section.contents .maindata.parent .row:before {
    content: "";
    display: table
}

section.contents .maindata.mlike .row:after,
section.contents .maindata.parent .row:after,
section.contents .maindata.mlike .row:after,
section.contents .maindata.parent .row:after,
section.contents .maindata.mlike .row:after,
section.contents .maindata.parent .row:after {
    clear: both
}

section.contents .maindata.mlike .row.gallery .col .info,
section.contents .maindata.parent .row.gallery .col .info,
section.contents .maindata.mlike .row.gallery .col .info,
section.contents .maindata.parent .row.gallery .col .info,
section.contents .maindata.mlike .row.gallery .col .info,
section.contents .maindata.parent .row.gallery .col .info {
    text-align: center
}

@media (min-width:768px) {
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info,
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info,
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info {
        position: absolute;
        top: 25%;
        bottom: 25%;
        width: 100%
    }
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text,
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text,
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
        height: 96%;
        margin: -6px 6%;
    }
}

@media (min-width:768px) and (max-width:859px) {
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info,
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info,
    section.contents .maindata.mlike .row.gallery .col .info,
    section.contents .maindata.parent .row.gallery .col .info {
        top: 18%;
        bottom: 18%
    }
}

@media (min-width:768px) and (max-width:1039px) {
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text,
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text,
    section.contents .maindata.mlike .row.gallery .col .info .text,
    section.contents .maindata.parent .row.gallery .col .info .text {
        margin: 0 6%
    }
}

section.contents .maindata.mlike .row.gallery .col .info .text h4,
section.contents .maindata.parent .row.gallery .col .info .text h4,
section.contents .maindata.mlike .row.gallery .col .info .text h4,
section.contents .maindata.parent .row.gallery .col .info .text h4,
section.contents .maindata.mlike .row.gallery .col .info .text h4,
section.contents .maindata.parent .row.gallery .col .info .text h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #444;
    padding-top: 20px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4 {
        padding: 50px 30px 0
    }
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link {
        position: absolute;
        left: 50%;
        margin-left: -86px;
        bottom: 50px
    }
}

@media (min-width:768px) and (max-width:1059px) {
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4 {
        padding-top: 30px
    }
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link {
        bottom: 40px
    }
}

section.contents .maindata.mlike .row.gallery .col .info .text .link a,
section.contents .maindata.parent .row.gallery .col .info .text .link a,
section.contents .maindata.mlike .row.gallery .col .info .text .link a,
section.contents .maindata.parent .row.gallery .col .info .text .link a,
section.contents .maindata.mlike .row.gallery .col .info .text .link a,
section.contents .maindata.parent .row.gallery .col .info .text .link a {
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width:768px) and (max-width:1039px) {
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4,
    section.contents .maindata.mlike .row.gallery .col .info .text h4,
    section.contents .maindata.parent .row.gallery .col .info .text h4 {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px
    }
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link,
    section.contents .maindata.mlike .row.gallery .col .info .text .link,
    section.contents .maindata.parent .row.gallery .col .info .text .link {
        bottom: 30px
    }
}

@media (min-width:768px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info {
        top: 24%;
        bottom: 24%
    }
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text h4 {
        border-bottom: 2px solid #9f8557;
        margin-bottom: 22px;
        padding-bottom: 16px
    }
}

@media (min-width:768px) and (max-width:949px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info {
        top: 18%;
        bottom: 18%
    }
}

@media (min-width:768px) and (max-width:859px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info {
        top: 12%;
        bottom: 12%
    }
}

@media (min-width:768px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text {
        padding-right: 40px;
        padding-left: 40px
    }
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text h4,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text h4,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding-top: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width:767px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .caption,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .caption,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .caption,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .caption {
        display: none
    }
}

@media (min-width:768px) and (max-width:1119px) {
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal2 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal1 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal2 .col .info .text .link {
        bottom: 30px
    }
}

@media (min-width:768px) and (max-width:1059px) {
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info {
        top: 16%;
        bottom: 16%
    }
}

@media (min-width:768px) and (max-width:859px) {
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info {
        top: 10%;
        bottom: 10%
    }
}

section.contents .maindata.child .row,
section.contents .maindata.child .row,
section.contents .maindata.child .row {
    margin-bottom: 20px;
    *zoom: 1
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before,
section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before,
section.contents .maindata.child .row:after,
section.contents .maindata.child .row:before {
    content: "";
    display: table
}

section.contents .maindata.child .row:after,
section.contents .maindata.child .row:after,
section.contents .maindata.child .row:after {
    clear: both
}

section.contents .maindata.child .row.topimage .col.image,
section.contents .maindata.child .row.topimage .col.image,
section.contents .maindata.child .row.topimage .col.image {
    position: relative
}

@media (min-width:768px) {
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text .link,
    section.contents .maindata.mlike .row.gallery.coltotal3 .col .info .text .link,
    section.contents .maindata.parent .row.gallery.coltotal3 .col .info .text .link {
        bottom: 40px
    }
    section.contents .maindata.child .row.topimage,
    section.contents .maindata.child .row.topimage,
    section.contents .maindata.child .row.topimage {
        display: table;
        width: 100%
    }
    section.contents .maindata.child .row.topimage .col.image,
    section.contents .maindata.child .row.topimage .col.image,
    section.contents .maindata.child .row.topimage .col.image {
        position: static;
        display: table-cell;
        width: 50%;
        float: left
    }
}

section.contents .maindata.child .row.topimage .col .sharing,
section.contents .maindata.child .row.topimage .col .sharing,
section.contents .maindata.child .row.topimage .col .sharing {
    margin-top: 20px;
    *zoom: 1
}

section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:before,
section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:before,
section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:before {
    content: "";
    display: table
}

section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:after,
section.contents .maindata.child .row.topimage .col .sharing:after {
    clear: both
}

section.contents .maindata.child .row.topimage .col .sharing a,
section.contents .maindata.child .row.topimage .col .sharing a,
section.contents .maindata.child .row.topimage .col .sharing a {
    display: block;
    float: left;
    margin-right: 20px
}

section.contents .maindata.child .row.topimage .col.info,
section.contents .maindata.child .row.topimage .col.info,
section.contents .maindata.child .row.topimage .col.info {
    padding-top: 20px
}

@media (min-width:768px) {
    section.contents .maindata.child .row.topimage .col.info,
    section.contents .maindata.child .row.topimage .col.info,
    section.contents .maindata.child .row.topimage .col.info {
        padding-top: 0;
        display: table-cell;
        width: 50%;
        float: right;
        margin-right: 0
    }
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1 {
        margin-left: 80px;
        margin-right: 40px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1,
    section.contents .maindata.child .row.topimage .col.info .bodycopy,
    section.contents .maindata.child .row.topimage .col.info .sharing,
    section.contents .maindata.child .row.topimage .col.info h1 {
        margin-left: 60px;
        margin-right: 20px
    }
}

@media (min-width:1000px) {
    section.contents .maindata.child .row.topimage .col.info .info--contents.info--contents-middle,
    section.contents .maindata.child .row.topimage .col.info .info--contents.info--contents-middle,
    section.contents .maindata.child .row.topimage .col.info .info--contents.info--contents-middle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

section.contents .maindata.child .row.alsolike h5,
section.contents .maindata.child .row.alsolike h5,
section.contents .maindata.child .row.alsolike h5 {
    text-align: center;
    padding: 20px 0 40px
}

footer {
    font-size: 13px;
    font-size: .8125rem;
    text-align: center;
    background-color: #ffffff;
    padding: 0 0 40px;
    /*margin-top: -50px;*/
}

footer ul {
    margin-top: 30px;
    margin-bottom: 26px;
    *zoom: 1
}

footer ul:after,
footer ul:before {
    content: "";
    display: table
}

footer ul:after {
    clear: both
}

@media (max-width:480px) {
    footer .logo img {
        width: 73%;
        height: 73%
    }
    footer ul {
        margin-top: 20px;
        margin-bottom: 16px
    }
}

footer ul li {
    display: inline-block;
    /*margin: 0 10px*/
}

footer ul li a {
    display: block;
    width: 138px;
    height: 30px
}

footer .copyright a {
    font-family: 'Gilroy-Regular', 'Roboto', sans-serif;
    color: #444
}

footer .copyright a:hover {
    color: #9f8557
}
.nav_logo a {
    padding: 29px 7vw;
    background-size: 77px;
    color: #ffffff00!important;
    background-image: url(//gooddesign.easystudio.com.ua/wp-content/themes/goooood-design/images/gd-logo.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    font-size: 0px!important;
}
.copies_block h2{
    margin: 20px -94px 20px!important;
    width: 310px;
    border-bottom: none;
    text-align: center;
}
.myHomeLogo{
    margin-top: 3%;
    margin-left: -6%;
    margin-right: 30px;
}
.myHomeLogo img {
    width: 394px;
    margin-top: 60px;
}
/*.hm_Interiors{
    padding-top: 50px;
}*/
.hm_EmailSignup .wpcf7-form p{
    text-align: center;
}
.hm_EmailSignup .wpcf7-form p input{
    border: 1px solid #9f8557;
    background-color: #9f8557;
    color: #fff;
    padding: 5px 25px 2px;
    letter-spacing: 2px;
}
.head_page {
    background-position: 50% 50%;
    background-size: cover;
    height:550px;
    background-color: rgba(0, 0, 0, 0.15);
    background-blend-mode: color;
}
.hm_EmailSignup, .hm_Quote, .hm_NRN{
  padding: 0 0;
}
.fMenRight, .mySocialIcon, .fMenLeft, .fb, .inst, .be{
  display: inline-block;
}
.fb, .inst, .be{
    margin: 8px;
}
.fMenRight, .fMenLeft{
    width: 40%;
}
.mySocialIcon{
    width: 19%;
}
.fMenRight{
    text-align: left;
}
.fMenLeft{
    text-align: right;
}
.fMenLeft li:first-child{
    text-align: left;
}

.quot_blk {padding: 5%; background-color: rgba(255, 255, 255, 0.9); top: -18%;}
.quot_blk h1:first-child {width: 80%!important;}
.contents p {letter-spacing: normal!important; font-family: 'Gilroy-Ultralight', 'Roboto', sans-serif; font-size: 1.12rem;}

/*HEADER*/
header ul li {
    display: inline-block;}
header ul li a {
    display: block; font-size: 0.8rem;}
header .fMenRight, header .fMenLeft {text-align: center;
    vertical-align: middle;
    height: 70px;
    margin-top: -15px;
    width:35%;}
header .fMenRight ul, header .fMenLeft ul {vertical-align: middle;}
header .fMenRight ul li:first-child, header .fMenLeft ul li:first-child {float:left;}
header .fMenRight ul li:last-child, header .fMenLeft ul li:last-child {float:right;}

header .fMenLeft{
    width: 35%;
}
header .fMenLeft li:nth-child(2){text-align: center;}
header .fMenLeft li:last-child{text-align: right;}

.logoHead{
    background-repeat: no-repeat;
    width: 29.2%;
    display: inline-block;
    background-position: 50% 50%;
    background-size: contain;
    height: 60px;
    margin: 5px 0;
}

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

/* WP PANEL */
.customize-support {margin-top: 32px;}
.customize-support header {top: 32px;}
.myBlogClass .info {
    background-color: rgba(255, 255, 255, 0) !important;
    margin-top: 0px !important;
    height: 340px !important;
    padding: 0px 10px 0 !important;
}
/*.myBlogClass .coltotal3 .info {
    height: 240px !important;
}*/
.projTopPhoto {
   /* height: 500px;
    overflow: hidden;*/
    margin-right: -15px;
}
.projTopPhoto img{
    width: 100%;
    position: relative;
}
.projTopTitle{
    margin-top: 25%;
    padding: 0 30px;
}
.projTopText{
    padding: 0 30px;
}
.coltotal3 .link{
    left: 49% !important;
}
.myPhotoServ img{
    width: 100%;
}
#mobileNavigation a{
    font-size: 16px;
}
#mobileNavigation li{
    border-bottom: 1px solid;
    padding: 10px;
    list-style: none;
}
.mrow ul{
    list-style: none;
}


/* Mobile adaptation */
@media screen and (max-width: 991px) {
    .fMenRight, .fMenLeft{
        display: none;
    }
    .logoHead{
        width: 100%;
    }
    .copies_block h2 {
        margin: 0 !important;
        width: 100% !important;
    }
    .myHomeLogo {
		display: none;
    }
    .hm_Main img{
    	padding: 0;
		padding-left: 36px;
    }
	.copies .link{
		text-align: center;
	}
    .mySocialIcon {
        width: 100%;
    }
    /* .hm_FullwidthImage .MixedBlock{
        height: 200px !important;
        padding-top: 25px;
    } */
    .hm_EmailSignup input{
        width: 100% !important;
        margin: 10px 0px !important;
        border-radius: 0 !important;
    }
    .signup .panel.panel-fields .field input{
        border-radius: 0 !important;
    }
    .hm_EmailSignup .field-email{
        text-align: center;
        margin-top: 20px;
    }
    .hm_EmailSignup .resp{
        /*display: none;*/
    }
    footer{
        padding: 0;
    }
    footer .field-submit{
        margin-top: 14px;
        margin-bottom: 20px;
    }
    .coperite{
        margin-top: 30px;
    }
    .coperite .row{
        background-color: #f9f9f9;
        padding: 10px 0;
        margin: 0px -18px;
    }
    .drmNew .quote{
        top: -50% !important;
        height: auto !important;
    }
    .drmNew{
        margin-bottom: -150px !important;
    }
    body .mrow {
        margin-bottom: 0px;
    }
    .adServ .row{
        margin-right: 0;
        margin-left: 0;
    }
    .adServ .link{
        margin-top: 15px;
    }
    .rew_partnr h1{
        width: 90% !important;
    }
    .mtf_Columns .aright, .mtf_Columns .aleft{
        margin-top: 50px;
    }
    .adRew{
        margin-top: -100px;
    }
    .adBlog .caption{
        margin-bottom: 15px;
    }
    .myBlogClass .info {
        height: auto !important;
    }
    .quot_blk{
        top: -1%;
    }
    .adProj .quot_blk{
        top: -15%;
    }
    .adProj .itemcontent {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .quot_blk .col-md-4{
        margin: 12px 0;
        /*text-align: left !important;*/
    }
    .adCont{
        margin-bottom: -100px !important;
    }
    .hm_FullwidthImage, .desPart{
        margin-top: 50px;
    }
    .hm_FullwidthImage .v_outline{
        display: none;
    }
    /* .hm_FullwidthImage .MixedBlock{
        background: url('/wp-content/themes/goooood-design/images/t1.png');
    } */
    .mobNon{
        display: none;
    }
    .desPart h1{
        margin: 0px auto 50px;
    }
    .hm_EmailSignup, .hm_Quote, .hm_NRN {
	    padding: 0 0 50px;
	}
	.mtf_Explore, .drmNew{
	    margin-top: 60px !important;
	}
	.myBlogClass .info h4{
		color: #9f8557 !important;
    	text-align: left;
    	text-transform: uppercase;
    	border-bottom: 2px solid #9f8557;
    	margin-bottom: 15px;
	}
	.myBlogClass .info .link, .myBlogClass .info .caption{
		text-align: left;
	}
/*	.myBlogClass .coltotal3 .info {
	    height: 200px !important;
	}*/
	.myBlogClass .coltotal3{
		margin-bottom: 15px !important;
		padding-bottom: 0 !important;
	}
	.myBlogClass .gallery .col{
		margin-bottom: 50px !important;
	}
	.projTopPhoto {
	    margin-right: 0;
	}
	.projTopTitle {
	    margin-top: 10%;
	    padding: 0;
	}
	.projTopText {
	    padding: 0;
	}
	.page-id-138 .quote{
	    margin-top: 100px !important;
	    margin-bottom: -80px;
	}
    .page-id-153 .quote{
	    margin-top: 30px !important;
	    margin-bottom: 70px;
    }
    .page-id-128 .quote{
	    margin-top: 30px !important;
	    margin-bottom: 20px;
    }
    .page-id-100 .quote{
	    margin-top: 10px !important;
	    margin-bottom: -20px;
	}
	.page-id-100 .head_page{
	    background-position: 80% 50%;
    	height: 360px;
	}
	.page-id-138 .head_page{
    	height: 360px;
	}
	.page-id-158 .head_page{
    	height: 350px;
	}
    .page-id-153 .desPart .row{
        padding: 50px 0 10px !important;
    }
    .page-id-153 .head_page, .page-id-128 .head_page{
        background-position: 26% 50%;
        height: 340px;
    }
    .v_outlinev, .v_outline{
    	display: none;
    }
    section.contents .hm_Main .mrow ul li:last-child .elements__block .copies {
	    max-width: 100%;
	    margin: 0 auto;
	    padding-left: 0;
      padding-top: 120px;
      text-align: center;
	}
}
@media screen and (max-width: 767px) {
    section.contents .hm_Main .mrow ul li:last-child .elements__block .copies {
      padding-top: 0px;
    }
	.hm_Main img{
    	padding: 0 15px;
    }
}
@media screen and (max-width: 345px) {
    .hm_Main{
        margin-top: 90px;
    }
}

.desPart img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0.4;
}
.desPart img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
  opacity: 1;
}
.myPhotoServ{
    margin-top: 40px;
}
.myPhotoServ img{
    height: 100%;
}
.myPhotoServ .col-sm-12{
    margin: 30px 0;
}
.projTopTitle2{
    display: none;
}
.myPhotoServ .col-sm-6{
    margin-top: 30px;
}
.desPart img{
    height: 58px;
}
.desPart #carouselExampleControls img{
    height: auto;
}
.desPart #carouselExampleControls{
    margin: auto;
    height: 70px;
}
.atrImg img{
    height: 81px;
}
.minOpa img{
    opacity: 0.7;
}
@media screen and (min-width: 768px) {
    .taL{
        text-align: left;
    }
    .taR{
        text-align: right;
    }
    .descNon{
        display: none;
    }
    .hm_Interiors .image img{
    	height: 515px;
    }
    .adProj .image img{
    	height: 515px;
    }
}
#nav-single{
    width:100%;
    font-weight:bold;
    color:#333;
    font-size:15px;
    line-height:20px;
    position: fixed;
    top: 40%;
    z-index: 10;
}
#nav-single>span {
  z-index: 15;
  position: relative;
}
#nav-single a{
    font-weight:normal;
    font-size:13px;
    margin-top:15px;
}
#nav-single .nav-next{
    float:right;
    text-align:right;
    padding-right: 10px;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 0px;
}
#nav-single .nav-previous{
    float:left;
    padding-left: 10px;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 0px;
}
.nav-next-bl a, .nav-previous-bl a{
    text-decoration: none;
}
.nav-next-bl img, .nav-previous-bl img{
    margin: 7px 0px;
}
.wpcf7-mail-sent-ok{
    text-align: center;
}
#wpcf7-f116-p117-o2 .wpcf7-validation-errors, #wpcf7-f116-p117-o2 .screen-reader-response{
    display: none;
}
figure{
	width: 100%;
}
figure div{
	width: 100%;
}
figure div img{
	width: 100%;
}
.share-buttons{
    margin-top: 30px;
}
.share-buttons li{
    width: 23px !important;
    display: inline-block !important;
    margin-right: 10px;
}
.mobileNone{
    display: none;
}
.home .rew_partnr{
    display: block !important;
}
.mobiSlider{
    width: 100%;
    margin-bottom: -30px;
}
@media screen and (max-width: 768px){
    .desctopNone, .desPart{
        display: none;
    }
    .desPart img{
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100px;
    }
    .mobileNone{
        display: inherit;
    }
    .page-template-GDblog .info{
        margin-top: 20px !important;
        margin-bottom: 20px;
    }
    .single .contentsholder{
        margin-bottom: 0 !important;
    }
    .single .contentsholder .link{
        margin-top: 10px;
    }
}
@media screen and (min-width: 769px){
    .descNone{
        display: none;
    }
    .hm_NRN .elements__block{
        max-height: 440px;
        overflow: hidden;
    }
}
header .fMenLeft li:nth-child(3){
    width: 50px;
    margin-left: 46px;
}
header .fMenLeft .lang-item{
    padding-top: 1px;
}
footer .fMenLeft li:nth-child(1){
    width: 100px;
}
footer .fMenLeft li:nth-child(3) a{
    width: 106px;
}
footer .fMenLeft li:nth-child(4){
    width: 50px;
    float: right;
}
footer .fMenLeft li:nth-child(4) a{
    width: 50px;
}

/* PAGE PROJECT */
h3.project_heading {
  font-size: 2.65rem;
  line-height: 1.35;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  color: #302d2e;
  letter-spacing: 0.2rem;
}
h3.project_heading b {
  color: #9f8557;
  font-size: 0.8rem;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
}
.project-main-block {
  padding: 80px 15px 40px;
  background-image: url(images/mainproject-3block.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
.project-main-block a.button {
  color: #302d2e;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
}
.project-raschet {
  padding: 50px 15px;
  background-image: url(images/blocksdelatiproschet.jpg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  box-shadow:  0 0 30px 10px rgba(0, 0, 0, 0.07);
  position: relative;
}
.project-raschet::after {
  content: "";
  position: absolute;
  display: block!important;
  top: calc(50% - 50px);
  left: 50%;
  width: 1px;
  height: 100px;
  background-color: #c9cbd0;
}
.project-raschet .left-side {
  padding-left: 1%;
}
.project-raschet h4 {
  color: #302d2e;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.project-raschet img {
  width: 60px;
  height: auto;
}
.project-form form {
  padding-right: 3rem;
}
.project-form form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e1e2e7;
  margin: 1rem 0;
  outline-width: 0px;
  font-size: 1rem;
}
.project-form form button {
  background-color: #ffffff;
  color: #302d2e;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
}
.project-design-block {
  padding: 60px 0px;
}
h4.preline_heading {
  color: #302d2e;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0 1rem 0 3rem;
  position: relative;
  margin-bottom: 1rem;
}
h4.preline_heading::before {
  content: "";
  position: absolute;
  display: block;
  top: 1rem;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #9f8557;
}
.project-team-block {

}
.team-line-right, .team-line-left {
  margin-bottom: 2rem;
}
.project-team-block p {
  color: #302d2e;
}
.project-team-block h4 {
  color: #302d2e;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 3rem;
}
.project-team-block h4::after {
  content: "";
  position: relative;
  display: block;
  top: 1.5rem;
  left: 0;
  width: 100px;
  height: 1px;
  background-color: #c9cbd0;
}
.project-service-cost {
  padding: 60px 0px;
}
.project-service-list ul {
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.project-service-list ul li {
  width: 33.33%;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin: 1rem 0!important;
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  padding-left: 65px;
  padding-right: 2rem;
  min-height: 50px;
}
.project-service-list ul li::before {
  content: " ";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url(images/serv_list.png);
  background-size: cover;
}
.project-cost-form {
  padding: 40px 0px;
}
.project-cost-form .wpb_single_image {
  margin-bottom: 0;
}
.project-cost-form h3.project_cost_heading {
  color: #302d2e;
  font-size: 2.5rem;
  line-height: 1.35;
}
.project-cost-form h3.project_cost_heading b {
  font-size: 1.5rem;
}
.project-cost-form .project-form form {
  padding-right: 15%;
}
.project-cost-form h4.preline_heading {
  font-size: 1.3rem;
}
.project-scheme-block {
  padding: 40px 0px;
}
.project-scheme-line {
  position: relative;
}
.project-scheme-block .project-scheme-line::after {
  content: "";
  position: absolute;
  display: block!important;
  top: 25px;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #c9cbd0;
}
.project-scheme-block .project-scheme-line:last-child::after {
  display: none!important;
}
.project-scheme-line>div {
  position: relative;
  padding-bottom: 1.5rem;
}
.project-scheme-line>div::after {
  content: "";
  position: absolute;
  display: block;
  top: 25px;
  right: 0;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #c9cbd0;
}
.project-scheme-line h6 {
  font-size: 2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #9f8557;
  position: relative;
  margin-bottom: 1rem;
}
.project-scheme-line>div p {
  padding-right: 25%;
}
.project-tesm-block {
  padding: 40px 0px;
}
.project-tesm-list {

}
.project-tesm-list>div {
  margin-bottom: 1.5rem;
}
.project-tesm-list .wpb_single_image {
  margin-bottom: 0;
}
.project-tesm-list>div img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
}
h5.tesm_heading {
  font-size: 1.5rem;
  line-height: 1.35;
  margin: 1rem 0;
  color: #302d2e;
}
h5.tesm_heading b {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #9f8557;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
}

/* ESP PROJECT SLIDER */
section.esp_section {
  margin-top: 3rem!important;
  margin-bottom: 2rem;
}
.esp_section .esp_project_nav {
  max-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  position: relative;
  z-index: 5;
}
.esp_section .esp_project_nav a.url {
  width: 100%;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0.5rem 0;
  color: #302d2e;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}
.esp_section .esp_project_nav a.url.current, .esp_section .esp_project_nav a.url:hover {
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
  padding-left: 1rem;
  color: #9f8557;
  text-decoration: none;
}
.esp_project_nav a.url::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 100%;
  width: 0;
  height: 1px;
  background-color: #9f8557;
  z-index: 6;
  transition: 0.5s;
}
.esp_project_nav a.url.current::after {
  width: 120px;
}
.esp_section .esp_slider {
  position: relative;
  z-index: 3;
}
.esp_section .esp_slider .lSAction>a {
  bottom: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  top: auto;
  background-size: cover;
  box-sizing: border-box;
  left: auto;
  background-position: center;
}
.esp_section .esp_slider .lSAction>a.lSPrev {
  right: 41px;
  background-image: url(img/nav_arrow_prev.png);
}
.esp_section .esp_slider .lSAction>a.lSNext {
  width: 41px;
  right: 0;
  background-image: url(img/nav_arrow_next.png);
}
.esp_section .esp_slider .slider-counter {
  width: 80px;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
  line-height: 1;
  color: #ffffff;
  position: absolute;
  right: 15px;
  bottom: 40px;
  z-index: 99;
}
.esp_section .esp_slider .slider-counter b {
  font-size: 1.2rem;
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
}
.esp_img_gallery ul li img {
  height: 650px;
  object-fit: cover;
  object-position: center;
}
.esp_gallery_info {
  padding: 1rem;
  align-items: stretch;
}
.esp_gallery_info .esp_info_txt {
  text-align: left;
}
.esp_gallery_info .esp_info_txt h6 {
  font-family: "Gilroy-Bold", "Roboto", sans-serif;
  margin-bottom: 0.5rem;
  color: #302d2e;
  font-size: 0rem;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .project-main-block {
    padding: 60px 15px;
  }
  h3.project_heading, .project-cost-form h3.project_cost_heading {
    font-size: 2.1rem;
  }
  .esp_section .esp_project_nav a.url {
    font-size: 1rem;
  }
  .esp_img_gallery ul li img {
    height: 560px;
  }
  .project-raschet {
    background-size: 170px;
  }
  .project-form form, .project-cost-form .project-form form, .project-scheme-line>div p {
    padding-right: 0;
  }
  .project-raschet h4, h4.preline_heading, .project-team-block h4, .project-cost-form h3.project_cost_heading b {
    font-size: 1.2rem;
  }
  .project-cost-form h4.preline_heading {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 991px) {
  .project-main-block {
    padding-top: 35vh;
    background-position: center top;
  }
  .esp_project_nav a.url::after {
    display: none;
  }
  .esp_img_gallery ul li img {
    height: 480px;
  }
  .esp_gallery_info .esp_info_txt {
    padding: 0.5rem 0;
  }
  .project-raschet {
    padding-top: 160px;
  }
  .project-raschet::after, .project-scheme-block .project-scheme-line::after {
    display: none!important;
  }
  .project-service-list ul li {
    width: 100%;
  }
  .project-scheme-line .ord1 {
    order: 1;
  }
  .project-scheme-line .ord2 {
    order: 2;
  }
  .project-scheme-line .ord3 {
    order: 3;
  }
  .project-service-list ul a.showMore {
    margin: 1rem auto;
  }
  .project-service-list ul li {
    display: none;
  }
  .project-service-list ul li.show {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  h3.project_heading, .project-cost-form h3.project_cost_heading {
    font-size: 1.8rem;
  }
  .esp_img_gallery ul li img {
    height: 320px;
  }
  .esp_section .esp_project_nav {
    width: calc(100% - 30px)!important;
    flex: auto;
    max-height: none;
    margin: 0 15px;
    height: 30px;
    border: 1px solid #e1e2e7;
  }
  .esp_section .esp_project_nav::after {
    content: '\25bc';
    top: 0.3rem;
    right: 1.5rem;
    font-size: .7rem;
    position: absolute;
    display: block;
    color: #302d2e;
  }
  .esp_section .esp_project_nav a.url.current, .esp_section .esp_project_nav a.url:hover {
    padding-left: 0;
  }
  .esp_section .esp_project_nav a.url {
    height: 0px;
    overflow: hidden;
    padding: 0;
    width: auto;
    transition: 0s!important;
  }
  .esp_section .esp_project_nav a.url.current {
    height: 30px;
    padding: 0.5rem 0;
  }
  .esp_section .esp_project_nav.open {
    height: auto;
  }
  .esp_section .esp_project_nav.open a.url {
    height: 30px;
    padding: 0.5rem 0;
  }
}
/* // OTHER */
.hide_info .esp_gallery_info {
	display:none;
}
.full_border_input form input {
  border: 1px solid #e1e2e7;
  padding: 10px 5px;
  margin: 0.5rem 0;
}
.modal-body.project-form form {
 padding-right: 0;
}
/* // POPUPS */
html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
  overflow: visible!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
  padding-right: 0px!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
  overflow-y: hidden!important;
}
/* // LIST */
.info_slide_list {
  padding-bottom: 2rem;
}
.info_slide_list h3 {
  padding-left: 30px;
  color: #000000;
      position: relative;
    line-height: 1.5;
}
.info_slide_list h3::before {
  position: absolute;
  content: ' ';
  display: block;
  background-color: #9f8557;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  top: calc(50% - 5px);
  left: 0;
}