@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	position: relative;

	width: 23px;

	height: 23px;

	float: left;

	border: 2px solid #1c1b4d;

	border-radius: 50%;

	margin: 0 0 0;

}

.video-play-button:after {

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

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

	display: block;

	width: 37px;

	height: 37px;

	background: rgba(28,27,77,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: 27px;

	height: 27px;

	background: rgba(28,27,77,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: 7px solid #1c1b4d;

	border-top: 5px solid transparent;

	border-bottom: 5px solid transparent;

	margin: 5px 8px;

}



.treatin-wrapp .video-play-button { position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto;}

.treatin-wrapp .video-play-button { width: 52px; height: 52px; border: 5px solid #fff;}

.treatin-wrapp .video-play-button:after { width: 67px; height: 67px; background: rgba(255,255,255,0.60);}

.treatin-wrapp .video-play-button:before { width: 58px; height: 58px; background: rgba(255,255,255,0.60);}

.treatin-wrapp .video-play-button span { border-left: 17px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; margin: 10px 16px;}



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

}

}

/* Square-effect */

.square-effect1 {

  width: 230px;

/*  float: left;*/

  background: #ffffff;

  cursor: pointer;

  background: -moz-linear-gradient(90deg, #0f8cba 0%, #4c00c9 100%, #3fb384 100%);

  background: -webkit-linear-gradient(90deg, #0f8cba 0%, #4c00c9 100%, #3fb384 100%);

  background: linear-gradient(90deg, #0f8cba 0%, #4c00c9 100%, #3fb384 100%);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;

}

.square-effect1 img {

  width:100%;

  display: block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  backface-visibility: hidden;

  vertical-align: top;

}

.square-effect1:hover img {

  zoom: 1;

  filter: alpha(opacity=50);

  -webkit-opacity: 0.5;

  opacity: 0.5;

}

.square-effect1 .gester-bar2 h2 {

	transition: all 0.25s ease-out 0s;	

}

.square-effect1:hover .gester-bar2 h2 {

	color: #ffffff;

}

.square-effect1:hover .canver-btn1 {

	color: #ffffff;

	background: #09093d;

	border-color: #09093d;

}

.square-effect1:hover .facier-btn1 {

	color: #1c1b4d;

	background: #ffffff;

	border-color: #1c1b4d;

}

.square-effect1:hover .facier-btn2 {

	color: #ffffff;

	background: #1c1b4d;

	border-color: #1c1b4d;

}

/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}

/*text-color*/

.text-gradient1 {

  background: -webkit-linear-gradient(left, #3e3d7d, #1791cc);

  background: -moz-linear-gradient(left, #3e3d7d, #1791cc);

  background: -ms-linear-gradient(left, #3e3d7d, #1791cc);

  background: -o-linear-gradient(left, #3e3d7d, #1791cc);

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

}



/*text-color*/

.text-gradient2 {

  background: -webkit-linear-gradient(left, #3d3f7e, #1790cb);

  background: -moz-linear-gradient(left, #3d3f7e, #1790cb);

  background: -ms-linear-gradient(left, #3d3f7e, #1790cb);

  background: -o-linear-gradient(left, #3d3f7e, #1790cb);

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

}



/*Smartphone css*/

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

.video-play-button { float:none; display:inline-block; position:relative; top:6px;}

/*.square-effect1:hover .canver-btn1 { background:none; border:none;}*/

}



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

.video-play-button { float:none; display:inline-block; position:relative; top:6px;}

/*.square-effect1:hover .canver-btn1 { background:none; border:none;}*/

}



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

.video-play-button { float:none; display:inline-block; position:relative; top:6px;}

/*.square-effect1:hover .canver-btn1 { background:none; border:none;}*/

}



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

.video-play-button { width:21px; height:21px;}

.video-play-button span { border-left:6px solid #1c1b4d; border-top:4px solid transparent; border-bottom:4px solid transparent; margin:5px 7px;}

.video-play-button:after { width:33px; height:33px;}

.video-play-button:before { width:23px; height:23px;}

}



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

.video-play-button { width:22px; height:22px;}

.video-play-button span { border-left:6px solid #1c1b4d; border-top:4px solid transparent; border-bottom:4px solid transparent; margin:5px 7px;}

.video-play-button:after { width:35px; height:35px;}

.video-play-button:before { width:25px; height:25px;}

}



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



}