@charset "utf-8";

/* CSS Document */



/* Circle-hover-css */

.circle-hover1 {

	display: inline-block;

	overflow: hidden;

	cursor: pointer;

	position: relative;

}

.circle-hover1 .circle-img {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	overflow:hidden;

	position: absolute;

	z-index: 10;

	bottom: -40px;

	right: 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transition-duration: 300ms;

	-o-transition-duration: 300ms;

	transition-duration: 300ms;

}

.circle-hover1:hover .circle-img {

	opacity: 1;

	visibility: visible;

	bottom: 0;

	right: 0;

}



/* Video-play-hover-css */

.video-play-button {

	width: 18px;

	height: 18px;

	float: left;

	background: none;

	border: 2px solid #c59d3a;

	border-radius: 50%;

	display: block;

	margin: 0 10px 0 0;

	position: relative;

}

.video-play-button:after {

	width: 32px;

	height: 32px;

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

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

	display: block;

	background: rgba(197,157,58,0.60);

	border-radius: 50%;

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

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

}

.video-play-button:before {

	width: 22px;

	height: 22px;

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

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

	display: block;

	background: rgba(197,157,58,0.60);

	border-radius: 50%;

	-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: 6px solid #c59d3a;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin: 3px 2px 3px 5px;

}

.testi-wrapp .video-play-button { margin:0; width:40px; height:40px; border: 3px solid #c59d3a;}

.testi-wrapp .video-play-button span { border-left: 14px solid #c59d3a; border-top: 11px solid transparent; border-bottom: 11px solid transparent; margin:6px 12px;}

.testi-wrapp .video-play-button:before { width:40px; height:40px;}

.testi-wrapp .video-play-button:after { width:50px; height:50px;}



 @-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;

}

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 94px;

	float: none;

	background: #c59d3a;

	border: 2px solid #c59d3a;

	border-radius: 0;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 30px solid #ffffff;

	border-top: 20px solid transparent;

	border-bottom: 20px solid transparent;

	margin: 24px 36px;

}

.banner-wrapp .video-play-button:after {

	width: 114px;

	height: 114px;

	background: rgba(64,64,64,0.60);

	border-radius: 0;

}

.banner-wrapp .video-play-button:before {

	width: 90px;

	height: 90px;

	background: rgba(64,64,64,0.60);

	border-radius: 0;

}



/*scroll-effect1*/

.scroll-effect1 {

	height: 40px;

	float: left;

	background: none;

	border: 2px solid #ffffff;

	border-radius: 12px;

	margin: 0 0 0;

	position: relative;

	z-index: 99;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 40px;

	border-radius: 50px;

	box-sizing: border-box;

	margin: 0 0 0;

}

.scroll-effect1 a:after {

	content: "";

	width: 8px;

	height: 30px;

	background: url(../images/scroll1-down-white-anchor.svg) no-repeat bottom / 100%;

	position: absolute;

	right: 0;

	bottom: -16px;

	left: 0;

	margin: 0 auto 0;

}

.scroll-effect1 a span::before {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	content: '';

	width: 8px;

	height: 8px;

	margin: 0 auto 0;

	background: none;

	border: 2px solid #ffffff;

	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;

}

}



/* Square-effect-css */

.square-effect1 {

  cursor: pointer;

  overflow: hidden;

  position: relative;

}

.square-effect1 img {

  width: 100%;

  display: block;

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

  transition: all 0.4s ease-in-out;

  position: relative;

}

.square-effect1:hover img {

  transform: scale(1.08);

  transition: all 1.5s ease 0s;

  filter: grayscale(100%);

}

.square-effect1 .square-img1 {

  width: 80%;

  height: 86%;

  display: inline-block;

  border: 1px solid #ffffff;

  background-color: transparent;

  opacity: 0;

  filter: alpha(opacity=0);

  transform: translateY(-50%);

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

  transition: all 0.4s ease-in-out;

  margin: 0 auto 0;

  position: absolute;

  top: 50%;

  right:0;

  bottom: 0;

  left: 0;

}

.square-effect1:hover .square-img1 {

  opacity: 1;

  filter: alpha(opacity=100);

}

.instagram-col1 .square-effect1 .square-img1 {

  width: 90%;

  height: 90%;

}

.instagram-col2 .square-effect1 .square-img1 {

  width: 80%;

  height: 80%;

}

.testimonial-thm1 .square-img1 {

  width: 70%;

  height: 70%;

  border-radius: 50%;

}



/*back-to-top-css*/

#scroll {

    width: 40px;

    height: 40px;

    background: url(../images/scroll1-up-gold-arrow.svg) no-repeat center / 100%;

    text-indent: -9999px;

    cursor: pointer;

    display: none;

	margin: 0 0 0;

    position: fixed;

    right: 0;

    bottom: 95px;

}

#scroll:hover {

    background: url(../images/scroll2-up-gray-arrow.svg) no-repeat center / 100%;

    opacity: 1;

	filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



/* checkbox-css */

.checkbox1 {

	width: auto;

	float: left;

	margin: 12px 34px 0 0;

}

.checkbox2 {

	width: auto;

	float: left;

	margin: 12px 0 26px;

}

.checkbox1 a, .checkbox2 a {

	color: #c59d3a;

}

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

	color: #ffffff;

}

.checkbox1 span, .checkbox2 span {

	font-size: 13px;

	font-weight: 600;

	color: #ffffff;

	letter-spacing: 0;

	line-height: 23px;

	display: inherit;

	position: relative;

	top: -2px;

}

[type="checkbox"]:checked,

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

    position: absolute;

    left: -9999px;

}

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

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

{

    position: relative;

    padding-left: 30px;

    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: 17px;

    height: 17px;

	background: rgba(0,0,0,0.0);

	border: 1px solid #ffffff;

	border-radius: 50%;

}

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

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

    content: '';

    width: 9px;

    height: 9px;

    background: #c59d3a;

	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;}



/* 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:#c59d3a;

}



.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) {

/* Video-play-hover-css */

.video-play-button {

	margin: 0 6px 0 0;

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 54px;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 22px solid #ffffff;

	border-top: 14px solid transparent;

	border-bottom: 14px solid transparent;

	margin: 11px 17px;

}

.banner-wrapp .video-play-button:after {

	width: 66px;

	height: 66px;

}

.banner-wrapp .video-play-button:before {

	width: 50px;

	height: 50px;

}

/* checkbox-css */

.checkbox1 {

	width: 100%;

	margin: 0 0 12px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span { 

	font-size: 11px;

	line-height: 21px;

	top: -4px;

}

[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;

}

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

	padding-left: 24px;

	display: inline;

}

}



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

/* Video-play-hover-css */

.video-play-button {

	margin: 0 6px 0 0;

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 54px;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 22px solid #ffffff;

	border-top: 14px solid transparent;

	border-bottom: 14px solid transparent;

	margin: 11px 17px;

}

.banner-wrapp .video-play-button:after {

	width: 66px;

	height: 66px;

}

.banner-wrapp .video-play-button:before {

	width: 50px;

	height: 50px;

}

/* checkbox-css */

.checkbox1 {

	width: 100%;

	margin: 0 0 12px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span { 

	font-size: 11px;

	line-height: 21px;

	top: -4px;

}

[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;

}

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

	padding-left: 24px;

	display: inline;

}

}



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

/* Video-play-hover-css */

.video-play-button {

	margin: 0 6px 0 0;

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 54px;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 22px solid #ffffff;

	border-top: 14px solid transparent;

	border-bottom: 14px solid transparent;

	margin: 11px 17px;

}

.banner-wrapp .video-play-button:after {

	width: 66px;

	height: 66px;

}

.banner-wrapp .video-play-button:before {

	width: 50px;

	height: 50px;

}

/* checkbox-css */

.checkbox1 {

	width: 100%;

	margin: 0 0 12px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span { 

	font-size: 11px;

	line-height: 21px;

	top: -4px;

}

[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;

}

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

	padding-left: 24px;

	display: inline;

}

}



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

/* Video-play-hover-css */

.video-play-button {

	margin: 0 6px 0 0;

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 64px;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 22px solid #ffffff;

	border-top: 14px solid transparent;

	border-bottom: 14px solid transparent;

	margin: 16px 21px;

}

.banner-wrapp .video-play-button:after {

	width: 84px;

	height: 84px;

}

.banner-wrapp .video-play-button:before {

	width: 60px;

	height: 60px;

}

/* checkbox-css */

.checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span {

	font-size: 11px;

	line-height: 21px;

	top: -4px;

}

[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;

}

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

	padding-left: 24px;

}

}



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

/* Video-play-hover-css */

.video-play-button {

	margin: 0 6px 0 0;

}

.banner-wrapp .video-play-button {

	width: 100%;

	height: 79px;

	margin: 0 0 0;

}

.banner-wrapp .video-play-button span {

	border-left: 26px solid #ffffff;

	border-top: 17px solid transparent;

	border-bottom: 17px solid transparent;

	margin: 21px 27px;

}

.banner-wrapp .video-play-button:after {

	width: 95px;

	height: 95px;

}

.banner-wrapp .video-play-button:before {

	width: 75px;

	height: 75px;

}

/* checkbox-css */

.checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 22px;

}

.checkbox1 span, .checkbox2 span {

	font-size: 12px;

	line-height: 22px;

	top: -3px;

}

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

	width: 15px;

	height: 15px;

}

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

	width: 7px;

	height: 7px;

}

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

	padding-left: 27px;

}

}



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

/* checkbox-css */

.checkbox1 {

	margin: 12px 0 26px;

}

.checkbox2 {

	float: right;

	margin: 12px 0 26px;

}

.checkbox1 span, .checkbox2 span {

	font-size: 12px;

	line-height: 22px;

}

}



@media screen and (min-width:1241px) and (max-width:1340px) {

/* checkbox-css */

.checkbox1 span, .checkbox2 span {

	font-size: 12px;

	line-height: 22px;

}

}