@charset "utf-8";

/* CSS Document */



/*circle-effects-css*/

.circle-effect1 {

	overflow: hidden;

	cursor: pointer;

	position: relative;

}

.circle-effect1 img {

	width: 100%;

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

	transition: all 0.4s ease-in-out;

	display: block;

}

.circle-effect1 .circle-row1 {

	width: 100%;

	height: 100%;

	opacity: 0;

	overflow:hidden;

	visibility: hidden;

	-webkit-transition-duration: 300ms;

	-o-transition-duration: 300ms;

	transition-duration: 300ms;

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 10;

}

.circle-effect1:hover img, .banner-row2 .circle-row1 img { 

	opacity: 0;

}

.circle-effect1:hover .circle-row1, .banner-row2:hover .circle-row1 {

	opacity: 1;

	visibility: visible;

	bottom: 0;

	right: 0;

}

.circle-effect1:hover .circle-row1 img, .banner-row2:hover .circle-row1 img { 

	opacity: 1;

}



/*play-hover*/

.video-play-button {

	position: relative;

	display: block;

	width: 29px;

	height: 29px;

	float: left;

	border: 1px solid #ffffff;

	border-radius: 50%;

	margin: 0 10px 0 0;

}

.video-play-button:after {

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

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

	display: block;

	width: 43px;

	height: 43px;

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

	border-radius: 50%;

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

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

}

.video-play-button:before {

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

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

	display: block;

	width: 29px;

	height: 29px;

	background: rgba(255,255,255,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: 8px solid #ffffff;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

	margin: 7px 11px;

}



/*photobox-effect-css*/

.photobox-effect1 {

	display: block;

	--photoboxOverlay: rgba(0, 0, 0, 0.88);

	cursor: pointer;

	photoboxAnimationDuration: .5s;

	position: relative;

}

.photobox-effect1 .previewbox {

	width: 100%;

	float: left;

	overflow: hidden;

	position: relative;

	border-radius:50%;

}

.photobox-effect1 .previewbox:before {

	content: "";

	width: 0;

	height: 0;

	padding: 25%;

	background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));

	border-radius: 50%;

	mix-blend-mode:color;

	-o-mix-blend-mode:color;

	-ms-mix-blend-mode:color;

	-moz-mix-blend-mode:color;

	-webkit-mix-blend-mode:color;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 2;

	transition: -webkit-transform var(--photoboxAnimationDuration, .4s) ease;

	transition: transform var(--photoboxAnimationDuration, .4s) ease;

	transition: transform var(--photoboxAnimationDuration, .4s) ease, -webkit-transform var(--photoboxAnimationDuration, .4s) ease;

	will-change: transform;

	-webkit-transform: translate(-50%, -50%) scale(0);

	transform: translate(-50%, -50%) scale(0);

}

.photobox-effect1 .previewbox img {

	transition: transform 0.8s ease-in-out 0s;

}

.photobox-effect1:hover .previewbox img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

}

.photobox-effect1:hover .previewbox:before {

	-webkit-transform: translate(-50%, -50%) scale(4);

	transform: translate(-50%, -50%) scale(4);

	transition-duration: calc(var(--photoboxAnimationDuration, .4s) * 2);

}



/* hover-effect-css */

.hovereffect {

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;

  background: #ba9e56;

}

.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.25s ease-out;

  transition: all 0.25s ease-out;

}

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

}



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

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

.testi-wrapp .video-play-button span { border-left: 12px solid #ffffff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin: 10px 14px;}



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

}

}



/*checkbox-effect-css*/

.checkbox1 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 32px 30px 0;

}

.checkbox2 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 0 30px;

}

.checkbox1 a, .checkbox2 a {

	color: #ffffff;

}

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

	color: #ba9e56;

}

.checkbox1 span, .checkbox2 span {

	float: none;

	font-size: 12px;

	color: #ffffff;

	letter-spacing: 0.20px;

	line-height: 24px;

	display: inherit;

	position: relative;

	top: -3px;

}

[type="checkbox"]:checked,

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

    position: absolute;

    left: -9999px;

}

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

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

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    display: inline;

    color: #666;

}

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

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

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 16px;

    height: 16px;

	background: #ba9e56;

	border: 1px solid #ba9e56;

	border-radius: 50%;

}

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

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

    content: '';

    width: 8px;

    height: 8px;

    background: #ffffff;

	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: #ba9e56;

}



/*sidbar-wrapp checkbox-effect-css*/

.sidbar-wrapp .checkbox1 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 0 26px 0;

}

.sidbar-wrapp .checkbox2 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 0 41px;

}

.sidbar-wrapp .checkbox1 a, .sidbar-wrapp .checkbox2 a {

	color: #ffffff;

}

.sidbar-wrapp .checkbox1 a:hover, .sidbar-wrapp .checkbox2 a:hover {

	color: #000000;

}

.sidbar-wrapp .checkbox1 span, .sidbar-wrapp .checkbox2 span {

	float: none;

	font-size: 12px;

	color: #ffffff;

	letter-spacing: 0.20px;

	line-height: 24px;

	display: inherit;

	position: relative;

	top: -4px;

}

.sidbar-wrapp [type="checkbox"]:checked,

.sidbar-wrapp [type="checkbox"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

.sidbar-wrapp [type="checkbox"]:checked + label,

.sidbar-wrapp [type="checkbox"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    display: inline;

    color: #666;

	float:left;

	text-align:left;

}

.sidbar-wrapp [type="checkbox"]:checked + label:before,

.sidbar-wrapp [type="checkbox"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 16px;

    height: 16px;

	background: #ffffff;

	border: 2px solid #ffffff;

	border-radius: 50%;

}

.sidbar-wrapp [type="checkbox"]:checked + label:after,

.sidbar-wrapp [type="checkbox"]:not(:checked) + label:after {

    content: '';

    width: 8px;

    height: 8px;

    background: #ba9e56;

	border-radius: 50%;

    position: absolute;

    top: 4px;

    left: 4px;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.sidbar-wrapp [type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.sidbar-wrapp [type="checkbox"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.sidbar-wrapp [type="checkbox"]:checked + label:before {

    background: #ba9e56;

}



/*contact-wrapp*/

.contact-wrapp .checkbox1 { margin:10px 0 15px;}



.contact-wrapp [type="checkbox"]:checked + label:before,

.contact-wrapp [type="checkbox"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 16px;

    height: 16px;

	background: #ffffff;

	border: 1px solid #ffffff;

	border-radius: 50%;

}

.contact-wrapp [type="checkbox"]:checked + label:after,

.contact-wrapp [type="checkbox"]:not(:checked) + label:after {

    content: '';

    width: 8px;

    height: 8px;

    background: #ba9e56;

	border-radius: 50%;

    position: absolute;

    top: 4px;

    left: 4px;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.contact-wrapp [type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.contact-wrapp [type="checkbox"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.contact-wrapp [type="checkbox"]:checked + label:before {

    background: #ba9e56;

}



/* square-effect-css */

.square-effect1 {

	

	overflow: hidden;

	background: #ba9e56;

	transition: all 0.4s ease-in-out;

}

.square-effect1 .square-row1 img {

	width: 100%;

	mix-blend-mode: multiply;

	transition: all 0.4s ease-in-out;

	display: block;

}

.square-effect1:hover {

	background: #ab00ff;

}

.square-effect1:hover .square-row1 img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

	filter: grayscale(100%);

}

.square-effect2 {

	cursor: pointer;

	overflow: hidden;

}

.square-effect2 .square-row2 img {

	width: 100%;

	transition: all 0.4s ease-in-out;

	filter: grayscale(100%);

	display: block;

}

.square-effect2:hover .square-row2 img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

	filter: none;

}

.square-effect3 {


	overflow: hidden;

}

.square-effect3 .square-row3 img {

	width: 100%;

	transition: all 0.4s ease-in-out;

	display: block;

}

.square-effect3:hover .square-row3 img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

	filter: grayscale(100%);

}



/*Smartphone css*/

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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span {

	position: relative;

    top: -3px;

}

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

	display: inline;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.sidbar-wrapp .checkbox1 span, .sidbar-wrapp .checkbox2 span {

	position: relative;

    top: -3px;

}

.sidbar-wrapp [type="checkbox"]:checked + label, .sidbar-wrapp [type="checkbox"]:not(:checked) + label {

	display: inline;

}

}



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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span {

	position: relative;

    top: -3px;

}

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

	display: inline;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.sidbar-wrapp .checkbox1 span, .sidbar-wrapp .checkbox2 span {

	position: relative;

    top: -3px;

}

.sidbar-wrapp [type="checkbox"]:checked + label, .sidbar-wrapp [type="checkbox"]:not(:checked) + label {

	display: inline;

}

}



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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.checkbox1 span, .checkbox2 span {

	position: relative;

    top: -3px;

}

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

	display: inline;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 4px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 18px;

}

.sidbar-wrapp .checkbox1 span, .sidbar-wrapp .checkbox2 span {

	position: relative;

    top: -3px;

}

.sidbar-wrapp [type="checkbox"]:checked + label, .sidbar-wrapp [type="checkbox"]:not(:checked) + label {

	display: inline;

}

}



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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 22px;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 22px;

}

}



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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 26px;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 22px;

}

}



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

/*checkbox-effect-css*/

.checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.checkbox2 {

	width: 100%;

	margin: 0 0 30px;

}



.sidbar-wrapp .checkbox1 {

	width: 100%;

	margin: 0 0 8px;

}

.sidbar-wrapp .checkbox2 {

	width: 100%;

	margin: 0 0 30px;

}

}



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



}