@font-face {
    font-family: 'unzialish';
    src: url('https://mail.treemasters.co.uk/uploads/fonts/unzialish-webfont.eot');
    src: url('https://mail.treemasters.co.uk/uploads/fonts/unzialish-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://mail.treemasters.co.uk/uploads/fonts/unzialish-webfont.woff') format('woff'),
         url('https://mail.treemasters.co.uk/uploads/fonts/unzialish-webfont.ttf') format('truetype'),
         url('https://mail.treemasters.co.uk/uploads/fonts/unzialish-webfont.svg#unzialishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
@font-face {
  font-family: 'content';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'contet_bold';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
@font-face {
  font-family: 'title';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
*/

/* Stylesheet: fontface Modified On 2014-03-04 15:17:07 */
/*layout*/

.center{
margin:auto;
text-align:center;
}

p{
margin:0;
padding:0;
}

body {
padding:0;
margin:0;
font-family:"Trebuchet MS";
}

img#background{
}

#bg{
position:fixed;
top:0;
left:0;
background-image:url('https://mail.treemasters.co.uk/uploads/images/template/fundo.png');
background-repeat:repeat;
width:100%;
height:100%;
}

#menu_holder{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
min-width:750px;
}

#page{
}

h1, h2, h3, h4 {
color:#000;
padding:0px;
margin:0px;
margin-bottom:10px;
}

#header{
height:1px;
}

#logo{
display:none;
position:absolute;
top:10px;
left:96px;
max-width:300px;
width:40%;
}
#home #logo{display:block;}

#logo img{
width:100%;
min-width:300px;
}

#menu{
position:absolute;
top:0px;
right:70px;
z-index:10;
}


#inner_page{
min-width:750px;
}

ul, li{
list-style-position:inside;
}


.content{
position:relative;
width:auto;
margin:70px;
margin-right:280px;
margin-top:40px;
margin-bottom:0px;
}

div.contains_tabbed_box{
margin-top:70px;
}

.content:last-child{
margin-bottom:70px;
}

#home .content{
margin-top:250px;
}

.content div.fg{
position:relative;
padding:30px;
}

.content div.bg{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#fffbf1;
opacity:0.85;
}

#home .content {
}

#home .content div.bg{
background-color:transparent;
}
.strapline{font-size:1.3em;}

#home .content div.fg{
color:#fff;
opacity:1;
padding:30px;
text-shadow: 
    5px -5px 15px #282A19,  
    5px -5px 15px #282A19,
    -5px 5px 15px #282A19,
     5px 5px 15px #282A19;
}

#home .content h1{
color:#fff;
}


/*#footer{
position:absolute;
bottom:0px;
left:15%;
text-align:center;
width:70%;
min-width:400px;
margin:auto;
}
*/

#footer{
display:none;
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:40px;
background-color:#000;
opacity:0.85;
}


#footer div.right{
font-size:12px;
color:#aaa;
float:right;
padding-top:11px;
padding-right:20px;
}


#footer div{
font-size:12px;
color:#aaa;
float:left;
padding-top:0px;
padding-left:20px;
}

#footer div img{
padding-right:5px;
position:relative;
top:8px;
}


#yurts_logo{
margin:auto;
padding:20px;
width:75%;
border-bottom:1px solid #fff;
}

#yurts_logo img{
max-width:200px;
width:40%;
}

.link, .link2{
width:30%;
text-transform:capitalize;
display:inline-block;
font-size:30px;
color:#fff;
padding:20px 0 20px 0;
}

.link2{
text-transform:capitalize;
padding:20px 0 0 0;
display:block;
margin:auto;
width:30%;
}

a.button{
text-shadow:none;
display:inline-block;
text-decoration:none;
margin-top:20px;
padding:10px;
color:#000;
background-color:#e99a00;
-webkit-transition:background-color 0.7s;
-moz-transition:background-color 0.7s;
-o-transition:background-color 0.7s;
transition:background-color 0.7s;
}

a.button:hover{
color:#fff;
background-color:#000;
}

#slideout #sl_overlay{
display:none;
position:fixed;
top:0;
left:0;
/*open*/
width:100%;
height:100%;
background-color:#111;
z-index:101;
opacity:0.7;
}

#slideout #sl_overlay.out{
}

#slideout #sl_overlay.in{
}

#slideout #sl_content{
position:absolute;
top:70px;
width:500px;
/*height:560px;*/
background-color:#fff;
z-index:102;
border-radius: 5px;
}

#slideout #sl_content.out{
left:0;
margin-left:-500px;
opacity:0.75;
}

#slideout #sl_content.in{
left:50%;
margin-left:-250px;
opacity:1;
}

#slideout #sl_content .tab{
cursor:pointer;
display:block;
position:absolute;
right:-52px;
bottom:0px;
margin-bottom:50px;
padding:5px 10px;
background-color:#fffbf1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}

#footer_anchor{
width:1px;
height:1px;
}

img.left{
float:left;
margin: 0 20px 20px 0;
}

img.right{
float:right;
margin: 0 0px 20px 20px;
}


.clearfix{
clear:both;
}


.text-align-right{text-align:right;}
.text-align-left{text-align:left;}


table.prices{
//margin-left:10%;
width:100%;
}

td{width:25%;}

td{
padding:5px;
vertical-align:bottom;
text-align:center;
}

tr:nth-child(even) {background: #f4ca78}

tr:first-child{
font-weight:bold;
}
/* Stylesheet: Layout Modified On 2019-10-24 17:42:03 */
/*tabbed boxes*/

#content.contains_tabbed_box{
margin-top:70px;
}

.tabbed_box{
margin-top:-10px;
}

.tabbed_box ul.tab_list, tabbed_box .tab_list li{
margin:0;
padding:0;
list-style-type: none;
}

.tabbed_box ul.tab_list{
position:absolute;
bottom:100%;
left:20px;
/*margin-left:-34px;*/
}

.tabbed_box ul.tab_list li.tab {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
overflow:hidden;
float:left;
margin:0 0 0 4px;
position:relative;
}

.tabbed_box .tab a{
padding:5px 9px;
font-weight:bold;
display:block;
color:#000;
text-decoration:none;
position:relative;
}

.tabbed_box .tab a.inactive{
font-weight:normal;
padding:5px 10px;
}

.tabbed_box #tabs_content{
clear:both;
}
/* Stylesheet: tabbed_boxes Modified On 2014-05-13 22:02:44 */
/*slider*/

[class^=ui-effects] {
    z-index: 100;
}

#wSlider{
display:none;
}


#wSlider .caption{
position:absolute;
bottom:25px;
left:0px;
padding: 10px 20px;
background-color: #000000;
opacity: 0.8;
color:#fff;
z-index:999;
font-size: smaller;
}

#wSlider .caption h1 ,#wSlider .caption h2, #wSlider .caption h3, #wSlider .caption h4{
font-size: larger;
color:#fff;
}

#wSlider .pagination {
height:40px;
z-index:102;
	position:absolute;
	bottom:-5px;
	right:50%;
margin-right: -90px;
}
#wSlider .pagination a {
float:left;
margin:5px;
}


#wSlider .pagination a{
	display:block;
text-decoration:none;
	color:#666;
	text-align:center;
	line-height:24px;
	width:25px;
	height:25px;
	box-shadow: 0px 1px 3px 0px #6a5931, 0px 1px 0px 0px #fff inset;
	border-radius:50%;
	background: linear-gradient(to bottom, #fffbf1 0%, #e1d6bc 100%);
	text-shadow: 0 0 3px #fff;
}


#wSlider .pagination a:hover,  #wSlider .pagination a.active_pagination{
	cursor:pointer;
	color:#666;
	box-shadow:none;
	box-shadow: 0px 1px 3px 0px #ccc, 0px 1px 1px 0px #6a5931 inset;
	background: linear-gradient(to top, #fffbf1 0%, #e1d6bc 100%);
	text-shadow: 0 0 3px #fff;
}

/* ignore everything below this.
#wSlider .pagination a{
	display:block;
text-decoration:none;
	color:#666;
	text-align:center;
	line-height:29px;
	width:30px;
	height:30px;
	background-color:#ddd;
	box-shadow: 0px 1px 3px 0px #333, 0px 1px 0px 0px #fff inset;
	border-radius:50%;
	background: linear-gradient(to bottom, #eee 0%, #ccc 100%);
	text-shadow: 0 0 3px #fff;
}


#wSlider .pagination a:hover,  #wSlider .pagination a.active_pagination{
	cursor:pointer;
	color:#666;
	box-shadow:none;
	box-shadow: 0px 1px 3px 0px #ccc, 0px 1px 1px 0px #555 inset;
	background: linear-gradient(to top, #eee 0%, #ccc 100%);
	text-shadow: 0 0 3px #fff;
}

*/
/* Stylesheet: slider Modified On 2014-06-19 14:08:29 */
.form_content{
margin: 40px 60px 40px 40px;
}

div#sl_content.out{
padding:none;
}

.contactform{
margin-top:20px
}

.contactform div{
font-size:0;
}
div.form_content div.error_message{
color:#e99a00;
}

.contactform div label{
font-size:14px;
width:250px;
}

input,textarea{
padding:2px 5px;
width:100%;
border: 2px solid #000;
box-shadow: 3px 5px 5px #ccc inset;
border-radius:5px;
color:#666;
margin-bottom:10px;
font-size:14px;
}

div.contactform{
width:100%;
}


input#m62b34fbrp_submit{
width:auto;
box-shadow: -3px -5px 5px #ccc inset;
}

input#m62b34fbrp_submit:hover{
background-color:#B3B3B3;
box-shadow: -3px -5px 5px #666 inset;
}

input#m62b34fbrp_submit:active{
background-color:#e99a00;
box-shadow: 3px 5px 5px #fed17a inset;
}
/* Stylesheet: forms Modified On 2014-06-09 12:24:26 */
