@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	position: relative;

	display: block;

	width: 100%;

	height: 42px;

	float: none;

	border: 2px solid #ffffff;

	border-radius: 50%;

	margin: 0 auto 0;

}

.video-play-button:after {

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

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

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

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

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

	display: block;

	width: 66px;

	height: 66px;

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

	border-radius: 50%;

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

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

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

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

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

}

.video-play-button:before {

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

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

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

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

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

	display: block;

	width: 47px;

	height: 47px;

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

	border-radius: 50%;

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

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

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

	-o-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: 20px solid #ffffff;

	border-top: 11px solid transparent;

	border-bottom: 11px solid transparent;

	margin: 8px 12px;

}

 @-webkit-keyframes pulse-border {

 0% {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 opacity: 0;

}

}

.testi-wrapp .video-play-button {

	width: 44px;

	height: 44px;

	float: none;

    border: 2px solid #ffffff;

	transform: translateY(-50%);

	margin: 0 auto 0;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

}

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

    border-left: 20px solid #ffffff;

	margin: 9px 13px;

}

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

	background: rgb(255 255 255 / 60%);

}

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

	background: rgb(255 255 255 / 60%);

}

/*scroll-effect1*/

.scroll-effect1 {

	width: 100%;

	height: 30px;

	margin: auto;

	position: relative;

	z-index: 99;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 30px;

	border: 1px solid #535050;

	border-radius: 50px;

	box-sizing: border-box;

	margin: 0 0 0;

}

.scroll-effect1 a:after {

	content: "";

	width: 8px;

	height: 6px;

	background: url(../images/scroll-arrow1.png) no-repeat center / cover;

	position: absolute;

	right: 0;

	bottom: -8px;

	left: 0;

	margin: 0 auto 0;

}

.scroll-effect1 a span::before {

	position: absolute;

	top: 7px;

	right: 0;

	left: 0;

	content: '';

	width: 2px;

	height: 6px;

	margin: 0 auto 0;

	background: #535050;

	border-radius: 50%;

	-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, 10px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

@keyframes sdb10 {

 0% {

 transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 transform: translate(0, 10px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

/* Square-effect */

.square-effect1 {

	overflow: hidden;

	background: #343333;

	position: relative;

	cursor: pointer;

}

.square-effect1 img {

	display: block;

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

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

	transition: all 0.4s ease-in-out;

	position: relative;

}

.square-effect1 .square-overlay {

	width: 90%;

	height: 90%;

	opacity: 0;

	border: 2px solid #000000;

	filter: alpha(opacity=0);

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

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

	transform: translateY(-50%);

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

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

	transition: all 0.4s ease-in-out;

	margin: 0 auto 0;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

}

.square-effect1:hover img {

	opacity: 0.60;

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

}

.square-effect1:hover .square-overlay {

	opacity: 1;

	filter: alpha(opacity=100);

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

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

	transform: translateY(-50%);

}

.offers-wrapp .square-effect1 .square-overlay {

	width: 90%;

	height: 90%;

	border: 2px solid #ffffff;

}

.square-effect1:hover .offers-thm1 img {

	opacity: 1;

	transform: none;

	transition: none;

}

/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}

/*parallax-css*/

#parallax { 

	width: 100%;

	float: left;

	margin: 140px 0 46px;

}

#parallax2 { 

	width: 100%;

	float: left;

	margin: 102px 0 82px;

}

.background {

	background-repeat: no-repeat;

	background-position: 50% 50%;

}

.fullscreen {

	height: 100%;

	overflow: hidden;

}



/*Smartphone css*/

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

#parallax { width:100%; margin:40px 0 40px;}

#parallax2 { width:100%; margin:33px 0 12px;}

}



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

#parallax { width:100%; margin:40px 0 40px;}

#parallax2 { width:100%; margin:33px 0 12px;}

}



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

#parallax { width:100%; margin:40px 0 40px;}

#parallax2 { width:100%; margin:33px 0 12px;}

}



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

#parallax { margin:80px 0 46px;}

#parallax2 { margin:82px 0 62px;}

}



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

#parallax { margin:110px 0 46px;}

#parallax2 { margin:92px 0 72px;}

}



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



}