/*==============================================================================

version:  1.0
date:	  05/25/19
author:   Capisce Design Inc.
email:    capisce@capiscedesign.com
website:  http://www.capiscedesign.com/

==============================================================================*/


@font-face {
    font-family: 'Merriweather-Regular';
	src: url('../fonts/merriweather/merriweather-regular.ttf'); 
    src: url('../fonts/merriweather/merriweather-regular.woff2') format('woff2'),
        url('../fonts/merriweather/merriweather-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather-Italic';
	src: url('../fonts/merriweather/merriweather-italic.ttf'); 
    src: url('../fonts/merriweather/merriweather-italic.woff2') format('woff2'),
        url('../fonts/merriweather/merriweather-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT-Serif';
	src: url('../fonts/ptserif/PTSerif-Regular.ttf'); 
    src: url('../fonts/ptserif/PTSerif-Regular.woff2') format('woff2'),
        url('../fonts/ptserif/PTSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*[ RESTYLE TAG ]
///////////////////////////////////////////////////////////
*/
* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Merriweather-Regular, serif;
  font-weight: 400;
    z-index: -5;
    position: relative;
}

/* ------------------------------------ */
a {
	font-family: Merriweather-Regular, serif;
	font-size: 15px;
	line-height: 1.7;
	color: #9c8f46;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
	color: #da3832;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.italic {
	font-family: Merriweather-Italic, serif !important;
}
/* ------------------------------------ */
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

h1 {
    font-size:30px;
    letter-spacing: .45em;
     font-family: PT-Serif, serif;
    text-align:center;
	color:#a79743;
	text-transform: uppercase;
	font-weight: normal;
	opacity: 0;
}

@media (max-width:485px) {
    h1 {
        font-size: 32px;
    }
}
@media (max-width:320px) {
    
}

p {
	font-family: Merriweather-Regular, serif;
	font-size: 19px;
	line-height: 1.4em;
	color: #000;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/* ------------------------------------ */
input {
	outline: none;
	border: none !important;
}

textarea {
  outline: none;
}

/* textarea:focus, input:focus {
  border-color: transparent !important;
} */

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

/* ------------------------------------ */
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/* ------------------------------------ */
.container {
	max-width: 1200px;
}

/*[ BACK TO TOP ]
///////////////////////////////////////////////////////////
*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  right: 50%;
	margin-right: -20px;
/*  background-color: black;*/
  opacity: 0.2;
  justify-content: center;	
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 22px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 0.2;
  cursor: pointer;
}

@media (max-width: 479px) {
  .btn-back-to-top {
    bottom: 50px;
  }
}


/*[ Header ]
///////////////////////////////////////////////////////////
*/
.header {
  height: 134px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
	margin-bottom:30px;
}

.fixed-header {height: 134px;}


/*[ Header Desktop ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.container-menu-header {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1100;
/*    margin-top:-134px;*/
    opacity:0;
}
#headerline {
	border-bottom:1px solid #da3832;
	width:100%;
	position: absolute;
	bottom:0;
	display: block;
}

/*[ Menu ]
===========================================================*/
.wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 134px;
  background-color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wrap_menu {
    position: absolute;
    bottom: 0;
	margin-left:20px;
}

.fixed-header .wrap_header {
  height: 134px;
}


/*[ Logo ]
-----------------------------------------------------------*/
.logo {
  display: block;
  position: absolute;
  top: 60%;
	z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.logo img {
  width:100%;
  height:auto;
  max-height: 118px;
  max-width:121px;
    
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


/*[ Menu ]
-----------------------------------------------------------*/
.main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	margin-top:-200px;
}

.main_menu > li {
  display: block;
  position: relative;
  padding-top: 20px;  
  padding-bottom: 14px; 
  padding-left: 40px;
  padding-right: 40px;
}

.main_menu > li > a {
  font-family: Merriweather-Regular, serif;
  font-size: 12px;
  color: #9c8f46;
  padding: 0;
  letter-spacing: .15em;
}

li.current > a {
  color: #da3832;
}

.main_menu > li:hover > a {
  text-decoration: none;
  color:#da3832 !important;
/*  font-family: Montserrat-Medium;*/
}

.main_menu li {
  position: relative;
}

.main_menu > li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
}

#link_jewelry {
	margin-left: 200px;
}

.sub_menu {
  list-style-type: none;
  position: absolute;
  z-index: 1100;
  top:0;
  left:100%;
  width: 400px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.main_menu > li > .sub_menu {
  top:100%;
  left: 0;
  position: absolute;
}

.sub_menu li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
} 

.sub_menu li { 
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.sub_menu li, .sub_menu a {
  padding: 2px;
  font-family: Merriweather-Regular, serif;
  font-size: 12px;
  color: #666;
  display:block;
}
.sub_menu li, .sub_menu a:hover {
    color: #000;
}

.sub_menu > li:hover > a {
  font-family: Montserrat-Medium;
  color: #000;
  text-decoration: none;
}
.submenu_items {
    float:left;
    padding: 0 20px 20px 30px;
}
.submenu_head {
    font-family: Montserrat-Medium;
    letter-spacing: .2em !important;
    text-transform: uppercase;
    padding-bottom: 10px !important;
    color:#999 !important;
    font-size:9px !important;
}

@media (max-width: 992px){
  .submenu_head {
    padding-top:20px;
  }
}

/* ------------------------------------ */
.header-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  right: 52px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-wrapicon1,
.header-wrapicon2 {
  height: 27px;
  position: relative;
}

.header-wrapicon1 img,
.header-wrapicon2 img {
  height: 100%;
}

.header-icon1:hover,
.header-icon2:hover {
  cursor: pointer;
}

.header-icons-noti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #111111;
  color: white;
  font-family: Montserrat-Medium;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -10px;
}

.linedivide1 {
  display: block;
  height: 20px;
  width: 1px;
  background-color: #e5e5e5;
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 5px;
}

/*[ Header Mobile ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.wrap_header_mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  display: none;
	border-bottom:1px solid #da3832;
}

/*[ Logo mobile ]
-----------------------------------------------------------*/
.logo-mobile {
  display: block;
  width: 50%;
    display:flex;
}

.logo-mobile img {
  max-height: 50px;
}

/*[ btn show menu ]
-----------------------------------------------------------*/
.btn-show-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.hamburger {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  margin-top: 5px;
}


/*[ Header icon mobile ]
-----------------------------------------------------------*/
.header-icons-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.linedivide2 {
  display: block;
  height: 20px;
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.header-icons-mobile .header-cart {
  width: 300px;
  top: 190%;
  right: -80px;  
  z-index: 1100;
  transform-origin: top right;
}

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu {
  width: 100%;
  background-color: white;
  display: none;
}

.side-menu {
  width: 100%;
}

.side-menu li {
  list-style-type: none;
}

.side-menu .main-menu {margin-bottom: 0;}

.item-menu-mobile {
  background-color: #9c8f46;
}

.side-menu .main-menu > li > a {
  font-family: Merriweather-Regular, serif;
  font-size: 12px;
  color: white;
  line-height: 4.86;
    letter-spacing: .1em;
}

.side-menu .main-menu > li {
  color: white;
  position: relative;
	text-align: center;
	border-bottom: 2px dotted #afa362;
}


.side-menu .main-menu .arrow-main-menu {
  font-size: 28px;
  position: absolute;
  right: 20px;
  top: 11px;
  padding: 10px;
  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu:hover {
  cursor: pointer;
}

.turn-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.side-menu .sub-menu a {
  padding-left: 20px;
  font-family: Merriweather-Regular, serif;
  font-size: 13px;
  color: #333333;
  line-height: 2.5;
}

.side-menu .sub-menu > li {
  padding-left: 12px;
}

.side-menu .sub-menu a:hover {
  text-decoration: none;
  padding-left: 20px;
  color: #000 !important;
}

@media (max-width: 992px){
  .side-menu .sub-menu a  {
    line-height: 3.5;
    display: block;
  }
}
.side-menu .sub-menu {
  background-color: white;
  display: none;
}

@media (min-width: 992px){
  .wrap-side-menu {
    display: none;
  }
}

/* ------------------------------------ */
.item-topbar-mobile {
  border-bottom: 1px solid #ececec;
}

.topbar-child2-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.topbar-social-moblie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}


/*[ Header2 ]
///////////////////////////////////////////////////////////
*/
.topbar2 {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ------------------------------------ */
.logo2 {
  display: block;
}

.logo2 img {
  max-height: 27px;
}

.fixed-header2 {
  z-index: 1300;
  position: fixed;
  height: 65px;
  left: 0;
  top: -70px;
  visibility: hidden;

  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); 
}

.fixed-header2 .header-cart {
  top: 160%;
}

.show-fixed-header2 {
  visibility: visible;
  top: 0px;
}


/*[ Header3 ]
///////////////////////////////////////////////////////////
*/
.container-menu-header-v3 {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 320px;
  height: 100vh;
  border-right: 1px solid #e5e5e7;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
	margin-bottom:30px;
}

/*[ Menu ]
===========================================================*/
.container-menu-header-v3 .wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background-color: white;
}


/*[ Logo ]
-----------------------------------------------------------*/
.container-menu-header-v3 .logo3 {
  display: block;
}

.container-menu-header-v3 .logo3 img {
  max-width: 120px;
}

/*[ Header Icon ]
-----------------------------------------------------------*/
.container-menu-header-v3 .header-icons3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: unset;
}

/*[ Header cart ]
-----------------------------------------------------------
*/
.container-menu-header-v3 .header-cart {
  left: -10px;
  transform-origin: top left;
}

/*[ Menu ]
-----------------------------------------------------------*/
.container-menu-header-v3 .main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}

.container-menu-header-v3 .main_menu > li {
  padding-top: 3px;  
  padding-bottom: 3px; 
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.container-menu-header-v3 .sub_menu {
  top:0;
  left:100%;
}

.container-menu-header-v3 .main_menu > li > .sub_menu {
  top: 10px;
  left: 95%;
}

.container-menu-header-v3 .sub_menu li { 
  text-align: left;
}

.container-menu-header-v3 .topbar-social-item {
  padding: 10px 8px;
}


/*[ Page sidebar ]
-----------------------------------------------------------
*/
.container1-page {
  margin-left: 320px;
}

@media (max-width: 992px){
  .wrap_header_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex !important;
  }
  .wrap_header {display: none;}

  .container-menu-header-v3,
  .container-menu-header-v2,
  .container-menu-header 
  {display: none;}

  .top-bar {display: none;}
  header {height: auto !important;}

  .container1-page {
    margin-left: 0px;
  }
}




/*[ Dropdown content ]
///////////////////////////////////////////////////////////
*/
.show-dropdown-content .down-mark {
  display: block;
}

.show-dropdown-content .up-mark {
  display: none;
}



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/


#about_container {
	width:90%;
	max-width:650px;
	margin:74px auto;
	opacity:0;
}

#about_container p {
	font-family: Merriweather-Regular, serif;
    font-size: 14px;
    line-height: 1.6em;
    padding-bottom: 20px;
	color:#a79743;
}
p.leader_paragraph {
	color:#5d561e !important;
}
#jacquie_photo {
	margin:36px auto;
	display: block;
}
.quote {
	font-family: Merriweather-Italic, serif !important;
	font-size:14px;
	color:#a79743;
	text-align: center;
	padding-bottom:46px !important;
}
.quote_small {
  padding: 0 40px 20px 40px;
  line-height: 1.75em;
  color: #897c36 !important;
}
#awards {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  margin:20px auto 40px;
  justify-content: center;
  column-gap: 30px;
}
@media screen and (max-width:700px) {
  #awards {
    justify-content: space-evenly;
  }
  #awards img {
    margin:10px;
  }
}
.left_col {
	float:left;
}
.about_img {
	float:right;
}
.end_quote {
	font-family: Merriweather-Italic, serif !important;
	color:#a79743 !important;
	font-size:20px !important;
	
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

#contact_container {
	padding-bottom:60px;
	opacity:0;
}
#contact_container h1 {
	margin-top:86px;
	margin-bottom:40px;
}
#contact_container p {
	text-align:center;
	font-family: Merriweather-Regular, serif;
	font-size: 14px;
	color:#a79743;
	padding-top:20px;
	letter-spacing: .1em;
}
.contact_form {
	width:90%;
	max-width:380px;
	margin: 30px auto 0;
}

.contact_form td {
	font-family: Merriweather-Regular, serif;
	font-size: 10px;
	color:#a79743;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.formbox {
	width:100%;
	border-bottom:1px solid #a79743 !important;
	padding:10px 6px 2px;
	font-size:12px;
}
.contact_input {
	padding-top:30px;
}
.warning {
	font-family: Merriweather-Regular, serif !important;
	font-size: 10px !important;
	color:#da3832 !important;
	text-transform: none;
	letter-spacing: .01em !important;
	padding:6px 0 !important;
	display: block;
}
label {
	margin:0;
}
.btn_contact {
	padding:10px;
	color:#a79743;
	border:1px solid #a79743;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom: 20px;
	letter-spacing: .1em;
	
	  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.btn_contact:hover {
	color:#da3832;
	border:1px solid #da3832;
}

.p_label {
	font-size:10px;
	text-transform: uppercase;
	color:#5d561e;
	letter-spacing: .1em;
}

.submitted_box {
	max-width: 380px;
    width: 90%;
/*    border: 1px solid #a79743;*/
    margin: 50px auto;
    padding: 40px;
}

.submitted_box p {
/*	line-height: 380px;*/
/*    padding: 0 !important;*/
	font-size:13px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d8d2b6;
	font-family: Merriweather-Italic, serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d8d2b6;
	font-family: Merriweather-Italic, serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d8d2b6;
	font-family: Merriweather-Italic, serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d8d2b6;
	font-family: Merriweather-Italic, serif;
}

/*--------------------------------------------------------------
# Jewelry
--------------------------------------------------------------*/

#jewelry_container {
	opacity: 0;
}

#jewelry_container h1 {
	margin-top:90px;
	margin-bottom:65px;
}

.overlay__content {
	border-left: 1px solid #5d561e;
    padding-left: 30px;
}

.overlay__content p {
	font-family: Merriweather-Regular, serif;
	font-size: 12px;
	color:#a79743;
	letter-spacing: .1em;
	line-height: 1.5em;
}
.jewelry_title {
	color:#5d561e !important;
	padding-bottom:30px !important;
}
.jewelry_large {
	font-size: 19px !important;
	letter-spacing: .25em !important;
}
.jewelry_desc {
	padding-bottom:30px !important;
}
.jewelry_desc2 {
	font-size: 10px !important;
	color:#5d561e !important;
	text-transform: uppercase;
	padding-bottom: 6px !important;
}

#jewelry_container,
#jewelry_container::after,
#jewelry_container::before {
	box-sizing: border-box;
}



.preview-open {
	overflow: hidden;
}

/* Page Loader */
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}

a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* Icons */
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

main {
	position: relative;
}

.content {
	position: relative;
}



.info {
	margin: 0 0 0 1.25em;
	color: var(--color-info);
}


.grid {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-bottom: 10rem;
}

.grid__item {
	display: flex;
	justify-content: center;
	margin: 0 0 10rem 0;
	cursor: pointer;
}

.box {
	position: relative;
	margin: 0;
}

.box__title {
	margin: 0;
	line-height: 1;
	position: absolute;
	z-index: 100;
}

.box__title-inner {
	display: block;
	position: relative;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 4.15rem;
	letter-spacing: 0.15rem;
	line-height: 1.25;
	font-family: 'Anton', sans-serif;
}

.box__title-inner[data-hover] {
	-webkit-text-stroke: 2px #000;
	text-stroke: 2px #000;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	color: transparent;
}

.box__title-inner::before {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	-webkit-text-fill-color: #000;
	text-fill-color: #000;
	color: #000;
	transition: all 0.3s;
}

.grid__item:hover .box__title-inner::before {
	height: 100%;
	width: 100%;
}

.box__text {
	margin: 0;
	position: absolute;
	top: -6rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	font-size: 1.75rem;
	margin: 0.5rem 1rem;
	font-family: 'Anton', sans-serif;
}

.box__text-inner {
	position: relative;
	display: block;
	border: 6px solid var(--color-text);
	padding: 0.25rem 1.25rem;
}

.box__text-inner--reverse {
	background: var(--color-text);
	color: var(--color-bg);
}

.box__img {
	display: block;
	flex: none;
	margin: 0 auto;
	max-width: 100%;
/*	filter: grayscale(1);*/
	transition: filter 0.3s;
	pointer-events: none;
}

.grid__item:hover .box__img:not(.box__img--original) {
	filter: grayscale(0);
}

.box__shadow {
/*
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1rem;
	left: -1rem;
	
*/
}

.box__deco {
	font-size: 6rem;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	bottom: -4rem;
	right: -4rem;
	display: none;
}

.box__content {
	position: absolute;
	max-width: 195px;
	font-size: 0.9rem;
	text-align: right;
	display: none;
}

.box__content strong {
	white-space: nowrap;
}

.overlay {
	pointer-events: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	overflow: hidden;
}

.overlay--open {
	pointer-events: auto;
}

.overlay__reveal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #a79743;
	position: absolute;
	z-index: 100;
	transform: translate3d(100%,0,0);
}

.overlay__item {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	display: flex;
	flex-direction: column;
    align-items: center;
    padding: 5rem 5vw 5rem 0;
    justify-content: center;
}

.overlay__item .box {
	max-width: 600px;
	max-height: 100%;
	margin: 0;
}

.overlay__item .box__title {
	bottom: 0;
}

.box__img--original {
	max-height: calc(100vh - 10rem);
	filter: none;
}

.overlay__close {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: 0;
	margin: 1rem;
	padding: 1rem;
	opacity: 0;
}

.overlay__close:focus {
	outline: none;
}

.overlay__content {
	font-size: 1rem;
	line-height: 1.5;
	max-width: 25rem;
/*	margin: 1rem 0 0 10vw;*/
	margin:20px 0;
}

@media screen and (min-width: 55em) {
	.grid {
		display: grid;
		align-items: center;
		padding: 3rem 3rem 15rem 3rem;
		grid-row-gap: 2rem;
		grid-template-columns: repeat(3,calc(100% / 3));
	}
	.grid__item {
		margin: 0;
	}
	.box {
		margin: 0;
	}
	.box__title {
		top: -4rem;
		right: -4.5rem;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
	}
	.box__title--straight {
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	.box__title--straight .box__title-inner::before {
		width: 0;
		height: auto;
	}
	.box__title--bottom {
		bottom: -5rem;
		top: auto;
	}
	.box__title--left {
		left: -2rem;
		right: auto;
	}
	.box__text--topcloser {
		top: -5rem;
	}
	.box__text--bottom {
		bottom: -5rem;
		top: auto;
	}
	.box__text--bottomcloser {
		bottom: -5rem;
		top: auto;
	}
	.box__text--right {
		right: 0;
		left: auto;
	}
	.box__text-inner--rotated1 {
		transform: rotate(4deg);
	}
	.box__text-inner--rotated2 {
		transform: rotate(-3deg);
	}
	.box__text-inner--rotated3 {
		transform: rotate(-15deg);
	}
	.box__deco {
		display: block;
	}
	.box__deco--left {
		right: auto;
		left: -3rem;
	}
	.box__deco--top {
		top: 0;
		bottom: auto;
	}
	.overlay__item {
		flex-direction: row;
	}
	.overlay__content {
		font-size: 2.25rem;
		margin-top: 0;
	}
	.overlay__item .box__title--bottom {
		bottom: 0;
	}
}

@media screen and (min-width: 80em) {
	.grid {
		grid-template-columns: repeat(4,25%);
	}
	.grid__item:nth-child(4n-2) {
		margin-top: 0;
		margin-bottom: 0;
	}
	.grid__item:nth-child(4n) {
		margin-top: 0;
	}
	.box {
		margin: 0;
	}
	.box__content {
		display: block;
	}
}

@media screen and (max-width: 55em) {
	.content {
		flex-direction: column;
		height: auto;
		min-height: 0;
	}
	.content--fixed {
		position: relative;
		z-index: 1000;
		display: block;
		padding: 0.85em;
	}
	.info {
		margin: 0;
	}


}




/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.legal {
  font-family: Merriweather-Regular, serif;
  font-size: 8px;
  color: #999;
	text-align:center;
	letter-spacing: .3em;
	text-transform: uppercase;
	padding: 20px 0 20px;
}

@media (max-width: 768px) {

}

.social {
	width: 105px;
    margin: 0 auto;
    line-height: 15px;
    top: -2px;
    position: absolute;
    left: 50%;
    margin-left: -52px;
}

.social_container {
	position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	height:22px;
	margin-top:30px;
}

.social_container:before, .social_container:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #da3832;
}
.social_container:before {
    margin-left: -50%;
    text-align: right;
}
.ico_facebook {
	width:15px;
	height:15px;
}
.ico_instagram {
	width:15px;
	height:15px;
	margin:0 20px;
}
.ico_twitter {
	width:15px;
	height:15px;
}


@media (max-width: 600px){
  
	
}
.footer_left {
    float:left;
    display:block;
    width:60%;
    height:20px;
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-left: 10px;
    text-align: left;
padding-bottom: 36px;
}
.footer_right {
    float:right;
    width:30%;
    display:block;
    height:20px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    margin-bottom: 16px;
}
.footer_right a {
    color:#999;
    padding:0 6px;
}
.footer_right a:hover {
    color:#000;
}
@media (max-width:485px) {
    .footer_right a {
        padding: 0px 7px;
        font-size: 16px;
    }
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/


.fadein {
	 opacity:1 !important;
	
	-webkit-transition: all 4s ease-in-out;
	-moz-transition: all 4s ease-in-out;
	-ms-transition: all 4s ease-in-out;
	-o-transition: all 4s ease-in-out;
	transition: all 4s ease-in-out;
 }

.fadein_fast {
	 opacity:1 !important;
	
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
 }

.fadein_slow {
	 opacity:1 !important;
	
	-webkit-transition: all 46 ease-in-out;
	-moz-transition: all 6s ease-in-out;
	-ms-transition: all 6s ease-in-out;
	-o-transition: all 6s ease-in-out;
	transition: all 6s ease-in-out;
 }

.fadefrombottom {
	opacity:1 !important;
	margin-top:0 !important;
	
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	transition-delay: 200ms;
}

.fadefrombottom_slow {
	opacity:1 !important;
	margin-top:0 !important;
	
	-webkit-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-o-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
	transition-delay: 750ms;
}

.fadefrombottom_slowest {
	opacity:1 !important;
	margin-top:0 !important;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transition-delay: 1s;
}
.slowfadetowhite {
    opacity:1 !important;
	background-color:#fff;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transition-delay: 1s;
}

.letterspace_in {
	letter-spacing:.15em !important;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

@keyframes grow {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(0%, 0%, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) translate3d(0%, 0%, 0px);
        opacity: 0;
    }
}