/* cmsms stylesheet: forte.main modified: 01/21/16 09:18:06 */
@font-face {
	font-family: 'HypatiaSansPro';
	src: url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-HypatiaSansPro-Regular.eot');
	src: url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-HypatiaSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-HypatiaSansPro-Regular.woff2') format('woff2'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-HypatiaSansPro-Regular.woff') format('woff'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-HypatiaSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Acrom';
	src: url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-Acrom-Light.eot');
	src: url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-Acrom-Light.eot?#iefix') format('embedded-opentype'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-Acrom-Light.woff2') format('woff2'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-Acrom-Light.woff') format('woff'),
		url('https://www.fortepremierconstruction.co.uk/lib/fonts/subset-Acrom-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html{
font-size:12px;
font-family: 'HypatiaSansPro';
}

#menu {
font-family: 'Acrom';

}

body{
margin:0;
padding:0 5%;
background-color:#58595B;
color:#323334;
}

h1, h2, h3 {
font-family: 'Acrom';
margin-top:0;
padding-top:0;
color:#009EE2;
font-weight:normal;
}

#content-wrapper{
position: relative;
width: 100%;
	background-repeat: no-repeat!important;
	background-size:cover!important;
}


#content, .content{
font-size:16px;
}

#content {
width:90%;
background-color:#E3E3E3;
opacity:0.8;
padding:5%;
}

#home #content{
padding:0;
}

#home #content{
background:transparent;
width:100%;
opacity:1;
}

#page{
margin:auto;
max-width:1000px;
}


.logo{
width:80%;
margin:auto;
padding-top:2%;
padding-right:2%;
}

.logo img {
width:100%
}

.checkatrade img{
width:100%
}

.checkatrade{
padding-top:2%;
float:left;
width:60%;
}

#threeblocks{
padding-top:30px;
}


#threeblocks .block{
position:relative;
width:30%;
background-color:#E3E3E3;
margin-right:5%;
height:100%;
float:left;
}


#threeblocks .last{
margin-right:0%;
float:right;
}

#threeblocks .content{
padding:10%;
//width:80%;
//height:90%;
text-align:center;
}

#threeblocks .content h2{
 padding:0px;
margin:0px;
margin-bottom:5%;
}

#threeblocks .content img.social{
width:30%;
float:left;
margin:10%;
}

#threeblocks .content img.phone{
width:50%;
margin:auto;
margin-top:10%;
}


.clearfix {
clear:both;
}

#slideout{
font-size:16px;
}

#slideout #sl_overlay
{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #111111;
  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:9999;
border-radius: 5px;
}

#slideout #sl_content.out{
left:0;
margin-left:-500px;
opacity:1;
}

#slideout #sl_content.in{
left:50%;
margin-left:-250px;
opacity:1;
}

#slideout #sl_content .tab{
cursor:pointer;
display:block;
position:absolute;
right:-53px;
bottom:300px;
margin-bottom:50px;
padding:5px 10px;
background-color:#009ee2;
font-size:17px;
color:#fff;
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{
margin-top:20px;
color:#9E9FA1;
width:100%;
height:100px;
font-size:16px;
}

#footer .right{
float:right;
width:65%;
text-align:right;
}

#footer .left{
width:30%;
float:left;
display:block;
}

#footer a{
color:#9E9FA1;
text-decoration:underline;
cursor:pointer;
text-transform: uppercase;
}

#footer .vat{
font-size:11px;
}


#footer .blue{
color:#009ee2;
}

.nowrap{
white-space: nowrap;
}

#dimensions{
color:#58595B;
}
/* cmsms stylesheet: forte.menu modified: 01/21/16 16:00:12 */
/* forte.menu.css */


#menu{
font-size:18px;
position: relative;
  z-index: 999;
font-weight:normal;
}

#menu a{
color:#9E9FA1;
text-decoration:none;
//border:1px solid black;
}

#menu ul{
    display: table;
    width: 100%;
}

#menu li, #menu ul{
color:#9E9FA1;
padding:0;
margin:0;
text-transform: uppercase;
text-align:center;
}

#menu ul{
width:100%;
}

#menu div{
padding:10px 5px;
}

#menu ul li{
//border:1px solid black;
}

#menu li{
display:table-cell;
margin:0 1%;
}

#menu li.menudepth0:first-child a div{
padding-right:15%;
}

#menu li:last-child{
//margin-left:2%;
}

#menu ul li.menudepth1{
display:none;
background-color:#58595B;
}

#menu ul li.menudepth0:hover li.menudepth1{
display:block;
}

#menu .sectionheader{
cursor:pointer;
}

#menu li div:hover{
color:#E3E3E3;
}


#menu .parent ul{
position: absolute;
width:auto;
}
/* cmsms stylesheet: forte.portfolio modified: 01/20/16 17:14:52 */
#portfolio #content{
opacity:1;
}

.portfolio_item h2{
margin-top:0;
}

.portfolio_item{
width:100%;
padding-bottom:2%;
border-bottom:2px solid black;
}

.portfolio_item .main_image{
width:80.5%;
float:left;
}

.portfolio_item .thumbs{
float:right;
width:17%;
}

.portfolio_item .thumbnail{
cursor:pointer;
width:100%;
margin:0 0 16.9% 0;
float:left;
}

.portfolio_pagelink h2 a{
text-decoration:none;
color: #009ee2;
}

.portfolio_pagelink{
margin-bottom:5%;
}

.portfolio_pagelink .thumbnail{
float:left;
width:48%;
margin: 1%;
}
/* cmsms stylesheet: forte.wslider modified: 01/20/16 10:53:26 */
#wSlider{
display:none;
}


#wSlider .caption{
position:absolute;
top:40px;
right:0px;
padding: 10px 20px;
background-color: #58595b;
opacity: 0.7;
color:#fff;
z-index:999;
max-width:400px;
}

#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:10px;
	right:2%;

}
#wSlider .pagination a {
float:left;
margin:5px;
//padding:3px 6px 1px 6px;
height:20px;
width:20px;
color:transparent;
//border-radius:10px;
display:block;
text-decoration:none;
background-color:#fff;
}

#wSlider .pagination a.active_pagination{
background-color:#58595b;
}

#wSlider .pagination a:hover,  #wSlider .pagination a.active_pagination{
	cursor:pointer;

}
/* cmsms stylesheet: forte.forms modified: 01/18/16 17:27:59 */
.form_content{
margin: 40px 60px 40px 40px;
}

div#sl_content.out{
padding:0;
}

.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;
}
/* cmsms stylesheet: forte.small_screen modified: 01/20/16 21:08:23 */
@media all and (min-width: 750px) {
#footer .right{
width:45%;
}
}

@media all and (max-width: 790px) {
#menu{
font-size:15px;
}
}

@media all and (max-width: 680px) {
#menu{
font-size:14px;
}
}

@media all and (max-width: 635px) {
#menu{
font-size:13px;
}
}


@media all and (max-width: 595px) {
#menu{
font-size:14px;
}
#content, .content {
font-size:14px;
}
#menu #portfolio{
display:none;
}
}

@media all and (max-width: 540px) {

#slideout #sl_content{
width:300px;
}

#slideout #sl_content.out{
margin-left:-300px;

}

#slideout #sl_content.in{
margin-left:-150px;
width:300px;
}

#slideout #sl_content.out{
margin-left:-300px;
}

#slideout #sl_content.in{
margin-left:-150px;
}

#slideout #sl_content .tab{
bottom:400px;
}


.checkatrade{
width:80%;
}


#menu{
font-size:13px;
}

.portfolio_item h2{
font-size:18px;
}



}


@media all and (max-width: 507px) {

#menu #testimonials{
display:none;
}

#threeblocks{
padding-top:20px;
}

.checkatrade{
width:100%;
}

}




@media all and (max-width: 400px) {

body {
padding:0;
}

#threeblocks{
padding-top:15px;
}

#threeblocks .block{
width:100%;
margin-right:0;
height:100%;
float:left;
margin-bottom:15px;
}


#threeblocks .content{
padding:5%;
}

#threeblocks .last{
margin-right:0%;
float:left;
}

#threeblocks .content .social{
float:left;
margin-left:3%;
}

#threeblocks .content img.social{
width:10%;
float:left;
margin:0 2% 5% 2%;
}


#threeblocks .content img.phone{
width:20%;
margin-top:5%;
}

.portfolio_item h2{
font-size: 14px;
}

.portfolio_pagelink .thumbnail{
  width: 23%;
}

#wSlider .caption{
max-width:250px;
}

.checkatrade{
width:110%;
}

}