/*
Theme Name: Drawn studio
Theme URI: 
Update URI: ninepoint-theme-drawnstudio
Author: Kali
Author URI: https://ninepoint.cc
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ----------------------------- 
Theme Basics 
----------------------------- */

/* =Structure */
html {
	height: 100%;
}
body {
	background: #f5f3f0;
	height: 100%;
}
#page {
	background: #f5f3f0;
	min-height: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Global */
body, input, textarea {
	color: #2F2D3D;
	font-size: 16px; 
	font-family: "ador-hairline",sans-serif;
	font-weight: 300;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 5px;
}

/* Media */
.entry-content img,
.comment-content img,
.widget img {
	max-width:100%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; 
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; 
	height: auto;
}
embed,
iframe,
object {
	max-width: 100%;
}

/* Text elements */
ul, ol {
	margin: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Fonts */
@font-face {
  font-family: 'Socicon';
  src: url('fonts/socicon.ttf') format('truetype'), url('fonts/socicon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="socicon-"],
[class*=" socicon-"] {
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socicon-facebook:before {
	content: "\e028";
}
.socicon-twitter:before {
	content: "\e08d";
}
.socicon-instagram:before {
	content: "\e044";
}
.socicon-youtube:before {
	content: "\e0a5";
}
.socicon-spotify:before {
	content: "\e079";
}
.socicon-pinterest:before {
	content: "\e063";
}
.socicon-linkedin:before {
	content: "\e04c";
}

/* Links */
a {
	color: #849698;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* =Menu */
.mainmenu {
	position: relative;
	text-align: left;
}
.mainmenu > li {
	display: block;
	padding: 18px 0;
	width: 50%;
}
.mainmenu a:link, .mainmenu a:visited {
	display: inline-block;
	font-size: 19px;
	line-height: 23px;
	color: #817e8c;
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.2s linear;
}
.mainmenu li > a::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #C9C6C8;
	border-right: 1px solid #C9C6C8;
	width: 6px;
	height: 6px;
	margin: 0 0 2px 16px;
	transform: rotate(45deg) translateZ(1px);
	opacity: 0;
	transition: 0.3s linear;
}
.mainmenu a:hover {
	color: #2F2D3D;
}
.mainmenu li.menu-item-has-children .sub-menu {
	display: none;
	position: absolute;
	right: 0;
	width: 50%;
	/*top: 0;
	bottom: 0;*/
	margin-top: -22px;
}
.mainmenu li.menu-item-has-children:hover > .sub-menu {
	display: block;
}
.mainmenu > li:hover > a::after {
	opacity: 1;
}
.mainmenu li.menu-item-has-children .sub-menu ul.sub-menu {
	position: static;
	display: block;
	width: 100%;
}
.sub-menu li.menu-item-has-children > a::before {
	content: '';
	display: block;
	height: 1px;
	width: 65%;
	background-color: #817e8c;
	margin-bottom: 10px;
}
.sub-menu li.menu-item-has-children {
	padding-bottom: 0;
}
.sub-menu li.menu-item-has-children:nth-child(1) > a::before {
	display: none;
}
.sub-menu li {
	display: block;
	padding-bottom: 16px;
}
.sub-menu li > a:link, .sub-menu li > a:visited, .sub-menu li.menu-item-has-children li a:link, .sub-menu li.menu-item-has-children li a:visited {
	text-transform: none;
	font-size: 17px;
	line-height: 21px;
	color: #2F2D3D;
}
.sub-menu li.menu-item-has-children > a:link, .sub-menu li.menu-item-has-children > a:visited {
	display: block;
	color: #817e8c;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 15px;
	cursor: auto;
}


/* 404 */
.result-404 { padding: 18vw 4% 15vw; text-align: center; }
.result-404 .entry-title { font-size: 32px; line-height: 36px; padding-bottom: 30px }

/* ----------------------------- 
Theme Custom 
----------------------------- */
p {
	line-height: 24px;
	margin-bottom: 25px;
}
.ibvtop {
	display: inline-block;
	vertical-align: top;
}
.ibvmid {
	display: inline-block;
	vertical-align: middle;
}
.ibvbtm {
	display: inline-block;
	vertical-align: bottom;
}
.stdlink a {
	color: inherit;
	text-decoration: none;
}
.contentblur {
	filter: blur(3px);-webkit-filter: blur(3px);
}
.contentouter {
	padding-top: 78px;
}
.stdh {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 78px;
	background-color: #f5f3f0;
	box-sizing: border-box;
	padding: 0 4%;
	text-align: justify;
	font-size: 0;
	transition: 0.3s linear;
}
.stdh.stdhf {
	height: auto;
}
.stdh::after {
	content: '';
	width: 100%;
	display: inline-block;
}
.hmtog {
	cursor: pointer;
	padding: 35px 30px 22px 0;
}
.stdh.stdhf .hmtog {
	padding: 14px 30px 11px 0;
}
.hmtog > div {
	background-color: #939197;
	width: 20px;
	height: 2px;
	margin: 4px 0;
}
.hlogo {
	position: absolute;
	top: 0px;
	margin-top: 30px;
	left: calc(50% - 136px);
}
.hlogo a {
	display: block;
}
.hlogo img {
	position: relative;
	width: 272px;
	max-height: 24px;
	transition: 0.1s linear;
}
.stdh.stdhf .hlogo {
	margin-top: 14px;
	left: calc(50% - 112px);
}
.stdh.stdhf .hlogo img {
	width: 224px;
	max-height: 20px;
}
.htop {
}
.hsearchbtn, .htop-account, .htop-cart {
	margin-left: 28px;
}
.hsearchbtn img {
	cursor: pointer;
	width: 18px;
}
.hsearchbox {
	display: none;
	position: absolute;
	top: 0;
	right: calc(4% + 80px);
	z-index: 10;
	box-sizing: border-box;
	padding: 25px 4px 0 10px;
	background-color: #f5f3f0;
}
.hsearchboxw {
	max-width: 260px;
}
.hsearchbox #searchform {
	position: relative;
	width: calc(100% - 42px);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin: 0 20px 0 0;
}
.hsearchbox #searchform #s {
	border: 0px;
	border-bottom: 1px solid #A5A3AF;
	background-color: #f5f3f0;
	box-shadow: none;
	width: 100%;
	box-sizing: border-box;
	padding: 3px 24px 3px 0;
}
.hsearchbox #searchform #s:focus {
	color: #A5A3AF;
}
#searchsubmit {
	position: absolute;
	top: 4px;
	right: 2px;
	background-color: transparent;
	background-image: url('images/icon-search.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	border: 0px;
	box-shadow: none;
}
.hsearchclose {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	cursor: pointer;
	width: 18px;
	height: 18px;
}
.hsearchclose::after {
    left: 6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.hsearchclose::before, .hsearchclose::after {
    position: absolute;
    content: '';
    display: block;
    top: -16px;
    border-bottom: 2px solid #A5A3AF;
    width: 24px;
    height: 24px;
}
.hsearchclose::before {
    left: -11px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.htop-account img {
	width: 16px;
}
.htop-cart img {
	width: 16px;
}
.hmtog .hmenu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 10;
	width: 460px;
	height: auto;
	margin: 0;
	background-color: #f5f3f0;
	opacity: 0;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 95vh;
	transition: 0.3s linear;
}
.hmenu.hmenuon {
	opacity: 1;
}
.hmenuw {
	padding: 20px 9.9% 22px 9.9%;
	border-bottom: 1px solid #c9c6c8;
}
.hmenuwidgets {
	padding: 22px 9.9% 6vh 9.9%;
}
.hmcontact {
	padding-bottom: 10px;
}
.hmcontact .widget-title {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.hmcontact p {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 0;
}
.hsocial {
	font-size: 16px;
}
.hsocial a {
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	background-color: #817e8c;
	color: #f5f3f0;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 3px 0 0;
	margin: 0 7px 10px;
	text-align: center;
}
.htxt h1, .htxt h3 {
	font-size: 36px;
	line-height: 48px;
}
.htxt h2 {
	color: #A5A3AF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 25px;
}
.htxt h4 {
	font-size: 26px;
	line-height: 34px;
}
.htxt a {
	color: #2F2D3D;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
}
.htxt a::after, .hshopi-link a::after, .shopcatsi-link a::after, .wooprod-shoptxt::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 8px;
	background-image: url('images/arrow-grey.svg');
	background-repeat: no-repeat;
	margin: 0 0 2px 5px;
} 
.htxt h5 a {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	display: inline-block;
	background-color: #A5A3AF;
	color: #FFF;
	padding: 17px 38px;
	transition: 0.3s linear;
}
.htxt h5 a::after {
	display: none;
}
.htxt h5 a:hover {
	background-color: #8d8aa5;
}


/* home */
#home {
}
.hbanner {
	position: relative;
	padding-top: 51.5%;
}
.hbanner-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
}
.hbanner-media video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hintro {
	padding: 120px 4% 130px;
}
.hintrow {
	max-width: 1090px;
	margin: 0 auto;
}
.hintroimg {
	width: 49%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 57.8%;
}
.hintrotxt {
	width: 51%;
	box-sizing: border-box;
	padding: 0 11% 0 6%;
}
.hintrotxt.htxt h3 {
	margin-bottom: 30px;
}
.hintrotxt.htxt h5 {
	margin-top: 45px;
}
.hshopft {
	padding: 80px 4% 60px;
	text-align: center;
	background-color: #efede6;
	border-bottom: 1px solid #C9C6C8;
}
.hshopftw {
	max-width: 1100px;
	margin: 0 auto;
}
.hshopftintro {
	max-width: 840px;
	margin: 0 auto 40px;
}
.hshopftintro.htxt h3 {
	margin-bottom: 30px;
}
.hshopft-items {
	position: relative;
	left: -6px;
	width: calc(100% + 12px);
}
.hshopft-item {
	position: relative;
	width: calc(50% - 12px);
	box-sizing: border-box;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 43.7%;
	margin: 0 6px 12px;
}
.hshopft-itemw {
	position: absolute;
	top: 0;
	left: 14%;
	width: calc(100% - 28%);
	bottom: 0;
}
.hshopft-itemw::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.hshopft-itemi {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	background-color: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	padding: 35px 35px 50px;
}
.hshopft-itemi.htxt h3 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 20px;
}
.hshopft-itemi.htxt p {
	font-size: 15px;
	line-height: 21px;
}
.hshopft-itemi.htxt h5 a {
	padding: 9px 18px;
}
.hshop {
	padding: 50px 4% 80px;
	text-align: center;
	background-color: #efede6;
}
.hshopw {
	max-width: 1315px;
	margin: 0 auto;
}
.hshop-title {
	margin-bottom: 45px;
}
.hshop-items {
	position: relative;
	left: -6px;
	width: calc(100% + 12px);
	padding-bottom: 65px;
}
.hshop-item {
	width: 25%;
	box-sizing: border-box;
	padding: 0 6px 12px;
	text-align: left;
}
.hshopi-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 98.9%;
	margin-bottom: 35px;
}
.hshopi-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.hshopi-title, .woocommerce #page ul.products li.product .woocommerce-loop-product__title {
	color: #2F2D3D;
	text-decoration: none;
	font-size: 28px;
	line-height: 32px;
	padding: 0;
	margin-bottom: 15px;
}
.hshopi-link, .wooprod-shoptxt {
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.hshop-link.htxt h5 a {
	padding: 17px 62px;
}
.hservices {
	padding: 80px 4%;
}
.hservicesw {
	max-width: 1090px;
	margin: 0 auto;
}
.hservimgs {
	width: 49%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 57.8%;
}
/*
.hservimg1 {
	position: relative;
	width: 46%;
	margin-left: 23.9%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 50.9%;
	z-index: 4;
	margin-bottom: 20px;
}
.hservimg2 {
	width: calc(52.4% - 14px);
	margin-right: 14px;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 49.8%;
}
.hservimg3 {
	position: relative;
	width: 47.6%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 54.6%;
	top: -6vw;
}
*/
.hservtxt {
	width: 46.6%;
	box-sizing: border-box;
	padding: 9vw 8% 0 4.6%;
}
.hservtxt.htxt h3 {
	margin-bottom: 30px;
}
.hservtxt.htxt p {
	max-width: 400px;
}
.hprojs {
	padding: 115px 4% 150px;
	text-align: center;
	background-color: #efede6;
}
.hprojsw {
	max-width: 1315px;
	margin: 0 auto;
}
.hprojs-introduction {
	max-width: 780px;
	margin: 0 auto 60px;
}
.hprojs-introduction.htxt h3 {
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 30px;
}
.hproj-items {
	position: relative;
	left: -6px;
	width: calc(100% + 12px);
	padding-bottom: 60px;
}
.hproj-item {
	width: 25%;
	box-sizing: border-box;
	padding: 0 6px 12px;
	text-align: left;
}
.hproji-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 121.7%;
	margin-bottom: 25px;
}
.hproji-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.hproj-link {
}


/* standard */
.stdpg {
	padding: 75px 7% 100px;
}
.stdpgw {
	max-width: 1100px;
}
.stdpg .entry-title {
	margin-bottom: 40px;
}


/* about */
#aboutpg {
}
.abtintro-txt.htxt h3, .abtcnt-txt.htxt h3, .abtfeat-txt.htxt h3 {
	font-size: 36px;
	line-height: 50px;
	margin-bottom: 40px;
}
.abt-intro {
	padding: 75px 7% 70px;
}
.abt-introw {
	max-width: 1310px;
}
.abtintro-img {
	width: 49.5%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 48.7%;
}
.abtintro-txt {
	width: 50.5%;
	box-sizing: border-box;
	padding: 0 1.5% 0 9.5%;
}
.abt-content {
	padding: 95px 0 130px;
	background-color: #FFF;
}
.abtcnt-txt {
	width: 43.2%;
	box-sizing: border-box;
	padding: 0 6% 0 7%;
}
.abtcnt-imgs {
	width: 56.8%;
}
.abtcntimg1 {
	width: calc(38.2% - 15px);
	margin: 0 15px 15px 0;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 48.3%;
}
.abtcntimg2 {
	position: relative;
	top: 2.3vw;
	width: 61.8%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 41.1%;
}
.abtcntimg3 {
	position: relative;
	z-index: 4;
	width: 62%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 41.4%;
	margin: 0 25.4% 0 12.6%;
}
.abt-feat {
	position: relative;
	padding: 75px 7% 95px;
	background-color: #ebe8df;
}
.abt-feat::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background-color: #8d8aa5;
	width: 100%;
	height: 55px;
}
.abt-featw {
	max-width: 1310px;
}
.abtfeat-txt {
	width: 58.8%;
	box-sizing: border-box;
	padding: 0 14% 0 0;
}
.abtfeat-txt.htxt h2 {
	color: inherit;
}
.abtfeat-imgs {
	width: 41.2%;
	text-align: right;
}
.abtfeat-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 118.4%;
	margin-bottom: 45px;
}
.abtfeat-logo {
}
.abtfeat-logo img {
	max-height: 130px;
}


/* services home */
#servhpg {
}
.servh-intro {
	padding: 95px 7% 55px;
}
.servh-introimg {
	width: 49.5%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 48.6%;
}
.servh-intro .htxt {
	width: 50.5%;
	box-sizing: border-box;
	padding: 60px 3% 0 9%;
}
.servh-intro .htxt h3 {
	margin-bottom: 15px;
}
.servh-itemsw {
	background-color: #FFF;
	padding: 100px 4% 20px;
}
.servh-items {
	max-width: 1120px;
	margin: 0 auto;
}
.servh-item {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 7px 70px;
	text-align: left;
}
.servhi-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 152.2%;
	margin-bottom: 25px;
	text-align: center;
}
.servhi-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	transition: 0.3s linear;
	background-color: transparent;
}
.servhi-img a::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.servhi-img h3 {
	opacity: 0;
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 36px;
	line-height: 48px;
	transition: 0.3s linear;
}
.servhi-img a:hover {
	background-color: rgba(165, 163, 175, 0.4);
}
.servhi-img a:hover h3 {
	opacity: 1;
}
.servhi-title {
	font-size: 22px;
	line-height: 28px;
}
.servhi-title a::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 15px;
	background-image: url('images/arrow-dark.svg');
	background-repeat: no-repeat;
	margin: 0 0 2px 12px;
} 
.servh-cta {
	background-color: #f9faf9;
	padding: 140px 4% 130px;
	text-align: center;
}
.servh-cta .htxt {
	max-width: 700px;
	margin: 0 auto;
}
.servh-cta .htxt h4 {
	font-size: 30px;
	line-height: 42px;
}


/* service */
#servpg {
}
.serv-intro {
	padding: 95px 7% 0;
}
.serv-intro .htxt {
	width: 59%;
	box-sizing: border-box;
	padding: 60px 12% 0 0;
}
.serv-intro .htxt h3 {
	margin-bottom: 15px;
}
.serv-introimg {
	width: 41%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 49%;
}
.serv-imagesw {
	padding: 150px calc(14% - 16px) 120px;
}
.serv-images {
	max-width: 1120px;
	margin: 0 auto;
}
.serv-imagegrp div {
	position: relative;
	margin: 0 8px 16px;
	background-size: cover;
	background-position: 50% 50%;
}
.serv-imagegrp a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.serv-imagegrp1 div {
	width: calc(100% - 16px);
	padding-top: 55.1%;
}
.serv-imagegrp2 div {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 16px);
	padding-top: 48.6%;
}
.serv-imagegrp3 div {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333% - 16px);
	padding-top: 48.6%;
}


/* projects */
#projspg {
	padding: 130px calc(14% - 8px) 65px;
}
.projs-intro {
	text-align: center;
	padding: 0 0 130px;
}
.projs-intro .htxt {
	max-width: 940px;
	margin: 0 auto;
}
.projs-intro .htxt h1, .projs-intro .htxt h3 {
	margin-bottom: 25px;
}
.projs-items {
}
.projs-item {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 8px 65px;
}
.projs-item a {
	display: block;
}
.projsi-imgs {
	position: relative;
	padding-top: 161%;
	margin: 0 0 25px;
}
.projsi-imgs img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 0;
	margin: 0;
	z-index: 4;
	transition: 0.3s linear;
	max-width: 100%;
}
.projsi-imgs img:not(:first-child) {
	opacity: 0;
}
.projsi-imgs img.currentimg {
	opacity: 1;
	z-index: 10;
}
.projsi-txt {
}
.projsi-title {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 2px;
}
.projsi-title::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 15px;
	background-image: url('images/arrow-dark.svg');
	background-repeat: no-repeat;
	margin: 0 0 2px 12px;
}
.projsi-loc {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.projsi-meta {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #6b6874;
}


/* reviews */
#revwspg {
	padding: 95px 4% 170px;
	text-align: center;
}
.revws-intro {
	max-width: 800px;
	margin: 0 auto 155px;
}
.revws-intro.htxt h1 {
	font-size: 56px;
	line-height: 78px;
}
.review-lmorew {
	padding: 80px 4% 0;
	text-align: center;
}
.review-lmore {
	background-color: #8d8aa5;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #FFF;
	cursor: pointer;
	padding: 16px 36px;
}
.revws-items {
	text-align: left;
}
.revws-item {
	width: calc(50% - 4px);
	padding: 0 25px 50px;
	box-sizing: border-box;
}
.revwsiw {
	background-color: #FFF;
	padding: 38px;
}
.revwsi-author {
	color: #A5A3AF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 25px;
	letter-spacing: 0.08em;
	padding-bottom: 5px;
	border-bottom: 2px solid #A5A3AF;
}
.revwsi-txt {
	padding: 40px 0 0;
}
.revwsi-txt.htxt h2, .revwsi-txt.htxt h3, .revwsi-txt.htxt h4 {
	margin-bottom: 20px;
}


/* blog/category */
#index, #category {
}
.blogh {
	padding: 130px 4% 65px;
	text-align: center;
	background-color: #FFF;
}
.blogh-title {
	max-width: 700px;
	margin: 0 auto 60px;
}
.postitemsw {
	padding: 0 5%;
}
.posti-feature {
	background-color: #FFF;
	padding: 40px 0 200px;
	position: relative;
	z-index: 4;
	margin-bottom: -50px;
}
.posti-alternate {
	position: relative;
	z-index: 10;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	padding: 0 5% 200px;
}
.postitemsw .posti-alternate:nth-child(2) {
	padding-top: 25%;
}
.postitemsw .posti-alternate:nth-child(3) {
	margin-top: -20%;
}
.posti-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 75.7%;
	margin-bottom: 30px;
}
.posti-feature .posti-img {
	display: inline-block;
	vertical-align: middle;
	width: 61%;
	padding-top: 31.5%;
	margin-bottom: 0px;
}
.posti-txt {
	box-sizing: border-box;
	padding: 0 10% 0 0;
}
.posti-feature .posti-txt {
	display: inline-block;
	vertical-align: middle;
	width: 39%;
	padding: 0 10% 0 3.4%;
}
.posti-h {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.posti-title {
	font-size: 36px;
	line-height: 48px;
	margin: 0 0 30px;
}
.posti-intro {
	line-height: 24px;
	padding-bottom: 24px;
}
.posti-rmore {
}

.navigation.pagination {
	padding: 0 10% 100px;
	text-align: center;
}
.navigation.pagination .current {
	color: #2F2D3D;
    background: transparent;
    border: 0px;
    margin-right: 4px;
    padding: 1px 3px;
	font-weight: 500;
	border-bottom: 1px solid #2F2D3D;
	font-size: 16px;
	line-height: 16px;
}
.navigation.pagination a {
    background: transparent;
    border: 0;
	color: #817e8c;
    margin-right: 4px;
    padding: 1px 3px;
	font-weight: 500;
    text-align: center;
    text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #817e8c;
	transition: 0.2s linear;
}
.navigation.pagination a:hover {
	color: #817e8c;
	background-color: transparent;
	border-bottom: 1px solid #817e8c;
}


/* content flexible */
#cntflxpg {
}
.cntflxh {
	padding: 100px 4% 200px;
	text-align: center;
}
.cntflxhw {
	max-width: 700px;
	margin: 0 auto;
}
.cntflxh-heading {
	color: #A5A3AF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 20px;
}
.cntflxh-title {
	font-size: 56px;
	line-height: 60px;
}
.cntflx-navmenu {
	padding: 0 7% 35px;
}
.cntflx-nav {
	margin-bottom: 15px;
}
.cntflx-nav a {
	color: #676868;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}
.cntflx-content {
}
.cntflx-row {
	padding: 90px 7% 70px;
}
.cntflx-row.cntflx-alt {
	background-color: #ebe8df;
}
.cntflx-row.cntflx-nopad {
	padding: 0 7% 70px;
}
.cntflx-row img, .cntflx-row video {
	max-width: 100%;
}
.cntflx-col1full {
	max-width: 1000px;
}
.cntflx-col1full.cntflx-col1center {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}
.cntflx-col1 {
	width: 50%;
	box-sizing: border-box;
	padding: 0 5% 0 0;
}
.cntflx-col2 {
	width: 50%;
}
.cntflx-row h1, .cntflx-row h3 {
	margin-bottom: 40px;
}
.cntflx-row blockquote {
	font-family: inherit;
	font-style: normal;
	background-color: #FFF;
	padding: 20px 20px 1px 20px;
	margin: 0 0 30px;
}
.cntflx-row h4 {
	font-family: "ador-hairline",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
}
.cntflx-row b, .cntflx-row strong {
	font-weight: normal;
	letter-spacing: 0.02em;
	font-family: "ador-hairline",sans-serif;
	font-weight: 400;
	font-size: 17px;
}


/* post */
.stdpost {
}
.stdpost-h {
	text-align: center;
	padding: 130px 4% 220px;
	position: relative;
}
.stdpost-hw {
	max-width: 520px;
	margin: 0 auto;
}
.stdpost-title {
	padding: 20px 0 30px;
}
.stdpostouter {
	padding: 0 4%;
}
.stdpostw {
	position: relative;
	z-index: 10;
	top: -200px;
	max-width: 1000px;
	margin: 0 auto;
}
.stdpost-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 51.6%;
	margin-bottom: 50px;
}
.stdpost-content {
}
.stdpost-content p {
	margin-bottom: 40px;
}
.stdpost-content p img {
	max-width: 100%;
}
.stdpost-content ul {
	margin: 0 0 0 18px;
	line-height: 25px;
}
#nav-single {
	clear: both;
	text-align: justify;
	font-size: 0;
	padding: 0 4% 60px;
}
#nav-single .nav-previous, #nav-single .nav-next {
	text-transform: uppercase;
	font-family: "ador-hairline",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}
#search {
	padding: 60px 10% 120px;
}
.searchw {
	max-width: 700px;
}
.search-title {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.post-searchitem {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #A5A3AF;
}
.post-searchitem .posti-title {
	font-size: 28px;
	line-height: 38px;
	margin: 0 0 10px;
}
.post-searchitem .posti-rmore.htxt h5 a {
	padding: 10px 26px;
}


/* contact */
#contactpg {
}
.contact-intro {
	padding: 95px 4% 0;
	text-align: center;
}
.contact-intro .htxt {
	max-width: 600px;
	margin: 0 auto 50px;
}
.contact-intro .htxt h3 {
	font-size: 56px;
	line-height: 78px;
	margin-bottom: 35px;
}
.contact-blk {
	padding: 0 4% 90px;
}
.contact-blkw {
	max-width: 1100px;
	margin: 0 auto;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 55px;
}
.contact-featimg {
	width: 48%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 60.5%;
}
.contact-frm {
	width: 52%;
	box-sizing: border-box;
	padding: 0 0 0 3.5%;
}
.contact-frm .cffield input {
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
	border: 0px;
	border-top: 1px solid #a5a3af;
	font-size: 22px;
	line-height: 22px;
	padding: 17px 0;
	box-shadow: none;
}
.contact-frm .cffield ::-moz-placeholder {
	opacity: 1 !important;
}
.contact-frm .cffield ::-webkit-input-placeholder {
	color: #2F2D3D;
}
.contact-frm .cffield textarea {
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
	border: 0px;
	border-top: 1px solid #a5a3af;
	border-bottom: 1px solid #a5a3af;
	padding: 17px 0;
	box-shadow: none;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.contact-frm .cfsubmit {
	padding-top: 45px;
}
.contact-frm .cfsubmit input {
	box-shadow: none;
	border: 0px;
	box-sizing: border-box;
	background-color: #a5a3af;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #FFF;
	cursor: pointer;
	padding: 16px 52px;
}
.contact-areas {
	padding: 0 4% 75px;
}
.contact-areasw {
	max-width: 1100px;
	margin: 0 auto;
}
.contact-areastitle {
	width: 41%;
	box-sizing: border-box;
	padding: 35px 5% 0 0;
}
.contact-areastxt {
	width: 59%;
	box-sizing: border-box;
}
.contact-loc {
	background-color: #FFF;
	padding: 110px 4% 185px;
}
.contact-locw {
	max-width: 1100px;
	margin: 0 auto;
}
.contact-locmap {
	position: relative;
	width: 59%;
	padding-top: 43%;
}
.contact-locmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contact-locdetails {
	width: 41%;
	box-sizing: border-box;
	padding: 45px 0 0 8.5%;
}
.contact-instatitle {
	background-color: #FFF;
	padding: 0 4% 55px;
	text-align: center;
	font-size: 56px;
	line-height: 78px;
}
.contact-insta {
	background-color: #FFF;
}


/* shop home */
#shophome {
}
.shop-feature {
	padding: 75px 4% 70px;
	text-align: center;
}
.shopft-intro, .shopcats-intro {
	max-width: 785px;
	margin: 0 auto 50px;
}
.shopft-intro.htxt h3, .shopcats-intro.htxt h3 {
	margin-bottom: 40px;
}
.shopft-items {
	max-width: 1100px;
	margin: 0 auto;
}
.shopft-item {
	width: 50%;
	box-sizing: border-box;
	padding: 0 6px 12px;
}
.shopfti-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 82.8%;
}
.shopfti-txt {
	background-color: #FFF;
	padding: 25px 45px 50px;
}
.shopfti-txt.htxt h2 {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.shopfti-txt.htxt h3 {
	font-size: 50px;
	line-height: 56px;
	margin-bottom: 20px;
}
.shopfti-txt.htxt p {
	margin-bottom: 45px;
}
.shop-cats {
	padding: 75px 4% 50px;
	text-align: center;
}
.shopcats-intro.htxt h4 {
	font-size: 30px;
	line-height: 42px;
}
.shopcats-items {
	max-width: 1325px;
	margin: 0 auto;
}
.shopcats-item {
	width: 25%;
	box-sizing: border-box;
	padding: 0 6px 30px;
	text-align: left;
}
.shopcatsi-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 152.2%;
	margin-bottom: 30px;
}
.shopcatsi-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.shopcatsi-title {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 22px;
}
.shopcatsi-link {
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.shopcatsi-link a {
}
.shop-banner {
	background-color: #2f2d3d;
}
.shopban-intro {
	width: 41%;
	box-sizing: border-box;
	padding: 20px 7%;
	color: #FFF;
}
.shopban-intro.htxt h2 {
  color: #FFF;
}
.shopban-intro.htxt h3 {
	margin-bottom: 40px;
}
.shopban-intro.htxt h5 a {
	background-color: #817E8C;
}
.shopban-img {
	width: 59%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 31.5%;
}


/* product category */
.tax-product_cat #primary {
	padding: 75px 4%;
}
.tax-product_cat #main {
	max-width: 965px;
	margin: 0 auto;
}
.woocat-heading {
	padding: 0 4%;
}
.woocat-headingw {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.tax-product_cat .woocommerce-products-header {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.tax-product_cat .page-title {
	font-size: 40px;
	line-height: 46px;
	margin-bottom: 30px;
}
.tax-product_cat .term-description {
	margin-bottom: 65px;
}
.woocommerce #page ul.products.columns-3 li.product, .woocommerce-page #page ul.products.columns-3 li.product {
	width: calc(33.333% - 22px);
}
.woocommerce #page ul.products li.product, .woocommerce-page #page ul.products li.product {
	margin: 0 11px 65px;
}
.wooprodimg {
	position: relative;
	padding-top: 161%;
	margin: 0 0 35px;
}
.woocommerce #page ul.products li.product a img { 
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	height: 100%;
    object-fit: cover;
    padding: 0;
	margin: 0;
	z-index: 4;
	transition: 0.3s linear;
}
.woocommerce #page ul.products li.product a .wooprodimg img.currentimg {
	opacity: 1;
	z-index: 10;
}
.woocommerce #page ul.products li.product a img:not(:first-child) {
	opacity: 0;
}


/* product single */
.woocommerce div.product {
	padding-top: 50px;
}
.wooprodw {
	padding: 0 6.7%;
}
.woocommerce .wooprodw .woocommerce-breadcrumb {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 25px;
	font-size: 11px;
	line-height: 21px;
	letter-spacing: 0.05em;
	color: #A5A3AF;
}
.woocommerce .wooprodw .woocommerce-breadcrumb a {
	text-decoration: none;
	color: #A5A3AF;
}
.woocommerce div.product .wooprodw div.summary, .woocommerce-page div.product .wooprodw div.summary {
	width: 42%;
	margin-left: 9%;
}
.wooprod-heading {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 25px;
}
.wooprod-heading a {
	color: #A5A3AF;
	text-decoration: none;
}
.woocommerce div.product .product_title {
	font-size: 50px;
	line-height: 52px;
	margin-bottom: 35px;
}
.wooprod-desc {
	line-height: 24px;
	max-width: 480px;
	margin-bottom: 35px;
}
.wooprod-desc.htxt a {
	margin-top: 25px;
}
.wooprod-customisebtn {
	display: inline-block;
	background-color: #A5A3AF;
	color: #FFF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 18px 40px;
	cursor: pointer;
}
.wooprod-custms {
	clear: both;
	padding: 100px 10% 140px;
}
.wooprod-custms-intro {
	max-width: 1100px;
	margin-bottom: 30px;
}
.wooprod-custms-intro h3 {
	margin-bottom: 25px;
}
.wooprod-pricecalc {
	width: 58%;
	box-sizing: border-box;
	padding: 20px 6.8% 0 0;
}
.drwncalc-label {
	font-size: 28px;
	line-height: 36px;
}
.drwncalc-label a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #8d8aa5;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	cursor: pointer;
	margin-left: 12px;
}
.drwncalc-label a::before {
	content: '?';
	position: absolute;
	top: 3px;
	left: 6px;
	color: #FFF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 11px;
}
.drwncalc-sel {
	padding-top: 10px;
}
.drwncalc-opt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 10px 15px 35px;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.drwncalc-opt input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.drwncalc-opt span {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: transparent;
	border: 1px solid #817E8C;
	box-sizing: border-box;
	border-radius: 50%;
}
.drwncalc-opt:hover input + span {
	background-color: #EEE;
}
.drwncalc-opt span:after {
	content: '';
	position: absolute;
	display: none;
}
.drwncalc-opt input:checked + span:after {
	display: block;
}
.drwncalc-opt span:after {
	width: 13px;
	height: 13px;
	left: 3px;
	top: 3px;
	background-color: #817E8C;
	border-radius: 50%;
}
.drwncalc-sel {
	position: relative;
}
.drwncalc-sel input[type="number"] {
	position: relative;
	color: #2F2D3D;
	border: 1px solid #A5A3AF;
	background-color: transparent;
	text-align: left;
	padding: 0px 32px 4px 95px;
	box-sizing: border-box;
	width: 188px;
	font-size: 26px;
	font-family: "ador-hairline",sans-serif;
	font-weight: 700;
}
.drwncalc-sel input[type="number"]::-moz-placeholder {
	opacity: 1 !important;
}
.drwncalc-sel input[type="number"]::-webkit-input-placeholder {
	color: #000;
}
.drwncalc-sel input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}
.drwncalc-sel input[type="number"]::-webkit-outer-spin-button,
.drwncalc-sel input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.calc_drop_minmax, .calc_width_minmax {
	display: inline-block;
	vertical-align: middle;
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 7px 10px;
}
#drwncalc-sel-width.drwncalc-sel:not(.hidden)::after, #drwncalc-sel-drop.drwncalc-sel:not(.hidden)::after {
	content: 'CM';
	display: block;
	position: absolute;
	top: 23px;
	left: 160px;
	z-index: 10;
	color: #000;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
#drwncalc-sel-width.drwncalc-sel:not(.hidden)::before {
	content: 'Width';
	display: block;
	position: absolute;
	top: 23px;
	left: 10px;
	z-index: 10;
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
#drwncalc-sel-drop.drwncalc-sel:not(.hidden)::before {
	content: 'Drop';
	display: block;
	position: absolute;
	top: 23px;
	left: 10px;
	z-index: 10;
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.wooprod-tooltip {
	background-color: #FFF;
	padding: 35px 35px 15px 35px;
}
.wptt-title h4, .wptt-intro h4  {
	margin-bottom: 25px;
}
.wptt-intro {
	width: 55%;
	line-height: 24px;
	margin-bottom: 24px;
	box-sizing: border-box;
	padding: 0 5% 0 0;
}
.wptt-intro b, .wptt-intro strong {
	font-weight: 400;
	font-family: "ador-hairline",sans-serif;
}
.wptt-img {
	padding: 65px 0 20px;
	width: 45%;
}
.wptt-img img {
	max-width: 100%;
}
.wptt-itemsh .wptt-item {
	border-top: 1px solid #A5A3AF;
	padding: 22px 0;
}
.wptt-itemsl {
	position: relative;
	left: -30px;
	width: calc(100% + 60px);
}
.wptt-itemsl .wptt-item {
	width: 25%;
	box-sizing: border-box;
	padding: 0 30px;
}
.wptt-itemsh .wptti-img {
	width: 21.8%;
}
.wptt-itemsl .wptti-img {
	padding-bottom: 25px;
}
.wptti-img img {
	max-width: 100%;
}
.wptt-itemsh .wptti-txt {
	width: 78.2%;
	box-sizing: border-box;
	padding: 0 5% 0 0;
}
.wptt-itemsl .wptti-txt {
}
.wptti-title {
	font-weight: 400;
	font-family: "ador-hairline",sans-serif;
	margin-bottom: 10px;
}
.wptti-desc {
	max-width: 600px;
}
.wooprod-addcart-col {
	width: 42%;
	max-width: 435px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 40px 30px 30px;
}
.woocommerce div.product .wooprod-addcart-col form.cart div.quantity {
	position: relative;
	display: inline-block;
	vertical-align: top;
	float: none;
	margin: 0;
}
.woocommerce .wooprod-addcart-col .quantity:not(.hidden)::before {
	content: 'Quantity';
	display: block;
	position: absolute;
	top: 20px;
	left: 8px;
	z-index: 10;
	color: #817E8C;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.woocommerce .wooprod-addcart-col .quantity .qty {
	position: relative;
	color: #2F2D3D;
	border: 1px solid #A5A3AF;
	background-color: #FFF;
	text-align: left;
	padding: 9px 40px 9px 100px;
	box-sizing: border-box;
	width: 188px;
	font-size: 24px;
	font-family: "ador-hairline",sans-serif;
	font-weight: 700;
}
.woocommerce .wooprod-addcart-col .quantity .qty::-moz-placeholder {
	opacity: 1 !important;
}
.woocommerce .wooprod-addcart-col .quantity .qty::-webkit-input-placeholder {
	color: #000;
}
.woocommerce .wooprod-addcart-col .quantity input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}
.woocommerce .wooprod-addcart-col .quantity input[type=number]::-webkit-outer-spin-button,
.woocommerce .wooprod-addcart-col .quantity input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.woo-qtybtns {
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: -33px;
	top: 0px;
	width: 30px;
}
.wcart-content .woo-qtybtns {
	right: 10px;
	left: auto;
}
.woo-qtyplus, .woo-qtyminus {
	display: block;
	position: relative;
	background-color: transparent;
	width: 30px;
	height: 26px;
	border: 0px;
	box-shadow: none;
	cursor: pointer;
	color: #908d89;
	font-size: 25px;
	line-height: 37px;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
}
.woo-qtyminus {
	transform: rotate(180deg) translateZ(1px);
}
.woo-afterbtns {
	margin-bottom: 14px;
}
.woocommerce div.product .wooprod-addcart-col form.cart .button {
	float: none;
	font-weight: normal;
	border-radius: 0;
	display: inline-block;
	background-color: #A5A3AF;
	color: #FFF;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 18px 26px;
}
.woocommerce div.product .wooprod-addcart-col p.price {
	color: #2F2D3D;
	font-size: 40px;
	line-height: 46px;
}
.wooprod-addcartnotice {
}
.wooprod-addcartnotice p {
	margin-bottom: 12px;
}
.wooprod-feat {
	color: #FFF;
	background-color: #2f2d3d;
	padding: 90px 2% 75px;
}
.wooprod-featw {
	max-width: 1315px;
	margin: 0 auto;
}
.wooprod-featitem {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 3%;
}
.wooprodfeati-img {
	text-align: center;
	width: 120px;
}
.wooprodfeati-img img {
	max-width: 120px;
}
.wooprodfeati-txt {
	width: calc(100% - 120px);
	box-sizing: border-box;
	padding: 0 0 0 30px;
}
.wooprodfeati-title {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.wooprodfeati-desc {
	line-height: 22px;
}
.wooprodfeati-desc::after {
	content: '';
	display: block;
	vertical-align: middle;
	width: 13px;
	height: 8px;
	background-image: url('images/arrow-cream.svg');
	background-repeat: no-repeat;
	margin: 15px 0 0 2px;
}


/* footer */
#footer {
	background-color: #FFF;
	padding: 35px 4% 20px;
}
.ftrw {
	max-width: 1320px;
	margin: 0 auto;
	font-size: 0;
}
.ftr-l {
	width: 35%;
}
#footer .widget-title {
	color: #817e8c;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
#footer p {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 0px;
}
#footer b, #footer strong {
	font-size: 12px;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	font-weight: normal;
	margin-right: 5px;
}
#footer .ftr-m p {
	font-size: 15px;
	line-height: 23px;
}
.ftr-m {
	width: 30%;
	box-sizing: border-box;
	padding: 0 4%;
	text-align: center;
}
.fsocial {
	font-size: 20px;
	padding-bottom: 15px;
}
.fsocial a {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	background-color: #817e8c;
	color: #FFF;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 4px 0 0;
	margin: 0 7px 10px;
	text-align: center;
}
.ftr-r {
	width: 35%;
	text-align: right;
}
.ftrsiteby {
	padding: 40px 0 0;
	text-align: center;
}
.ftrsiteby img {
	width: 200px;
}
.grecaptcha-badge {
	visibility: hidden;
}