@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	width: 100%;

	height: 56px;

	float: left;

	background: #b58150;

	border: 1px solid #b58150;

	border-radius: 50%;

	display: block;

	margin: 0 0 0;

	position: relative;

}

.video-play-button:after {

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

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

	display: block;

	width: 76px;

	height: 76px;

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

	height: 58px;

	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;

	left: 50%;

	top: 50%;

	z-index: -9;

}

.video-play-button span {

	display: block;

	position: relative;

	z-index: 3;

	width: 0;

	height: 0;

	border-left: 16px solid #ffffff;

	border-top: 9px solid transparent;

	border-bottom: 9px solid transparent;

	margin: 18px 21px;

}



.library-wrapp .video-play-button { float:none; display:inline-block;}



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

}

}

.testimonials-wrapp .video-play-button {

	height: 24px;

	background: none;

	border: 1px solid #b58150;

}

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

	border-left: 7px solid #b58150;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    margin: 7px 9px;

}



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

	width: 46px;

	height: 46px;

}

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

	width: 26px;

	height: 26px;

}



.library-wrapp .video-play-button {

	height: 45px;

	width:45px;

}

.library-wrapp .video-play-button span { margin:13px 17px;}


.library2-wrapp .video-play-button { float:none; display:inline-block;}

.library2-wrapp .video-play-button {
	height: 45px;
	width:45px;
}
.library2-wrapp .video-play-button span { margin:13px 17px;}



/*circular-effect1*/

.circular {

  width: auto;

  text-align: center;

  transform: rotate(280deg);

  transform-origin: bottom center;

  transition: all 0.4s ease-in-out;

  margin: 0 0 0;

  position: absolute;

  top: 0;

  left: -106px;

}

.circular span {

  width: 20px;

  height: 90px;

  font-size: 24px;

  color: #fefbf6;

  letter-spacing: 1.90px;

  text-transform: uppercase;

  transform-origin: bottom center;

  margin: 0 0 0;

  position: absolute;

  top: 0;

  left: 0;

  font-family: 'yadon-medium-font';

}

.char1 {

  transform: rotate(310deg);

}

.char2 {

  transform: rotate(326deg);

}

.char3 {

  transform: rotate(342deg);

}

.char4 {

  transform: rotate(358deg);

}

.char5 {

  transform: rotate(374deg);

}

.char6 {

  transform: rotate(390deg);

}

.char7 {

  transform: rotate(406deg);

}

.char8 {

  transform: rotate(422deg);

}

.char9 {

  transform: rotate(438deg);

}

.char10 {

  transform: rotate(454deg);

}

.char11 {

  transform: rotate(470deg);

}

.char12 {

  transform: rotate(486deg);

}

.char13 {

  transform: rotate(502deg);

}

.treatments-col3 .circular {

    left: -51px;

}

.treatments-col3 .circular span {

  width: 20px;

  height: 62px;

  font-size: 16.61px;

  letter-spacing: 1.90px;

}



/*square-effect1*/

.square-effect1 {

  /*cursor: pointer;*/

  position: relative;

}

.square-effect1 img {

  width: 100%;

  display: block;

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

  transition: all 0.4s ease-in-out;

  position: relative;

}

.square-effect1:hover img {

  transform: scale(1.08);

  transition: all 1.5s ease 0s;

  filter: grayscale(100%);

}

.square-effect1 .square-img1 {

  width: 90%;

  height: 86%;

  display: inline-block;

  border: 1px solid #b58150;

  background-color: transparent;

  opacity: 0;

  filter: alpha(opacity=0);

  transform: translateY(-50%);

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

  transition: all 0.4s ease-in-out;

  margin: 0 auto 0;

  position: absolute;

  top: 50%;

  right:0;

  bottom: 0;

  left: 0;

}

.square-effect1:hover .square-img1 {

  opacity: 1;

  filter: alpha(opacity=100);

}

.treatments-wrapp .square-img1 {

  width: 100%;

  height: 100%;

  border: none;

  background-color: #3d39358c;

  margin: 0 auto 0;

}

.treatments-wrapp .square-effect1:hover .circular span {

  color: #b58150;

}

.gallery-wrapp .square-img1 {

  width: 91%;

  height: 86%;

  margin: 0 auto 0;

}

.team-wrapp .square-img1 {

  width: 90%;

  height: 92%;

  margin: 0 auto 0;

}

.team-wrapp .square-effect1 .team-shape1 img {

  -webkit-transition: none;

  transition: none;

}

.team-wrapp .square-effect1:hover .team-shape1 img {

  transform: none;

  transition: none;

  filter: none;

}

.instagram-wrapp .square-img1 {

  width: 90%;

  height: 90%;

  margin: 0 auto 0;

}



.treatment-wrapp .square-img1 {

  width: 100%;

  height: 100%;

  border: none;

  background-color: #3d3935;

  margin: 0 auto 0;

}



/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}



/* Checkbox-css */

.checkbox1 {

	width: 100%;

	float: left;

	margin: 0 0 12px;

}

.checkbox2 {

	width: 100%;

	float: left;

	margin: 0 0 26px;

}

.checkbox1 a, .checkbox2 a {

	font-weight: 400;

	color: #52595d;

}

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

	color: #b58150;

}

.checkbox1 span, .checkbox2 span {

	font-size: 11px;

	font-weight: 400;

	color: #52595d;

	letter-spacing: 0.20px;

	line-height: 20px;

	display: inherit;

	position: relative;

	top: -5px;

}

[type="checkbox"]:checked,

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

    position: absolute;

    left: -9999px;

}

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

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

{

    position: relative;

    padding-left: 22px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #666;

}

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

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

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 13px;

    height: 13px;

	background: #ffffff;

	border: 1px solid #b58150;

	border-radius: 50%;

}

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

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

    content: '';

    width: 5px;

    height: 5px;

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

}



.getins-wrapp .checkbox1 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 20px 26px;

}

.getins-wrapp .checkbox2 {

	width: auto;

	float: none;

	display: inline-block;

	margin: 0 20px 26px;

}



.getins-wrapp .checkbox1 span, .getins-wrapp .checkbox2 span { font-size:13px;}



/* hover-effect-css */

.hovereffect {

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;

  background: #3d3935;

}

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

}



/*Smartphone css*/

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

.circular { left:-45px;}

.circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.treatments-col3 .circular { left:-45px;}

.treatments-col3 .circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.video-play-button { height:42px; background:#b58150;}

.video-play-button span { border-left:12px solid #ffffff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin:13px 16px;}

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

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

.video-play-button:after, .video-play-button:before { display:block;}



.library-wrapp .video-play-button {

	height: 45px;

	width:45px;

}

.library-wrapp .video-play-button span { margin:13px 17px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 20px; text-align:left;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px; text-align:left;}

}



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

.circular { left:-45px;}

.circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.treatments-col3 .circular { left:-45px;}

.treatments-col3 .circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.video-play-button { height:42px; background:#b58150;}

.video-play-button span { border-left:12px solid #ffffff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin:13px 16px;}

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

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

.video-play-button:after, .video-play-button:before { display:block;}



.library-wrapp .video-play-button {

	height: 45px;

	width:45px;

}

.library-wrapp .video-play-button span { margin:13px 17px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 20px; text-align:left;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px; text-align:left;}

}



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

.circular { left:-45px;}

.circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.treatments-col3 .circular { left:-45px;}

.treatments-col3 .circular span { width:20px; height:52px; font-size:13.61px; margin:0 0 0;}

.video-play-button { height:42px; background:#b58150;}

.video-play-button span { border-left:12px solid #ffffff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin:13px 16px;}

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

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

.video-play-button:after, .video-play-button:before { display:block;}



.library-wrapp .video-play-button {

	height: 45px;

	width:45px;

}

.library-wrapp .video-play-button span { margin:13px 17px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 20px; text-align:left;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px; text-align:left;}

}



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

.circular { left:-66px;}

.circular span { height:60px; font-size:16px;}

.treatments-col3 .circular { left:-41px;}

.treatments-col3 .circular span { height:42px; font-size:10.61px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 7px;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px;}

}



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

.circular { left:-76px;}

.circular span { height:75px; font-size:20px;}

.treatments-col3 .circular { left:-46px;}

.treatments-col3 .circular span { height:52px; font-size:13.61px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 7px;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px;}

}



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

.circular { left:-100px;}

.treatments-col3 .circular { left:-47px;}



.getins-wrapp .checkbox1 { width:100%; float:left; margin:0 0 7px;}

.getins-wrapp .checkbox2 { width:100%; float:left; margin:0 0 20px;}

}



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



.getins-wrapp .checkbox1 { margin:0 11px 26px 0;}

}