@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	position: relative;

	display: block;

	width: 26px;

	height: 26px;

	float: left;

	border: 2px solid #000000;

	border-radius: 50%;

	margin: 0 0 0;

}

.video-play-button:after {

	-o-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 44px;

	height: 44px;

	background: rgba(154,133,85,0.60);

	border-radius: 50%;

	-o-animation: pulse-border 1500ms ease-out infinite;

	-ms-animation: pulse-border 1500ms ease-out infinite;

	-moz-animation: pulse-border 1500ms ease-out infinite;

	-webkit-animation: pulse-border 1500ms ease-out infinite;

	animation: pulse-border 1500ms ease-out infinite;

}

.video-play-button:before {

	-o-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 30px;

	height: 30px;

	background: rgba(154,133,85,0.60);

	border-radius: 50%;

	-o-animation: pulse-border 1500ms ease-out infinite;

	-ms-animation: pulse-border 1500ms ease-out infinite;

	-moz-animation: pulse-border 1500ms ease-out infinite;

	-webkit-animation: pulse-border 1500ms ease-out infinite;

	animation: pulse-border 1500ms ease-out infinite;

}

.video-play-button:after, .video-play-button:before {

	content: "";

	position: absolute;

	z-index: 0;

	left: 50%;

	top: 50%;

	z-index: -9;

}

.video-play-button span {

	display: block;

	position: relative;

	z-index: 3;

	width: 0;

	height: 0;

	border-left: 8px solid #000000;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	margin: 5px 9px;

}



.testi-wrapp .video-play-button { width:36px; height:36px; border: 1px solid #9a8555; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto;}

.testi-wrapp .video-play-button span { margin:9px 13px; border-left: 11px solid #9a8555; border-top: 9px solid transparent; border-bottom: 9px solid transparent;}



 @-webkit-keyframes pulse-border {

 0% {

 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

 opacity: 1;

}

 100% {

 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

 opacity: 0;

}

}

 @keyframes pulse-border {

 0% {

 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

 opacity: 1;

}

 100% {

 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

 opacity: 0;

}

}



/*scroll-effect1*/

.scroll-effect1 {

	width: 100%;

	height: 28px;

	float: left;

	background: url(../images/scroll-brown-thumb1.svg) no-repeat center / 100% 100%;

	margin: 0 0 0;

	position: relative;

	z-index: 99;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 28px;

	border-radius: 50px;

	box-sizing: border-box;

	margin: 0 0 0;

}

.scroll-effect1 a:after {

	content: "";

	width: 10px;

	height: 15px;

	background: url(../images/scroll-down-brown-arrow1.svg) no-repeat center / 100% 100%;

	position: absolute;

	right: 0;

	bottom: -8px;

	left: 0;

	margin: 0 auto 0;

}

.scroll-effect1 a span::before {

	position: absolute;

	top: 6px;

	right: 0;

	left: 0;

	content: '';

	width: 2px;

	height: 6px;

	margin: 0 auto 0;

	background: #9a8555;

	border-radius: 20px;

	-webkit-animation: sdb10 2s infinite;

	animation: sdb10 2s infinite;

	box-sizing: border-box;

}



@-webkit-keyframes sdb10 {

 0% {

 -webkit-transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 -webkit-transform: translate(0, 14px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

@keyframes sdb10 {

 0% {

 transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 transform: translate(0, 14px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}



/*sticky-css*/

.float-panel {

	width: 100%;

	transition: all 0.7s;

}

.fixed {

	border: none;

	animation: slide-down 0.7s;

}

.fixed .fa-gg {

	transform: rotate(360deg);

}

.fixed {

	width: 100% !important;

	float: left;

	background: url(../images/sticky-after1.png) no-repeat top / cover;

	margin: 0 0 0 !important;

	padding: 30px 0 30px;

	left: 0;

	right: 0;

	z-index: 999999;

}

.scroll {

	width: 100%;

	float: left;

	margin: 0 0 0;

	position: relative;

}

.fixed .sticky-logo1 {

	width: 64px;

	display: block;

}

.fixed .header-col1 {

	animation: slide-down 0.7s;

	display: none;

}

.fixed .header-col2 {

	display: none;

}

.fixed .header-col3 {

	display: none;

}

.fixed .header-col4 {

	display: none;

}

.header-wrapp .fixed .header-col5 {

	animation: slide-down 0.7s;

	margin: 17px 0 0;

}

.nav-row1 .fixed {

	width: 30px !important;

	background: none;

	padding: 26px 0 26px;

	left: 29px;

	right: inherit;

}

.nav-row1 .scroll {

	width: 30px;

}

 @keyframes slide-down {

0% {

transform:translateY(-100%);

}

100% {

transform:translateY(0);

}

}

/* ---------------- For Animation on Scroll ---------------- */

.slideanim {

	visibility: hidden;

	visibility: visible\9;/*For old IE browsers IE6-8 */

}

.slideanim.slide {

	visibility: visible;

	animation: slide 1s;

}

.slideanim::after { /* useful when its child elements are float:left; */

	content: "";

	display: table;

	clear: both;

}

@keyframes slide {

0% {

transform:translateY(50%);

}

100% {

transform:translateY(0);

}

}



/*dropdown-css*/

.select-hide {

	display: none;

}

.custom-select1 {

	width: 100%;

	height: auto;

	float: right;

	background: rgba(255,255,255,0.80);

	border: 1px solid rgba(255,255,255,0.80);

	border-radius: 40px;

	transition: all 0.25s ease-out 0s;

	margin: 0 0 0;

	position: relative;

}

.custom-select1:hover {

	background: #9a8555;

	border: 1px solid #9a8555;

}

.custom-select1:hover .select-selected {

	color: #ffffff;

}

.custom-select1 select {

	display: none;

}

.custom-select1:after {

	content: "";

	width: 12px;

	height: 11px;

	background: url(../images/custom-down-brown-arrow1.svg) no-repeat center / 100% 100%;

	transform: translateY(-50%);

	position: absolute;

	top: 50%;

	right: 10px;

}

.custom-select1:hover:after {

	background: url(../images/custom-down-white-arrow2.svg) no-repeat center / 100% 100%;

}


.custom-about1 {

	width: 100%;

	height: auto;

	float: right;

	background: rgba(255,255,255,0.80);

	border: 1px solid rgba(255,255,255,0.80);

	border-radius: 40px;

	transition: all 0.25s ease-out 0s;

	margin: 0 0 0;

	position: relative;

}

.custom-about1:hover {

	background: #9a8555;

	border: 1px solid #9a8555;

}

.custom-about1:hover .select-selected {

	color: #ffffff;

}

.custom-about1 select {

	display: none;

}

.custom-about1:after {

	content: "";

	width: 12px;

	height: 11px;

	background: url(../images/custom-down-brown-arrow1.svg) no-repeat center / 100% 100%;

	transform: translateY(-50%);

	position: absolute;

	top: 50%;

	right: 15px;

}

.custom-about1:hover:after {

	background: url(../images/custom-down-white-arrow2.svg) no-repeat center / 100% 100%;

}



.select-items {

	background: #ffffff;

	position: absolute;

	top: 102%;

	left: 0;

	right: 0;

	z-index: 99;
    max-height: 172px;
    overflow-y: scroll;

}

.select-items div {

	color: #9a8555;

	padding: 10px 10px;

}

.select-items div:hover {

	color: #ffffff;

	background: #9a8555;

}

.select-selected {

	color: #ffffff;

	padding: 6px 25px 6px 20px;

	position: relative;
	
    z-index: 1;

}

.select-items div, .select-selected {

	cursor: pointer;

	font-size: 15px;

	color: #9a8555;

	letter-spacing: 0;

}



/*checkbox-css*/

.checkbox1 {

	width: 100%;

	float: left;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	float: left;

	margin: 0 0 20px;

}

.checkbox1 a, .checkbox2 a {

	color: #23282e;

}

.checkbox1 a:hover, .checkbox2 a:hover {

	color: #9a8555;

}

.checkbox1 span, .checkbox2 span {

	font-size: 15.03px;

	color: #23282e;

	letter-spacing: 0;

	line-height: 20.03px;

	display: inherit;

	position: relative;

	top: -3px;

	font-family: 'Poppins', sans-serif; font-weight: 400;

}

[type="checkbox"]:checked,

[type="checkbox"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="checkbox"]:checked + label,

[type="checkbox"]:not(:checked) + label

{

    position: relative;

    padding-left: 24px;

    cursor: pointer;

    line-height: 20px;

    display: initial;

    color: #666;

}

[type="checkbox"]:checked + label:before,

[type="checkbox"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 15px;

    height: 15px;

	background: #eaecee;

	border: 1px solid #aa9a74;

	border-radius: 50%;

}

[type="checkbox"]:checked + label:after,

[type="checkbox"]:not(:checked) + label:after {

    content: '';

    width: 7px;

    height: 7px;

    background: #aa9a74;

	border-radius: 50%;

    position: absolute;

    top: 4px;

    left: 4px;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="checkbox"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

[type="checkbox"]:checked + label:before {

    background: #ffffff;

}



.sidbar-wrapp [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { display:inline-block;}



.getin-wrapp [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { display:initial;}



/*square-effect1*/

.square-effect1 {

  cursor: pointer;

  overflow: hidden;

}

.square-effect1 img {

  width: 100%;

  display: block;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.square-effect1:hover img {

  transform: scale(1.08);

  transition: all 1.5s ease 0s;

  filter: grayscale(100%);

}



/*parallax-css*/

.background { 

	background-repeat: no-repeat; 

	background-position: 50% 50%;

}

.fullscreen { 

	height: 100%;

	overflow: hidden;

}



/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}



/*effect-css*/

.hovereffect {

  width: 360px;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;

  background:#a6946a;

}



.hovereffect .overlay1 {

  position: absolute;

  overflow: hidden;

  width: 80%;

  left: 10%;

  bottom: 1%;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: scale(0,1);

  -ms-transform: scale(0,1);

  transform: scale(0,1);

}



.hovereffect:hover .overlay1 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.hovereffect:hover img {

	mix-blend-mode: multiply;

}



.hovereffect h3 {

  text-align: center;

  position: relative;

  font-size: 20px;

  background-color: transparent;

  color: #FFF;

  padding: 1em 0;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(0,-100%,0);

  transform: translate3d(0,-100%,0);

}



.hovereffect a, .hovereffect p {

  color: #FFF;

  padding: 1em 0;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(0,100%,0);

  transform: translate3d(0,100%,0);

}



.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h3 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



/*Smartphone css*/

@media screen and (max-width: 480px) {

/*sticky-css*/

.float-panel { transform:none; transition:none;}

.fixed { width:100% !important; background:none; border-bottom:none; position:relative !important; box-shadow:none !important; animation:none !important; padding:0 !important;}

.scroll { width:100%; position:relative;}

.fixed .sticky-logo1 { display:none;}

.fixed .header-col1 { animation:none; display:block;}

.fixed .header-col2 { display:none;}

.fixed .header-col3 { display:block;}

.fixed .header-col4 { display:block;}

.nav-row1 .fixed { left:0; right:inherit;}



/*dropdown-css*/

.custom-select1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-select1:after { right:5%;}

.custom-about1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-about1:after { right:5%;}


.select-selected { padding:6px 5% 6px 5%;}

.select-items div, .select-selected { font-size:13px;}



/*checkbox-css*/

.checkbox1 { width:100%; margin:0 0 12px;}

.checkbox2 { width:100%; margin:0 0 14px;}

.checkbox1 span, .checkbox2 span { font-size:13.03px; top:-4px;}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { width:13px; height:13px;}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { width:5px; height:5px;}

.select-items { max-height: 160px;}

} 



@media screen and (min-width:481px) and (max-width:600px) {

/*sticky-css*/

.float-panel { transform:none; transition:none;}

.fixed { width:100% !important; background:none; border-bottom:none; position:relative !important; box-shadow:none !important; animation:none !important; padding:0 !important;}

.scroll { width:100%; position:relative;}

.fixed .sticky-logo1 { display:none;}

.fixed .header-col1 { animation:none; display:block;}

.fixed .header-col2 { display:none;}

.fixed .header-col3 { display:block;}

.fixed .header-col4 { display:block;}

.nav-row1 .fixed { left:0; right:inherit;}



/*dropdown-css*/

.custom-select1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-select1:after { right:5%;}

.custom-about1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-about1:after { right:5%;}



.select-selected { padding:6px 5% 6px 5%;}

.select-items div, .select-selected { font-size:13px;}



/*checkbox-css*/

.checkbox1 { width:100%; margin:0 0 12px;}

.checkbox2 { width:100%; margin:0 0 14px;}

.checkbox1 span, .checkbox2 span { font-size:13.03px; top:-4px;}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { width:13px; height:13px;}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { width:5px; height:5px;}


.select-items { max-height: 160px;}

}



@media screen and (min-width:601px) and (max-width:767px) {

/*sticky-css*/

.float-panel { transform:none; transition:none;}

.fixed { width:100% !important; background:none; border-bottom:none; position:relative !important; box-shadow:none !important; animation:none !important; padding:0 !important;}

.scroll { width:100%; position:relative;}

.fixed .sticky-logo1 { display:none;}

.fixed .header-col1 { animation:none; display:block;}

.fixed .header-col2 { display:none;}

.fixed .header-col3 { display:block;}

.fixed .header-col4 { display:block;}

.nav-row1 .fixed { left:0; right:inherit;}



/*dropdown-css*/

.custom-select1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-select1:after { right:5%;}

.custom-about1 { width:100%; height:auto; text-align:center; margin:0 0 0; position:relative; z-index:999;}

.custom-about1:after { right:5%;}

.select-selected { padding:6px 5% 6px 5%;}

.select-items div, .select-selected { font-size:13px;}



/*checkbox-css*/

.checkbox1 { width:100%; margin:0 0 12px;}

.checkbox2 { width:100%; margin:0 0 14px;}

.checkbox1 span, .checkbox2 span { font-size:13.03px; top:-4px;}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { width:13px; height:13px;}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { width:5px; height:5px;}


.select-items { max-height: 160px;}

}



@media screen and (min-width:768px) and (max-width:900px) {

/*sticky-css*/

.fixed { padding:14px 0 14px;}



/*dropdown-css*/

.custom-select1 { height:auto;}

.select-selected { padding:6px 18px 6px 18px;}

.custom-select1:after { right:10px;}

.select-items div, .select-selected { font-size:13px;}

.custom-about1 { height:auto;}

.custom-about1:after { right:10px;}



/*checkbox-css*/

.checkbox1 { width:auto; float:none; margin:0 0 2px;}

.checkbox2 { width:auto; float:none; margin:0 0 14px;}

.checkbox1 span, .checkbox2 span { font-size:13.03px; line-height:18.03px; top:-4px;}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { width:13px; height:13px;}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { width:5px; height:5px;}


.select-items { max-height: 160px;}


}



@media screen and (min-width:901px) and (max-width:1024px) {

/*sticky-css*/

.fixed { padding:18px 0 18px;}



/*dropdown-css*/

.custom-select1 { height:auto;}

.select-selected { padding:6px 20px 6px 20px;}

.custom-select1:after { right:10px;}

.select-items div, .select-selected { font-size:14px;}

.custom-about1 { height:auto;} 

.custom-about1:after { right:10px;}


/*checkbox-css*/

.checkbox1 { width:auto; float:none; margin:0 0 5px;}

.checkbox2 { width:auto; float:none; margin:0 0 17px;}

.checkbox1 span, .checkbox2 span { font-size:14.03px; line-height:19.03px; top:-3px;}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { width:14px; height:14px;}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { width:6px; height:6px;}


.select-items { max-height: 163px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {



}

@media screen and (max-width: 767px) {

.background {
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
}

}