@charset "utf-8";
/* CSS Document */

/*play-hover*/
.canver-wrapp-n .video-play-button { position: relative; display: block; width: 100%; height: 90px; float: none; border: 5px solid #ffffff; border-radius: 50%; margin: 0 0 0; }
.canver-wrapp-n .video-play-button:after { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 120px; height: 120px; background: rgba(68,117,138,1); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
.canver-wrapp-n .video-play-button:before { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 90px; height: 90px; background: rgba(118,153,169,1); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
.canver-wrapp-n .video-play-button:after, .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; z-index: -9; }
.canver-wrapp-n .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 30px solid #ffffff; border-top: 17px solid transparent; border-bottom: 17px solid transparent; margin: 23px 27px; }
 @-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-n .video-play-button { height: 20px; background: #00aeef; border: 5px solid #00aeef; margin: 0 auto 0; position: relative; z-index: 99; display:block; width:100%; float:none; border-radius:50%; }
/*.banner-wrapp-n .video-play-button:after { width: 40px; height: 40px; background: rgba(0,174,239,0.60); }
.banner-wrapp-n .video-play-button:before { width: 26px; height: 26px; background: rgba(0,174,239,0.60); }*/

.banner-wrapp-n .video-play-button:after { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 40px; height: 40px; background: rgba(0,174,239,0.60); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;  }
.banner-wrapp-n .video-play-button:before { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 26px; height: 26px; background: rgba(0,174,239,0.60); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }

.canver-wrapp-n .video-play-button { position: absolute; display: block; width: 90px; height: 90px; float: none; border: 5px solid #ffffff; border-radius: 50%; margin: 0 auto 0; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index:99;}
.canver-wrapp-n .video-play-button:after { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 120px; height: 120px; background: rgba(68,117,138,1); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
.canver-wrapp .video-play-button:before { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 90px; height: 90px; background: rgba(118,153,169,1); border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
/* Square-effect */
.square-effect1 { background: #000; background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #007aff 50%, #2878d0 75%, #a1a4a7 100%); background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #007aff 50%, #2878d0 75%, #a1a4a7 100%); background: linear-gradient(135deg, #000000 0%, #000000 25%, #007aff 50%, #2878d0 75%, #a1a4a7 100%); background-size: 400% 400%; background-repeat: no-repeat; display: flex; position: relative; cursor: pointer; overflow: hidden; transition: .5s all; }
.square-effect1 img { transition: transform 0.8s ease-in-out 0s; }
.square-effect1:hover img { transform: scale(1.08); transition: all 1.5s ease 0s; }
.square-effect1 .square-img1 { width: 100%; float: left; position: relative; mix-blend-mode: screen; }
.square-effect1:hover { background-position: 100% 100%; }
/*text-gradient-css*/
.text-gradient { background: -webkit-linear-gradient(left, #00aeef, #007aff); background: -moz-linear-gradient(left, #00aeef, #007aff); background: -ms-linear-gradient(left, #00aeef, #007aff); background: -o-linear-gradient(left, #00aeef, #007aff); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; }
/*btn-gradient-css*/
.btn-filled { border-radius: 100rem; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 1px transparent; background-image: -webkit-linear-gradient(left, #00aeef, #007aff), -webkit-linear-gradient(left, #00aeef, #007aff); background-origin: border-box; background-clip: content-box, border-box; box-shadow: none; }
.btn-filled .btn-text-gradient { color: #ffffff; background: -webkit-linear-gradient(left, #ffffff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: inherit; font-family: 'Poppins', sans-serif; font-weight: 700; }
.btn-filled:hover { box-shadow: 2px 1000px 1px #fff inset; }
.btn-filled:hover .btn-text-gradient { background: -webkit-linear-gradient(left, #00aeef, #007aff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/*map-color*/
.map-color { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

/*Smartphone css*/
@media screen and (max-width: 480px) {

	.video-play-button { height: 60px; }
	.video-play-button span { border-left: 20px solid #ffffff!important; border-top: 11px solid transparent!important; border-bottom: 11px solid transparent!important; margin: 14px 19px!important; }
	.video-play-button:after { width: 80px; height: 80px; }
	.video-play-button:before { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button:after { width: 80px; height: 80px; }
	.canver-wrapp-n .video-play-button:before { width: 50px; height: 50px; }

}

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

	.video-play-button { height: 60px; }
	.video-play-button span { border-left: 20px solid #ffffff!important; border-top: 11px solid transparent!important; border-bottom: 11px solid transparent !important; margin: 14px 19px!important; }
	.video-play-button:after { width: 80px; height: 80px; }
	.video-play-button:before { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button:after { width: 80px; height: 80px; }
	.canver-wrapp-n .video-play-button:before { width: 50px; height: 50px; }

}

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

	.video-play-button { height: 60px; }
	.video-play-button span { border-left: 20px solid #ffffff!important; border-top: 11px solid transparent!important; border-bottom: 11px solid transparent!important; margin: 14px 19px!important; }
	.video-play-button:after { width: 80px; height: 80px; }
	.video-play-button:before { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button { width: 60px; height: 60px; }
	.canver-wrapp-n .video-play-button:after { width: 80px; height: 80px; }
	.canver-wrapp-n .video-play-button:before { width: 50px; height: 50px; }

}

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

	.video-play-button { height: 70px; }
	.video-play-button span { border-left: 24px solid #ffffff!important; border-top: 13px solid transparent!important; border-bottom: 13px solid transparent!important; margin: 17px 21px; }
	.video-play-button:after { width: 100px; height: 100px; }
	.video-play-button:before { width: 70px; height: 70px; }
	.canver-wrapp-n .video-play-button { width: 80px; height: 80px; }
	.canver-wrapp-n .video-play-button:after { width: 100px; height: 100px; }
	.canver-wrapp-n .video-play-button:before { width: 70px; height: 70px; }
	.canver-wrapp-n .video-play-button span { margin: 23px 27px!important; }

}

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

	.video-play-button { height: 80px; }
	.video-play-button span { border-left: 27px solid #ffffff!important; border-top: 15px solid transparent!important; border-bottom: 15px solid transparent!important; margin: 21px 25px; }
	.video-play-button:after { width: 110px; height: 110px; }
	.video-play-button:before { width: 80px; height: 80px; }
	.video-play-button span { margin: 26px 30px!important; }

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