html,body{
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
color: #565658;
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
overflow-x: hidden;
background-color: #FFFFFF;
}
.gotham{
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
}
.quarto {
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 400;
}
.quarto.light {
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
}
.italic,
.quarto.light.italic,
.quarto.light.italic {
font-style: italic;
}
.mW1500 {
max-width: 1500px;
margin: 0 auto;
}
.EXIT_DEV{
position: absolute;
height: 36px;
width: 130px;
line-height: 36px;
top: 0px;
right: -135px;
text-align: left;
font-size: 10px;
color: #969696;
}
.EXIT_DEV .ss-delete{
line-height: 41px;
}
div{
box-sizing: border-box;
}
divXXX{
border: 1px solid rgba(133, 111, 243, 0.56);
box-sizing: border-box;
}
img { display: block; }
img.imgSrcLoad{
opacity: 0;
}
img.imgSrc50{
opacity: 0;
}
img.imgSrcLoadOn{
opacity: 1;
height: auto;
-moz-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
div.imgSrc50{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
width:100%;
position:absolute;
opacity:0;
-webkit-transition:opacity .3s;
transition:opacity .3s
}
div.imgSrc50.loaded{
opacity:1
}
.bgFadeImage{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
width:100%;
/* position:absolute; */
opacity:0;
-webkit-transition:all .3s;
transition:all .3s
}
.bgFadeImage.loaded{
opacity: 1;
}
.bgFadeImageJournal{
height:410px;
background-position: inherit;
width: 60% !important
}
.bgFade19 {
padding:19%;
}
.bgFade50 {
padding-bottom: 50.5%;
}
.bgFade95 {
padding-bottom: 195%;
}
.bgFadeImageInsta {
height:auto;
}
.bgFadeImageInsta:after {
content: " ";
padding-bottom:100%;
display: block;
}
.mW100 {
max-width: 100%;
height: auto;
}
.IS_DEV_SANDBOX{
font-family: monaco;
position: fixed;
background-color: rgba(245,245,245,0.95);
z-index: 9999999;
padding: 4px 30px 4px 30px;
font-size: 11px;
}
.pdf_viewer{
width: 100%;
min-height: 1000px;
}
/*!---------------------*/
/*! Fonts / Text */
/*!---------------------*/
a {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a:hover {
color: #565658;
}
p {
font-size: 1.38rem;
letter-spacing: .1rem;
line-height: 2.0rem;
}
.bold{
font-weight: 500;
}
.ital{
font-style: italic;
}
input{
text-indent: 2px;
}
.letS1, .letS1 p{
letter-spacing: 1px;
}
.letS15, .letS15 p{
letter-spacing: 1.5px;
}
.letS2, .letS2 p{
letter-spacing: 2px;
}
.letS3, .letS3 p{
letter-spacing: 3px;
}
.letS4, .letS4 p{
letter-spacing: 4px;
}
.lH_18, .lH_18 > p {
line-height: 1.8rem;
}
.lH_22, .lH_22 > p {
line-height: 2.2rem;
}
.lH_28, .lH_28 > p {
line-height: 2.8rem;
}
p strong {
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 600;
}
/*!---------------------*/
/*! The Basics */
/*!---------------------*/
.ss-icon {
font-size: 1.2rem;
}
.ss-icon.ss-standard.ss-search {
color: #e5dccd;
padding-left: 20px;
font-size: 14px;
}
.ss-icon:hover, .ss-icon:active, .ss-icon:focus, .ss-icon.ss-standard.ss-search:hover, .ss-icon.ss-standard.ss-search:active, .ss-icon.ss-standard.ss-search:focus {
color: #565658;
}
.fa {
font-size: 14px !important;
}
.fa-2x {
font-size: 16px !important;
}
em {
text-transform: lowercase;
}
.give_back em {
text-transform: uppercase;
font-style: italic;
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.right {
float: right;
}
.left {
float: left;
}
.clearer {
content: "";
display: table;
clear: both;
}
.abso{
position: absolute;
left: 0;
top:0;
}
.rela{
position: relative;
}
.mAuto{
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.txt_C {
text-align: center;
text-indent: 0;
}
.txt_J {
text-align: justify;
text-indent: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.txt_L {
text-align: left;
}
.txt_R {
text-align: right;
}
.ofHidden{
overflow: hidden;
}
.hide{
display: none;
}
.upper{
text-transform: uppercase;
}
.lower{
text-transform:lowercase;
}
.capitalize{
text-transform: capitalize;
}
.case_norm{
text-transform: none;
}
.hand{
cursor: pointer;
}
.img_100 img{
width: 100%;
}
p img{
width: 100%;
height: auto;
margin-bottom: 2rem;
}
.underline.dark{
background-color: #D6D6D6;
}
.underline.compress{
margin: 30px auto 36px;
background-color: #DAD8D6;
width: 48px;
}
.underline.compress.white{
margin: 30px auto 36px;
background-color: #FFF;
width: 48px;
}
.inline{
display: inline;
}
.iblock{
display: inline-block;
}
.iflex{
display: inline-flex;
}
.ta{
display: table;
}
.tr{
display: table-row;
}
.ta .tc{
display: table-cell;
}
.ta .tc.m{
vertical-align: middle;
}
.grid_posts .ta .tc.m{
padding: 0 10px;
}
.ta .tc.t{
vertical-align: top;
}
.vATT {
vertical-align: text-top;
}
.vAS {
vertical-align: sub;
}
@media (max-width: 750px) {
.kt_row1.background > .ta, .kt_row1.background > .tc, .kt_row1.creative-process-and-travel > .ta, .kt_row1.creative-process-and-travel > .tc, .kt_row1.giving-back > .ta, .kt_row1.giving-back > .tc, .kt_row1.kind-words > .ta, .kt_row1.kind-words > .tc {
display: block;
}
.center_mobile {
text-align: center;
}
.table_kind_words {
display: -webkit-box;
-webkit-flex-direction: column;
display: -moz-box;
-moz-flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.tc_order1 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.tc_order2 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
@media (max-width: 650px) {
.kt_row2.background > .ta, .kt_row2.background > .tc, .kt_row2.creative-process-and-travel > .ta, .kt_row2.creative-process-and-travel > .tc, .kt_row2.giving-back > .ta, .kt_row2.giving-back > .tc {
display: block;
}
}
input, select{
width: 100%;
max-width: 100%;
border: none;
}
.multiply{
mix-blend-mode: multiply;
}
.shadow{
-webkit-box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.10);
box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.14);
}
.rounded{
border-radius: 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
}
.rounded3{
border-radius: 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
}
.rounded7{
border-radius: 7px;
-webkit-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
}
.rounded7T{
border-top-right-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-top-right-radius: 7px;
border-top-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
}
.rounded7B{
border-bottom-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-bottom-left-radius: 7px;
}
.opac0{ opacity: 0; }
.opac1{ opacity: .1; }
.opac2{ opacity: .2; }
.opac3{ opacity: .3; }
.opac4{ opacity: .4; }
.opac5{ opacity: .5; }
.opac6{ opacity: .6; }
.opac7{ opacity: .7; }
.opac8{ opacity: .8; }
.opac9{ opacity: .9; }
.opac10{ opacity: 1; }
@media (min-width: 1100px) {
.newspaper {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
}
.w100,.w95,.w90,.w85,.w80,.w75,.w70,.w65,.w62,.w60,.w57,.w55,.w50,.w48,.w47,.w46,.w45,.w43,.w40,.w38, .w35,.w33,.w30,.w25,.w20,.w15,.w10,.w5,.w0{ width: 100%; }
.wGutter{
padding-right: 0;
}
.wMblHide{
display: none;
}
.wMblShow{
display: block;
}
@media (min-width: 650px) {
.w100{ width: 100%; }
.w95{ width: 95%; }
.w90{ width: 90%; }
.w85{ width: 85%; }
.w80{ width: 80%; }
.w75{ width: 75%; }
.w70{ width: 70%; }
.w65{ width: 65%; }
.w62{ width: 62%; }
.w60{ width: 60%; }
.w57{ width: 57%; }
.w55{ width: 55%; }
.w50{ width: 50%; }
.w48{ width: 48%; }
.w47{ width: 47%; }
.w46{ width: 46%; }
.w45{ width: 45%; }
.w43{ width: 43%; }
.w40{ width: 40%; }
.w38{ width: 38%; }
.w35{ width: 35%; }
.w33{ width: 33%; }
.w30{ width: 30%; }
.w25{ width: 25%; }
.w20{ width: 20%; }
.w15{ width: 15%; }
.w10{ width: 10%; }
.w5{ width: 5%; }
.w0{ width: 0%; }
.wGutter.left{
padding-right: 2.5%;
}
.wGutter.right{
padding-left: 2.5%;
}
.wMblHide{
display: block;
}
.wMblShow{
display: none;
}
}
@media (max-width: 1300px) {
.wGutterLeft{
padding-left: 2.5%;
}
.wGutterRight{
padding-right: 2.5%;
}
}
@media (max-width: 850px) {
.hero_slide .w30 { width: 100%; }
}
@media (max-width: 750px) {
.wGutterLeft{
padding-left: 0;
}
.wGutterRight{
padding-right: 0;
}
}
/* Containers */
@media(max-width: 1250px) {
.container.w75.kt_row2.ta.background{
width: 85%;
}
}
@media(max-width: 1060px) {
.container.w75.kt_row1.ta.background {
width: 85%;
}
}
@media(max-width: 1030px) {
.container.w75.kt_row2.ta.background{
width: 95%;
}
}
/*
@media(max-width: 900px) {
.container.w75.kt_row1.ta.background {
width: 95%;
}
}
*/
@media (max-width: 650px) {
.container.w75.kt_row1.ta.background, .container.w75.kt_row2.ta.background, .container.w85.kt_row1.ta.creative-process-and-travel, .container.w75.kt_row2.ta.creative-process-and-travel, .container.w85.kt_row1.ta.giving-back, .container.w85.kt_row2.ta.giving-back {
width: 75%;
}
}
/*!---------------------*/
/*! Pads */
/*!---------------------*/
.padTT{
padding-top: 18px;
}
.padT{
padding-top: 10px;
}
.padT0{
padding-top: 4px;
}
.padBB{
padding-bottom: 18px;
}
.padB{
padding-bottom: 10px;
}
.padB0{
padding-bottom: 4px;
}
.padLL{
padding-left: 18px;
}
.padL{
padding-left: 10px;
}
.padRR{
padding-right: 18px;
}
.padR{
padding-right: 10px;
}
.pad{
padding: 10px;
}
.marT2 {
margin-top: 18px;
}
.pad0{ padding: 6px;}
.pad1{ padding: 10px;}
.pad2{ padding: 18px;}
.pad3{ padding: 26px;}
.pad4{ padding: 72px;}
.padT0{ padding-top: 6px; }
.padB0{ padding-bottom: 6px; }
.padL0{ padding-left: 6px; }
.padR0{ padding-right: 6px; }
.padT1{ padding-top: 10px; }
.padB1{ padding-bottom: 10px; }
.padL1{ padding-left: 10px; }
.padR1{ padding-right: 10px; }
.padT1_5{ padding-top: 16px; }
.padB1_5{ padding-bottom: 16px; }
.padL1_5{ padding-left: 16px; }
.padR1_5{ padding-right: 16px; }
.padT2{ padding-top: 18px; }
.padB2{ padding-bottom: 18px; }
.padL2{ padding-left: 18px; }
.padR2{ padding-right: 18px; }
.padT3{ padding-top: 26px; }
.padB3{ padding-bottom: 26px; }
.padL3{ padding-left: 26px; }
.padR3{ padding-right: 26px; }
.padT4{ padding-top: 56px; }
.padB4{ padding-bottom: 56px; }
.padL4{ padding-left: 56px; }
.padR4{ padding-right: 56px; }
.padT5{ padding-top: 72px; }
.padB5{ padding-bottom: 72px; }
.padL5{ padding-left: 72px; }
.padR5{ padding-right: 72px; }
.padT6{ padding-top: 124px; }
.padB6{ padding-bottom: 124px; }
.padL6{ padding-left: 124px; }
.padR6{ padding-right: 124px; }
@media (min-width: 750px) {
.pad0{ padding: 8px;}
.pad1{ padding: 16px;}
.pad2{ padding: 24px;}
.pad3{ padding: 36px;}
.padT0{ padding-top: 8px; }
.padB0{ padding-bottom: 8px; }
.padL0{ padding-left: 8px; }
.padR0{ padding-right: 8px; }
.padT1{ padding-top: 16px; }
.padB1{ padding-bottom: 16px; }
.padL1{ padding-left: 16px; }
.padR1{ padding-right: 16px; }
.padT2{ padding-top: 24px; }
.padB2{ padding-bottom: 24px; }
.padL2{ padding-left: 24px; }
.padR2{ padding-right: 24px; }
.padT3{ padding-top: 36px; }
.padB3{ padding-bottom: 36px; }
.padL3{ padding-left: 36px; }
.padR3{ padding-right: 36px; }
}
@media (max-width: 750px) {
.padT4 {
padding-top: 38px;
}
}
.padT108{ padding-top: 108px; }
.padT110{ padding-top: 110px; }
.padB110{ padding-bottom: 110px; }
.padL110{ padding-left: 110px; }
.padR110{ padding-right: 110px; }
.padL400{ padding-left: 400px; }
.padR400{ padding-right: 400px; }
.mL100 { margin-left: 100px; }
.mR100 { margin-right: 100px;}
.mR50 { margin-right: 50px; }
.mR24 { margin-right: 24px; }
.mLR0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 850px) {
.hero_slide .mL100 { margin-left: 0; }
.hero_slide .mR100 { margin-right: 0; }
}
@media (max-width: 650px) {
.mL100 { margin-left: 0; }
.mR100 { margin-right: 0; }
.mR50 { margin-right: 0; }
}
/*!---------------------*/
/*! Text Sizes */
/*!---------------------*/
.txt_8, .txt_8 p{ font-size: .8rem; }
.txt_9, .txt_9 p{ font-size: .9rem; }
.txt_10, .txt_10 p{ font-size: 1.0rem; }
.txt_11, .txt_11 p{ font-size: 1.1rem; }
.txt_12, .txt_12 p{ font-size: 1.2rem; }
.txt_13, .txt_13 p{ font-size: 1.3rem; }
.txt_14, .txt_14 p{ font-size: 1.38rem; }
.txt_15, .txt_15 p{ font-size: 1.5rem; }
.txt_16, .txt_16 p{ font-size: 1.6rem; }
.txt_17, .txt_17 p{ font-size: 1.7rem; }
.txt_18, .txt_18 p{ font-size: 1.8rem; }
.txt_19, .txt_19 p{ font-size: 1.9rem; }
.txt_20, .txt_20 p{ font-size: 2.0rem; }
.txt_21, .txt_21 p{ font-size: 2.1rem; }
.txt_22, .txt_22 p{ font-size: 2.2rem; }
.txt_23, .txt_23 p{ font-size: 2.3rem; }
.txt_24, .txt_24 p{ font-size: 2.4rem; }
.txt_26, .txt_26 p{ font-size: 2.6rem; }
.txt_28, .txt_28 p{ font-size: 2.8rem; }
.txt_30, .txt_30 p{ font-size: 3.0rem; line-height: 3.0rem}
.txt_33, .txt_33 p{ font-size: 3.3rem; line-height: 3.3rem}
.txt_40, .txt_40 p{ font-size: 4.0rem; }
.p16, .p16 p{
font-size: 1.6rem;
line-height: 2.4rem;
}
.p18, .p18 p{
font-size: 1.8rem;
line-height: 2.6rem;
}
.p20, .p20 p{
font-size: 2.0rem;
line-height: 2.8rem;
}
@media (max-width: 991px) {
.txt_24, .txt_24 p{ font-size: 2rem; }
.txt_22, .txt_22 p{ font-size: 1.8rem; }
.txt_30, .txt_30 p{ font-size: 2.0rem; line-height: 2.0rem}
.txt_33, .txt_33 p{ font-size: 2.3rem; line-height: 2.3rem}
}
/*!---------------------*/
/*! Background Colors */
/*!---------------------*/
.bg_white{
background-color: white;
}
.bg_grey5{
background-color: #fbfbfa;
}
.bg_grey4{
background-color: #f7f8f9;
}
.bg_grey3{
background-color: #F3F3F3;
}
.bg_grey2{
background-color: #ECECEC;
}
.bg_grey1{
background-color: #f1f1f1;
}
.bg_grey0{
background-color: #FBFBFB;
}
.bg_green{
background-color: #68923E;
}
.bg_gold{
background-color: #F0B31F;
}
.bg_blue{
background-color: #5CC3E9;
}
.bg_brown{
background-color: #855B4B;
}
.bg_red{
background-color: #E84923;
}
.bg_yellow{
background-color: #F0B31F;
}
/*!---------------------*/
/*! Text Colors */
/*!---------------------*/
a{
color: #a0814d;
}
a.next{
color: #565658;
}
.txt_white{
color: white;
}
.txt_black{
color: #565658;
}
.txt_grey1{
color: #908f8f;
}
.txt_grey2, .txt_grey2 > p, .txt_grey2 > p > a{
color: #787878;
}
.txt_grey2, .txt_grey2 > p, .txt_grey2 > p > a:hover {
color: #565658;
}
.txt_grey3{
color: #dddddd;
}
.txt_grey4, .txt_grey4 a {
color: #b1b1b1;
}
.txt_grey5 {
color: #878787
}
.txt_grey6 {
color: #6b6967
}
a:hover .txt_grey4, .span5 a:hover {
color: #fff;
transition: 0.6s;
}
.txt_creme{
color: #e5dccd;
}
.txt_creme2 {
color: #c5b8a3;
}
.txt_red{
color: #E84923;
}
.txt_sand{
/* color: #ccc0aa; */
color: #a0814d;
}
.txt_gold{
background-color: #F0B31F;
}
.txt_sand2 {
color: #baa787;
}
/*!---------------------*/
/*! Button */
/*!---------------------*/
.button, .button_gold, .button_grey, .button_black, .button_filled,
.button_outline_white, .button_filled2 {
display: inline-block;
height: 68px;
padding: 0 40px;
color: white;
text-align: center;
font-size: 1.0rem;
text-transform: uppercase;
font-weight: 400;
line-height: 64px;
letter-spacing: .2rem;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 0px;
border: 1px solid #E6D9C4;
cursor: pointer;
box-sizing: border-box;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.hero_slide .button {
margin-top: 24px;
}
.button:hover {
background-color: rgba(255, 255, 255, 0.3);
color: white;
}
.button.serif {
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
}
.button_gold {
color: #E6D9C4;
/* font-size: 1.2rem; */
margin-top: 24px;
}
.button_filled {
background-color: #d9cab4;
height: 64px;
line-height: 60px;
min-width: 180px;
}
.button_filled2 {
background-color: #e5dccd;
height: 64px;
line-height: 60px;
color: #565658;
font-weight: 500;
font-size: 12px;
padding: 0 24px;
letter-spacing: 2px;
}
.button_grey, .button_grey_sm {
color: #999999;
margin-top: 24px;
height: 65px;
padding: 0 32px;
}
.button_black{
color: #565658;
margin-top: 24px;
height: 65px;
padding: 0 32px;
border: 1px solid #999999;
}
.button_creme {
color: #cac0b0;
/*
height: 36px;
line-height: 36px;
margin-top: 24px;
padding: 0 32px;
*/
}
.button_white {
color: #fff;
border: 1px solid #fff;
background: rgba(255,255,255, 0.15);
}
.button_white_nobg {
color: #fff;
border: 1px solid #fff;
background: transparent;
}
.button_outline_white {
color: #565658;
border: 1px solid #fff;
background: rgba(255,255,255, 0.15);
}
.button_outline_white:hover,
.button_white_nobg:hover {
color: #565658;
}
.button_black:hover {
background-color: rgba(160, 129, 77, 0.5);
border: 1px solid rgba(160, 129, 77, 0.3);
color: #fff;
}
.button_filled:hover {
background-color: rgba(217, 202, 180, 0.5);
border: 1px solid #d9cab4;
color: #b19e83;
}
.button_filled2:hover {
background-color: rgba(217, 202, 180, 0.5);
border: 1px solid #565658;
color: #565658;
}
.button_grey:hover, .button_creme:hover {
background-color: rgba(255, 255, 255, 0.3);
color: #565658;
}
.button_link:not(:last-of-type) {
padding-right: 36px;
}
button, .button {
margin-bottom: 0;
}
@media (max-width: 550px) {
.inqu_form .button_gold {
float: none;
margin: 0 auto;
text-align: center;
display: block;
}
}
/*!---------------------*/
/*! Header */
/*!---------------------*/
.heading{
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
}
.heading .underline{
width: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 24px;
background-color: #d7d9d9;
margin-bottom: 24px;
}
.header{
height: 173px;
text-align: center;
}
.journal_header {
height: 192px;
}
.logo{
width: 235px;
opacity: .86;
}
.logo_photo .logo {
opacity: .6;
}
.logo_photo_white .logo {
opacity: 1;
}
.logo_photo{
position: absolute;
right: 0;
top: 0;
margin: 58px;
z-index: 3;
}
.head_top{
padding-top: 30px;
height: 56px;
}
.head_top .head_top_left,
.head_top .head_top_right{
display: block;
}
.nav .head_top_left,
.nav .head_top_right{
display: none;
}
.head_top_right .join, .head_top_right .search{
font-size: 12px;
letter-spacing: 1.5px;
margin-top: -2px;
}
.join_field, .search_field{
margin-top: -6px;
margin-left: 10px;
width: 120px;
height: 20px;
}
.join_field input, .search_field input{
border: 1px solid #D7D9D9;
width: 120px;
height: 20px;
font-style: italic;
font-size: 12px;
letter-spacing: 1.5px;
}
.join_field input::-webkit-input-placeholder{
color: white !important;
}
.join_field input:-moz-placeholder {
color: white !important;
opacity: 1;
}
.join_field input::-moz-placeholder {
color: white !important;
opacity: 1;
}
.join_field input:-ms-input-placeholder {
color: white !important;
}
.head_soc {
padding-right: 20px;
}
.contact_list_social > a > div.head_soc {
padding: 0 10px;
}
.head_soc .ss-icon{
font-size: 10px;
}
.head_top_left .login{
margin-top: -7px;
}
.underline{
width: 100%;
height: 1px;
background-color: #EDE4D6;
}
.header .underline.u1{
margin-top: 28px;
}
.header .underline.u1.journal_underline{
margin-top: 0;
}
.header .underline.u2,
.header .underline.u3{
display: none;
}
.underline_black {
width: 50px;
margin-top: 24px;
background-color: #6b6967;
margin-bottom: 24px;
height: 1px;
}
.nav{
margin-top: 17px;
}
.nav_item{
font-size: 11px;
letter-spacing: 2px;
margin-right: 40px;
}
.nav_item:last-child{
margin-right: 0px;
}
.nav_item a{
color: #565658;
}
.nav_item a:hover {
color: #a0814d;
}
.photo_menu {
display: none;
background-color: #fff;
width: 355px;
height: 750px;
position: absolute;
z-index: 4;
padding: 150px 58px;
}
/*
.faq .photo_menu {
height: 565px;
}
*/
.photo_menu .nav, .photo_menu .nav_items {
margin: 40px 0;
}
.photo_menu .nav_item {
padding: 11px 0;
}
@media (max-width: 840px) {
.head_top_right .join, .head_top_right .search{
display: none;
}
.join_field input::-webkit-input-placeholder{
color: #999999 !important;
}
.join_field input:-moz-placeholder {
color: #999999 !important;
opacity: 1;
}
.join_field input::-moz-placeholder {
color: #999999 !important;
opacity: 1;
}
.join_field input:-ms-input-placeholder {
color: #999999 !important;
}
}
@media (max-width: 700px) {
.header{
height: auto;
}
.head_top .head_top_right,
.head_top .head_top_left{
display: none;
}
.nav .head_top_left{
float: none;
display: inline-block;
margin-top: 0px;
}
.nav .head_top_left .login{
}
.nav .head_top_right{
float: none;
display: block;
}
.nav .head_top_right .join_field_cont, .nav .head_top_right .search_field_cont{
display: inline-block;
margin-top: 10px;
}
.nav .join{
display: block;
}
/*
.join_field input::-webkit-input-placeholder{
color: white !important;
}
.join_field input:-moz-placeholder {
color: white !important;
opacity: 1;
}
.join_field input::-moz-placeholder {
color: white !important;
opacity: 1;
}
.join_field input:-ms-input-placeholder {
color: white !important;
}
*/
.nav{
height: 0;
overflow: hidden;
-webkit-transition: height 0.6s;
-moz-transition: height 0.6s;
transition: height 0.6s;
width: 100%;
}
.nav_items{
padding-top: 10px;
padding-bottom: 0px;
}
.nav.in{
height: auto;
}
.head_top_right:last-of-type {
margin-bottom: 30px;
}
.search_field.right.hide {
display: inline-block;
}
.header .nav_item{
float: none;
margin-bottom: 20px;
margin-right: 0;
}
.sub_nav .nav_item {
float: none;
margin-bottom: 20px;
margin-right: 0;
display: block;
}
.sub_nav .nav_item:last-of-type {
margin-bottom: 0;
}
.header .underline.u1{
display: none;
}
.header .underline.u2{
margin-bottom: 20px;
display: block;
}
.header .underline.u3{
margin-top: 14px;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.logo{
margin-bottom: 10px;
}
}
@media(max-width: 600px){
.underline_black {
margin: 16px auto;
}
}
/*!---------------------*/
/*! Hamburger */
/*!---------------------*/
.hamburger {
width: 70px;
height: 80px;
position: absolute;
right: -20px;
top: 0;
display: none;
}
.hamburger-photo {
width: 70px;
height: 80px;
position: absolute;
left: 0px;
top: 0;
display: block;
z-index: 5;
}
.c-hamburger, .c-hamburger-photo {
display: none;
position: absolute;
right: 20px;
overflow: hidden;
margin: 0;
padding: 0;
width: 32px;
height: 32px;
margin-right: 0px;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
}
.c-hamburger-photo {
display: block;
left: 0px;
margin: 52px;
opacity: .6;
}
.c-hamburger:focus, .c-hamburger-photo:focus {
outline: none;
}
.c-hamburger span, .c-hamburger-photo span {
display: block;
position: absolute;
top: 16px;
left: 0px;
right: 0px;
height: 1px;
background: #606060;
}
.faq .c-hamburger-photo span, .faq .c-hamburger-photo span::before,
.faq .c-hamburger-photo span::after, .faq .c-hamburger--htx span::before,
.faq .c-hamburger--htx span::after,
.wedding-tips .c-hamburger-photo span, .wedding-tips .c-hamburger-photo span::before,
.wedding-tips .c-hamburger-photo span::after, .wedding-tips .c-hamburger--htx span::before,
.wedding-tips .c-hamburger--htx span::after,
.investment .c-hamburger-photo span, .investment .c-hamburger-photo span::before,
.investment .c-hamburger-photo span::after, .investment .c-hamburger--htx span::before,
.investment .c-hamburger--htx span::after {
background: #fff;
}
.faq .hamburger-photo.is-active .c-hamburger--htx span::before, .faq .hamburger-photo.is-active .c-hamburger--htx span::after,
.wedding-tips .hamburger-photo.is-active .c-hamburger--htx span::before, .wedding-tips .hamburger-photo.is-active .c-hamburger--htx span::after,
.investment .hamburger-photo.is-active .c-hamburger--htx span::before, .investment .hamburger-photo.is-active .c-hamburger--htx span::after{
background: #606060;
}
.c-hamburger span::before,
.c-hamburger span::after, .c-hamburger-photo span::before,
.c-hamburger-photo span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 1px;
background-color: #606060;
content: "";
}
.c-hamburger span::before, .c-hamburger-photo span::before {
top: -10px;
}
.c-hamburger span::after, .c-hamburger-photo span::after {
bottom: -10px;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.hamburger.is-active .c-hamburger--htx{
}
.hamburger.is-active .c-hamburger--htx span, .hamburger-photo.is-active .c-hamburger--htx span {
background: none;
}
.hamburger.is-active .c-hamburger--htx span::before, .hamburger-photo.is-active .c-hamburger--htx span::before {
top: 0;
transform: rotate(45deg);
}
.hamburger.is-active .c-hamburger--htx span::after, .hamburger-photo.is-active .c-hamburger--htx span::after {
bottom: 0;
transform: rotate(-45deg);
}
.hamburger.is-active .c-hamburger--htx span::before,
.hamburger.is-active .c-hamburger--htx span::after, .hamburger-photo.is-active .c-hamburger--htx span::before,
.hamburger-photo.is-active .c-hamburger--htx span::after {
transition-delay: 0s, 0.3s;
}
@media (max-width: 700px) {
.hamburger{
display: block;
}
.logo{
margin-top: -20px;
}
.logo_photo .logo {
margin-top: 0px;
}
.c-hamburger{
margin-top: 7px;
}
.c-hamburger{
display: inline-block;
-ms-transform: scale(0.85,0.85);
-webkit-transform: scale(0.85,0.85);
transform: scale(0.85,0.85);
opacity: .9;
top: 30px;
position: absolute;
}
.c-hamburger-photo {
margin-left: 28px;
}
.logo_photo {
margin-right: 28px;
}
}
@media (max-width: 510px) {
.head_top{
height: 0px;
}
.logo{
width: 180px;
margin-top: 0px;
}
.c-hamburger{
margin-top: -3px;
}
.c-hamburger{
-ms-transform: scale(0.64,0.64);
-webkit-transform: scale(0.64,0.64);
transform: scale(0.64,0.64);
}
}
/*!---------------------*/
/*! Head Search */
/*!---------------------*/
.head_search{
height: 0;
overflow: hidden;
}
.head_search.active{
height: 90px;
}
.head_search input{
font-size: 30px;
border: none;
text-align: left;
margin-bottom: 0px;
margin-top: 16px;
font-weight: 200;
text-indent: 40px;
padding-left: 0;
}
.head_search .close_search,
.head_search .search_search{
position: absolute;
top: 23px;
width: 30px;
text-align: right;
font-size: 4rem;
color: #d6d6d6;
}
.head_search .close_search{
right: 0;
}
.head_search .search_search{
font-size: 3.1rem;
top: 29px;
left: 0px;
}
/*!---------------------*/
/*! Footer */
/*!---------------------*/
.underline.f1{
margin-top: 50px;
margin-bottom: 30px;
}
.underline.f2{
margin-top: 30px;
margin-bottom: 70px;
}
.foot_L{
width: 49%;
text-align: right;
padding-right: 60px;
}
.foot_R{
width: 50%;
text-align: left;
padding-left: 50px;
}
.footer .mark{
position: absolute;
top: 51px;
width: 20px;
left: 48%;
}
.footer .mark img{
position: absolute;
top: -18px;
}
@media (max-width: 900px) {
.underline.f1{
margin-bottom: 50px;
}
.underline.f2{
margin-top: 30px;
}
.foot_L,
.foot_R{
margin-top: 20px;
padding-right: 20px;
padding-left: 20px;
width: auto;
}
}
@media (max-width: 650px) {
.footer .nav_item{
margin-right: 20px;
}
.footer .nav_item:last-child{
margin-right: 0;
}
}
@media (max-width: 450px) {
.footer .nav_item{
float: none;
display: block;
margin-right: 0;
margin-top: 20px;
}
.foot_L{
margin-top: 80px;
}
.foot_L,
.foot_R{
display: block;
width: 100%;
text-align: center;
}
}
/*!---------------------*/
/*! Home Swiper */
/*!---------------------*/
.hero_slide.container {
position: absolute;
right: 0px;
left:0px;
top: 0;
bottom: 0;
}
.cwrap{
position: relative;
width: 100%;
height: 100%;
right: 0px;
left:0px;
top: 0;
bottom: 0;
}
.hero_slide .txt_cont {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
display: table;
padding: 0 30px;
}
.hero_slide .txt_cont_r {
position: absolute;
height: 100%;
left: 0;
top: 0;
bottom: 0;
display: table;
padding: 0 30px;
}
.hero_slide .txt_cont_l {
position: absolute;
height: 100%;
right: 0px;
top: 0px;
bottom: 0px;
margin-right: -1px;
left: 65%;
display: table;
padding: 0 30px;
}
.hero_slide .txt {
display: table-cell;
vertical-align: middle;
}
.home_swiper{
margin-top: 0px;
position: relative;
overflow: hidden;
background-color: white;
}
.swiper-slide{
overflow: hidden;
}
@media (max-width: 850px) {
.hero_slide .txt_cont_l {
left: inherit;
}
}
.grid_3{
width: 33%;
margin-right: .499%;
margin-bottom: .499%;
float: left;
position: relative;
}
.grid_3:nth-child(3n+0){
margin-right: 0;
}
.grid_3 .txt{
position: absolute;
left: 0;
right: 0;
top: 50%;
line-height: 0px;
color: white;
font-style: italic;
text-align: center;
letter-spacing: 1.2px;
margin-top: -30px;
}
.port_landing .button.serif,
.home_port .button.serif{
border: 1px solid transparent;
font-size: 14px;
}
.home_port .button.button_white.serif {
border: 1px solid rgba(255,255,255,0.5);
font-size: 19px;
}
.port_landing .button.serif.hover,
.home_port .button.serif.hover{
border: 1px solid #E6D9C4;
}
@media (max-width: 650px) {
.home_port .tr,
.home_port .tc {
display: block;
width: 100%;
padding: 0 30px;
}
.home_port .tc:not(:first-of-type) {
padding: 30px;
}
}
@media (max-width: 500px) {
.grid_3{
width: 100%;
margin-right: 0;
margin-bottom: 6px;
}
.port_landing .grid_3{
height: 250px;
overflow: hidden;
margin-bottom: 6px;
}
.port_landing .grid_3 img{
margin-top: -210px;
}
.home_port.container.w65 {
width: 92%;
}
}
.grid_4{
width: 24.333%;
margin-right: .5%;
margin-bottom: .5%;
float: left;
position: relative;
}
.grid_4:nth-child(4n+0){
margin-right: 0;
}
.grid_4 .txt{
position: absolute;
left: 0;
right: 0;
top: 50%;
line-height: 0px;
color: white;
font-style: italic;
text-align: center;
letter-spacing: 1.2px;
margin-top: -30px;
}
@media (max-width: 500px) {
.grid_4{
width: 100%;
margin-right: 0;
margin-bottom: 6px;
}
}
.home_about{
position: relative;
height: auto;
overflow: hidden;
}
.home_about .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.home_about .txt_cont{
position: absolute;
width: 100%;
height: 100%;
right: 0;
left: 0;
bottom: 0;
display: table;
text-align: center;
}
.home_about.about_kt .txt_cont{
position: absolute;
width: 50%;
height: 100%;
right: 0;
left: auto;
bottom: 0;
display: table;
text-align: left;
}
.home_about .txt_cont.meet_kt_txt_cont {
position: relative;
}
.home_about.duo.background, .home_about.duo.background .img img {
position: relative;
}
.home_about.duo .txt_cont{
position: absolute;
width: 50%;
padding-left: 10%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
display: table;
z-index: 1;
}
.home_about.duo.background .txt_cont{
padding: 0;
}
.home_about .txt{
display: table-cell;
vertical-align: middle;
}
.underline.h1_white{
margin-top: 38px;
margin-bottom: 36px;
background-color: #DAD8D6;
width: 50px;
}
.underline.h1_white.small{
margin: 32px 0;
background-color: #DAD8D6;
width: 50px;
}
.underline.h1_white.pin{
margin: 8px auto;
background-color: #DAD8D6;
width: 50px;
}
.underline_long_t, .underline_long_b {
background-color: #DAD8D6;
width: 150px;
height: 1px;
}
.underline_long_t {
margin: 70px auto 0px;
}
.underline_long_b {
margin: 0 auto 70px;
}
.home_about.duo .img img {
width: 100%;
height: auto;
position: relative;
right: auto;
}
@media (min-width: 1800px) {
.home_about.duo .txt_cont {
padding-left: 15%;
padding-right: 0;
}
}
@media (min-width: 1600px) {
.home_about.duo .container {
right: auto;
left: 20%;
}
}
.home_about, .home_about.duo{
height: 560px;
}
.home_about .img img {
width: auto;
height: 560px;
}
.home_about.portfolio, .home_about.portfolio .img img{
width: 100%;
height: auto;
}
.home_about.duo .img img {
width: auto;
height: 560px;
position: relative;
right: 0;
}
.home_about.port{
height: 660px;
margin-bottom: 6px;
}
.home_about.port .img img {
width: auto;
height: 660px;
}
@media (min-width: 1300px) {
.home_about .img img, .home_about.duo .img img, .home_about.port .img img {
width: 100%;
height: auto;
}
}
@media (max-width: 1400px) {
.home_about.port{
height: 900px;
}
.home_about.port .img img {
width: auto;
height: 900px;
}
}
@media (max-width: 1300px) {
/*
.home_about.portfolio .img img{
width: auto;
height: 560px;
}
*/
/*@media (max-width: 1500px) {
.home_about.background{
height: 490px;
}
}
@media (max-width: 1200px) {
.home_about.background{
height: 400px;
}
.home_about.about_kt .txt_cont{
width: 50%;
}
*/
/*
.home_about.about_kt .img img {
margin-left: -100px;
}
*/
}
@media (max-width: 1000px) {
.home_about.about_kt .txt_cont{
/* width: 55%; */
padding-right: 6%;
}
.home_about.about_kt .img img {
margin-left: -200px;
}
}
@media (max-width: 800px) {
.home_about.about_kt .txt_cont{
/* width: 50%; */
padding-left: 0;
padding-right: 0;
}
.underline.h1_white{
margin-top: 28px;
margin-bottom: 26px;
background-color: #DAD8D6;
width: 50px;
}
.home_about.about_kt .img img {
margin-left: -250px;
}
}
@media (max-width: 850px) {
.home_about.duo.meet-kt .img img {
margin-right: -90px;
}
}
@media (max-width: 700px) {
.home_about.duo.meet-kt .img img {
margin-right: -150px;
}
}
@media (max-width: 600px) {
.home_about.about_kt .txt_cont{
text-align: center;
width: 100%;
}
.underline.h1_white{
margin-left: auto;
margin-right: auto;
}
.kt_row1 .underline.h1_white, .duo .underline.h1_white, .kt_row2 .underline.h1_white {
margin-left: 0;
margin-right: 0;
}
.home_about.duo .txt_cont {
width: 85%;
padding-left: 0;
}
.home_about.about_kt .img img {
margin-left: 0px;
}
}
@media (max-width: 570px) {
.home_about.duo.meet-kt .img img{
margin-right: 0;
}
}
@media (max-width: 550px) {
.meet-kt.img.hide {
display: block;
}
.home_about.duo.meet-kt .img img {
display: none;
}
.home_about.duo .txt_cont .txt_white {
color: #565658;
}
.container.kt_row2.ta.meet-kt .w45 .pic {
padding-bottom: 52px;
}
}
/*!---------------------*/
/*! Portfolio */
/*!---------------------*/
.sub_nav{
padding-top: 16px;
padding-bottom: 20px;
}
.port_landing .button.serif, .home_port .button.serif{
text-transform: none;
font-size: inherit;
font-style: italic;
}
.port_landing_cat .txta{
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0, 0.2);
}
.port_landing_cat .hover_box{
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.85);
}
.port_landing_cat .hover_box.on{
display: block;
}
.port_landing_cat .ta{
width: 100%;
height: 100%;
}
.port_landing_cat .ta .tc{
width: 100%;
height: 100%;
}
.fade {
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 1;
}
.port_dets{
width: 100%;
padding: 60px 30px;
margin-top: 6px;
margin-bottom: 6px;
}
.specs p{
font-size: 1.2rem;
font-style: italic;
}
.specs p strong{
text-transform: uppercase;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
font-size: 1.15rem;
}
.underline.greyL{
margin-top: 33px;
margin-bottom: 10px;
background-color: #cccdce;
width: 50px;
height: 1px;
}
.doub.w49{
width: 50%;
}
.doub.w49:first-child{
padding-right: 3px;
float: left;
}
.doub.w49:last-child{
padding-left: 3px;
float: right;
}
.port_images .single{
margin-top: 6px;
}
.mb6{
margin-bottom: 7px;
}
.mr3{
margin-right: 7px;
}
.ml3{
margin-left: 7px;
}
.w_single {
width: calc(50% - 1px);
}
.w_double {
width: calc(50% - 6px);
}
.home_about.port .txt_cont{
width: 100%;
padding-right: 10%;
padding-left: 10%;
text-align: center;
}
.underline.mini{
background-color: #565658;
opacity: .4;
width: 50px;
}
.underline.mini.mini_white{
background-color: #FFF;
opacity: .4;
width: 50px;
}
@media (max-width: 1300px) {
.home_about.port .meet_kt_txt_cont{
padding: 5%;
}
}
@media (max-width: 1000px) {
.home_about.port > .container.w60 {
width: 80%;
}
.home_about.port .txt_cont{
padding: 5% 10%;
}
.home_about.port .padB2 {
padding: 0;
}
.home_about.port .txt_cont > .txt > div.padB2 > p {
margin-bottom: 0;
}
}
@media (max-width: 1000px) {
.home_about.port > .container.w60 {
width: 100%;
}
}
/*!---------------------*/
/*! about */
/*!---------------------*/
.kt_row1{
}
@media (max-width: 1000px) {
.kt_row1 .txt{
width: 100%;
}
.kt_row2 .txt{
width: 80%;
}
}
@media (max-width: 750px) {
.kt_row1 .w55{
width: 40%;
}
.kt_row1 .w55 .pic{
width: 100%;
}
.kt_row1 .w45{
width: 60%;
}
.kt_row1 .w45 .txt{
padding-top: 40px;
padding-bottom: 40px;
}
.kt_row2 .w55{
text-align: left;
}
.kt_row2 .w55 .txt{
width: 90%;
display: block;
/* margin-left: 0; */
}
.kt_row2 .w45 .pic{
width: 100%;
}
}
@media (max-width: 650px) {
.kt_row2 .w55{
width: 50%;
}
.kt_row2 .w45{
width: 50%;
}
.kt_row2 .w45 .pic{
width: 100%;
}
}
@media (max-width: 550px) {
.kt_row2.ta{
text-align: center;
display: block;
width: 92%;
}
.kt_row2 .tc{
text-align: center;
display: block;
width: 100%;
}
.kt_row2 .w55 .txt{
width: 100%;
}
.kt_row2,
.kt_row2 .tc{
transform: scaleY(-1);
-ms-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
}
}
/*!---------------------*/
/*! about background */
/*!---------------------*/
.background.ta{
direction: rtl;
}
.background .tc{
direction: ltr;
}
.kt_row1.background .w55{
text-align: center;
}
.kt_row1.background .w45{
/* text-align: center; */
}
.kt_row1.background .txt{
width: 80%;
}
.kt_row2.background p {
margin-bottom: 2.5rem;
}
.kt_row2.background p em {
/* padding-top: 40px; */
font-size: 18px;
text-transform: inherit;
color: #908f8f;
}
.kt_row2.background p strong {
/* padding-top: 40px; */
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
font-weight: 300;
}
.kt_row2.background .w55{
/* text-align: center; */
}
.kt_row2.background .w45{
/* text-align: center; */
}
.kt_row2.background .txt{
width: 80%;
}
.home_about.duo.background{
width: 100%;
}
.home_about.duo.background .container{
width: 65%;
left: 0;
right: 0;
}
.home_about.duo.background .txt_white{
color: inherit;
}
.home_about.duo.background .title{
font-size: 13px;
line-height: 20px;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.home_about.duo.background .txt_cont{
width: 100%;
}
.home_about.duo.background .underline{
margin-left: auto;
margin-right: auto;
}
.home_about.duo.background .txt_cont .txt{
text-align: center;
left: 0;
right: 0;
}
.home_about.duo.background .backnews {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
-webkit-column-gap:0;
-moz-column-gap: 0;
column-gap: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
display: inline-block;
}
.home_about.duo.background .backnews {
display: block;
}
.span_div {
line-height: 0.5;
text-align: center;
}
.span_div span {
display: inline-block;
position: relative;
}
.span_div span:before, .span_div span:after {
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid #DAD8D6;
top: 0;
width: 40px;
}
.span_div span:before {
right: 95%;
margin-right: 25px;
}
.span_div span:after {
left: 95%;
margin-left: 25px;
}
@media(max-width: 1250px) {
.kt_row1.background .txt{
width: 85%;
}
}
@media(max-width: 1250px) {
.home_about.duo.background .backnews {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
@media(max-width: 1080px) {
.home_about.duo.background .title{
width: 85%;
}
}
@media(max-width: 1030px) {
.kt_row1.background .txt{
width: 95%;
}
}
@media (max-width: 850px){
.home_about.duo.background .backnews {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media (max-width: 750px){
.kt_row1.background .w55, .kt_row1.background .w45,
.kt_row1.creative-process-and-travel .w55, .kt_row1.creative-process-and-travel .w45, .kt_row1.giving-back .w55, .kt_row1.giving-back .w45, .kt_row1.kind-words .w50{
width: 100%;
}
.kt_row1.kind-words .w50.far_left_pic, .kt_row1.kind-words .w50.far_left_txt {
width:94%;
margin: 0 auto;
}
.kt_row1.background .txt {
padding-bottom: 0;
width: 100%;
}
.kt_row2.background .w45 {
width: 40%;
}
.kt_row2.background .w55 {
width: 60%;
}
.kt_row2.background .txt {
width: 100%;
}
.home_about.duo.background .title {
width: 100%;
}
.home_about.duo.background .txt_cont {
padding: 0;
}
}
@media (max-width: 650px){
.kt_row2.background .w55, .kt_row2.creative-process-and-travel .w55, .kt_row2.giving-back .w55, .kt_row2.giving-back .w45, .kt_row2.giving-back .w45 > .txt{
width: 100%;
}
.kt_row2.giving-back .w45 > .txt {
margin-top: 52px;
}
.kt_row2.background .w45, .kt_row2.creative-process-and-travel .w45 {
display: none;
}
.home_about.duo.background .backnews {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 550px){
.home_about.duo.background {
height: 500px;
}
}
/*!---------------------------------------*/
/*! About Fine Arts Hero + Giving Hero */
/*!---------------------------------------*/
.fine_visit, .giving, .give_back {
position: relative;
height: auto;
overflow: hidden;
}
.fine_visit {
height: 495px;
}
.giving {
height: 440px;
}
.simply_wild {
height: 550px;
}
.give_back {
background-color: #ECE8E5;
height: 470px;
}
.fine_visit .img img{
width: auto;
height: 495px;
}
.give_back .img img{
width: auto;
height: 470px;
}
.giving .img img{
width: auto;
height: 440px;
position: relative;
right: 0;
}
.simply_wild .img img{
width: auto;
height: 550px;
}
.fine_visit .container, .giving .container, .give_back .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fine_visit .txt_cont, .giving .txt_cont, .give_back .txt_cont {
text-align: center;
position: absolute;
width: 100%;
padding-right: 15%;
padding-left: 15%;
height: 100%;
right: 0;
top: 0;
bottom: 0;
display: table;
z-index: 1;
}
.fine_visit .txt, .giving .txt, .give_back .txt{
display: table-cell;
vertical-align: middle;
}
.giving .hero_desc > p:last-child {
text-transform: uppercase;
font-size: 1.0rem;
letter-spacing: 2px;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
}
.col_2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
@media (min-width: 1300px){
.fine_visit .img img, .give_back .img img, .giving .img img, .simply_wild .img img{
width: 100%;
height: auto;
}
}
@media (max-width: 850px) {
.giving-back > .container.w75 {
width: 92%;
}
}
@media (max-width: 750px) {
.fine_visit > .container.w60, .giving > .container.w60 {
width: 100%;
}
.giving .img img {
left: 0;
}
}
@media (max-width: 450px){
.col_2 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
/*!-------------*/
/*! Kind Words */
/*!-------------*/
.kind-words p:first-child {
color: #908f8f;
}
/*!---------------------*/
/*! flex box */
/*!---------------------*/
.flex{
display: flex;
flex-wrap: wrap;
}
.flex .img_100 img{
height: auto !important;
}
.flex_box{
display: flex;
}
.flex_box_in{
display: flex;
flex-direction: column;
width: 100%;
}
.flex_box_in_2{
display: flex;
flex: 1 0 auto;
}
/*!---------------------*/
/*! OLD ECOM */
/*!---------------------*/
#shade {
z-index: 1000;
left: 0px;
top: 0px;
position: absolute;
background-color: white;
opacity: .94;
height: 100%;
width: 100%;
}
.strike {
text-decoration: line-through;
}
.cart_circ{
background-color: #68C8A8;
color: white;
width: 30px;
height: 30px;
margin-top: -5px;
text-align: center;
border-radius: 30px;
-webkit-border-radius: 30px 30px;
-moz-border-radius: 30px 30px;
}
.in_field{
font-size: 13px;
padding: 8px 0px 8px 0px;
text-indent: 8px;
background-color: white;
color: #5e5e5e !important;
border: none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
font-weight: inherit;
}
input, textarea{
font-family: inherit;
color: inherit;
}
.item_line{
height: 2px;
width: 700px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
background-color: #EAEBE7;
}
.item_colors{
margin-top: 8px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.item_color{
padding-left: 10px;
padding-right: 10px;
}
.item_color_swatch{
margin-left: 10px;
margin-right: 10px;
width: 40px;
height: 40px;
border: 2px solid #EAEBE7;
}
.item_sizes{
margin-top: 8px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.item_size_swatch{
margin-left: 10px;
margin-right: 10px;
width: 20px;
height: 20px;
border: 2px solid #EAEBE7;
}
.sizes_table .tc{
border: 1px solid #f8f7f5;
text-align: center;
padding: 12px 34px 12px 34px;
background-color: white;
letter-spacing: 1px;
}
.sizes_table .tr.first .tc{
background-color: #393536;
color: white;
}
.sizes_table .tr.first .tc.first{
background-color: #737172;
}
.sizes_table .tc.first{
background-color: #737172;
}
.sizes_table .tc.first2{
background-color: #E1E1E1;
}
.accord .ss-gizmo{
padding: 0 !important;
margin: 0 !important;
text-align: right;
width: 20px;
font-size: 25px;
}
.shop_line {
border-bottom: 2px solid #EDEDED;
width: 100%;
}
.shop_r_line {
height: 160px;
width: 2px;
background-color: #EDEDED;
}
.shop_sizes{
padding: 11px 20px 9px 20px;
text-align: center;
}
.shopBox{
}
.sizeHit{
background-color: white;
color: #2e2b2b;
}
.sizeNA{
border: 2px solid white;
opacity: .3;
}
.shop_color {
border: 2px solid white;
height: 18px;
width: 18px;
position: relative;
}
#color_name{
width: 180px;
min-height: 2px;
}
.shop_color_white {
height: 16px;
width: 16px;
border: 1px solid #c9c9c9;
margin-top: 2px;
}
.shop_color_hit {
position: absolute;
bottom: -6px;
width: 18px;
height: 1px;
background-color: #355a89;
}
.shop_color_white .shop_color_hit{
bottom: -8px;
left: -1px;
}
.vari_hit{
border-bottom: 2px solid #907d58;
display: inline-block;
margin-bottom: 4px;
}
#checkout select,
#account select,
select.select{
-webkit-appearance: none;
-webkit-background-size: 14px 14px;
background-color: rgba(0, 0, 0, 0);
background-image: url(/images/plus.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
background-size: 14px 14px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-sizing: border-box;
display: inline-block;
color: inherit;
}
#checkout input:-webkit-autofill,
#account input:-webkit-autofill,
input.input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px #F7F7F7 inset;
-webkit-text-fill-color: #333;
}
#checkout input:-webkit-autofill:focus,
#account input:-webkit-autofill:focus,
input.input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 50px white inset;
-webkit-text-fill-color: #333;
}
/*
*::-webkit-input-placeholder {
color: inherit;
font-weight: inherit;
opacity: .5;
}
*:-moz-placeholder {
color: inherit;
font-weight: inherit;
opacity: .5;
}
*::-moz-placeholder {
color: inherit;
font-weight: inherit;
opacity: .5;
}
*:-ms-input-placeholder {
color: inherit;
font-weight: inherit;
opacity: .5;
}
*/
#maginfy{
position: absolute;
z-index: 2;
padding: 10px;
bottom: -5px;
}
#image_zoom{
display:inline-block;
position: relative;
background-color: white !important;
}
#image_zoom img {
display: block;
background-color: white !important;
}
/*
#image_zoom img::selection {
background-color: transparent;
background-color: white !important;
}
*/
#processing {
z-index: 4000;
background-color: rgba(238, 233, 235, 0.9);
left: 0px;
top: 0px;
position: fixed;
height: 100%;
width: 100%;
}
.p_window {
position: fixed;
margin-right: auto;
margin-left: auto;
background-color: white;
width: 420px;
z-index: 4001;
color: inherit;
letter-spacing: 1px;
font-size: 14px;
text-align: center;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.p_window_in {
margin-right: 50px;
padding-top: 40px;
padding-bottom: 20px;
margin-left: 50px;
padding-left: 30px;
padding-right: 30px;
text-transform: none;
}
#cc_type {
width: 50px;
height: 32px;
background: url('/images/cards.png') 0px 0px;
background-size:45px 250px;
background-repeat:no-repeat;
position: absolute;
right: -7px;
top: 26px;
}
#cc_type.visa {
background: url('/images/cards.png') 0px -42px;
background-size:45px 250px;
background-repeat:no-repeat;
}
#cc_type.visa_electron {
background: url('/images/cards.png') 0px -84px;
background-size:45px 250px;
background-repeat:no-repeat;
}
#cc_type.mastercard {
background: url('/images/cards.png') 0px -126px;
background-size:45px 250px;
background-repeat:no-repeat;
}
#cc_type.amex {
background: url('/images/cards.png') 0px -168px;
background-size:45px 250px;
background-repeat:no-repeat;
}
#cc_type.discover {
background: url('/images/cards.png') 0px -210px;
background-size:45px 250px;
background-repeat:no-repeat;
}
/*!---------------------*/
/*! Inquire */
/*!---------------------*/
.inqu_hero{
position: relative;
height: auto;
overflow: hidden;
}
.inqu_hero .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.inqu_hero {
height: 495px;
}
.inqu_hero .img img{
width: auto;
height: 495px;
}
.inqu_hero .txt_cont{
text-align: center;
position: absolute;
width: 100%;
padding-right: 20%;
padding-left: 20%;
height: 100%;
right: 0;
top: 0;
bottom: 0;
display: table;
z-index: 100;
}
.inqu_hero.duo .txt_cont{
position: absolute;
width: 50%;
padding-left: 10%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
display: table;
}
.inqu_hero .txt{
display: table-cell;
vertical-align: middle;
color: #fff;
}
.inqu_underline{
background-color: #fff;
margin: 28px auto;
width: 50px;
height: 1px;
}
.overlay_brown:before {
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(163,158,154, 0.3);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.overlay:before {
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(0,0,0, 0.3);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.overlay:after {
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(255,255,255,0.5);
opacity:0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
z-index: 101;
}
.overlay:hover:after {
opacity:1;
}
.inquire .underline.h1_white {
margin: 30px auto 58px;
}
.grid_4_small{
width: 22.5%;
margin-right: .25%;
margin-left: .25%;
margin-bottom: 1%;
float: left;
position: relative;
}
.grid_4_small:first-child {
margin-left: 4%;
}
.grid_4_small:nth-child(4n+0){
margin-right: 4%;
}
.grid_4_small .txt{
position: absolute;
left: 10%;
right: 10%;
top: 40%;
font-size: 15px;
line-height: 18px;
color: white;
font-style: italic;
text-align: center;
letter-spacing: 1.2px;
z-index: 100;
}
.inqu_form {
font-size: 14px;
letter-spacing: 1.5px;
}
.inqu_form ::-webkit-input-placeholder {
color: #787878;
}
.inqu_form :-moz-placeholder { /* Firefox 18- */
color: #787878;
}
.inqu_form ::-moz-placeholder { /* Firefox 19+ */
color: #787878;
}
.inqu_form :-ms-input-placeholder {
color: #787878;
}
.inqu_div {
padding-top: 154px;
padding-bottom: 15px;
}
.inqu_ques {
display: inline-block;
font-size: 1.4rem;
letter-spacing: 1.5px;
margin-bottom: 0;
}
.inqu_form input[type="email"],.inqu_form input[type="number"], input[type="search"],.inqu_form input[type="text"],.inqu_form input[type="tel"],.inqu_form input[type="url"], input[type="password"], .inqu_form textarea, .inqu_form select {
height: 54px;
padding: 0;
background-color: #fff;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
text-indent: 0;
border-bottom: 2px solid #eceded;
font-size: 14px;
letter-spacing: 1.5px;
}
.inqu_form textarea {
border: 1px solid #D7D9D9;
height: 200px;
width: 100%;
padding: 5px;
overflow: auto;
outline: none;
resize: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button_planner {
display: inline-block;
height: 54px;
padding: 0 20px;
text-align: center;
line-height: 38px;
text-decoration: none;
white-space: nowrap;
border-radius: 2px;
border: none;
cursor: pointer;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
color: #565658;
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
overflow-x: hidden;
background-color: #FFFFFF;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0;
}
.button_planner:active, .button_planner:focus {
border-bottom: 1px solid #565658;
border-radius: 0;
}
.hide-radio + label {
display: inline-block;
margin: 0 20px;
text-align: center;
text-decoration: none;
white-space: nowrap;
border: none;
cursor: pointer;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
color: #565658;
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
overflow-x: hidden;
background-color: #FFFFFF;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0;
}
.hide-radio:checked + label {
border-bottom: 1px solid #565658;
border-radius: 0;
}
div.thanks {
display: none;
background-color: white;
z-index: 100;
position: fixed;
padding:0;
margin:0;
top:0;
right:0;
bottom:0;
left:0;
width: 100%;
height: 100%;
}
.tCell {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 1315px){
.inqu_hero .img img{
width: 100%;
height: auto;
}
}
@media (max-width: 1290px) {
.inqu_details .w48 {
width: 47.9%;
}
}
@media (max-width: 1232px) {
.inqu_details .w48 {
width: 47.8%;
}
}
@media (max-width: 1175px) {
.inqu_details .w48 {
width: 47.7%;
}
}
@media (max-width: 1123px) {
.inqu_details .w48 {
width: 100%;
}
.inqu_details .w50 {
width: 45%;
}
.inqu_details .w50:nth-of-type(2) {
margin-left: 55px;
}
}
@media (max-width: 950px) {
.inqu_hero .txt_cont{
padding-left: 0;
padding-right: 0;
}
.grid_4_small, .grid_4_small:first-child, .grid_4_small:nth-child(4n+0) {
width: 49%;
margin: 0.5%;
display: inline-block;
}
}
@media (max-width: 850px){
.emails.container {
width: 85%;
}
}
@media (max-width: 700px) {
.inqu_hero, .inqu_hero .img img{
height: 400px;
}
.inqu_hero .txt_cont{
padding-left: 10%;
padding-right: 10%;
}
.grid_4_small .txt{
font-size: 1.3rem;
line-height: 17px;
}
}
@media (max-width: 650px){
.emails .container.w50:nth-of-type(2){
margin-top: 65px;
}
}
@media (max-width: 600px) {
.inqu_ques {
display: block;
}
.hide-radio + label:first-of-type {
margin: 20px 20px 0 0;
}
.inqu_details .w50 {
width: 100%;
}
.inqu_details .w50:nth-of-type(2) {
width: 95%;
margin: 36px 0 0 10px;
}
.inqu_details .mW100 {
margin: 0 auto;
}
}
@media (max-width: 414px) {
.grid_4_small, .grid_4_small:first-child, .grid_4_small:nth-child(4n+0) {
width: 100%;
margin: 2.5% auto;
display: inline-block;
}
.inqu_details .w50:nth-of-type(2) {
width: 100%;
margin: 36px 0 0 0;
}
}
/* JOURNAL */
.sixteen-nine {
position: relative;
}
.sixteen-nine:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.sixteen-nine > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.iframe16x9 iframe{
width: 100%;
height: 100%;
}
.vertical-box {
display: table;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 70%;
height: 200px;
}
.jour_message p {
font-size: 1.2rem;
letter-spacing: 2px;
line-height: 1.5rem;
margin: 0;
padding: 0;
}
.jour_txt {
height: 410px;
position: relative;
display: table;
margin: 0 auto;
background-color: #F3F3F3;
margin-bottom: 6px;
}
.jour_txt .txt_cont{
display: table-cell;
vertical-align: middle;
padding: 0 100px;
}
.jour_txt .txt_cont h2 {
letter-spacing: .25rem;
font-weight: 300;
}
h2 {
font-weight: 300;
}
.jour_loc {
font-size: 1.0rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .2rem;
text-decoration: none;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
color: #c0b197;
}
.more {
margin: 50px auto;
color: #919191;
}
.more:hover {
color: #c0b197;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.posts {
background-color: #FFF;
margin: 0 auto;
box-sizing: border-box;
/* min-height:550px; */
width: 100%;
content: "";
display: table;
clear: both;
padding-bottom: 7%;
}
.posts .underline.h1_white {
margin: 30px auto 58px;
}
.grid_insta {
display: inline-block;
margin-bottom: .5%;
width: calc(25% - 6px);
margin-right: 4px;
text-decoration: none;
color: black;
}
.grid_insta:nth-of-type(2n) {
/* margin-right: .5%; */
}
.grid_insta:nth-of-type(4n) {
margin-right: 0;
}
.grid_posts{
display: none;
text-decoration: none;
position: relative;
margin-bottom: .5%;
width: calc(25% - 5px);
margin-right: 4px;
text-decoration: none;
}
.grid_posts:nth-of-type(2n) {
/* margin-right: .5%; */
}
.grid_posts:nth-of-type(4n) {
margin-right: 0;
}
.grid_posts .txta{
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0, 0.2);
}
.grid_posts .hover_box{
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.85);
}
.grid_posts .hover_box.on{
display: block;
}
.grid_posts .ta{
width: 100%;
height: 100%;
}
.grid_posts .ta .tc{
width: 100%;
height: 100%;
}
/*
.grid_posts:nth-of-type(3n) {
margin-right: 0;
}
*/
.grid_posts .txt{
position: absolute;
left: 0;
right: 0;
top: 50%;
line-height: 0px;
color: white;
font-style: italic;
text-align: center;
letter-spacing: 1.2px;
margin-top: -30px;
}
/*
.grid_posts:hover {
background:rgba(255,255,255,0.5);
opacity:0.5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
*/
.back_posts#instagram_posts {
background-color: #FFF;
min-height: 475px;
padding-bottom: 0;
}
.posts .back_posts {
height: auto;
}
#instagram_posts, #wedding_posts {
background-color: #F1F1F1;
}
a .insta_link {
color: #565658;
transition: 0.6s;
}
a .insta_link:hover {
color: #a0814d;
}
@media (max-width: 850px) {
.grid_insta, .grid_posts {
width: calc(50% - 4px);
}
.grid_insta:nth-of-type(odd), .grid_posts:nth-of-type(odd) {
margin-right: 5px;
}
.grid_insta:nth-of-type(even), .grid_posts:nth-of-type(even) {
margin-right: 0;
}
}
@media (max-width: 550px) {
.grid_insta, .grid_posts {
margin-right: 0;
}
}
@media (max-width: 1200px) {
.jour_txt .txt_cont{
padding: 0 80px;
}
}
@media (max-width: 1050px) {
/*
.instas {
width: 100%;
}
*/
.jour_txt .txt_cont{
padding: 0 50px;
}
}
@media (max-width: 950px) {
.jour_txt .txt_cont{
padding: 0 30px;
}
}
@media (max-width: 850px) {
.jour_txt .txt_cont{
padding: 0 20px;
}
.instas {
width: 85%;
}
.toTop {
display: none;
}
.jour_txt .txt_cont{
padding: 0 30px;
}
}
@media (max-width: 768px) {
.jour_txt .txt_cont .padT3{
padding-top: 0;
}
}
@media (max-width: 650px) {
.bgFadeImageJournal {
width: 100% !important;
}
.jour_txt {
height: auto;
padding: 72px 30px;
}
}
@media (max-width: 500px) {
.instas {
width: 70%;
}
.grid_insta, .grid_posts {
width: 100%;
margin-right: 0;
}
}
/* Our Story Images */
.our_story {
position: relative;
overflow: hidden;
width: auto;
height: 480px;
margin: 0 auto 6px;
}
.our_story .container {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.our_story .img img {
width: auto;
height: 480px;
}
.our_story .txt {
display: table-cell;
vertical-align: middle;
}
.our_story .txt_cont {
height: 100%;
display: table;
margin: 0 auto;
text-align: center;
}
@media (min-width: 1300px){
.our_story .img img {
/* width: 100%; */
height: auto;
}
}
/* Journal Details */
.jour_about, .jour_quote {
position: relative;
overflow: hidden;
width: auto;
/* height: 560px; */
}
.jour_about .container, .jour_quote .container {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.jour_quote .img img, .jour_about .img img{
/* width: auto; */
/* height: 560px; */
width: 100%;
height: auto;
}
.jour_about .txt, .jour_quote .txt {
display: table-cell;
vertical-align: middle;
}
.jour_about .txt_cont, .jour_quote .txt_cont {
height: 100%;
display: table;
margin: 0 auto;
text-align: center;
}
.jour_dets{
width: 100%;
margin: 6px auto;
padding: 60px 200px;
}
.jour_dets h2 {
font-size: 2.3rem;
}
.jour_quote {
position: relative;
overflow: hidden;
height: auto;
margin: 0 auto 6px;
color: #676767;
}
.creative.jour_quote {
color: #FFF;
height: 360px;
}
.jour_quote .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.quote > p:first-child:before {
content: "“"
}
.quote > p:first-child:after {
content: "”"
}
.newspaper p {
font-size: 1.38rem;
line-height: 2rem;
orphans: 7;
}
.jour_image {
height: 410px;
background-position: inherit;
}
.jour_images .single{
margin-top: 6px;
}
.sub_nav_jour {
position: absolute;
width: 100%;
z-index: 100;
background: rgba(255,255,255, 0.8);
}
@media (min-width: 1300px){
.jour_about .img img, .jour_quote .img img{
width: 100%;
height: auto;
}
}
@media (max-width: 1200px) {
.jour_about .txt_cont{
width: 50%;
}
}
@media (max-width: 1000px) {
.jour_about .txt_cont{
width: 55%;
padding-right: 6%;
}
.jour_about.port .img img{
width: auto;
height: 660px;
}
}
@media (max-width: 900px) {
.jour_quote , .jour_quote .img img{
width: auto;
height: 360px;
}
}
@media (max-width: 800px) {
.jour_about .txt_cont{
width: 50%;
}
.jour_dets {
padding: 60px 140px;
}
.jour_quote .txt .quote p, .our_story .txt p {
padding: 0 35px;
line-height: 2.8rem;
}
.jour_quote > .container.w40 {
width: 75%;
}
}
@media (max-width: 600px) {
.jour_about .txt_cont{
text-align: center;
width: 100%;
padding-left: 10%;
padding-right: 10%;
}
.jour_dets {
padding: 60px 90px;
}
}
@media (max-width: 500px) {
.jour_dets {
padding: 60px 20px;
}
.jour_quote > .container.w40 {
width: 100%;
}
.jour_quote .txt .quote p, .our_story .txt p, .quote p {
font-size: 16px;
line-height: 24px;
}
}
#wedding_posts.grid_360{
display: none;
}
/*
#wedding_posts {
min-height: 650px;
padding-bottom: 100px;
}
*/
.grid_360{
display: none;
width: 25%;
padding-right: .499%;
float: left;
position: relative;
}
.grid_360:nth-child(3n+0){
margin-right: 0;
}
.grid_360 .txt{
position: absolute;
left: 0;
right: 0;
top: 50%;
line-height: 0px;
color: white;
font-style: italic;
text-align: center;
letter-spacing: 1.2px;
margin-top: -30px;
}
.grid_360:hover {
background:rgba(255,255,255,0.5);
opacity:0.5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.land_row {
display:none;
max-width: 1200px;
margin: 0 auto;
}
.toTop {
position: fixed;
bottom: 250px;
right: 20px;
}
.toTop a, .toTop2 a, .toTop3 a{
display: none;
}
#loadMore {
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
@media (max-width: 650px) {
.posts_row.mAuto.w85 {
width: 70%
}
}
/*!----------------------------------*/
/*! Investment + FAQ + Engagement */
/*!----------------------------------*/
.hero.wedding_collections, .engagement .hero, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .engagement .span1, .engagement .span2 {
position: relative;
height: auto;
overflow: hidden;
}
.engagement .hero {
height: 750px;
}
.span1, .span2, .span3, .span1 .img img, .span2 .img img, .span3 .img img {
height: 475px;
}
.engagement .span2 {
height: 400px;
}
.engagement .span1 {
height: 300px;
}
.span4, .span4 .img img {
height: 515px;
}
.span5, .span5 .img img {
height: 455px;
}
.span6, .span6 .img img, .span7, .span7 .img img {
height: 385px;
}
.hero.wedding_collections .container, .span1 .container, .span2 .container, .span3 .container, .span4 .container, .span5 .container, .span6 .container, .span7 .container, .engagement .hero .container, .engagement .span1 .container, .engagement .span2 .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.hero.wedding_collections .txt_cont, .span1 .txt_cont, .span3 .txt_cont, .span6 .txt_cont, .span7 .txt_cont, .engagement .hero .container .txt_cont, .engagement .span1 .txt_cont, .engagement .span2 .txt_cont {
position: absolute;
height: 100%;
right: 0;
top: 0;
bottom: 0;
display: table;
width: 100%;
padding-right: 15%;
padding-left: 15%;
z-index: 1;
}
.span5 .txt_cont {
position: absolute;
height: 100%;
right: 0;
top: 0;
bottom: 0;
display: table;
width: 100%;
z-index: 1;
}
.span4 .txt_cont{
position: absolute;
height: 100%;
right: inherit;
display: table;
width: 38%;
z-index: 1;
}
.hero.wedding_collections .txt, .span1 .txt, .span3 .txt, .span4 .txt, .span5 .txt, .span6 .txt, .span7 .txt, .engagement .hero .container .txt,.engagement .span1 .txt, .engagement .span2 .txt {
display: table-cell;
vertical-align: middle;
}
.span4 em {
text-transform: inherit;
font-size: 16px;
letter-spacing: 1px;
}
.collection h2 em {
text-transform: capitalize;
font-size: 17px;
letter-spacing: 1px;
}
.span4 em:not(:first-child) {
font-size: 14px;
}
.span4 strong, .carte strong, .intimate strong {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #787878;
margin: 10px 0;
letter-spacing: 1.5px;
}
.carte p {
line-height: 2.2rem;
}
.span4 p, .collection p {
margin: 10px 0 5px;
}
.span4 p:first-of-type {
padding-bottom: 20px;
}
.span4 p:nth-of-type(5), .collection p:last-of-type, .intimate p:last-of-type {
margin-top: 35px;
}
.hero.wedding_collections .img img {
width: auto;
position: relative;
right: 0;
}
.engagement .hero .img img {
width: auto;
height: 750px;
position: relative;
left: 0;
}
.span1 .img img, .span2 .img img, .span3 .img img, .span4 .img img, .span6 .img img, .span7 .img img, .engagement .span1 .img img, .engagement .span2 .img img {
width: auto;
position: relative;
left: 0;
}
.engagement .span2 .img img {
left: auto;
right: 0;
}
.span5 .img img {
width: auto;
position: relative;
right: 0;
}
.contact_list > p {
display: inline;
}
.inline > p:not(:last-of-type):after {
content: "|";
padding: 0 20px;
}
.tips p:last-of-type {
padding-top: 10px;
}
.tips h2 em {
text-transform: capitalize;
}
.tips p em, .time p em {
text-transform: inherit;
font-size: 16px;
color: #a0814d;
}
.time p:first-of-type {
padding-bottom: 20px;
}
.engagement ul {
list-style: none;
width: 50%;
margin: 0 auto;
}
.time ul {
list-style: none;
width: 100%;
margin: 0;
}
.engagement ul li {
font-family: "Quarto A", "Quarto B";
font-style: normal;
font-weight: 300;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
padding: 5px 0;
}
.engagement ul li:before {
content: "\00B7";
padding-right:5px;
font-size: 20px;
}
.engagement .span2 p em {
text-transform: inherit;
}
.engagement .span2 p:last-of-type {
text-transform: uppercase;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-size: 11px;
letter-spacing: 1px;
}
@media (min-width: 1300px){
.hero.wedding_collections .img img, .span1 .img img, .span2 .img img, .span3 .img img, .span4 .img img, .span5 .img img, .span6 .img img, .span7 .img img, .engagement .hero .img img, .engagement .span1 .img img, .engagement .span2 .img img{
width: 100%;
height: auto;
}
}
@media (max-width: 1100px){
.engagement .padL110 {
padding-left: 0;
}
}
@media (max-width: 1000px){
.padL110 {
padding-left: 40px;
padding-right: 40px;
}
.engagement .span2 .img img {
left: 0;
right: auto;
}
}
@media (max-width: 900px){
.span5 .container {
width: 85%;
}
.engagement ul {
width: 75%;
}
}
@media (max-width: 850px){
.span5 .img img {
right: auto;
left: 0;
}
.padL110 {
padding-left: 20px;
padding-right: 40px;
}
}
@media (max-width: 750px){
.span3 .img img {
left: auto;
right: 0;
}
.span3 .container.w50 {
width: 80%;
}
.padL110 {
padding: 0;
}
.investment .w57, .investment .w43, .investment .w62, .investment .w38 {
width: 100%;
}
.investment .ta .tc {
display: block;
}
.engagement_about.ta .tc, .time.ta .tc {
display: block;
margin: 0 auto;
}
.engagement .w57, .engagement .w43, .engagement .w55, .engagement .w40 {
width: 75%;
}
.engagement_about .underline.h1_white {
margin-left: inherit;
margin-right: inherit;
}
.engagement .span2 .txt_cont {
padding-right: 5%;
padding-left: 5%;
}
.investment img {
/* padding-bottom: 108px; */
}
.investment img.signature {
padding-bottom: 0;
}
.investment .txt_L {
text-align: center;
}
.investment .underline.h1_white {
margin-left: auto;
margin-right: auto;
}
#erase1, #erase2, #erase3, #erase4, #erase5, #erase6, #erase7 {
display: none;
}
.blockP0 {
display: block;
padding: 0;
}
.span4 .txt_cont {
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
}
@media (max-width: 650px){
.hero.wedding_collections .txt_cont {
padding-right: 5%;
padding-left: 5%;
}
.contact_list > p {
display: block;
}
.inline > p:not(:last-of-type):after {
content: " ";
padding: 0;
}
.investment .w65, .investment .w70, .investment .w43, .faq .w40 {
width: 85%;
margin: 0 auto;
}
.ml3, .mr3 {
margin: 0 0 7px 0;
}
.w_single, .w_double {
width: 100%;
}
}
@media (max-width: 550px){
.span3 .container.w50 {
width: 90%;
}
}
/*!------------*/
/*! FAQ */
/*!------------*/
.care {
position: relative;
height: auto;
overflow: hidden;
height: 565px;
}
.care .img img{
width: auto;
height: 565px;
position: relative;
/* right: 0; */
}
.care .container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.care .txt_cont {
text-align: center;
position: absolute;
width: 100%;
padding-right: 15%;
padding-left: 15%;
height: 100%;
right: 0;
top: 0;
bottom: 0;
display: table;
z-index: 1;
}
.care .txt{
display: table-cell;
vertical-align: middle;
}
p.accordion {
color: #908f8f;
cursor: pointer;
width: 100%;
border: none;
outline: none;
font-size: 12px;
letter-spacing: 2px;
transition: 0.5s;
padding: 30px 0;
margin: 0 auto;
}
p.accordion.active, button.accordion:hover {
/* background-color: #ddd; */
}
p.accordion:after {
content: '+';
font-size: 20px;
float: right;
/* margin-left: 5px; */
}
p.accordion.active:after {
content: "–";
}
.panel p {
margin-bottom: 30px;
}
div.panel {
padding: 0 20%;
max-height: 0;
overflow: hidden;
/* transition: 0.5s ease-in-out; */
opacity: 0;
}
div.panel.show {
opacity: 1;
max-height: 900px;
text-align: center;
/* width: 70%; */
margin: 0 auto;
color: #908f8f;
}
@media (min-width: 1300px){
.care .img img{
width: 100%;
height: auto;
}
}
@media (max-width: 750px){
.questions.container, div.panel.show{
width: 90%;
}
.line.container{
width: 95%;
}
div.panel, p.accordion {
transition: none;
}
div.panel {
padding: 0 10%;
}
}
/* SEARCH RESULTS */
.search_results .grid_3 {
width: 33%;
margin-right: .499%;
margin-bottom: .499%;
float: left;
position: relative;
}
.search_results .grid_3:nth-child(3n+1) {
margin-right: 0
}
.search_results .txta {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0, 0.2);
}
.search_results .ta, .search_results .ta .tc {
width: 90%;
height: 100%;
margin: 0 auto;
}
.search_results .location {
font-size: 1.0rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .2rem;
text-decoration: none;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
color: #c0b197;
}
.search_results .hover_box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.85);
}
.search_results input {
width: 40%;
border: 1px solid #D7D9D9;
height: 20px;
font-style: italic;
font-size: 13px;
letter-spacing: 1.5px;
padding: 6px 10px;
background-color: #fff;
border-radius: 2px;
box-shadow: none;
box-sizing: border-box;
color: #908f8f;
}
textarea:focus, input:focus{
outline: none;
}
.search_results h2.section:not(:first-of-type) {
margin-top: 24px;
}
@media (max-width: 750px) {
.minRemove750 {
padding: 0;
}
}
@media (max-width: 550px) {
.search_results .grid_3 {
width: 100%;
margin-right: 0;
margin-bottom: 6px;
}
.minRemove {
padding: 0;
}
}
/*!------------------------------------*/
/*! Special Photography Queries */
/*!----------------------------------*/
@media(min-width: 1300px) {
.inqu_hero.hero_photo_extend,
.inqu_hero.hero_photo_extend .img img,
.engagement .span1.hero_photo_extend,
.engagement .span1 .img.hero_photo_extend img,
.investment .span1.hero_photo_extend,
.investment .span1 .img.hero_photo_extend img,
.engagement .hero_photo_extend,
.engagement .img.hero_photo_extend img,
.investment .hero_photo_extend,
.investment .img.hero_photo_extend img,
.engagement .span2.hero_photo_extend,
.engagement .span2 .img.hero_photo_extend img,
.investment .span2.hero_photo_extend,
.investment .span2 .img.hero_photo_extend img,
.engagement .span3.hero_photo_extend,
.engagement .span3 .img.hero_photo_extend img,
.investment .span3.hero_photo_extend,
.investment .span3 .img.hero_photo_extend img,
.engagement .span4.hero_photo_extend,
.engagement .span4 .img.hero_photo_extend img,
.investment .span4.hero_photo_extend,
.investment .span4 .img.hero_photo_extend img,
.engagement .span5.hero_photo_extend,
.engagement .span5 .img.hero_photo_extend img,
.investment .span5.hero_photo_extend,
.investment .span5 .img.hero_photo_extend img,
.creative.jour_quote.hero_photo_extend,
.jour_quote .img.hero_photo_extend img,
.giving.hero_photo_extend,
.giving.hero_photo_extend .img.hero_photo_extend img,
.our_story .img img,
.our_story.hero_photo_extend,
.home_about.portfolio .img img,
.span3 .img.hero_photo_extend img,
.span4 .img.hero_photo_extend img,
.span5 .img.hero_photo_extend img,
.care.hero_photo_extend,
.care .img.hero_photo_extend img,
.home_about.duo.hero_photo_extend,
.home_about.duo .img.hero_photo_extend img,
.home_about.port.hero_photo_extend,
.home_about.port.hero_photo_extend .img.hero_photo_extend img,
.home_about.portfolio.hero_photo_extend .img.hero_photo_extend img, .jour_about.hero_photo_extend,
.jour_about.hero_photo_extend .img.hero_photo_extend img,
.home_about.hero_photo_extend.portfolio,
.home_about.about_kt.hero_photo_extend,
.fine_visit.hero_photo_extend {
height: auto;
width: 100%;
}
}
.siteLK{
position: absolute;
width: 120px;
height: 20px;
bottom: 40px;
right: 0;
text-align: right;
font-size: 14px !important;
}
@media(max-width: 550px) {
.mobile_photo, .mobile_desc {
display: block;
}
.desktop_photo, .desktop_desc {
display: none;
}
}
.jour_wide .share_txt {
padding-left: 0;
}
.padding_next_back {
padding-top: 4px;
}
.next_back span,
.next_back a {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.next_back span:hover,
.next_back a:hover {
color: #a0814d;
}
.legalNav a {
color: #565658;
}
.legalNav a:hover {
color: #a0814d;
}
.legalNav:first-child {
border-right: 1px solid #a8a8a8;
padding-right: 30px;
margin-right: 30px;
height: 0px;
line-height: 20px;
}
.legalNav.hit a {
color: #a0814d;
}
.investment {
font-size: 14px;
letter-spacing: 1px;
}
.investment_desc p strong {
font-size: 30px;
line-height: 1.5;
letter-spacing: .15rem;
font-style: italic;
font-weight: 300;
color: #878787;
}
.booking p strong {
font-size: 21px;
line-height: 1.3;
letter-spacing: .15rem;
font-style: italic;
font-weight: 300;
color: #878787;
}
.booking p:first-of-type {
width: 70%;
margin: 0 auto 36px;
}
.investment_desc p:last-of-type {
padding: 0 20%;
}
.booking p:last-of-type {
margin: 0 auto 36px;
}
.underline.h1_white.small_margin {
margin-top: 24px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
}
.underline.h1_white.smaller_margin {
margin-top: 24px;
margin-bottom: 24px;
}
.black_border {
border: 1px solid #bab9b8;
}
.abs_button {
margin-left: 105px;
margin-top: -180px;
position: absolute;
}
@media(max-width: 1300px){
.abs_button {
margin-left: 8%;
margin-top: -12%;
position: absolute;
}
}
@media(max-width: 1100px){
.abs_button {
margin-left: 0;
margin-top: 5%;
position: relative;
text-align: center;
margin: 0 auto;
width: 100%;
}
}
@media(max-width: 991px){
.carte .ta .tc {
display: block;
width: 100% !important;
}
}
@media(max-width: 750px){
.investment_desc p strong {
font-size: 26px;
line-height: 1.3;
}
.investment_kind_words .w50{
width: 100%;
margin: 0 auto;
}
.investment_kind_words .kt_row1:first-of-type {
margin-top: 56px;
}
.investment_kind_words .kt_row1:last-of-type {
margin-bottom: 56px;
}
.investment_kind_words .w80.padR5 {
padding-right: 0;
}
}
@media(max-width: 650px){
.mW1500.w85,
.w85.investment_kind_words {
width: 92%;
}
.investment .button.button_creme {
margin-bottom: 26px;
}
.investment_desc p:last-of-type {
padding: 0 8%;
}
}
.investment ul li {
list-style-type: none;
padding: 3px 0;
}
.investment ul li ul li:first-of-type {
list-style-type: none;
margin-top: 14px;
}
/* UPDATES 2018 */
.hero_config_old:before {
display: block;
content: "";
width: 100%;
padding-top: 36.75%;
}
.hero_config:before {
display: block;
content: "";
width: 100%;
padding-top: 50.75%;
}
.hero_config.config_small:before {
padding-top: 36.75%;}
.hero_img_config_old,
.hero_img_config {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.home_swiper_parent_config:before {
display: block;
content: "";
width: 100%;
padding-top: 41.75%;
}
.home_swiper_config {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media(max-width: 550px){
.hero_config:before {
padding-top: 166.75%;
}
.hero_config_old:before,
.hero_config.config_small:before {
padding-top: 119.75%;
}
.home_swiper_parent_config:before {
padding-top: 99.75%;
}
}
.port_dets {
margin-top: 0;
}
.specs_new p{
font-size: 1.37rem;
}
.specs_new p strong{
text-transform: uppercase;
font-style: normal;
letter-spacing: 2px;
font-size: 1.1rem;
color: #565658;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
}
.specs_new a {
color: #baa787;
}
.text_desc p {
margin-bottom: 0;
}
@media(max-width: 650px) {
.new_desc .container,
.new.container {
width: 85%;
margin: 0 auto;
}
}
.valign {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.overlay_hero {
background-color: #565658;
opacity: 0.2;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.max_150 {
max-height: 150px;
}
.max_150 img {
width: auto;
margin: 0 auto;
}
.flex_new {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-box-orient: horizontal;
}
.flex_col_25 {
box-sizing: border-box; /* 2 */
max-width: 100%; /* 1 */
-webkit-box-flex: 0 0 calc(25% - 30px); /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0 0 calc(25% - 30px); /* OLD - Firefox 19- */
-webkit-flex: 0 0 calc(25% - 30px); /* Chrome */
-ms-flex: 0 0 calc(25% - 30px); /* IE 10 */
flex: 0 0 calc(25% - 30px);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
.yes_ie .flex_col_25 {
width: calc(25% - 30px);
margin-bottom: 30px;
}
.flex_wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify_between {
-webkit-justify-content: space-between;
-moz-justify-content:space-between;
justify-content: space-between;
}
.align_bottom {
position: absolute;
bottom: 0;
}
.flex-grow-1 {
flex-grow: 1;
}
@media(max-width:991px) {
.flex_col_25 {
-webkit-box-flex: 0 0 100%; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0 0 100%; /* OLD - Firefox 19- */
-webkit-flex: 0 0 100%; /* Chrome */
-ms-flex: 0 0 100%; /* IE 10 */
flex: 0 0 100%;
margin-bottom: 50px;
}
.yes_ie .flex_col_25 {
width: 100%;
margin-bottom: 50px;
}
.flex_col_25:last-of-type
.yes_ie .flex_col_25:last-of-type {
margin-bottom: 0;
}
}
@media(max-width:500px) {
.bgFade95 {
padding-bottom: 68%;
}
}