/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/*instagram feed style*/
#instafeed h3
{
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.instagrams {
    float: left;
    width: 10%;
}
div#instafeed {
    display: block;
    overflow: hidden;
}
div.social-media {
    display: block;
    width: auto;
    margin:20px 0;
}
ul#social li a {
    display: inline;
    float: left;
    margin-right: 10px;
    text-indent: -9999999em;
    width: 30px;
    height: 30px;
	background:url(../images/social.svg) no-repeat;
}	
ul#social li.facebook a { background-position: -60px 0;}
ul#social li.facebook a:hover {background-position: -60px -30px;}
ul#social li.instagram a { background-position: -30px 0;}
ul#social li.instagram a:hover { background-position: -30px -30px;}
ul#social li.twitter a:hover { background-position: 0 -30px;}

.newsimage {
    padding: 30px;
    background: #000;
    margin-bottom: 20px;
}
.video-title {
    min-height: 50px;
    font-size: 15px;
    line-height: normal;
}

#grid[data-columns]::before {
	content: '5 .columnz.size-1of5';
}

/* These are the classes that are going to be applied: */
#grid .columnz { float: left; margin:0; padding:0; }
.size-1of5 {
    width: 18%;
    margin: 1% !important;
}
.size-1of4 { width: 25%;}
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
#grid .columnz img {
    display: block;
    margin-bottom: 20px;
}
#grid .columnz div {
    padding: 10px;
}

#suku-content{ background:#000 url(../images/background.jpg) no-repeat;}
.thecontent {
    max-width: 1200px;
    padding: 80px 0 20px 0;
    display: block; overflow: auto;
}

.thetitle {
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #222;
    background: rgba(0,0,0,.6);
}
.thetitle h1 {
    margin: 0;
    line-height: normal;
    font-size: 26px;
    letter-spacing: 1px;
}
.gallery-item.four.columns {
    margin-bottom: 20px;
}
.gallery-icon {
    padding: 10px;
    margin: 4px;
    border: 1px solid #222;
    background: #121212;
}
img { max-width: 100%; height: auto;}

.threebox {
    float: left;
    width: 33.3333%;
    position: relative;
    height: 300px;
    background-size: 200%;
}
.threebox .overlay-content {
    position: relative;
    top: 50%;
    text-align: center;
    margin-top: -10px;
}
.threebox .overlay-content h1 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0 0 6px #000;
}
.main-text{  font-family: georgia; font-style: italic;}
.main-text h1{ font-style: normal;}
.subheader {
    padding: 20px 0 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.subheader .art-logo {
    border-right: 1px solid #eaeaea;
    padding: 20px 0;
}
.entry{}
.entry h3 {
    font-size: 20px;  text-align: center;
}


.alignleft{ float:left; margin-right:10px;}
.small{ font-size:11px;}
.boxpopup{
	position: relative;
  	background-color:#ffffff;
  	padding: 20px;
  	width: auto;
  	max-width: 800px;
 	margin: 20px auto;
  	z-index:9999;

	}
.boxpopup h2 {
    font-family: inherit;
    font-size: 22px;
	line-height:normal;
}
.boxpopup ul ul, .boxpopup ul ul ul {
    margin: 0;
	font-size:inherit;
}
.boxpopup ul ul ul ul {
    margin: 20px 0;
}
.boxpopup h3 {
    font-family: inherit;
    font-size: 18px;
}
/* start state */
      .my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;

        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;



        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
      }

      /* animate in */
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      /* animate out */
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);

        opacity: 0;
      }

      /* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0.001; /* Chrome opacity transition bug */
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
      }
/*

Generic Styling, for Desktops/Laptops
*/
table {
  width: 100%;
  border-collapse: collapse;
  margin-top:20px;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #f4f4f4;
}
th {
  background: #310505;
  color: white;
  font-weight: normal;
  font-size:19px;
}
td, th {
  padding: 20px;
  border: 1px solid #eaeaea;
  text-align: left;
}
/*
/*
 * Slideshows
*/

.play{
    text-align: center;
    line-height: auto !important;
    margin: 10px auto;
    width: 50px;
    position: relative;
    top: 60px;
    color: #fff;
}

.subcategory h3 {
    text-align: center;
    line-height: auto !important;
    margin: 10px 0 0 !important;
    font-size: 18px;
    position: relative;
    top: 60px;
    text-shadow: 0 0 3px #000;
    color: #fff;
}
.subcategory {
    background: #000 no-repeat top lemonchiffon;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #222;
    background-size: 200%;
    height: 150px;
}


.tribal {
    background: url("../images/bg-content.png") repeat-x center top; padding-bottom: 40px;
}
	.slideshow {
		position: relative;
		overflow: hidden;
	}
	.slideshow .items {
		width: 20000em;
	}
	.slideshow .slide {
		float: left;
		position: relative;
	}
	.slideshow .browse {
		position: absolute;
		top: 50%;
		z-index: 10;
		cursor: pointer;
	}
	.slideshow .browse.prev {
		left: 25px;
		top: 50%;
		background:url(../images/prev.png) no-repeat top left;
	}
.slideshow .browse.next {
    right: 0;
    top: 50%;
	background:url(../images/next.png) no-repeat top left;
}
	.slideshow .browse.disabled {
		display: none !important;
	}
	/* Top Slideshow */
	.top-slideshow {
		background: #000;
	}
.top-slideshow .slide {
    color: #FFFFFF;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
	.top-slideshow .browse {
		top: 0;
		bottom: 0;
		width: 100px;
		z-index: 20;
	}
	.top-slideshow .browse .svg {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -12px 0 0 -7px;
	}
	.top-slideshow .wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -80px 0 0 -500px;
		z-index: 20;
	}
	.top-slideshow .title {
		display: inline-block;
		text-transform: uppercase;
		font-size: 72px;
		text-align: justify;
		font-weight: 500;
		text-align: center;
		letter-spacing:10px;

	}
	.top-slideshow .title a {
		color: #fff;
		text-shadow:1px 1px 1px #000;
		text-decoration: none;
	}
	.top-slideshow .entry {
		text-align: left;
		font-size: 13px;
		margin: 0 auto;
	}
	.top-slideshow .pagination {
		position: absolute;
		bottom: 50px;
		width: 100%;
		text-align: center;
		z-index: 20;
	}
	.top-slideshow .pagination a {
		display: inline-block;
		background-image: url(../images/icon-dot-inactive.svg);
		width: 14px;
		height: 14px;
		margin: 0 4px;
	}
	.top-slideshow .pagination a.selected {
		background-image: url(../images/icon-dot-active.svg);
	}
	.top-slideshow .pagination a span {
		display: none;
	}
	.top-slideshow,
	.top-slideshow .slide,
	.top-slideshow .items {
		min-height: 250px;
	}
	.top-slideshow,
	.top-slideshow .slide {
	}
	.top-slideshow .overlay {
		opacity: 1;
		top: 80px;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 10;
		opacity: 0;
		margin:40px 200px;
		background:#000;
	}

	.wrapper-detail {
    background: rgba(0,0,0,0.5);
    width: 600px;
    padding: 20px;
    margin-top: 150px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
	display:none;
}

	.wrapper-detail-slide {
    	opacity: 1;
		top: 80px;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 10;
		margin:40px 200px;
		background:rgba(0,0,0,0.4);
}

	.wrapper-detail-slide .entry-detail{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -120px 0 0 -500px;
		z-index: 20;

		}
	/* In-active State */
	.top-slideshow .slide .entry,
	.top-slideshow .slide .read-more,
	.top-slideshow .browse {
		opacity: 1;
	}
	/* Hove State */
	.top-slideshow:hover .slide .read-more,
	.top-slideshow:hover .slide .entry,
	.top-slideshow:hover .browse {
		opacity: 1;
	}


.slicknav_menu{ display:none;}
.contentleft{ background:#eaeaea; min-height:100px; margin-bottom:20px;}
.content{ margin-bottom:20px; }
.content h2{ font-family: 'Roboto Condensed', sans-serif; font-size:19px; color:#444 !important;}
.content h1{  font-size:25px; text-transform:uppercase;}
.contentpopup{ background:#fff; min-height:500px; margin-top:20px;}
.content h2{ color:#310505; line-height:normal;}
.pink h2{ background:#e6aebd; color:#fff; text-transform:uppercase; text-align:center; padding:10px 0; letter-spacing:2px;}
.orange h2{ background:#ea9353; color:#fff; text-transform:uppercase; text-align:center; padding:10px 0; letter-spacing:2px;}
#contain{ background:#fff; margin-top:25px;}
.logo{ background:url(../images/logo.jpg) no-repeat center top; height:150px; width:300px; margin:10px auto 0 auto;}
.logopage {
    background: url(../images/logo.png) no-repeat center top;
    height: 300px;
    width: 300px;
    background-size: 90%;
    float: right;
    position: absolute;
    top: 50%;
    left: 70%;
    margin-top: -120px;
    z-index: 99;
}
.logohome{ background:url(../images/logo.png) no-repeat center; height:160px; margin:0 auto; width:415px; background-size:85%;}
.slogan{
	background:url(../images/logo-2.png) no-repeat center;
	width:415px;
	height:30px;
	background-size:80%;
	margin:5px auto;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	}
.subfooter {
    padding: 20px 0;
    border-top: 1px solid #111;
    background:rgba(0,0,0,.9) url(../images/bg-shadow.png) top repeat-x;
}
.subfooter h2 {
    color: #fff !important;
    line-height: 22px;
}
#footer {
    padding: 20px 0;
    font-size: 12px;
    font-weight: normal;
    background: rgba(0,0,0,.94);
    border-top: 1px solid #111;
}

/* navigation styles */
#nav ul{ margin: 0;}
#nav {
    background: rgba(0, 0, 0, 0.99) none repeat scroll 0 0;
    list-style: outside none none;
    position: relative;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #333;
}

#nav ul li{
	float: left;
	position: relative;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:0.2px;

}
#nav ul li:last-child{
border-right: 0px;
}


#nav a{
	float: left;
	padding: 18px 14px;
	color:#fff;
	font-family: inherit;
    font-size: 14px;
}

#nav li:hover > a{
	color: #000;
	background:#ea1b21;
}

*html #nav li a:hover{ /* IE6 */
	color: #000;
}

#nav li:hover > ul{
	display: block;
}
/* Sub-menu */
#nav ul li ul li .active{
	padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
#nav ul ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 46px;
    left:0;
    z-index: 99999;
	color:#000;
    background: #ea1b21;
}
#nav ul ul li a {color:#000;}
#nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

#nav ul li ul li{
    float: none;
    display: block;
	border-bottom: 1px solid #310505;
	border-right:0;
}
#nav ul li ul a{
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	width:auto;
	margin:0;
}
*html #nav ul li ul a{ /* IE6 */
	height: 10px;
	width: 150px;
}
*:first-child+html #nav ul li ul a{ /* IE7 */
	height: 10px;
	width: 150px;
}
#nav ul li ul a:hover{
    background: rgba(0,0,0,0.1);
}
#nav ul li ul li:first-child a{
}
#nav ul li ul li:first-child a:after{
    content: '';
}

#nav ul li ul li:first-child a:hover:after{}
#nav ul li ul li:last-child a{}

/* Clear floated elements */
#nav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */

.pageheader{ background:#310505;}
.title{ margin:20px 0;}
.title h1{  font-size:30px; margin:0; padding:0; text-align:right; text-transform:capitalize;}
.gap{ background:url(../images/gap.png) no-repeat center top; height:35px; margin:30px 0;}
.eight .packages {
    border: 1px solid #eaeaea;
    padding: 10px;
    margin: 20px 0;
	text-align:center;
	background: #f4f4f4
}
.content .spa {
    font-family: arial;
    font-style: normal;
    font-family: 'TrajanPro-Regular';
	color:#000;
}

.content ul li{
	list-style:outside;
	list-style-image:url(../images/bullet.png);
	}
.content ul{ margin-left:50px;}
#form ul li {
    list-style: none;
    display: inline;
    margin-right: 20px;
}
#form ul {
    margin: 0;
}
/* #Page Styles
================================================== */
.box h2{ color:#310505; font-size:16px; margin:0; padding:0; font-family:inherit;}
.box {  font-size:12px;}
.box ul li a{ float:left;}
.box ul{ margin-left:110px;}
.middle .box, .middle .subtitle{ text-align:center;}
.right .box, .right .subtitle{ text-align:right;}

  form > div {
    clear: both;
    overflow: hidden;
    padding: 1px;
    margin: 0 0 10px 0;
  }
  form > div > fieldset > div > div {
    margin: 0 0 5px 0;
  }
  form > div > label,
  legend {
  	width: 30%;
    float: left;
    padding-right: 10px;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 68%;
    float: right;
  }
  form > div > fieldset label {
  }
  fieldset {
  	border: 0;
    padding: 0;
  }

  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea {
  	width: 95%;
    border:1px solid #eee;
    background:#f4f4f4;
    padding:5px;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password] {
    width: 95%;
  }
  	input[type=text]:focus,
  	input[type=email]:focus,
  	input[type=url]:focus,
  	input[type=password]:focus,
  	textarea:focus 				{outline: 0;border-color: #4697e4;}
  	#frmMain label.error		{font-size: 12px;color: #1b8941;margin-left: 10px;}
    input.error, select.error	{ border: 1px solid #1b8941!important;}
    #ui-datepicker-div			{display: none;}
	#sidebar{ position:absolute; top:40px;}

/* #time picker
================================================== */
.ui-timepicker-wrapper {
overflow-y: auto;
height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
outline: none;
z-index: 10001;
margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
width: 11em;
}

.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}

.ui-timepicker-duration {
margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}

.ui-timepicker-list li {
padding: 3px 0 3px 5px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	 #nav {
		display:none;
	}

	 .slicknav_menu {
		display:block;
	}

	.slicknav_menu {
    background: #310505;
    padding: 10px;
}
.slicknav_menu a {
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 15px;
}

.slideshow, .top-slideshow, .slide, .items {
    height:350px!important;
}
.content{ padding:10px 30px;}

.box h2{ color:#310505; font-size:16px; margin:0; padding:0; font-family:inherit;}
.box {  font-size:12px; text-align:center; border-bottom:1px solid #eaeaea; padding:0 25px; min-height:100px;}
.subtitle { text-align:center; margin-top:20px;}
.middle .box, .middle .subtitle{ text-align:center;}
.right .box, .right .subtitle{ text-align:center;}
.gap{ background:url(../images/gap-retina.png) no-repeat center top;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo{ left:80px;}
	  #nav {
		display:none;
	}

	 .slicknav_menu {
		display:block;
	}

	.slicknav_menu {
    background: #310505;
    padding: 10px;
}
.slicknav_menu a {
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 15px;
}
.logo{ position:inherit; margin:0 auto; background-position:center center; height:100px; background-size:60%;}
.box ul {
    margin-left: 170px;
}
/*form*/

form > div {
    margin: 0 0 5px 0;
  }
form > div > label,
legend {
	width: 100%;
    float: none;
    margin: 0 0 5px 0;
	font-size:12px;
  }
form > div > div,
form > div > fieldset > div {
    width: 100%;
    float: none;
  }
input[type=text],
 input[type=email],
input[type=url],
input[type=password],
textarea,
select {
    width: 90%;
	border:1px solid #eee;
	background:#f4f4f4;
	padding:5px;
	font-size:13px;
  }
.box h2{ color:#310505; font-size:16px; margin:0; padding:0; font-family:inherit;}
.box {  font-size:12px; text-align:center; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:10px; overflow:auto;}
.subtitle { text-align:center; margin-top:20px;}
.middle .box, .middle .subtitle{ text-align:center;}
.right .box, .right .subtitle{ text-align:center;}
.logohome{ height:100px; margin:5px auto; width:230px; background-size:100%;}
.slogan{
	width:230px;
	height:30px;
	background-size:100%;
	margin:5px auto;
	}
#footer{ text-align:center;}
.treatment, .packages {
    border-bottom: 1px dotted #eaeaea;
    padding: 10px 0;
}
.gap{ background:url(../images/gap-retina.png) no-repeat center top; background-size:50%;}
body.page-id-7 .four {
    width: 200px!important;
    margin: 0 5px;
}

	}
@media only screen and (max-width: 479px) {
    .top-slideshow .pagination{bottom: 0;}
    .browse{ display: none !important; }
    #grid[data-columns]::before {
		content: '3 .columnz.size-1of3';
	}
    .logopage {
    background: url(../images/logo.png) no-repeat center top;
    height: 150px;
    width: 150px;
    background-size: 100%;
    float: right;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    z-index: 999;
}
.thetitle h1 {
    font-size: 26px;
    line-height: normal;
    margin-bottom: 0;
}
    .tribal { background-size: 100%; }
	 #nav {
		display:none;
	}

	 .slicknav_menu {
		display:block;
	}
	.slicknav_menu {
    background: #310505;
    padding: 10px;
}
.slicknav_menu a {
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 15px;
}

table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #eee; margin-bottom:10px;}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left:10px;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
.slideshow, .top-slideshow, .slide, .items {
    height:250px!important;
}
.content {
    margin-bottom: 20px;
    margin-top: 70px;
    position: relative;
    z-index: 999;
    text-align: left;
}
    .content h1 {
    text-align: center;
}
.boxpopup ul ul li strong {

color: #000;

}

.title h1{ text-align:center; font-size:22px; font-family:inherit; }
.title{margin:0; padding:0;}
.four li{ width:130px; float:left; margin:0 10px;}
.eight .content{ padding:0 10px;}
.content{ padding:0 10px;}
img.wp-image-51 {
    width: 140px;
    height: auto;
}

/*form*/

form > div {
    margin: 0 0 5px 0;
  }
form > div > label,
legend {
	width: 100%;
    float: none;
    margin: 0 0 5px 0;
	font-size:12px;
  }
form > div > div,
form > div > fieldset > div {
    width: 100%;
    float: none;
  }
input[type=text],
 input[type=email],
input[type=url],
input[type=password],
textarea,
select {
    width: 90%;
	border:1px solid #eee;
	background:#f4f4f4;
	padding:5px;
	font-size:13px;
  }

.box h2{ color:#310505; font-size:16px; margin:0; padding:0; font-family:inherit;}
.box {  text-align:center; overflow:auto;}
.subtitle { text-align:center; margin-top:20px;}
.middle .box, .middle .subtitle{ text-align:center;}
.right .box, .right .subtitle{ text-align:center;}
.logohome{ height:100px; margin:5px auto; width:230px; background-size:100%;}
.slogan{
	width:230px;
	height:30px;
	background-size:100%;
	margin:5px auto;
	}
#footer{ text-align:center;}
.treatment, .packages {
    border-bottom: 1px dotted #eaeaea;
    padding: 10px 0;
}
.gap{ background:url(../images/gap-retina.png) no-repeat center top; background-size:100%;}
body.page-id-7 .four {
    width: 140px!important;
    margin: 0 5px;
}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

	@font-face {
	    font-family: 'tattoo-webfont';
	    src: url('../fonts/tattoo-webfont.eot');
	    src: url('../fonts/tattoo-webfont.eot?iefix') format('eot'),
	         url('../fonts/tattoo-webfont.woff') format('woff'),
	         url('../fonts/tattoo-webfont.ttf') format('truetype'),
	         url('../fonts/tattoo-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }