/* COLOR

copper #99786c
grey #cbc6c3

*/

@import url(webfonts/stylesheet.css);


#header-outer {border-bottom: 2px solid #fff !important}

header#top ul.sf-menu li {margin-right: 20px; background: rgba(153, 120, 108, 0);transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important; position: relative; margin-bottom: -2px}

header#top ul.sf-menu li a { text-transform: uppercase; letter-spacing: 0.1em}

header#top ul.sf-menu li.current-menu-item { background: rgba(153, 120, 108, 1) !important}

body #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-item > a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item > a, #header-outer header#top nav .sf-menu li.current-menu-item a {color: #000 !important;}


#header-secondary-outer {background: #222 !important}
#header-secondary-outer .sf-menu {float: left !important; position: relative; margin-left: -20px}
/*#header-secondary-outer a {display: inline-block; padding-right: 150px;  height: 34px; background: url(img/sonoma_logo-small_clear.png) right center no-repeat; background-size: contain; font-size: 12px; color: #fff !important; line-height: 34px; position:relative; margin-left: -112px}
#header-secondary-outer .nectar-center-text {text-align: left !important}*/
#header-secondary-outer a span {display: inline-block;height: 26px; background: url(img/dlogo-top.png) left center no-repeat; background-size: contain; text-indent: -9999px; width: 100px}

body.home #slide-out-widget-area .inner .off-canvas-menu-container .secondary-header-items li a {font-size: 14px !important; letter-spacing: 0}


body .custom .welcome-slide h2 { background: url(img/TR-logo_welcome4.svg) center center no-repeat; background-size: contain; height: 500px; text-indent: -9999px !important}
body.home .swiper-container .slider-prev i, body.home .swiper-container .slider-next i {
	display: none !important
}
body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	font-size: 24px !important;
	margin-top: 0!important;
	font-family: FontAwesome!important;
	opacity: 1;
	transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	-webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	height: 72px !important;
	width: 72px !important;
	background: none !important;
	overflow: visible !important
}
body.home .swiper-container .slider-prev {
	left: 30px;
}
body.home .swiper-container .slider-next {
	right: 40px;
}

body.home .swiper-container .slider-prev:before, body.home .swiper-container .slider-next:before {
	top: 0px;
	display: block;
	transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	-webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	position: relative;
	color: #99786c;
}

body.home .swiper-container .slider-prev:before,body.home .swiper-container .slider-next:before { font-size: 72px;}

body.home .swiper-container .slider-prev:before {
	left: 12px;
	content: "\f104";
}
body.home .swiper-container .slider-next:before {
	left: -5px;
	content: "\f105";
}
body.home .swiper-container .slider-prev:hover:before {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
}
body.home .swiper-container .slider-next:hover:before {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
}
body.home .swiper-container .slider-prev:after, body.home .swiper-container .slider-next:after {
	display: block;
	content: ' ';
	position: absolute;
	width: 48px !important;
	height: 2px;
	top: 16px;
	background-color: rgba(255,255,255,0);
	transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;
}
body.home .swiper-container .slider-prev:after {
	left: 22px;
}
body.home .swiper-container .slider-next:after {
	right: 24px;
}
.slide-count {
	display: none !important
}

body.home .swiper-slide .slide-bg-wrap .slide-bg-overlay {-moz-opacity:0.85; -webkit-opacity:0.85;opacity:0.85;filter:alpha(opacity=85);}

body.home .nectar-slider-wrap[data-fullscreen="true"] .swiper-wrapper .slider-down-arrow { width: 150px; margin-left: -75px !important; height: 72px}
body.home .swiper-wrapper .slider-down-arrow:before {display: none}
body.home .swiper-wrapper .slider-down-arrow:before {display: block; content: ''; background: none; transform: none; transition: 0; animation: none; -webkit-animation:none; margin: 0; border-radius: 0; font-size: 72px; width: 100%; top:0; left: 0; height: 100%;content: "\f107" !important; text-align: center !important; color: #99786c;font-family: FontAwesome!important; margin-top: 30px; height: 40px}
body.home .swiper-wrapper .slider-down-arrow:after {border:none;display: block; content: 'LEARN MORE';font-family: 'Montserrat';  margin: 0; border-radius: 0; font-size: 10px; width: 100%; top:0; left: 0; height: 100%; text-align: center !important; color:#fff;letter-spacing: 0.2em;}
body.home .swiper-wrapper .slider-down-arrow {content: "\f105" !important; text-align: center !important; color: red;font-family: FontAwesome!important; }
body.home .swiper-wrapper .slider-down-arrow .nectar-scroll-icon, body.home .swiper-wrapper .slider-down-arrow .nectar-scroll-icon_:after,.scroll-down-wrap.no-border .section-down-arrow_:after, .slider-down-arrow.no-border_:after {display: none !important; content: none}

h2, h2.copper {color: #99786c; }

h3 { font-family: 'Didot Italic' !important; font-size: 32px; line-height: 1.75}

.arriving strong {font-weight: normal}
.arriving p {margin: 0 auto; width: 100%; max-width:720px; padding: 0 60px; position: relative; font-family: 'Didot Italic'; font-size: 20px; line-height: 1.75}
.arriving p:before,.arriving p:after {display: block; content: ''; position: absolute; top: 0; width: 40px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain}
.arriving p:before {left: 0; background-image: url(img/bracket-left.svg)}
.arriving p:after {right: 0; background-image: url(img/bracket-right.svg)}

.max700 p {width: 100%; max-width:700px; padding: 0px; margin: 0 auto}

img.svg-max {width: 100%; max-width: 100px !important; height: auto}

.gm-style-iw {text-align: center}

.gm-style-iw strong, .gm-style-iw b {display: block; width: 100%; font-size: 24px}



/* footer */

#footer-outer {background:#000}

.off-canvas-menu-container .secondary-header-text {display: none}


/* FORM */

.gform_wrapper ul li {padding-left: 2.5% !important;}

.gform_wrapper ul li.d-1of3 {float:left;clear:none !important}

.gform_wrapper ul li.d-1of3 input {width:95% !important}
.gform_wrapper ul li select {
	background:rgba(255,255,255,0.04) url(img/bg-select.png) right center no-repeat !important; border:none;
    padding: 8px !important;
	border-radius: 0 !important;
	background-size: 300px 50px !important;
	width: 95% !important;
	margin: 0 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	box-shadow: none !important;
	color:#fff !important;
	
}
.gform_wrapper ul li.check_subscribe .gfield_label {display:none}
.gform_wrapper ul li.check_subscribe {text-align:center; width:100%;}
.gform_wrapper ul li.check_subscribe li {display:block;/*width:100%; max-width:750px;*/ padding-top: 32px !important}
.gform_footer {text-align:center}
.gform_footer input {font-family: 'Montserrat'; letter-spacing: 0.3em; text-align:center}
.gform_button {text-transform:uppercase}
.gform_wrapper li.gfield_visibility_administrative {display:none !important}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {font-weight:normal !important}

.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
	display: none !important;
	border: 1px solid red !important
}
.gform_wrapper ul li ul li label {
	display: inline-block;
	background: url(img/radio-check2.png) 0 1px no-repeat;
	background-size: 50px 200px;
	padding: 0px 5px 0 28px !important;
	min-height: 24px;
	cursor: pointer;
	position: relative;
	margin: 0px !important;
	font-weight: normal !important
}
.gform_wrapper ul li ul li input:checked + label {
	background: url(img/radio-check2.png) 0 -100px no-repeat;
	margin: 0 !important;
	background-size: 50px 200px;
}



#copyright,#copyright p {font-size:10px; color:#666; text-align:center}


/* - - - - -  BONES - - - - -  */
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
}
.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}
.last-col {
	float: right;
	padding-right: 0 !important;
}

.product-inner {padding: 0 24px}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
	ul.related li {width: 100%; margin-right: 0; margin-bottom: 10px; float:left }
	ul.resource-gallery li {padding: 8px; width: 50%;}
	
.m-hide {
	display: none
}
.m-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.m-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.m-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.m-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.m-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.m-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.m-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.m-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.m-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.m-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.m-right {
	float: right !important
}
.m-left {
	float: left !important
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	font-size: 22px !important;
	line-height: 32px !important
}
.swiper-slide.london .content img, img.lc-logo {
	width: 100%;
	max-width: 250px !important;
}
body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	display: none!important
}
body.ascend .active_texture {
	background-image: url(img/grid20.png) !important;
	display: block !important
}
	.spaceLC {
	height: 250px !important
}
	.wpb_row.native-size .row-bg.using-image {
	background-position:  center bottom !important
}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 999px) {
	

	
	ul.related li {width: 32%; margin-right: 1%; margin-bottom: 0px; float:left }
	ul.resource-gallery li {padding: 8px; width: 40%;}
.spaceLC {
	height: 250px !important
}
	.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 46% !important;
	margin: 2% 2% 2% 2% !important
}
.t-hide {
	display: none
}
.t-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.t-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50% !important
}
.t-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.t-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.t-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.t-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.t-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.t-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.t-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.t-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.t-right {
	float: right !important
}
.t-left {
	float: left !important
}
}


/* Landscape to small desktop */
@media (min-width: 1000px) {
.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 31.33% !important;
	margin: 1% 1% 1% 1% !important
}
.slide-out-widget-area-toggle, .d-hide {
	display: none !important
}
.d-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.d-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.d-1of3 {
	float: left;
	padding-right: 0.75em !important;
	width: 33.33% !important;
}
.d-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.d-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.d-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.d-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.d-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.d-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.d-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.d-1of6 {
	float: left;
	padding-right: 0.75em;
	width: 16.6666666667%;
}
.d-5of6 {
	float: left;
	padding-right: 0.75em;
	width: 83.333333%;
}
.d-1of7 {
	float: left;
	padding-right: 0.75em;
	width: 14.2857142857%;
}
.d-2of7 {
	float: left;
	padding-right: 0.75em;
	width: 28.5714286%;
}
.d-3of7 {
	float: left;
	padding-right: 0.75em;
	width: 42.8571429%;
}
.d-4of7 {
	float: left;
	padding-right: 0.75em;
	width: 57.1428572%;
}
.d-5of7 {
	float: left;
	padding-right: 0.75em;
	width: 71.4285715%;
}
.d-6of7 {
	float: left;
	padding-right: 0.75em;
	width: 85.7142857%;
}
.d-1of8 {
	float: left;
	padding-right: 0.75em;
	width: 12.5%;
}
.d-1of9 {
	float: left;
	padding-right: 0.75em;
	width: 11.1111111111%;
}
.d-1of10 {
	float: left;
	padding-right: 0.75em;
	width: 10%;
}
.d-1of11 {
	float: left;
	padding-right: 0.75em;
	width: 9.09090909091%;
}
.d-1of12 {
	float: left;
	padding-right: 0.75em;
	width: 8.33%;
}
.d-right {
	float: right !important
}
.d-left {
	float: left !important
}
}
.com {

height:auto;
max-width:100%;
}

/* media query */ 
@media only screen and (max-width: 480px) {
img#com {
position:relative;
bottom:127px;
width:150px;
	}
	}

	.last-col-imp {
    float: right !important;
    padding-right: 0 !important;
}
.dis-inline-block{
	clear: unset !important;
}
li#field_1_36 {
    margin-top: 14px !important;
    display: inline-block;
    width: 100%;
}
li#field_5_36 {
    margin-top: 14px !important;
    display: inline-block;
    width: 100%;
}
.gfield_select option {
    color: #000;
}
#gform_5 .gfield_select{
        color: #000 !important;
    background-color: rgba(0,0,0,0.035) !important;
    position: relative;
    font-size: 14px;
    border-bottom: 2px solid #e0e0e0 !important;
    transition: border-color 0.2s ease;
}

.btn-appo {
    background: #9a796b;
    color: #fff;
    border-radius: 23px;
    font-size: 18px;
    font-weight: 600;
    padding: 11px 23px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}