@charset "utf-8";

/* CSS Document */



/*scroll-effect1*/

.scroll-effect1 {

	width: 100%;

	height: 48px;

	margin: auto;

	position: relative;

	z-index: 99;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 48px;

	border: 1px solid #64267f;

	border-radius: 50px;

	box-sizing: border-box;

	margin: 0 0 0;

}

.scroll-effect1 a:after {

	content: "";

	width: 12px;

	height: 6px;

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

	position: absolute;

	right: 0;

	bottom: -12px;

	left: 0;

	margin: auto;

}

.scroll-effect1 a span::before {

	position: absolute;

	top: 10px;

	right: 0;

	left: 0;

	content: '';

	width: 1px;

	height: 6px;

	margin: 0 auto;

	background: #64267f;

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

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

@keyframes sdb10 {

 0% {

 transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 transform: translate(0, 16px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}



/*play-hover*/

.video-play-button {

	position: relative;

	display: block;

	width: 100%;

	height: 54px;

	float: left;

	border: 1px solid #ffffff;

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

	height: 80px;

	background: rgba(224,182,38,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: 60px;

	height: 60px;

	background: rgba(224,182,38,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: 10px solid #ffffff;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	margin: 16px 22px;

}

.treatments-wrapp .treatments-col1 .video-play-button {

	height: 27px;

	border: 1px solid #662482;

}

.treatments-wrapp .treatments-col1 .video-play-button span {

	border-left: 6px solid #662482;

	border-top: 5.5px solid transparent;

	border-bottom: 5.5px solid transparent;

	margin: 7px 11px;

}

.treatments-wrapp .treatments-col1 .video-play-button:after {

	width: 41px;

	height: 41px;

}

.treatments-wrapp .treatments-col1 .video-play-button:before {

	width: 31px;

	height: 31px;

}

.treatments-wrapp .treatments-col2 .video-play-button {

	height: 27px;

	border: 1px solid #ffffff;

}

.treatments-wrapp .treatments-col2 .video-play-button span {

	border-left: 6px solid #ffffff;

	border-top: 5.5px solid transparent;

	border-bottom: 5.5px solid transparent;

	margin: 7px 11px;

}

.treatments-wrapp .treatments-col2 .video-play-button:after {

	width: 41px;

	height: 41px;

}

.treatments-wrapp .treatments-col2 .video-play-button:before {

	width: 31px;

	height: 31px;

}

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

}

}



/*effect-sadie*/

.effect-sadie {

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.effect-sadie h2, .effect-sadie h3 {

	transition: all 0.25s ease-out 0s;

}

.effect-sadie:hover h2, .effect-sadie:hover h3 { 

	color:#ffffff;

}

.effect-sadie img {

	width: 100%;

	display: block;

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

}

.effect-sadie:hover img {

	transform:scale(1.08);

	transition:all 1.5s ease 0s;

}

.effect-sadie .effect-shade::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: -webkit-linear-gradient(top, rgba(224,182,38,0) 0%, rgba(233,199,84,0.8) 75%);

	background: linear-gradient(to bottom, rgba(224,182,38,0) 0%, rgba(233,199,84,0.8) 75%);

	content: '';

	opacity: 0;

	-webkit-transform: translate3d(0, 50%, 0);

	transform: translate3d(0, 50%, 0);

}

.effect-sadie .effect-shade::before {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.effect-sadie:hover .effect-shade::before {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.effect-sadie:hover .teams-row2 {

	bottom: 16.4%;

}

/*btn-gradient*/

.btn-gradient1 {

	position: relative;

	z-index: 9;

}

.btn-gradient1:before, .btn-gradient1:after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	transform-origin: right;

	border-radius: 40px;

	z-index: -1;

	transition: all .5s;

}

.btn-gradient1:before {

	background: linear-gradient(to top, #e0b626, #eac855);

	background: -webkit-linear-gradient(to top, #e0b626, #eac855);
	opacity: 0;

}

.btn-gradient1:hover:before {
	opacity: 1;
}

.btn-gradient1:after {

	background: linear-gradient(to top, #4b1860, #652481);

	background: -webkit-linear-gradient(to top, #4b1860, #652481);

}

.btn-gradient1:hover:after {

	opacity: 0;

}

.btn-gradient2 {

	position: relative;

	z-index: 9;

}

.btn-gradient2:before, .btn-gradient2:after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	transform-origin: right;

	border-radius: 40px;

	z-index: -1;

	transition: all .5s;

}

.btn-gradient2:before {

	background: linear-gradient(to top, #e0b626, #eac855);

	background: -webkit-linear-gradient(to top, #e0b626, #eac855);

}

.btn-gradient2:after {

	background: linear-gradient(to top, #776b81, #776b81);

	background: -webkit-linear-gradient(to top, #776b81, #776b81);

}

.btn-gradient2:hover:after {

	opacity: 0;

}



.btn-gradient3 {

  box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);

  border: solid 1px transparent;

  background-image: -webkit-linear-gradient(top, #4b1860, #652481), -webkit-linear-gradient(top, #4b1860, #652481);

  background-origin: border-box;

  background-clip: content-box, border-box;

  box-shadow: none;

}

.btn-gradient3:hover {

  background-image: -webkit-linear-gradient(top, #e0b626, #eac855), -webkit-linear-gradient(top, #e0b626, #eac855);

}



/*gradient-color*/

.gradient-purple { 

	background: #4b1860;

	background: -moz-linear-gradient(top,  #4b1860 0%, #662482 100%);

	background: -webkit-linear-gradient(top,  #4b1860 0%,#662482 100%);

	background: linear-gradient(to bottom,  #4b1860 0%,#662482 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b1860', endColorstr='#662482',GradientType=0 );

}



/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}






/* hover-effect-css */

.hovereffect {

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;

  background: #63227ea8;

}

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

}




@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

.square-effect1 {

	background: #c7bf52;

}

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

	opacity: 0.5;

}

}



/*Smartphone css*/

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

.btn-gradient2:after {

	background: linear-gradient(to top, #4b1860, #652481);

	background: -webkit-linear-gradient(to top, #4b1860, #652481);

}

.effect-sadie:hover .teams-row2 {

	bottom: 46px;

}

}



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

.btn-gradient2:after {

	background: linear-gradient(to top, #4b1860, #652481);

	background: -webkit-linear-gradient(to top, #4b1860, #652481);

}

.effect-sadie:hover .teams-row2 {

	bottom: 46px;

}

}



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

.btn-gradient2:after {

	background: linear-gradient(to top, #4b1860, #652481);

	background: -webkit-linear-gradient(to top, #4b1860, #652481);

}

.effect-sadie:hover .teams-row2 {

	bottom: 46px;

}

}



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



}



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



}



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



}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

.video-play-button:after  { display:none;}

.video-play-button:before { display:none;}

}