/* Color palette */
:root {
    --black: #333333;
    --very-light-pink: #f3ebe8;
    --white: #ffffff;
    --mushroom: #bb9682;
    --pale: #ebe0e0;
    --mauve: #a17577;
    --faded-pink: #d1b3b4;
    --brownish: #936b55;
    --black: #000000;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: transparent;}
*{outline:none;border:0;font-weight:normal;}
body{background:#fff;/**-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-text-size-adjust:none;font-family: 'Gotham-normal';**/font-family: 'Gotham-normal';}
ul{margin:0;}
ul li{list-style:none;}
a, a:hover,
a:focus{outline:none;text-decoration:none;/*-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;*/}
.modal-backdrop{background-color: transparent;}
.modal-content{box-shadow: 0 2px 44px 0 rgba(212, 212, 212, 0.5); border: none;}
.close{opacity: 1; margin: 150px 15px 0 0;}
/******Header Section******/
.small-popup .modal-title{    text-transform: uppercase;}
header{padding: 15px 0 39px;}
.navbar-fixed-top{background: #fff;}
.navbar-brand{padding-left: 0;}
.navbar-default{background: transparent; border: none; margin-bottom: 0;}
.navbar-nav li{ float: left; padding-right: 20px;}
.navbar-nav li:last-child{padding-right: 0;}
.navbar-default .navbar-nav li > a{text-transform: uppercase;color: #231f20;font-size: 14px;font-family:'GothamMedium';position: relative;padding: 24px 0 0 0; margin-right: 15px; margin-left: 15px; }
.main-nav.navbar-default .navbar-nav > li > a:hover, .main-nav.navbar-default .navbar-nav > li > a:active, .main-nav.navbar-default .navbar-nav > li > a:focus, .main-nav.navbar-default .navbar-nav > li.active > a,.main-nav.navbar-default .navbar-nav > li.active > a:hover {color: #a17577;  border-bottom: 3px solid #A17577 !important; border: none; opacity: 1; background: transparent;}
/******Home Content Section******/
.main-banner-section{background: #f3ebe8;padding: 47px 0 0;text-align: center;margin-bottom: 327px;}
.main-banner-section h1{font-size: 42px;color: #231f20;float: left;width: 100%;margin: 0 0 50px;font-family: 'MrsEavesItalic'; font-style:italic;}
.banner-btn{background-color: #a17577;border: 1px solid #a17577;width: auto;display: inline-block;font-size: 16px;text-transform: uppercase;color:#a17577; transition: all 0.3s; color: #fff;width: 316px;height: 60px; line-height: 57px;font-family: 'GothamMedium';}
.banner-btn-disabled{background-color: #CCCCCC !important; border: 0px; color: #A7A7A7;}
.banner-btn-disabled:hover, banner-btn-disabled:focus {color: #A7A7A7; }
.banner-btn:hover, .banner-btn:focus{ color: #fff;}
.main-banner-section.calculate-banner-height .banner-btn:hover {background: transparent;color: #a17577;}
.sampleboard-review-section .tour-btn:hover{background-color: #a17577; color: #fff;}
.main-banner-section .image-holder{position: relative;display: inline-block;margin-bottom: -230px;margin-top: 41px;width:100%; max-height: 593px;height: 100%;}
.main-banner-section .image-holder img{width: 100%;}
.sampleboard-users-col{float: left;width: 100%;margin-bottom: 120px;}
h2{font-family: 'Gotham-light';float: left;width: 100%;text-align: center;color: #231f20;font-size: 32px;margin: 0;}
h1{font-family: 'Gotham-light';width: 100%;text-align: center;color: #231f20;font-size: 32px;margin: 0;}
.sampleboard-users-col h2{margin-bottom: 104px;}
.sampleboard-users-col .user-list{padding: 0;}
.sampleboard-users-col .user-list li{margin-bottom: 30px;}
.user-list-wrap {float: left;width: 100%;border: 1px solid #bb9682;padding: 40px 32px;}
.sampleboard-users-col .user-list figure{ float: left; width: 74px; margin-right: 30px;}
.sampleboard-users-col .user-list .content-col{float: left;width: 78%;min-height: 96px; }
.sampleboard-users-col .user-list h4{float: left;width: 100%;color: #282b31;font-size: 20px;font-family:'GothamMedium';margin: 0 0 15px;}
.sampleboard-users-col .user-list p{float: left;width: 100%;color: #936b55;font-size: 21px;font-family: 'MrsEavesItalic';margin: 0;font-style:italic; line-height: 1.19;}
.sampleboard-review-section{float: left;width: 100%;background-color: #f3ebe8;padding: 61px 0 78px;text-align: center;}
.sampleboard-review-section h2{margin-bottom: 30px;}
.sampleboard-review-section  p{margin: 0 auto;font-family: 'MrsEavesItalic';font-style:italic;font-size: 26px;color: #a17577;width: 541px;display: flex;line-height: 27px;}
.sampleboard-review-section .tour-btn{transition: all 0.3s;  width: 300px;  height: 60px;border: 1px solid #a17577;text-transform: uppercase;color: #a17577;font-size: 16px;text-align: center;margin-top: 48px;display: inline-block; padding: 0;line-height: 59px;font-family: 'GothamMedium';}

/** main slider **/
.community-slider-section {float: left;width: 100%; padding-top: 146px; position: relative;}
.community-slider-section h2{ width: 773px; margin: auto; float: none; line-height: 50px;}
.slider-col {float: left; width: 100%; }
.slider-col.slider-nav {padding-top: 104px;}
.slider-col.slider-for{transform: translate3d(0, 0, 0);position: relative;bottom: 66px;z-index: 100;}
.slick-prev, .slick-next{height: 50px; width: 50px; z-index: 9; top: 58%; -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.75); color: transparent; position: absolute; margin-top: -27px;  padding: 0;}
.slick-prev {left: 136px;background:#a17577 url("../images/left-arrow-chevron.png") no-repeat center; }
.slick-next {right: 136px;background:#a17577 url("../images/right-arrow-chevron.png") no-repeat center;}
.slick-slide img {width:100%;}
.designer-info {  width: 720px; margin: auto;  height: 65px;background-color: rgba(255, 255, 255, 0.6);}
.designer-info > img {float: left;width: auto;webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(3.3px);}
.designer-info .designer-bio{float: left; color: #231f20; font-size: 15px; font-family: 'Gotham-extra-light'; padding: 12px 0 13px 10px;  position: absolute;}
.designer-bio img {float: left; width: auto; padding-left: 10px;}
.designer-info .designer-bio h3{font-family:'GothamMedium';color: #231f20; font-size: 15px; display: inline;}
.inner-info{padding-left: 20px;padding-top: 11px;float: left;}
/** testimonial slider **/
.community-slider-section.testimonial-sxn {padding-bottom: 100px; padding-top: 61px;}
.community-slider-section.testimonial-sxn h2{width: 100%;}
.testimonial-sxn .slick-slide img{ width: auto; height: auto; margin: auto; position: absolute;left: 50%;margin-left: -75px;top: -65px; border-radius: 100%; max-width: 125px;}
.testimonial-slider.slider-col{padding-top: 64px;}
.community-stories{ width: 894px;background-color: #f3ebe8; margin: auto; float: none; padding: 100px 100px 51px; margin-top: 64px;position: relative;}
.community-stories.sampleboard-review-section p{width: 100%; font-size: 23px; }
.community-stories.sampleboard-review-section h2{font-size: 16px; font-family:'GothamMedium'; line-height: 20px; margin-bottom: 37px;}
.testimonial-sxn .slick-prev, .testimonial-sxn .slick-next{background:transparent; top: 56%; box-shadow: none;}
.testimonial-sxn .slick-prev { background: url("../images/ic_slider_left.svg") no-repeat center;  }
.testimonial-sxn .slick-next{ background:  url("../images/ic_slider_right.svg") no-repeat center;}
.testimonial-sxn .slick-prev {left: 0;}
.testimonial-sxn .slick-next {right: 0;}
.community-slider-section .slick-slide img { height: auto;}
.slider-col.slider-nav .slick-slide img {width: 80%;margin: auto;} 
/** create a free moodboard **/
.create-moodboard{background: #a17577;}
.create-moodboard.sampleboard-review-section p{color: #fff; margin: auto; font-size: 34px; line-height: 42px;font-family: 'Gotham-light'; text-align: center; width: auto; display: block;padding-bottom: 54px; font-style: normal;}
.create-moodboard .banner-btn{border: 1px solid #fff; color: #fff; transition: all 0.3s;}
/*.create-moodboard .banner-btn:hover, .create-moodboard .banner-btn:focus{color: #a17577; border: 1px solid #fff;background: #fff;}*/
.create-moodboard .banner-btn:hover, .create-moodboard .banner-btn:focus{color: #fff; border: 1px solid #fff;background: transparent;}
.create-moodboard .banner-btn:hover { background: #fff; color: #a17577;}
/** clients **/
.clients{float: left; width: 100%;}
.clients ul{padding: 0;}
.clients ul li{ width: 20%; float: left; text-align: left; padding: 68px 0 74px;}
.clients ul li:nth-child(3),.clients ul li:nth-child(4){text-align: center;}
.clients ul li:last-child{text-align: right;}

/** footer **/
footer {float: left;width: 100%;padding: 33px 0 25px;font-family:'Gotham Book';}
.footer-left-sxn p{ font-size: 11px;line-height: 1.64;text-align: left;color: #333333;margin-top: 20px;}
.footer-nav ul{padding: 0 0 0 40px;}
.footer-nav ul li{ display: inline-block; width: 32%; }
.footer-nav ul li a{font-size: 13px;line-height: 2.62;letter-spacing: -0.4px;text-align: left;color: #231f20; }
.bottom-links ul{padding: 0; width: 100%;text-align: right;}
.bottom-links ul li{display: inline-block; padding: 0 6px;}
.bottom-links ul li:last-child{padding-right: 0;}
.bottom-links p{font-size: 10px;line-height: 1.7;text-align: right;color: #231f20; padding-top: 40px;opacity: 0.7;float: right;width: 100%;}
.bottom-links p a{color: #231f20;}


/** login **/
.custom-popup .modal-dialog{width: 400px;}
.modal-content.form-detail{box-shadow: 0 2px 44px 0 rgba(212, 212, 212, 0.5); padding: 25px 25px 16px 25px;}
.form-detail .modal-header{ padding: 0; border: none;}
.form-detail .modal-header .close{opacity: 1; margin-top: -13px;}
.form-detail h4{opacity: 0.75;font-family:'Gotham Book';font-size: 16px;line-height: 1.38;letter-spacing: 1.7px;color: #000000;margin-top: 10px;}
.link-act {margin: 35px 0 20px;}
.form-detail .modal-header .btn{width: 100%;font-family:'GothamMedium';  font-size: 12px; line-height: 1.83;  color: #ffffff; height: 45px; border-radius: 0;margin-bottom: 15px;}
.form-detail .modal-header .btn:active{box-shadow: none;}
.form-detail .modal-header .btn.google{ background: #d64131 url("../images/google-1.svg") no-repeat 72px 10px; padding-left: 39px;}
.form-detail .modal-header .btn.facebook{background: #3b5a9a url("../images/facebook-1.svg") no-repeat 70px 10px;padding-left: 26px;}
.modal-body.right-form { padding: 0;}
.form-detail .modal-body.right-form h4{margin-top: 20px;}
.right-form form {float: left;width:100%;}
.right-form .form-group {float: left;position: relative;width: 100%; margin-bottom: 7px;margin-top: 7px;}
.text-box {height: 45px;border: none;font-size: 17px;font-weight:500;color: #333333;padding:0px;font-family:'Gotham Book';}
.text-box:focus {box-shadow:none;}
.form-group .form-control {margin-bottom: 3px;}

.form-group.has-error.is-focused .form-control {background-image: linear-gradient(#000, #000), linear-gradient(#d2d2d2, #d2d2d2);}
.group {position:relative;}
.group input {border-bottom:1px solid #757575;box-shadow:none;border-radius:0px;outline:none;}
.group input:focus {outline:none;box-shadow:none}
.group label {color: #000;font-family:'Gotham Book';font-weight: 400;font-size:11px;position:absolute;  left:0px;top:15px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.group input:focus ~ label, input.field-foucused ~ label {top: -11px;font-size: 13px;color: #333;}
.group .bar {position:relative;display:block;width:100%;}
.group .bar:before, .bar:after {content:'';height:2px;width:0;bottom:2px;position:absolute;background:#333333;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
input.text-box.form-control.error {border-bottom-color:red;}
.group .bar:before {left:50%;}
.group .bar:after {right:50%;}
/* active state */
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {width:50%;}
/* HIGHLIGHTER */
.group .highlight {position:absolute;height:60%;width:100px;top:25%;left:0;opacity:0.5;z-index: -1;}
/* active state */
.group input:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
.help-block{margin: 0;font-size:12px;font-family:'Gotham Book';}
.has-error .form-control{box-shadow: none !important;}

/* Customize the label (the container) */
.checkbox {float: left;margin-top: 20px;width: 100%;}
.checkbox .wrapper {display: inline-block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 11px;-webkit-user-select: none;-moz-user-select: none;-ms-user-elect: none;color: #333333;font-weight: 400;margin-right: 58px;font-family:'Gotham Book';opacity: 0.75;line-height: 2; width: 100%;}
.checkbox .wrapper a{color: #333333;text-decoration: underline; display: inline-block;}
/* Hide the browser's default checkbox */
.checkbox .wrapper input {position: absolute;opacity: 0;}
/* Create a custom checkbox */
.checkbox .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border: 1px solid #c0c0c0;border-radius: 20px;}
/* When the checkbox is checked, add a blue background */
.checkbox .wrapper input:checked ~ .checkmark {background-color: #a17577;border: 1px solid #a17577;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox .checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.checkbox .wrapper input:checked ~ .checkmark:after {display: block;border-color: #fff;}
/* Style the checkmark/indicator */
.checkbox .wrapper .checkmark:after {left: 8px;top: 3px;width: 7px;height: 13px;border: solid #1a77d3;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 
.btn-outer {float: left;width: 100%;margin-bottom: 29px;}
#login .btn-outer{margin-top: 12px;}
.btn-outer .banner-btn{width: 100%;}
/*.btn-outer .banner-btn:hover,.btn-outer .banner-btn:focus{background-color: #a17577; color: #fff;transition: all .5s ease-in-out;}*/
.form-detail .modal-footer{border: none;text-align: center;font-family:'Gotham Book';font-size: 12px;line-height: 1.83;  color: #000000;}
.form-detail .modal-footer a{color: #a17577; text-decoration: underline;}

/** Community page **/
.community {padding-bottom: 150px;}
.community h2{margin-top: 114px;margin-bottom: 160px;}
.designer-listing{ padding: 0;}
.designer-listing li{margin-bottom: 100px; text-align: center;}
.designer-listing-wrap > figure > img {width: 400px;height: 283px;object-fit: contain;}
.designer-listing-wrap{box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04); border-radius: 4px; display: inline-block;}
.designer-listing li a {width: 157px;height: 28px;font-family:'GothamMedium';font-size: 10px;line-height: 1;cursor: auto;letter-spacing: 0.5px;color: #a17577;background:#f3ebe8;display: inline-table; text-transform: uppercase;margin-top: 30px;}
.designer-listing li a span{ display: table-cell; vertical-align: middle; }
.designer-listing-wrap img {    cursor: pointer;}
.designer-listing li h3{font-size: 16px;font-weight: 500;line-height: 1.38;letter-spacing: 1.7px;color: #333333;font-family:'GothamMedium'; text-transform: uppercase;word-break: break-all;}
.designer-detail {margin-top: 21px; position: relative;padding-bottom: 37px;}
.designer-detail figure {position: absolute;left: 50%;margin-left: -32px;top: 40px;}
.designer-detail figure img {width: 63px;height: 63px;}
.designer-detail h4{font-size: 21px;font-style: italic;line-height: 1.24;text-align: center;color: #333333;font-family: 'MrsEavesItalic';font-style:italic;}
.see-more a{width: 200px;height: 50px;font-size: 14px;color: #a17577;display: inline-table; text-transform: uppercase;margin-top: 30px; border: solid 1px #a17577;}
/*.see-more a:hover, .see-more a:focus{ background: #a17577; color: #fff;}*/
.see-more a span{display: table-cell; vertical-align: middle;}

/** Tour page **/
.sampleboard-review-section.tour-spacing {padding: 133px 0 120px 0;}
.sampleboard-review-section.tour-spacing .tour-btn{width: 200px;font-size: 14px;height: 50px;line-height: 48px; }
.sampleboard-review-section.tour-spacing h1{line-height: 50px;line-height: 50px;font-family: 'Gotham-light';float: left;width: 100%;text-align: center;color: #231f20;font-size: 32px;margin: 0 0 21px 0;}
.tour-module{float: left; width: 100%;}
.has-bg-color{background-color: #f5f5f5;}
.module-description{padding: 138px 35px 0 260px;}
.module-description.is-right-sxn {padding: 166px 290px 0 0px;}
.module-img-spacing{margin: 88px 0 83px 0; text-align: right;}
.video-box {
    position: relative;
    /*background: url("../images/screenshort3.png") no-repeat top center;*/
    /*background-size: auto auto;*/
    /*background-size: contain;*/
    height: 100%;
    width: 717px;
    min-height: 583px;
}
.video-box .image-holder {
    top: -78px;
    right: 0;
    width: calc(100% - 65px);
    height: 100%;
    left: 30px;
    position: absolute;
    max-width: 100%;
    bottom: 0;
}
.module-img-spacing img{max-width: 100%;}
.has-bg-color .module-img-spacing{text-align: left;}
.module-description h2{ text-align: left; line-height: 50px; padding-right: 30px; margin-bottom: 14px; margin-top: 20px;letter-spacing: -0.5px;}
.module-description.is-right-sxn h2{padding-right: 0;}
.module-description p{ font-family: 'Gotham-light';font-size: 16px;line-height: 26px;text-align: left;color: #000000; margin-bottom: 29px;float: left;}
.module-description ul {padding: 0;float: left;width: 100%;margin-top: 22px;}
.module-description ul li{ margin-bottom: 30px;float: left; }
.module-description ul li p{ float: left; width: 80%; margin-bottom: 0;}
.module-description ul li figure{ margin-right: 10px; float: left;}
.module-description ul li img{ width: 17px;}
.designs-and-ideas{font-family: 'Gotham-light'; float: left; padding-top: 70px;width: 100%;}
.designs-and-ideas h3{font-size: 28px;line-height: 32px;letter-spacing: -1px;color: #a17577; margin-bottom: 21px;} 
.designs-and-ideas p{font-size: 16px;line-height: 26px;color: #000000;width: 79%;margin: auto;}
.community-slider-section > p{font-size: 16px;line-height: 26px;color: #000000;font-family: 'Gotham-light';text-align: center; margin-top: 22px;}
.tour-listing-wrapper{float: left; width: 100%;padding: 62px 0 150px 0;}
.tour-listing-wrapper h2{font-size: 44px;font-family: 'Gotham-light';line-height: 48px;letter-spacing: -1px;color: #333333; margin-top: 20px;margin-bottom: 10px;}
.tour-listing-wrapper.pricing-wrapper h1{font-size: 44px;font-family: 'Gotham-light';line-height: 48px;letter-spacing: -1px;color: #333333; }
.tour-sxn{background-color: #FCF9F9; padding: 79px 0 0;float: left;width: 100%;}
.tour-sxn.has-no-bg{background: #fff;}
.tour-listing-wrapper .container-fluid > p{font-size: 28px;font-family: 'Gotham-light';font-weight: 300;line-height: 32px;letter-spacing: -1px;color: #333333;}
.tour-sxn h2{font-size: 30px;font-family: 'Gotham-light';  line-height: 48px;  letter-spacing: -0.7px;color: #333333; float: none;margin-top: 10px;
    margin-bottom: 10px;}
.tour-listing{padding: 50px 0 0 0;}
.tour-listing li{margin-bottom: 65px;}
.tour-listing li.col-sm-6 p {width: 60%;margin: auto;}
.tour-listing li.full-width{margin: auto auto 65px auto;width: 30%;float: none;}
.tour-listing li img {min-height: 36px;}
.tour-listing li h3{ font-family:'GothamMedium';font-size: 14px;line-height: 22px;letter-spacing: 1.5px;color: #333333;text-transform: uppercase;margin: 21px 0;}
.tour-listing li p{font-size: 16px;font-family: 'Gotham-light';line-height: 26px;color: #444444;min-height: 80px;padding: 0 15px;}
.create-moodboard.sampleboard-review-section.started-in-snap h2{ font-size: 44px;color: #fff;line-height: 48px;font-family: 'Gotham-light';text-align: center;display: block;}
.create-moodboard.sampleboard-review-section.started-in-snap p{ font-family: 'Gotham-light'; font-size: 18px;font-weight: 300;line-height: 28px;text-align: center;color: #ffffff; font-style: normal;padding-left: 100px;padding-right: 100px;}
.sampleboard-review-section.started-in-snap {padding: 70px 0 78px;}
.switch.is-custom{float: none;padding-top: 76px;}
.switch.is-custom label{width: 89px;height: 39px; border-color:#004d40;text-indent: -9999px;margin: 0 20px;}
.is-custom .switch-toggle::before{width: 29px;height: 29px; background: #004d40;bottom: 3px;left: 4px;}
.is-custom .switch-toggle.off::before{transform: translateX(48px);background: #004d40;}
.is-custom p{font-family:'Gotham Book';font-size: 20px;line-height: 16px;letter-spacing: -0.9px;color: #a17577; display: inline-block;padding-top: 10px;}
.is-custom p.active{opacity: 0.5;}
.monthly{ float: left; }
.yearly{ float: right;}
.yearly a{font-size: 12px;font-family: 'Gotham-bold';line-height:16px;letter-spacing: -0.5px;text-align: left;color: #a17577; margin-left: 11px; text-decoration: underline;}

.tour-listing-wrapper .container > p{font-family: 'Gotham-light';font-size: 20px;line-height: 1.3;color: #444444;}
.price-list{margin-top: 112px; padding: 0;}
.price-list li{padding: 10px 0 24px;}
.price-list li h4{font-size: 14px;font-family:'GothamMedium';line-height: 1.57;letter-spacing: 1.5px;color: #333333;margin-bottom: 25px;text-transform: uppercase;}
.price-list li > span{ font-size: 44px;font-family: 'Gotham-light';line-height: 1.09;letter-spacing: -1px;color: #a17577;}
.price-list li > span sup{font-size: 22px;line-height: 1.27;top: -17px;}
.price-list li p{font-size: 16px; font-family: 'Gotham-extra-light';line-height: 2;color: #000000;margin-top: 54px;}
.price-list .tour-btn:hover { background: #a17577;color: #fff;}
.price-list li .most-popular{margin: auto; display: table;position: absolute;left: 50%;margin-left: -60px;top: 130px}
.price-list li .most-popular span{ display: table-cell; vertical-align: middle;width: 120px;height: 22px;background-color: #A17577;font-size: 10px;font-family:'GothamMedium';line-height: 1;letter-spacing: .5px;color: #ffffff; }
.price-list li.most-popular{ background-color: rgba(243, 235, 232, 0.4);}
.tour-btn {width: 211px;border: 1px solid #a17577;  height: 50px;padding: 15px 0;font-size: 14px;transition: all 0.3s;text-transform: uppercase;color: #a17577;font-size: 14px;margin-top: 48px;display: inline-block;margin-top: 21px; text-align: center;font-family:'Gotham Book';}
.tour-btn:hover, .tour-btn:focus {background-color: transparent;color: #a17577;}
.tour-listing-wrapper.pricing-wrapper{padding: 125px 0 43px 0;}
.faq{padding: 103px 15px 100px; float: left; width: 100%;}
.faq-heading{ margin-bottom: 54px;font-size: 32px;font-family: 'Gotham-light';line-height: 1.56;letter-spacing: -0.5px;color: #231f20;}
.faq .panel-group{margin: auto;width: 61%;}
.panel{border:none; box-shadow:none;}
.panel-default > .panel-heading{background-color: #fdfeff;}
.panel-heading{ border-radius: 0;padding: 0;}
.panel-heading a{padding: 20px 22px; display: block;}
a.accordion-toggle.collapsed {background:url("../images/right_arrow.svg") no-repeat  left center;}
a.accordion-toggle {background:  url("../images/down_arrow.svg") no-repeat left center;}
.panel-title{color: #a17577;font:18px 'Gotham Book'; }
.panel-collapse{background: #f3ebe8;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border:none;}
.panel-body{padding: 23px 31px 27px 30px;}
.panel-body  p{font:14px 'Gotham Book'; line-height: 24px; color: #a17577; margin: 0;}
.faq .tour-btn{ width: 200px;margin-top: 37px; transition: all 0.3s;}
.faq .tour-btn:hover {background: #a17577;color: #fff;}
.sampleboard-review-section.started-in-snap.support{padding: 101px 0 44px 0;}
.sampleboard-review-section.started-in-snap.support p{font-family: 'Gotham-extra-light'; color: #D2BEBF; padding-left: 0; padding-right: 0;}
.sampleboard-review-section.started-in-snap p a{color: #fff; text-decoration: underline; font-family: 'Gotham Book';}

/** My profile page **/
.padding-top-by-30{padding-top: 30px;}
.padding-bottom-by-30{padding-bottom: 30px;}
.bottom-profile-icons {padding: 0; width: 100%; text-align: center !important;}
.bottom-profile-icons li a i {color: #a17577}
.navbar-default .navbar-nav li a.go-to-creator{background-color: #a17577;font-size: 14px; width: 209px; height: 53px; padding: 0; text-align: center; line-height: 53px;font-family:'GothamMedium'; color: #fff;margin-top: 13px;}
.navbar-default .navbar-nav li a.go-to-creator:hover, .navbar-default .navbar-nav li a.go-to-creator:active,.navbar-default .navbar-nav li a.go-to-creator:focus{transition:all 0.3s; background-color: #a17577;    color: #fff; border: none;}
.navbar-default .navbar-nav li a.go-to-creator:hover {
    cursor: pointer;
    background: transparent;
    color: #a17577;
    border-top: 3px solid #a17577;
    border-left: 3px solid #a17577;
    border-right: 3px solid #a17577;
}
.navbar-nav li .dropdown{margin-top: 13px;} 
.navbar-nav li .dropdown .img-circle {width: 50px;height:50px;}
.navbar-nav li .dropdown button{background: #fff;}
.navbar-default .navbar-nav li .dropdown-menu{padding: 13px 15px; margin-top: 10px;}
.navbar-default .navbar-nav li .dropdown-menu:before{position: absolute; background: url("../images/drop-down-mark.jpg") no-repeat 0 0;top: 0; right: 10px; content: ""; width: 20px; height: 20px;top: -8px;}
.navbar-default .navbar-nav li .dropdown-menu li a{padding-top: 10px;font-size: 12px;padding-bottom:10px;}
.navbar-default .navbar-nav li .dropdown-menu li a:after, .navbar-default .navbar-nav li a.go-to-creator:after{ width: 0; height: 0; background: #fff;}
.navbar-default .navbar-nav li .dropdown-menu li a:focus, .navbar-default .navbar-nav li .dropdown-menu li a:hover{background: transparent;}
.navbar-default .navbar-nav li .dropdown-menu li:last-child{padding-top: 20px;}
/** tabs **/
.nav-tabs{border-bottom: none;}
.nav-tabs  li{border: none;min-height: 66px;}
.nav-tabs  li  a{ color: #333333;letter-spacing: -0.5px; opacity: 0.7;font-size: 22px;border: none;transition: all .2s ease-in-out;padding: 10px 45px 21px;font-family: 'Gotham-extra-light';}
.custom-tabs .container {padding-top: 79px;}
.tab-content{float: left; width: 100%;}
.tab-content.outer{background: #F3EBE8; padding: 60px 132px 148px; }
.tab-content  .tab-pane{background: #fff;}
.tab-content.outer .tab-pane .nav-tabs{background: #f3ebe8;}
.tab-content.outer .tab-pane .nav-tabs > li:first-child{margin-right: 10px;}
.tab-content.outer .tab-pane .nav-tabs > li{ min-height: auto; background: #fff;border: 1px solid #EBE0E0;border-bottom: none;}
.tab-content.outer .tab-pane .nav-tabs > li.active{top: -7px;position: relative;background: #fff;}
.tab-content.outer .tab-pane .nav-tabs > li.active > a {padding: 21px 30px;}
.tab-content.outer .tab-pane .nav-tabs > li > a{color: #333333; letter-spacing: -0.4px;font-size: 16px;padding: 19px 30px;transition:none;opacity: 0.7;font-family: 'Gotham-light';}
.tab-content.outer .tab-pane .nav-tabs > li.active > a{font-size: 18px; color: #333; opacity: 1;}
.tab-content.outer .tab-pane .nav-tabs > li.active a,.tab-content.outer .tab-pane .nav-tabs > li a:hover,.tab-content.outer .tab-pane .nav-tabs > li a:focus{border: none!important;background: #fff;}
.tab-content.inner{margin-top: -7px; float: left;border: 1px solid #EBE0E0; padding: 66px 0 40px; background: #fff;}
.tabs-wrapper{width: 1441px;margin: auto;}

/** forms **/
.tab-content .tab-pane h2{color: #A17577;margin-bottom: 66px; text-align: left;font-family: 'Gotham-extra-light'; font-size: 30px;  letter-spacing: -0.5px; line-height: 30px;}
.tab-content .tab-pane h1{color: #A17577;margin-bottom: 66px; text-align: left;font-family: 'Gotham-extra-light'; font-size: 30px;  letter-spacing: -0.5px; line-height: 30px;}
.personal-information{ width: 647px;display: inline-block; padding: 0 60px;vertical-align: top;}
.seperator{ border-left: solid 0.5px #e8e8e8;}
.left-img-wrpaper {display: inline-block;float: left;text-align: center;}
.left-img-wrpaper a{display: block;}
.left-img-wrpaper a{color: #040404;margin-top: 10px;display: block;}
.left-img-wrpaper img {height: 105px;width: 100px;}
.form-wrpaper{float: left; width: 400px;}
.work-information { width: 523px; display: inline-block;padding: 0 60px;}
.tab-content.inner .tab-pane .text-box{height: 63px;padding-top: 14px;padding-left: 14px;font-family: 'Gotham-light'; }
.tab-content.inner .tab-pane .form-control{border-bottom: solid 1px #e8e8e8;}
.personal-information .group input:focus ~ label, .personal-information input.field-foucused ~ label,.work-information .group input:focus ~ label, .work-information input.field-foucused ~ label{top: 0;}
.work-information form{display: inline-block;width: 100%;}
.personal-information .group label, .work-information .group label{color: #c6c6c6;top: 30px;left: 14px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).is-custom {width: 100%;}
.bootstrap-select.is-custom > .dropdown-toggle{border-bottom: solid 1px #e8e8e8;height: 63px; padding: 14px 0 0 14px;font-size: 17px;font-weight: 500;color: #333333;font-family: 'Gotham-light'; border-right:none; border-top:none; border-left: none; border-radius: 0;}
.bootstrap-select.is-custom.open > .dropdown-toggle{ background: transparent;}
.bootstrap-select.is-custom > .dropdown-toggle .caret{top: 63%;}
.personal-information .group label.no-floating-label, .work-information .group label.no-floating-label{top: 0;z-index: 9;}
.is-custom  .dropdown-menu{padding: 0;}
.country-select .bootstrap-select.btn-group .dropdown-menu.inner {height: 460px;}
.is-custom  .dropdown-menu li a{padding: 13px 14px; transition: all .2s;}
.is-custom  .dropdown-menu li a:hover,.is-custom  .dropdown-menu li a:focus{background: #F3EBE8;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{cursor: pointer; opacity: 1;}
.save{background-color: #a17577;color: #fff;border: none;padding: 11px 22px;font-family: 'GothamMedium';}
.save.btn-default.disabled:hover{background-color: #a17577; color: #fff;}
.form-btn {margin-top: 30px;}
.cancel{border: none;font-family: 'Gotham-light';}
.personal-information .text-box{font-family: 'Gotham-light';color: #000000;font-size: 14px; line-height: 22px;}
.tab-content.inner .tab-pane .has-error .form-control{border-color: #a94442;}
.subscription-settings{padding: 0 60px 0 75px;}
.subscription-settings h3{font-family: 'Gotham-light';font-size: 22px;color: #333333;letter-spacing: -0.5px;margin-bottom: 50px; margin-top: 0; display: inline-block;}
.profile-visibility{padding: 0 75px 0 60px;}
.tab-content.inner .tab-pane .login-credentials .text-box{height: 73px;padding-top: 29px;cursor: pointer;font-size: 14px;font-family: 'Gotham-light';line-height: 22px;  color: #000000; padding-left: 0;}
.login-credentials .group label{top: 45px; color: #c6c6c6;font-size: 10px;line-height:22px;}
.login-credentials .group input:focus ~ label, .login-credentials input.field-foucused ~ label {top: 20px;}
.plan{color: #adadad;font-size: 14px;font-family: 'Gotham-light'; line-height:22px;}
.plan p{color: #a17577;font-size: 18px;line-height:22px;margin-top: 10px; font-family:'GothamMedium';}
.change-plan{padding-top: 36px;}
.change-plan a{color: #333333; float: right; text-decoration: underline; margin-bottom: 16px;font-family: 'Gotham-light';font-size: 14px;line-height: 22px;}
.input-axn {background: #F9F9F9;position: absolute;right: 0;top: 30px;padding: 6px 20px;font-size: 12px;border: 1px solid #d3d3d3;transform: scale(0);transition: transform .2s linear 0s;}
.group:hover .input-axn{transform:scale(1);}
.input-axn a{color: #696969;}
.login-credentials {margin-bottom: 70px;}
.tab-content .tab-pane .profile-visibility h2{margin-bottom: 48px;}
.profile-visibility span{display: block; font-family:'Gotham Book';font-size: 14px;color: #333333;opacity: 1;line-height:20px;}
.profile-visibility p {float: left;display: inline-block;width: 80%;padding-left: 21%;}
.public-profile {text-align: left;padding: 10px 0 0;}
.public-profile a {color: #a17577;}
/** Change plan popup **/
.popup-custom .modal-dialog {width: 1144px;padding: 0;}
.popup-custom .modal-body{ float: left; width: 100%;}
.popup-custom .modal-content{float: left;width: 100%;}
.popup-custom  .tour-listing-wrapper.pricing-wrapper{padding: 0 0 21px;}
.popup-custom  .toggle-switch{padding-top: 26px;}
.popup-custom  .tour-listing-wrapper.pricing-wrapper h1{margin-top: 30px;margin-bottom: 7px;}
.popup-custom .close{opacity: 1; margin: 15px 15px 0 0;}

/** Cancel Subscription **/
.cancel-subscription .modal-dialog {width: 880px;padding: 0;}
.cancel-subscription .modal-content{float: left;width: 100%;text-align: center; padding: 0 35px;}
.cancel-subscription .modal-header{font-family: 'MrsEavesItalic';color: #333333; border-bottom: none;padding-top: 42px; }
.cancel-subscription .modal-header p{font-size: 34px;line-height:33px;margin-bottom: 0;}
.cancel-subscription .modal-header h3{font-size: 50px;line-height:50px;}
.cancel-subscription .modal-body{padding-top: 41px;padding-bottom: 44px;}
.cancel-subscription ul{ padding: 0;}
.cancel-subscription ul li div{ border: solid 1px #ebe0e0; padding: 22px 25px;}
.cancel-subscription ul li h4{font-size: 21px;font-family:'GothamMedium';font-weight: 500;text-align: center;color: #a17577; margin: 21px 0 17px;}
.cancel-subscription ul li p{font-size: 14px;font-family: 'Gotham-light';line-height: 23px;text-align: center;color: #333333;margin: 0;}
.cancel-subscription .modal-footer{border-top: none; padding-bottom: 60px;margin: auto;text-align: center;}
.cancel-subscription .stay{width: 340px; color: #fff;height: 52px;background-color: #a17577; border-radius: 0; font-family:'GothamMedium';}
.cancel-subscription .cancel{width: 204px;height: 52px;font-size: 12px;text-align: left;color: #000000; background: transparent; text-decoration: underline;font-family:'Gotham Book';}
.cancel-subscription .btn:active{box-shadow: none;}

/** Projects **/
.tab-common-spacing{padding: 52px 0 60px 57px; border: solid 1px #ebe0e0;}
.my-projects{ margin-bottom: 64px; padding-right: 75px;}
.next-tab-spacing{padding: 52px 64px 20px 52px;  border: solid 1px #ebe0e0;}
.next-tab-spacing .my-projects{padding-right: 0;}
.tab-content .tab-pane .my-projects h2{margin-bottom: 0; display: inline-block;width: auto;padding-top: 10px;}
.my-projects .btn{width: 52px;height: 52px;background-color: #a17577; padding: 0; border-radius:0; margin-left: 42px; float: left;}
.arrange-by.dropdown{margin-top: 14px;}
.arrange-by.dropdown button{background: transparent; font-size: 12px;font-family:'GothamMedium';color: #a17577; padding: 0;}
.arrange-by .dropdown-menu{min-width: 202px; padding: 28px;margin-top: 17px; box-shadow: none;border: 2px solid #e6e6e6;left: auto;right: -24px;}
.arrange-by .dropdown-menu::before{position: absolute; background: url("../images/drop-down-mark.jpg") no-repeat 0 0; right: 10px; content: ""; width: 20px; height: 20px;top: -9px;}
.arrange-by .dropdown-menu li{ padding-bottom: 20px;}
.arrange-by .dropdown-menu li:last-child{padding-bottom: 0px;}
.arrange-by .dropdown-menu li a{font-size: 12px;font-family:'GothamMedium';color: #353535; padding: 0;}
.arrange-by .dropdown-menu > li > a:focus, .my-projects .dropdown-menu > li > a:hover{background-color:transparent;}
.arrange-by .dropdown .caret{float: right;margin-top: 6px;margin-left: 7px;}
.slider-spacing:last-child {margin-bottom: 0;}
/*.project-name{padding-top: 26px;}*/
.project-name .tour-btn{ width: 187px ; height: 54px;font-size: 13px;font-family:'GothamMedium';line-height: 22px; opacity: 0;}
.project-name{padding-top: 50px;}
.project-name h3{ font-size: 19px;font-family:'GothamMedium'; line-height: 22px;letter-spacing: 2px;color: #333333;margin-bottom: 18px;} 
.project-name span{ font-size: 12px;color: #a4a4a4;letter-spacing: 1.3px;line-height: 22px;font-family:'Gotham Book'; font-style: italic;}
.project-name p{font-size: 12px;font-family:'Gotham Book';color: #333333; letter-spacing: 1.3px;line-height: 22px;}
.slider-spacing:hover .slick-arrow {opacity: 0.7;transition: opacity .3s ease-in-out;}
.slider-spacing:nth-child(3) .project-roll{border-top: none;}
.slider-spacing:nth-child(5) .project-roll{border-bottom: none;}
.project-roll .slick-slide{padding: 10px; background: #fff;margin: 24px 7.5px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.project-roll .slick-slide img{object-fit: contain;cursor: pointer;}
.project-roll{border-bottom: solid 1px #ebe0e0;padding-bottom: 22px;padding-top: 22px;}
.project-roll .slick-prev{left: 0;background: #c0a3a7 url("../images/ic_left.svg") no-repeat center;}
.project-roll .slick-next{right: 0;background: #c0a3a7 url("../images/ic_right.svg") no-repeat center;}
.project-roll .slick-arrow{height: 68%;top: 16%; width: 30px; opacity: 0;margin-top: 0; }
.delete{margin-left: 10px; opacity: 0; margin-right: 10px;}
.edit{opacity: 0;}
.slider-spacing:hover .project-name .tour-btn{opacity: 1;}
.slider-spacing:hover .delete,.slider-spacing:hover .edit{opacity: 1;}
.first-time-project {padding: 28px 0 27px 0; display: none;}
.first-time-project p{font-family: 'Gotham-light';font-size: 44px; line-height: 48px;letter-spacing: -1px; color: #a17577; margin-bottom: 65px; margin-top: 58px;}
.first-time-project .banner-btn{width: 255px;font-size: 14px;font-family:'GothamMedium';line-height: 50px;  height: 52px;}

/** Image library **/
.private{color: #333333;font-family: 'Gotham-bold';font-size: 10px;line-height:22px;margin-top: 4px;}
.private img{float: left;padding-right: 8px;}
.image-grabber-tool{width: 223px;height: 52px;background-color: #ffffff;border: solid 1px #a17577;font-family:'GothamMedium'; font-size: 11px;  line-height: 12px;color: #a17577;padding: 15px 23px 17.5px 15px;}
.image-grabber-tool:hover,.image-grabber-tool:focus{color: #a17577; }
.image-grabber-tool{float: left;}
.image-grabber-tool img{float: left; width: 24px;  height: 19.5px;margin-right: 15px;}
.image-grabber-tool span {margin-top: 4px;float: left;}
.image-library .pull-right{width: 35.7%;}


/** Create Projects popup **/
.modal-header .close{opacity: 1;}
.small-popup .modal-header .close{margin-top: -12px;right: 4px;position: absolute; }
.small-popup .modal-sm {width: 400px; text-align: center;}
.small-popup .modal-header{border-bottom: none;}
.small-popup .modal-body{padding-top: 37px;}
.small-popup .modal-content{float: left;width: 100%;padding: 16px 15px 3px;}
.small-popup .modal-title{ font-size: 16px;line-height: 22px;letter-spacing: 1.7px;color: #000000;font-family:'Gotham Book';}
.small-popup .btn-outer{margin-top: 13px;}
.small-popup .banner-btn{font-size: 14px; line-height: 22px;font-family:'GothamMedium';}
.small-popup .select-editor-btn{font-size: 14px; font-family: "Gotham-light", sans-serif}
.help-block{text-align: left;}

/** Moodboard listing **/
.back-arrow{ width: 52px;height: 52px;background-color: #FAF7F7;float: left; text-align: center; margin-right: 30px;} 
.back-arrow img{ margin-top: 17px;margin-right: 3px;}
.my-projects .profile-visibility{padding: 0;padding-top: 11px;padding-right: 15px;}
.moodboard-listing {padding: 0 83px 0 96px;margin-top: 15px;}
.moodboard-listing li{margin-bottom: 30.5px; text-align: center;cursor: pointer;}
.moodboard-listing li:hover .edit-moodboard{opacity: 1;}
.moodboard-listing li:hover .action-icons{opacity: 0.95;}
.img-box-outer{padding: 9px;background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); display: inline-block;}
.img-box{ position: relative}
.edit-moodboard {font-size: 14px;text-align: center;color: #ffffff;font-family: 'Gotham Book';width: 181px;height: 55px;background-color: #d1b3b4;display: table;position: absolute;left: 50%;top: 48px;margin-left: -90px; cursor: pointer;opacity: 0;transition: opacity .2s ease-in-out;}
.edit-moodboard:hover{color:#fff;}
.edit-moodboard span{ display: table-cell; vertical-align: middle;}
.action-icons{ width: 100%; height: 40px;opacity: 0;background-color: #d1b3b4; position: absolute; bottom: 0;transition: opacity .2s ease-in-out;}
.action-icons a {margin-top: 8px;display: inline-block;margin-left: 5px;margin-right: 5px;}

/** View gallery **/
.dropdown.upload-images {float: left;}
.dropdown.upload-images .dropdown-menu{min-width: 257px;padding: 28px;margin-top: 17px;box-shadow: none;border: 2px solid #e6e6e6;left: auto; right: 0;}
.dropdown.upload-images .dropdown-menu li{padding-bottom: 20px;font-family:'Gotham Book';color: #000000; }
.dropdown.upload-images .dropdown-menu li:first-child {border-bottom: solid 2px #f7f7f7;}
.dropdown.upload-images .dropdown-menu li:first-child button{ font-size: 14px; line-height: 36px;font-family:'Gotham Book'; background: transparent;padding: 0;}
.dropdown.upload-images .dropdown-menu li:first-child img{display: inline-block; padding-right: 10px;}
.dropdown.upload-images .dropdown-menu li:first-child button span{display: inline-block;}
.dropdown.upload-images .dropdown-menu li:nth-child(2){font-size: 12px;  opacity: 0.5; line-height: 36px;padding-top: 25px;}
.dropdown.upload-images .dropdown-menu li:last-child{font-size: 12px;background: transparent;padding-bottom: 0;}
.dropdown.upload-images .dropdown-menu li:last-child img{display: inline-block; padding-right: 10px;}
.dropdown.upload-images .dropdown-menu li:last-child button{ background: transparent;padding: 0;}
.dropdown.upload-images .dropdown-menu li:last-child button span{display: inline-block;}
.dropdown.upload-images .dropdown-menu:before{position: absolute; background: url("../images/drop-down-mark.jpg") no-repeat 0 0; right: 10px; content: ""; width: 20px; height: 20px;top: -9px;}

 /** Upload my image pop up **/
.upload-img .modal-dialog {width: 875px;background: #fff; box-shadow: 0 2px 44px 0 rgba(212, 212, 212, 0.5);  }
.upload-img .modal-content { height: 493px;padding: 56px;}
.upload-img .close {margin: 0;position: absolute;right: 20px;top: 10px;z-index: 9;opacity: 1; width: 30px; height: 30px;}
.upload-img .wrapper {width: 100%;height: 100%;border: dashed 5px #F5F0F0;}
.drop {border-radius: 15px;overflow: hidden;text-align: center;background: white;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin: auto;}
.drop .cont {width: 500px;height: 170px;color: #000000;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin: auto;position: absolute;top:111px;left: 0;bottom: 0;right: 0;}
/*.drop .cont i {font-size: 400%;color: #8E99A5;position: relative;}*/
.drop .cont .tit {font-size: 16px;font-family:'GothamMedium'; line-height: 22px;  letter-spacing: 1.7px;text-transform: uppercase;}
.drop .cont .desc {margin-top: 25px;font-size: 12px;  font-family:'Gotham Book';letter-spacing: 1.3px;line-height: 22px;  text-decoration: underline;}
.drop .cont .browse {margin: 34px auto;padding: 19px 16px;border-radius: 1px;border: solid 1px #a17577;color: #a17577;max-width: 333px;height: 52px;font-size: 12px;line-height: 12px; font-family:'GothamMedium';}        
.drop input {width: 100%;height: 100%;cursor: pointer;background: red;opacity: 0;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#list {width: 100%;text-align: center;margin-top: 30px;}
#list .thumb {height: 70px;border: 1px solid #323a44;margin: 10px 5px 0 0;width: 80px;}

/** Pinterest pop up **/
.pinterest .group label{top:16px;  opacity: 0.5;font-family: 'Gotham-light'; font-weight: 300;font-size: 13px;}
.pinterest .group label span{display: inline-block; opacity: 1; padding-left: 14px;font-family:'Gotham Book';font-weight: bold;}
.use-policy{ font-size: 10px;font-family:'Gotham Book';  line-height: 22px;color: #000000; text-transform: uppercase;float: left;margin-bottom: 24px;        }
.use-policy a{  color: #a17577; text-decoration: underline;}
.pinterest ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #333;
	font-weight: bold;
}
.pinterest ::-moz-placeholder { /* Firefox 19+ */
	color: #333;
	font-weight: bold;
}
.pinterest :-ms-input-placeholder { /* IE 10+ */
  	color: #333;
	font-weight: bold;
}
.pinterest :-moz-placeholder { /* Firefox 18- */
  	color: #333;
	font-weight: bold;
}
/** Create User popup **/
.create-user.small-popup .btn-outer{margin-top: 33px;}

/** edit popup **/
.dscrptn { resize: none; box-shadow: none; border-bottom: 1px solid #757575; border-radius: 0; min-height: 90px; padding-top: 55px !important;}
.top-title { font-size: 30px; padding-top: 15px; }
.edit-design .text-box { height: 63px; padding-top: 14px; padding-left: 14px; font-family: 'Gotham-light'; }
.edit-design .dscrptn:focus {outline:none;box-shadow:non;border-bottom:2px solid #000;}
.modal-switch { margin-top: 20px; }
.edit-design .group label{ z-index: 3; }
.edit-design .bootstrap-select.is-custom > .dropdown-toggle { padding: 30px 0 0 0; }


/** Export popup **/
.export-btn{ margin-top: 30px; }

/** subscribe plan popup **/
.acnt-detail-modal{ width: 580px; }
.acnt-detail-modal .modal-content{ background: transparent; box-shadow: none;}
.acnt-detail-modal form{ width: 100%; float: left; }
.acnt-detail-modal .modal-header { border:none 0; padding-bottom: 10px; }
.acnt-detail-modal .modal-body { padding-top: 0; }
.acnt-detail-form  { margin: :0; }
.subscribe-popup .text-box { border-bottom: solid 2px #e8e8e8; height: 60px; padding-top: 14px; padding-left: 14px; font-family: 'Gotham-light'; }
.subscribe-popup .top-space label { top: 0px; }
.subscribe-popup .group label {margin-top: -5px; z-index: 3; padding-left:14px; color: #a17577; font-family: 'Gotham-bold'; }
.subscribe-popup input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 10px; }
.subscribe-popup input::-moz-placeholder { /* Firefox 19+ */font-size: 10px; }
.subscribe-popup input:-ms-input-placeholder { /* IE 10+ */font-size: 10px; }
.subscribe-popup input:-moz-placeholder { /* Firefox 18- */ font-size: 10px; }
.subscribe-green-btn input { background: #00c54d; text-align: center; border:0 none; }
.modal-bottom-content { font-size:10px; text-align: left; margin-top: 10px; }
.acnt-detail-modal .modal-footer{ border:none 0; }
.acnt-detail-form .exdate { width: 65%; float: left; }
.acnt-detail-form .cvv { width: 40%; float: left; margin-left: 1%; }
.left-content-wrapper{float: right; background: #f3ebe8; position: absolute; right: 0; bottom: 40px; box-shadow: 0px 0px 20px 0 rgba(212, 212, 212, 1); padding: 35px; 50px; text-align: left;}
.left-content-wrapper h2{font-size: 20px; text-transform: uppercase; color: #a17577; text-align: left; margin-bottom: 35px; font-family:'GothamMedium';}
.left-content-wrapper h3{font-family:'GothamMedium'; font-size: 14px; text-transform: uppercase; color: #333333; margin-bottom: 20px; text-decoration: underline;}
.left-content-wrapper p{font-size: 12px; color: #333333;}
.change-plan-btn{ width: 120px; border: 1px solid #A17577; text-align: center; font-size: 12px; padding: 6px 0; margin-top: 25px;}
.left-content-wrapper a{ color: #a17577; text-transform: uppercase;}
.right-form-wrapper{padding: 25px 0;float: left; background: #fff; box-shadow: 0px 0px 20px 0 rgba(212, 212, 212, 1);}
.scrb-btn{margin-top: 20px;}
.scrb-btn input{background-color:#25ce4a; font-family: 'Gotham-light'; border:1px solid #25ce4a;  }
.note{text-align: left; font-size: 13px; color: #333333;}
/** User listing **/
.user-sxn-spacing .my-projects{padding-right: 16px;}
.tab-common-spacing.user-sxn-spacing{padding: 52px 61px 60px 57px; float: left; width: 100%;}
.user-listing{padding: 0; }
.user-listing li{ margin-bottom: 60px;}
.user-listing li:last-child{margin-bottom: 0;}
.user-listing li .user-box{ background-color: #faf7f7;  border: solid 0.5px #d1b3b4; padding:40px 0 11px;width: 310px;margin: auto; position: relative;min-height: 340px;}
.user-listing li .user-box:hover span, .user-listing li .user-box:hover p{visibility: hidden;  opacity: 0;transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;}
.user-listing li .user-box figure{ }
.user-listing li .user-box figure img{width: 100px; height: 100px;}
.user-listing li .user-box h3{word-wrap: break-word;padding: 0 10px;font-size: 17px;color: #333333;font-family:'GothamMedium';line-height: 22px;letter-spacing: 1.8px; margin-top: 36px; margin-bottom: 41px;text-transform: uppercase;}
.user-listing li .user-box span{font-size: 12px;  color: #333333;letter-spacing: 0.9px;font-family:'Gotham Book';line-height: 22px; margin-bottom: 10px; display: block;}
.user-listing li .user-box p{  font-size: 12px;font-family:'Gotham Book'; font-style: italic;letter-spacing: 1.3px; color: #a4a4a4;line-height: 22px; text-transform: uppercase;}
.user-listing .tour-btn {visibility: hidden;transition: visibility 0s, opacity 0.5s linear; font-size: 12px;-webkit-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;font-family:'GothamMedium';  opacity: 0;position: absolute;left: 50%;margin-left: -107px;bottom: 40px; width: 214px;}
.user-listing li .user-box:hover .tour-btn{ visibility: visible;  opacity: 1;}
.action-box {position: absolute;right: 15px;top: 15px;visibility: hidden;  opacity: 0;transition: visibility 0s, opacity 0.5s linear;-webkit-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;-moz-transition: visibility 0s, opacity 0.5s linear;}
.user-listing li .user-box:hover .action-box{ visibility: visible;  opacity: 1;}
.action-box a {padding-right: 10px;}
.action-box a:last-child{padding-right: 0;}

/** Delete user popup **/
.delete-user.small-popup .banner-btn{ background-color: #dc1c24; height: 52px;border: none;}
.delete-user.small-popup p{margin-top: 24px;}
.delete-user.small-popup .btn-outer {margin-top: 17px;}
.delete-user p label{opacity: 0.75;font-family:'Gotham Book';font-size: 11px;line-height: 22px;color: #7D7D7D;text-align: left;}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.95em;
    padding-top: 2px;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: #dc1c24;
    border-radius: 19px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: .2em; left: .4em;
    font-size: 1.3em;
    line-height: 0.8;
    color:  #ffffff;
    transition: all .2s;
    font-family: Helvetica, Arial, sans-serif;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
    height: 14px;
    width: 8px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: rotate(42deg);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: rotate(42deg);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}

/** Edit image **/
.edit-image.small-popup .modal-body{background: #fff; padding: 50px 120px 21px 46px;} 
.edit-image.small-popup .modal-header{padding: 0 0 38px 0;}
.edit-image.small-popup .modal-header .close{margin: 0;right: 22px;top: 22px;}
.edit-image.small-popup .modal-header h4{font-family:'GothamMedium';}
.edit-image  .modal-content{background: #f6f0f0;padding: 0;}
.edit-image .modal-lg{ width: 872px;}
.left-image-wrapper{ text-align: center;}
.left-image-wrapper .img-box > img {height: 190px; width: 244px; object-fit: contain;}
.left-image-wrapper .img-box{box-shadow: none;margin-top: 49px;}
.left-image-wrapper p{color: #949090; font-size: 11px;font-family:'Gotham Book';margin-top: 18px;}
.image-setting .group{margin-bottom: 30px;}
.image-setting .group input:focus ~ label, .image-setting input.field-foucused ~ label { font-size: 10px; top: 0px; color: #d6d6d6; }
.image-setting .bootstrap-select > .dropdown-toggle{border-bottom: 1px solid #757575; border-top: none; border-right:none; border-left:none; border-radius: 0;height: 45px;font-size: 11px;
    font-weight: 500;padding: 0;color: #333333;font-family: 'Gotham Book';}
.image-setting .text-box{font-size: 11px;height: 51px;padding-top: 10px;box-shadow: none;}
.no-floating-label label{z-index: 9;font-size: 7px;top: 0px;color: #d6d6d6;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:active, .btn-group.open .dropdown-toggle,.btn-group.open .dropdown-toggle:hover{outline:none !important; box-shadow: none; background: transparent;}
.image-setting .bootstrap-select.btn-group .dropdown-toggle .caret{ border-width: 6px;right: 0;}
.image-setting .dropdown-menu{padding: 0;}
.image-setting .dropdown-menu.inner li a{padding: 13px 15px;font-size: 11px;color: #333;}
.small-popup.edit-image .btn-outer {margin-top: 18px;}

/**Image Grabber **/
.grabber .close{margin: 0;position: absolute;right: 20px;top: 20px;z-index: 9;opacity: 1;}
.grabber .modal-dialog{width: 875px;}
.grabber .modal-content{padding: 50px 57px 60px 58px;}
.grabber .modal-title{font-size: 44px;font-family: 'MrsEavesItalic';  line-height: 50px;color: #333333;text-align: center;margin-bottom: 51px;}
.grabber-right-sxn{padding-top: 38px;}
.grabber-right-sxn span{font-family: 'MrsEavesItalic';line-height: 26px;color: #a17577;position: relative;display: block;font-size: 22px;width: 113px;height: 52px;margin: auto auto 50px auto;}
.grabber-right-sxn span:after{content: "";width: 24px; height: 43.5px; top: 40px;right: -30px; background: url(../images/ic_arrow_grabber_tool.svg) no-repeat 0 0; position: absolute;}
.vertical-button{display: inline-block;font-family:'GothamMedium';font-size: 14px; line-height: 12px; width: 229px;  height: 110px;  background-color: rgba(235, 224, 224, 0.3);  border: solid 0.5px #a17577; color: #a17577; padding-top: 20px; }
.vertical-button:hover,.vertical-button:focus{color: #a17577;}
.vertical-button img{display: block;margin: auto;padding-bottom: 26px;}

/** Testimonials **/
.testimonials{background:#f5efef;padding: 83px 0;width: 100%; float: left; text-align:center;}
.client-info{text-align:center; padding-top:100px; width: 100%; float: left;}
.client-info-spacing{padding: 0 25px}
.pro-space{margin-left: 50px;}
.client-profile{width: 505px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);border-radius: 4px;display: inline-block;padding: 55px 0 60px;}
.client-profile img{ width: 102px; height: 102px;}
.client-profile h2{
    font-family: 'Gotham-light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 1.5px;
    text-align: center;
    color: #000000;
    margin-top: 5px;
}
.client-profile span{
    opacity: 0.8;
    font-family: 'GothamMedium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}
.client-profile p.qoute-text {
    max-width: 400px;
    margin: 0 auto;
    color: #9a6c6e;
    font-style: italic;
    font-size: 35px;
    font-family: 'MrsEavesItalic', sans-serif;
    line-height: 40px;
	min-height: 200px;

}
.header-client-info{text-align:center; width: 100%;}
.header-client-info-spacing{padding: 0 25px}
.header-client-profile{display: inline-block;padding: 55px 0 60px;}
.header-client-profile h2{margin: 26px 0 7px 0;font-size: 16px;color: #404040;font-family:'GothamMedium';letter-spacing: 0.5px;}
.header-client-profile span{
    width: 186px;
    height: 14px;
    opacity: 0.8;
    font-family: 'GothamMedium', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: var(--black);
}
.header-client-profile span.username{
    width: 186px;
    height: 14px;
    opacity: 0.8;
    font-family: 'GothamMedium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 1.71px;
    color: var(--black);
}
.header-client-profile p.header-qoute-text {
    padding: 35px 0 45px;
    margin: 0 auto;
    color: #9a6c6e;
    font-style: italic;
    font-size: 35px;
    font-family: 'MrsEavesItalic', sans-serif;
}
.header-client-profile h1.header-qoute-text {
    padding: 10px 0 15px;
    margin: 0 auto;
    color: #9a6c6e;
    font-style: italic;
    font-size: 35px;
    font-family: 'MrsEavesItalic', sans-serif;
    float: none !important;
    text-align: left !important;
}
.header-client-profile-image {
    width: 604px;
    height: 431px;
    margin-left: 15%;
    margin-top: 60px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.header-testimony-text {
    width: 283px;
    height: 100px;
    font-family: 'Gotham-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: var(--black);
}
.Cecilia-Cannon {
    height: 14px;
    opacity: 0.5;
    font-family: 'Gotham-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.88;
    letter-spacing: normal;
    color: var(--black);
}
.txt-info{padding-bottom:220px;}
.quote-wrapper{margin: 100px 0 0;}
.quote-wrapper span{
    font-family: 'Gotham-bold', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: var(--mauve);
}
.blockquote-info h3 {color:#4b4b4b; font-size: 16px; margin-top: 0;}
.blockquote-info p {opacity: 0.5;
    font-family: 'Gotham-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--black);}
blockquote{
    font-family: 'Gotham-light';
    color: var(--mauve);
    font-size: 17px;
    width: 100%;
    border:0;
    float: left;
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DFD6D6 100%);
    background-image: linear-gradient(to bottom, var(--white) 51%, rgba(235, 224, 224, 0.5));
    font-style: italic;}
blockquote span {
    font-family: 'Gotham-bold', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: var(--mauve);
}
blockquote:before{content: url(../images/double-quotes.png); margin-bottom: 15px; width: 100%; float: left;}
blockquote:after{content: url(../images/bottom-arrow.png); width: 100%; float: left; position: relative; bottom: -35px;}
.blockquote-info {display: inline-block;margin-top: 20px;}
.blockquote-info figure{display: inline-block;width: 16.66666667%;}
.blockquote-info figure img{width: 50px; }

/** Profile **/
.profile-sxn {margin-bottom: 123px;}
.profile-sxn .container{padding-top: 64px;}
.profile-box{background: #FAF7F7;padding: 50px 0;}
.profile-box > img{ width: 100px; height: 100px;}
.profile-box h2{font-size: 16px;font-family:'GothamMedium';letter-spacing: 2px;margin-top: 29px;margin-bottom: 5px;}
.profile-box span{ display: block;color: #a17577;font-family: 'Gotham-normal';}
.profile-box p{color: #c1bfbf;font-family: 'Gotham-normal';margin-top: 7px;}
.link-profile {padding-left: 30px;
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 34px;
    background: #FAF7F7;
    border-top: 1px solid #f6f1f1;
    color: #a17577;
font-family: 'Gotham-normal';
padding-bottom: 23px;	
}

.link-on-profile{color: #c1bfbf;font-family: 'Gotham-normal';margin-top: 7px;text-decoration: underline}
.link-profile li{margin-bottom:18px;}
.link-profile li a {color: #a17577;}
.link-profile li a img { padding-right: 10px;width: 28px;vertical-align: top;}
.profile-box .tour-btn{ width: auto; height: 42px;padding: 10px;font-family:'GothamMedium'; margin-bottom:40px;}
.profile-sxn .banner-btn{ text-align: center; width: 100%;margin-top: 32px;font-size: 14px;height: 50px;line-height: 48px;}
.profile-board-listing{padding: 0;}
.profile-board-listing li{margin-bottom: 33px; cursor: pointer;}
.img-box-outer > img{ width: 336px; height: 238px; max-width: 100%;}
.profile-board-listing .img-box-outer{position: relative;}
.profile-board-listing li:hover .overlay{opacity: 0.9;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-text-size-adjust:none;}
.overlay{position: absolute; background: #fff; width: 100%; height: 100%;left: 0;top: 0; opacity: 0; padding: 15px;}
.overlay h3{color: #a17577;font-family:'GothamMedium';font-size: 20px;line-height: 31px;margin-top: 0;margin-bottom: 0;}
.overlay span{font-family: 'Gotham-bold';font-size: 11px;opacity: 0.7;}
.overlay ul {padding: 0;position: absolute;width: auto;right: 10px;bottom: 4px;}
.overlay ul li {margin: 0 0 0 20px;display: inline-block;color: #a17577;font-size: 10px;font-family: 'Gotham-bold';opacity: 0.6;}
.overlay ul li img{opacity: 1;}
.change-backdrop-bg .modal-backdrop.in{background-color: #000;}

/** My-Profile-Inner-Popup **/
.reading-corner .modal-title{font-size: 34px;font-family: 'Gotham-light';margin-bottom: 45px;}
.popup-custom.reading-corner .modal-content{padding: 38px 35px 35px;border-radius: 0;}
.left-big-img{max-width: 100%;box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.09);}
.comment-area{margin-top: 84px;margin-bottom: 60px;}
.comment-area figure, .listing figure{display: inline-block;vertical-align: top;}
.user-img{ width: 50px ; height: 50px;}
.text-area{display: inline-block;width: 82%;margin-left: 20px; position: relative;}
.comment-area textarea { background: url(../images/text-area-gradient.png) repeat-x 0 0; border-color: #e8d8d9; resize: none;padding-top: 12px;padding-left: 15px;}
.text-area:before{ background:url(../images/text-area-pin.png) no-repeat 0 0; width: 13px ; height: 11px; position: absolute; content: "";left: -12px;top: 22px;}
.text-area .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #d0babb;
}
.text-area .form-control::-moz-placeholder { /* Firefox 19+ */
color: #d0babb;
}
.text-area .form-control:-ms-input-placeholder { /* IE 10+ */
color: #d0babb;
}
.text-area .form-control:-moz-placeholder { /* Firefox 18- */
color: #d0babb;
}
.comment-text{color: #bea0a1; padding: 0 50px 20px;background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DFD6D6 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DFD6D6 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #DFD6D6 ));
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DFD6D6 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #f9f7f7 100%);margin-bottom: 40px;position: relative;}
.comment-text:after{background: url(../images/bottom-arrow.png);position: absolute;bottom: -20px;content: "";width: 58px;height: 20px;left: 20px;}
.listing{padding-left: 0;}
.listing li {margin-top: 50px;}
.listing p{display: inline-block;margin-top: 14px;margin-left: 15px;}
.listing p span{color: #bea0a1; font-size: 11px;}
.text-area .form-control:focus{border-color: #e8d8d9; box-shadow: none;}
.right-profile-sxn{background: #faf7f7;padding: 24px 20px 5px 15px;border: 1px solid #f9f6f6;}
.right-profile-sxn figure{display: inline-block;vertical-align: top;}
.right-profile-sxn figure img{ width: 60px;height: 60px;}
.designer-name {display: inline-block;padding-left: 15px;}
.designer-name h3{font-size: 21px;font-size: 17px;font-family:'GothamMedium';margin-top: 12px;margin-bottom: 4px;text-transform: uppercase;}
.designer-name p{color: #bea0a1;}
.designer-name .tour-btn{ width: 75px; height: 31px;font-size: 11px;padding: 7px 0;font-family:'GothamMedium';margin-top: 0;}
.designer-ratings{padding: 0;margin-top: 25px;}
.designer-ratings li{ border-top: 1px dashed #f4eded; padding-left: 12px;padding: 16px 12px 17px;}
.designer-ratings li img{display: inline-block;}
.designer-ratings li p{display: inline-block;margin-bottom: 0;color: #706f6f;padding-left: 10px;}
.designer-ratings li .tour-btn{ width: 60px; height: 20px; font-size: 9px;font-size: 8px;padding: 3px 0; margin-top: 0;}
.right-box{ display: block;border-top:1px solid #f8f8f8;margin: 52px 0 0 0;}
.right-box h4{font-size: 16px;margin-top: 24px;margin-bottom: 28px;}
.right-box ul{padding: 0; }
.right-box ul li{display: inline-block; margin-bottom: 20px;}
.right-box ul li img{width: 100%; height: auto;}
.right-box ul li .img-box-outer{padding: 7px;display: block;}
.right-box ul li .img-box-outer > img{ width:100%; height: auto;}
.reading-corner .close{margin:0;}
.reading-corner .close img{ width: 51px ; height: 51px;}
.switch label{border-radius: 34px;font-family: 'GothamMedium'; font-size: 14px;color: #A17577;font-weight: 500;text-transform: uppercase; position: relative;width: 43px;height: 22px;border: solid 2px #A17577;
display: inline-block;text-indent: 54px;}
.switch-toggle:before{position: absolute;content: "";width: 14px;height: 14px;bottom: 2px;left: 3px;background-color: grey;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}
.switch-toggle.off:before{background-color: #A17577;-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
.switch {display: inline-block;float: left;position: relative;}
.switch-in-project {
    display: inline-block;
    position: relative;
}
.copy-link-modal-button{
    background-color: #a17577;
    color: #fff;
}
.opacity-zero {position: absolute;right: -90px;width: 80px;height: 20px;top: 0;opacity: 0;}
.file-upload {position: relative;display: inline-block;float: left;}
.file-upload__label {display: block;padding: 1em 2em;color: #fff;background: #a17577;border-radius: .2em;transition: background .3s;z-index: 9;position: relative;
&:hover {cursor: pointer;background: #000;}
}
/*.file-upload__input {position: absolute;left: 38px;top: 0;right: 0;bottom: 0;font-size: 10px;width: auto;height: 41px;opacity: 1;font-size: 13px;color: #000000;font-family: 'Gotham Book';}*/
.file-upload__input {position: absolute;
    left: 38px;
    top: 11px;
    right: 0;
    bottom: 0;
    font-size: 10px;
    height: 41px;
    opacity: 0;
    color: #000000;
    font-family: 'Gotham Book';
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px; }
    .file-upload:before {
   /*  content: "No File Selected."; */
    position: absolute;
    right: -140px;
    bottom: 20px;
}
.small-popup.alert-popup .btn-outer{margin-top: 30px;}
.btn-outer.ok-btn .banner-btn{height: 49px;width: auto;padding: 0 40px;float: right;}
.alert-popup .modal-body p{font-size: 17px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .file-upload__input { left: 25px; top: 12px;} 
}
/* search */
.searchbox{position:relative;min-width:50px;width:0%;height:50px;float:left;overflow:hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;
transition: width 0.3s;display: inline;margin-left: 30px;}
.searchbox-input{top:0;left:0;border:0;outline:0;background:transparent;width:100%;height:50px;margin:0;padding:0px 55px 0px 60px;font-family: 'Gotham-light';color: #000000;font-size: 18px;border-bottom:1px solid #a17577;}
.searchbox-input::-webkit-input-placeholder {color: #a17577;}
.searchbox-input:-moz-placeholder {color: #a17577;}
.searchbox-input::-moz-placeholder {color: #a17577;}
.searchbox-input:-ms-input-placeholder {color: #a17577;}
.searchbox-icon,.searchbox-submit{width:50px;height:50px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;left:0;padding:0;margin:0;border:0;outline:0;line-height:50px;text-align:center;cursor:pointer;
color:#dcddd8;background: rgba(0,0,0,0) url("../images/search.svg") no-repeat scroll center center;}
.searchbox-open{width:30%;}
.searchbox-submit{border-bottom:1px solid #fff;}

/* alert box subscription */
.subscribe-now{ width: 680px;height: 53px;display: table;margin: auto;box-shadow: 0 0 10px 6px #F1F1F1;padding: 0 18px;position: relative;top: -50px; }
.subscribe-now .alert {padding: 0;margin: 0;display: table-cell;vertical-align: middle;}
.subscribe-now .alert img{ display: inline-block;}
.subscribe-now .alert p{display: inline-block;font-family: 'Gotham Book';font-size: 12px;color: #333333;padding: 0 20px 0 11px;}
.subscribe-now .alert a{display: inline-block; background: #00c54d; color: #fff;font-family: 'Gotham Book';font-size: 13px; border-radius: 40px; width: 120px; text-align: center; height: 24px;padding-top: 3px;}
.subscribe-now .alert .cross-shadow-icon {position: absolute;width: auto;height: auto;background: transparent;top: -10px;right: -9px;padding: 0;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* pagination */
.pagination{margin-bottom:0; text-align: center;}
.pagination > li > a{float: none;display: inline-block;font-family: 'Gotham Book'; color: #000;}
.pagination > .active > a,.pagination > .active > a:hover{background: #F3EBE8; color: #000;border-color: #F3EBE8;}

/* Contact us */
.common-spacing{background: #fcf9f9; padding-top: 75px; padding-bottom:66px ; position: relative;}
.common-spacing:before{width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 43px solid #fff;content: "";position: absolute;top: 0;left: 50%;
margin-left: -50px;}
.contact-us h1{font-family: 'Gotham-light'; font-size: 30px; color: #333333; letter-spacing: -0.7px; line-height: 48px; margin-bottom: 33px;}
.cancel-subscription.contact-us ul li p{min-height: 102px; font-size: 16px;line-height: 26px;color: #444444;}
.cancel-subscription.contact-us ul li h4{font-size: 14px;letter-spacing: 1.5px; color: #333333; text-transform: uppercase;}

/* privacy-policy */
.privacy-policy { background: #fcf9f9; padding-top: 52px; padding-bottom:82px; position: relative;}
.policy-heading h1{letter-spacing: -0.5px;text-align: center;color: #231f20;font-family: 'Gotham-light'; font-size: 32px; line-height: 50px;margin-top: 0;margin-bottom: 20px;}
.policy-heading > p{color: #a17577;font-size: 26px;  line-height: 36px;font-family: 'MrsEavesItalic';  text-align: center; margin-bottom: 0;}
.policy-sxn{line-height: 26px; text-align: left;font-family: 'Gotham-light'; color: #000; padding-top: 60px;}
.policy-sxn h2{ font-size: 24px;text-align: left; }
.policy-sxn p{font-size: 16px; line-height: 26px; margin-bottom: 0;padding-top: 31px;display: inline-block;}
.policy-sxn ul li{ list-style-type:disc; padding-left: 15px;}
.user-submission {padding-top: 47px;}
.terms-list {padding-top: 28px;}

/* privacy-policy */
.conatct-us-popup .modal-dialog{ width: 863px;}
.conatct-us-popup .modal-content.form-detail{ float: left;padding:  25px 60px 55px;}
.conatct-us-popup .btn-outer .banner-btn {width: 340px;height: 52px;font-size: 14px;font-family: 'Gotham Book';line-height: 22px;}
.conatct-us-popup .btn-outer{margin: 30px auto auto;text-align: center;}
.conatct-us-popup  .form-detail .modal-header .close{margin: 0;position: absolute;right: 30px;z-index: 9;}
.conatct-us-popup  .form-detail h4{margin-bottom: 24px;}
.group.left-width {width: 46%;margin-right: 4%;}
.group.right-width {width: 46%;margin-left: 4%;}

/* About Us */
.banner {    height: 100%; background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.1)), url(../images/banner.jpg);  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.banner h1 { font-size: 70px; }
.banner p { font-size: 22px; }
.banner h1, .banner p { text-shadow: 0 2px 2px rgba(53, 60, 63, 0.5); text-align:center; color:#fff;}
.about-inner { display:table-cell;  vertical-align: middle; }
.banner .container{ display: table; height: 100%;}
.main-heading-section { padding:86px 0; background: #fcf9f9; }
.main-heading-section  h2 { font-size: 24px; text-align: left; padding-top: 31px; }
.main-heading-section  p { font-size: 16px; line-height: 26px; margin-bottom: 0; padding-top: 31px; display: inline-block; }
.main-heading-section  p:first-child{ padding:0; }
.main-heading-section span { font-weight:bold; }
p.main-heading { color: #a17577; font-size: 26px; line-height: 28px; font-family: 'MrsEavesItalic'; text-align: center; margin-bottom: 60px; padding: 0; } 
.left-content { text-align:left; }
.right-img { float:right; }
.right-img img { width:100%; }
html,body{ height:100%;}
.read-more-content { max-height: 0; overflow: hidden; transition: max-height .5s ease; }
.read-more-toggle {display: none; }
.read-more-toggle-label { display: inline-block; user-select: none; cursor: pointer; border: none; font-size: 16px; color: #18a1e2; margin-top:12px; } 
.read-more-toggle-label:after { content: "More"; display: inline-block; }
.read-more-toggle:checked + .read-more-content { display: block; max-height: 1000px; }
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after { content: "Less"; }
.right-sec { float:right; text-align:right; margin-top:20px; }
.right-sec p { display:inherit; padding-top:10px;}
 
.upld-btn { position: absolute; max-width: 200px; left: 0; right: 0; margin: 0 auto; bottom: 105px; }
.upload-img .modal-content { height: 650px; }


/* step-1 */
.img-content{ padding: 0 30px; }
.select-txt .moodboard-listing li {height: 250px;}
.select-check-heading .board-brief h3{  font-size: 20px;}
.img-content h3{ font-size: 14px; text-align: left; margin-bottom: 5px; text-transform: capitalize;}
.img-content p{ font-size: 12px; text-align: left; }
.select-check-heading .board-brief h2{font-family: 'Gotham Book'; font-size: 24px;}
.select-check-heading { width: 100%; float: left; padding-bottom: 40px; }
.tab-pane .select-check-heading h2{ margin-bottom: 20px; }
.select-txt {padding: 52px 15px 20px 15px;}
.select-check-heading .cancel-uploads .inner-heading {float: left;}
.select-check-heading .cancel-uploads .inner-heading input{margin: 0;height: 49px;line-height: 47px;}
.cancel-upload-btn{text-align: right;}
.cancel-upload { width: 185px; border: 2px solid #ccc; height: 50px; padding: 15px 0; text-transform: uppercase; color: #ccc; font-size: 14px; display: inline-block; text-align: center; font-family: 'Gotham Book'; margin-left: 20px; }
.img-box input[type="checkbox"][id^="cb"] { display: none; }
.cancel-uploads{ text-align: right;}
.go-back { width: 150px; border: 2px solid #A17577; height: 50px; padding: 15px 0; text-transform: uppercase; color: #A17577; font-size: 14px; display: inline-block; text-align: center; font-family: 'Gotham Book'; }
.cancel-uploads a { width: 185px; border: 2px solid #ccc; height: 50px; padding: 15px 0; text-transform: uppercase; color: #ccc; font-size: 14px; display: inline-block; text-align: center; font-family: 'Gotham Book'; margin-left: 10px; }
.img-box input[type="checkbox"][id^="cb"] { display: none; }
.img-box label:before { color: transparent; content: " "; position: absolute; top: -5px; transition-duration: 0.4s; transform: scale(0); }
.img-box :checked + label:before { content: "✓"; transform: scale(1); }
.img-box [type="checkbox"]:not(:checked) + label, .img-box [type="checkbox"]:checked + label { padding: 0; margin: 0; }
.img-box [type="checkbox"]:not(:checked) + label:before, .img-box [type="checkbox"]:checked + label:before { padding: 0; margin: 0; }
.img-box [type="checkbox"]:not(:checked) + label:after, .img-box [type="checkbox"]:checked + label:after { right: -13px; top: -11px; text-align: right; z-index: 1; }
.img-box [type="checkbox"]:not(:checked) + label:before, .img-box [type="checkbox"]:checked + label:before { right: -20px; top: -20px; left: auto; z-index: 1; background: #a17577; width: 30px; height: 30px; }

/* step-1 pop-up-on-select */
.pop-up-on-select { background: #fff; padding: 30px 0;  }
.on-select {text-align: center;}
.inner-heading{display: inline-block;}
.inner-heading h2 { color: #A17577; display: inline-block; font-family: 'Gotham-extra-light'; font-size: 30px; letter-spacing: -0.5px; line-height: 60px; width: auto; padding: 0 30px;}
.inner-heading a { background-color: #a17577; border: 1px solid #a17577; width: auto; display: inline-block; font-size: 16px; text-transform: uppercase; color: #fff; padding: 0 15px; height: 60px; line-height: 57px; font-family: 'GothamMedium'; text-align: center; margin: 0 15px;}

/*profile-detail*/
.reading-corner .modal-content{ box-shadow: none; }
.reading-corner{width: auto;}
.tab-pane .project-detail-back-btn{margin-bottom: 0;}
.tab-content .reading-corner{padding-top: 50px;}

/*file-detail*/
.detail-file{height: 100%; float: left;}
.file-detail { padding-bottom: 40px;}
.file-detail .form-control{background: inherit;}
.file-detail .bootstrap-select.is-custom > .dropdown-toggle{background: inherit;}
.file-detail-form{margin-right: 20px;}
.flie-detail-submit a{background-color: #a17577; font-size: 14px; width: 209px; height: 53px; padding: 0; text-align: center; line-height: 53px; font-family: 'GothamMedium'; color: #fff; margin-top: 13px;}
.detail-file .btn-outer{text-align: center; margin-top: 30px;}
.detail-file .detail-outerr{width: auto; padding: 0 30px; height: auto;}
.file-detail .bootstrap-select.is-custom > .dropdown-toggle{padding: 25px 0 0 0;}
.left-side-img img{max-width: 100%;}
.upload-img-heading{margin-top: 30px;}
.upload-img .modal-content { padding: 20px; box-shadow: none;}
.file-detail-heading h2 { font-size: 30px; text-transform: capitalize; margin-top: 40px;}
.file-detail-heading h1 { font-size: 30px; text-transform: capitalize; margin-top: 40px;}
.upload-img-heading .bootstrap-select.is-custom > .dropdown-toggle {background: transparent; width: 200px; height: auto; border-bottom: 1px solid #000; padding-left: 0;}
.upload-img-heading .group{ display: inline-block; margin-left: 20px;}

/* recover password */
.recover-password h3{margin-bottom: 30px;}
.recover-password h1{margin-bottom: 30px; font-size: 20px;}
.recover-password {
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.recover-password label.error {  float: none;}
.subscribe-now{width: auto;top: -10px;}
.subscribe-now #loginForm {margin-top: 60px;}
.revocer-password-outer{float: left; width: 100%;height: calc(100% - 274px);display: table;}
.revocer-password-outer .container{display: table-cell;}
.revocer-password-outer .row{display: table;height: 100%;width: 100%;}

/*image-edit*/
.image-edit{width: 100%; float: left; background: #f6f0f0; padding: 60px 0;}
.image-edit .edit-content{box-shadow: 0 2px 44px 0 rgba(212, 212, 212, 0.5)}

.moodboard-listing .img-box [type="checkbox"]:not(:checked) + label::after, .img-box [type="checkbox"]:checked + label::after { top: -14px;left: 100%;}
.moodboard-listing .img-box img.library-img { width: 100%;  height: 173px;   object-fit: contain;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.form-detail input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}
.inner-heading input { background-color: #a17577; border: 1px solid #a17577; width: auto; display: inline-block; font-size: 16px;text-transform: uppercase;color: #fff;  padding: 0 15px; height: 60px; line-height: 57px;font-family: 'GothamMedium'; text-align: center; margin: 0 15px;}


.project-detail-back-btn .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 5px;
}
.project-detail-back-btn .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #fff !important;
}
#createenterpriseForm label.error {
    float: none;
    margin-bottom: 15px;
}
#editenterpriseForm label.error {
    float: none;
    margin-bottom: 15px;
}
#change_password label.error {
    float: none;
    margin-bottom: 15px;
}
.personal-information .group textarea:focus ~ label, .personal-information textarea.field-foucused ~ label, .work-information .group textarea:focus ~ label, .work-information textarea.field-foucused ~ label {
    top: 0;
}
.group textarea:focus ~ label, textarea.field-foucused ~ label {
    top: -11px;
    font-size: 13px;
    color: #333;
}


.group textarea:focus ~ .bar::before, .group textarea:focus ~ .bar::after {

    width: 50%;

}
.group textarea:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}
.group.form-group.textarea-btn textarea {

    box-shadow: 0 0;
    border-radius: 0px;

}
#editLibraryform .group label {
    top: -2px;
}
/****** Business page css ******/
.business-section {width: 100%;}
.canceltext a {color: #a17577;}
.canceltext { font-size: 18px;}
.enquiry-text a {color: #a17577;}
.enquiry-text {margin-top: 20px;}
.enquiry-text p { font-size: 14px;  margin-bottom: 20px;}

.confirm-email span {
    color: rgba(161,117,119,0.8);
}
.confirm-email {
    margin-bottom: 0px;
    margin-top: 50px;
}
.confirm-email h3 {
    font-size: 18px;
    color: #a17577;
}
.confirm-heading h1 {
    color: #555;
}
.confirm-email a {
    color: #231f20;
}
.group textarea {
    border-bottom: 1px solid #757575;
    box-shadow: none;
    border-radius: 0px;
    outline: none;
}
.edit-modal .modal-dialog {
    max-width: 900px;
    width: 100%;
}
.image-edit .edit-modal .edit-content {
    box-shadow: 0 0;
}
.edit-image.small-popup .edit-modal .modal-body {
    background: #fff;
    padding: 20px 35px 20px 0px;
}	
.edit-modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.edit-image .edit-modal .modal-content {
    background: #fff;
    padding: 20px 0px 0px;
}
.image-edit.editmain {
    background: #fff;
    padding: 100px 0;
}
.bs-example-modal-sm.small-popup.edit-image.editmain.image-edit.calculate-banner-height {
    min-height: 500px;
}
.deisgnul li .design-hover:hover .action-box {
    visibility: visible;
    opacity: 1;
}
.design-hover .design-btns.action-box img {
    width: auto !important;
    height: auto !important;
}
.design-btns.action-box {
    position: absolute;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    left: 15px;
    background: #d1b3b4;
    bottom: 0;
    text-align: center;
    padding: 6px 0px;
	top: auto;
}
.project-detail-back-btn .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #fff !important;
}
.modal-down .bootstrap-select.is-custom > .dropdown-toggle {
    background: transparent;
    height: auto;
    border-bottom: 1px solid #000;
    padding-left: 0;
}
#div_img img {
    max-height: 240px;
    max-width: 240px;
}
#div_img {
    text-align: center;
}
.small-popup .modal-content.view_modal {
    padding: 16px 15px 40px;
}
.details-tab .tab-content.outer {
    background: transparent;
    padding-top: 20px;
}
.details-tab .next-tab-spacing {
    padding-top: 0px;
    border: none;
}
.custom-tabs.custom-details .container-fluid {
	background: transparent;
}
.img-box-outer.pinterest-images {
    display: block;
}
.img-box-outer.pinterest-images .img-box img {
    height: 146px;
}
.design-image img {
    height: 100px !important;
    object-fit: contain;
}
.img-box-outer.board-block {
    display: block;
}
.right-box ul li .img-box-outer.more-images > img {
    height: 130px;
    object-fit: cover;
}
.private-text h1 {
    color: #555;
}
.private-text p {
    margin-top: 40px;
}
.private-text p span {
    color: #a17577;
}
.private-text a {
    float: right;
    background: #a17577;
    font-size: 18px;
    color: #fff;
    padding: 5px 20px;
}

/*view-user-popup*/
.small-popup.view-user .modal-body {padding-top: 17px;padding-bottom: 35px;}
.supplier-details {text-align: left;}
.supplier-details span{   font-family: 'Gotham-bold'; font-size: 9px; text-decoration: underline;color: #000;padding-right: 5px;}
.supplier-details p{font-size: 12px; color: #000;}
.supplier-details .tour-btn{width: auto;font-size: 9px;height: auto;margin-top: 0;padding: 6px 10px; }
.supplier-img img{ width:100%;}

/*email-board*/
.email-board textarea { resize: none;}
.email-board .group textarea:focus{border-bottom: 1px solid #757575;}



.about-mains {
    background: url(../images/about-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   height: 520px;
}
.about-mains .container {
    display: flex;
	align-items:center;
    height: 100%;
}
.about-what {
    max-width: 680px;
    width: 100%;
}
.about-what h2 {
    font-size: 56px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    text-align: left;
    font-family: 'Gotham-light', sans-serif;
    color: #333333;
    float: none;
    margin-bottom: 12px;
}
.about-what p {
    font-family: 'Gotham-light', sans-serif;
    font-size: 18px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}

.features {
    display: flex;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
}
.features-heading {
    font-size: 44px;
    font-weight: 300;
    font-style: normal;
    font-family: 'Gotham-light', sans-serif;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: -1px;
    text-align: left;
    color: #333333;
	    float: none;
    position: relative;
}
.leads {
    font-size: 18px;
    font-family: 'Gotham-extra-light', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    margin:22px 0px 0px;
    text-align: left;
    color: #000000;
}
.points-text {
    position: absolute;
    top: -48px;
    left: 2px;
    z-index: -1;
}
.about-lefts {
    padding-left: 70px;
	padding-top: 40px;
}
.about-rights {
    padding-right: 70px;
	padding-top: 40px;
}
.about_img {
    padding: 0;
}
.how-text h2 {
  float:none;
  font-size: 40px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.7px;
  text-align: left;
  font-family: 'Gotham-normal';
      margin-bottom: 50px;
  color: #333333;
}
.how-text p {
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  font-weight: normal;
}	
.how-text a {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a17577;
    max-width: 316px;
    height: 60px;
    box-shadow: 0 2px 10px 0 rgba(53, 53, 53, 0.08);
    border: solid 1px #a17577;
    display: block;
    vertical-align: middle;
    padding: 19px;
    width: 100%;
	margin: 0 auto;
}
.about-read {
    margin-top: 100px;
}
.how-inner {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.about-how {
    padding-bottom: 50px;
	background-image: linear-gradient(to bottom, #ffffff, #f3eded);
}

/* Projects CSS */

.create-first-project-header-text {
    height: 52px;
    width: 255px;
    background-color: #A17577;
    color: #FFFFFF;
    font-family: "Gotham SSm", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-top: 75px;
}

.empty-project-header-text {
    margin-top: 30px;
    margin-bottom: 40px;
    color: #8F6164;
    font-family: "Gotham-light", sans-serif;
    font-size: 44px;
    font-weight: lighter;
    letter-spacing: -1px;
    line-height: 48px;
    text-align: center;
}

.pinterest-hint {
    font-size: 10px;
    font-family: 'Gotham Book', sans-serif;
    line-height: 22px;
    color: #000000;
    text-transform: uppercase;
    float: left;
}

a.email-user-button {
    padding:  0px 5px;
    width: auto;
    border: 1px solid #a17577;
    height: 31px;
    display: inline-block;
}

span.email-user-text {
    text-transform: uppercase;
    font-size: 11px;
    color: #a17577;
    font-family:'Gotham SSm', sans-serif;
    font-weight: 500;
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

h3.header-text {
    font-family: 'Gotham-light', sans-serif;
    font-size: 34px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: -1px;
    color: var(--black);
}

h6.call-to-action-text {
    font-family: 'Gotham-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    font-style: normal;
    padding-left: 100px;
    padding-right: 100px;
}
span.happy-creating {
    font-family: 'GothamMedium', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    letter-spacing: 0;
    color: #FFFFFF;
}
p.plain-paragraph {
    font-family: 'Gotham-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #444444;
}

img.moodboard-image {
    width: 604px;
    height: 431px;
   /* margin-top: 60px;*/
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

p.qoute-text {
    padding: 35px 0 45px;
    margin: 0 auto;
    color: #9a6c6e;
    font-style: italic;
    font-size: 35px;
    font-family: 'MrsEavesItalic', sans-serif;
}

.vertical-align.keeki-quote {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px; /* same height as expected image */
}

.top-spacing {
    margin-top: 50px;
}

.header-pagination {
    font-family: 'Gotham-extra-light', sans-serif;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000 ;
}

.mauve-link {
    font-family: 'Gotham-light', sans-serif;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--mauve);
}

.forgot-password-div {
    margin-bottom: 10px;
    margin-top: 10px;
}

.GoogleButtonLightBlue {
    background-color: #fff;
    color: #757575;
}

.GoogleButton {
    height:45px;
    width:350px;
    margin-bottom: 20px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    color: #262626;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

.GoogleButtonIcon {
    padding:13px
}

.GoogleButtonIconImage {
    width:18px;
    height:18px;
}

.GoogleButtonContentWrapper {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.GoogleButtonLightBlue {
    background-color: #fff;
    color: #757575;
}

.GoogleButtonContents {
    font-family: Roboto,arial,sans-serif;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
    font-size:15px;
    line-height:43px;
}

.GoogleButtonContents {
    font-family: Roboto,arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
}

.reset-password-tab {
    border: none !important;
    padding: 0 0 0 0 !important;
    background: none !important;
}

.modal-override {
    padding-top: 0px !important;
}
.copy-link-button {
    width: 100px;
    border: 1px solid #a17577;
    padding: 5px 0;
    font-size: 14px;
    transition: all 0.3s;
    text-transform: uppercase;
    color: #a17577;
    display: inline-block;
    margin: 21px 0px;
    text-align: center;
    font-family: 'Gotham Book';
}
.select-editor-btn{background-color: #a17577;border: 1px solid #a17577;width: auto;display: inline-block;font-size: 16px;text-transform: uppercase;color:#a17577; transition: all 0.3s; color: #fff;width: 175px;height: 50px; line-height: 50px;font-family: 'GothamMedium';}
.select-editor-btn-disabled{background-color: #CCCCCC !important; border: 0px; color: #A7A7A7;}
.go-to-editor-disabled{background-color: #CCCCCC !important; border: 0px; color: #A7A7A7;}
.select-editor-btn-disabled:hover, banner-btn-disabled:focus {color: #A7A7A7; }
.select-editor-btn:hover, .select-editor-btn:focus{ background-color: #fff; border: 1px solid #a17577; color: #a17577}
.pricing-item {
    font-size: 14px !important;
    margin-top: 1px !important;
    color: #a17577 !important;
    font-family: 'Gotham-light' !important;
    margin-top: 2px !important;
    letter-spacing: 0.1px !important;
}
.h-divider{
    margin-top:5px;
    margin-bottom:5px;
    height:1px;
    width:100%;
    border-top:1px solid gray;
}