@charset "utf-8";
/* CSS Document */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:30px; margin:0; padding:0 0 10px 0; line-height:26px; color:#f7b527; font-weight:normal; font-family:'Montserrat Regular';}
h2 { font-size:20px; margin:0; padding:8px 0; line-height:25px; color:#144609;}
h3 { font-size:25px; margin:0; padding:10px 0; line-height:30px; color:#f7b527;}
h4 { font-size:18px; margin:0; padding:10px 0; line-height:24px; color:#444; font-weight: normal;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:24px; color:#2e4093;}
p { font-size:17px; margin:0px; padding:8px 0; line-height:25px;  color:#585970;}
a { color:#fff; font-weight: bold; text-decoration:none;}
p span {color:#255a8d; font-weight:bold; text-decoration:none;}

@font-face {
    font-family:'Montserrat Bold';
    src: url('../fonts/Montserrat Bold.eot');
	src: url('../fonts/Montserrat Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat Bold.woff2') format('woff2'),
		url('../fonts/Montserrat Bold.woff') format('woff'),
		url('../fonts/Montserrat Bold.svg#Montserrat Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Montserrat Regular';
    src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff2') format('woff2'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

ul.services,ul.services1 { margin:12px 0; padding:0px; text-align:left;}
ul.services li {color:#fff; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}
ul.services1 li { background:url(../images/dots2.png) 0 8px no-repeat; color:#58585a; padding:0 18px; margin:0px; line-height:24px; font-size:17px; font-weight: normal; list-style:none;}

.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 100px; display: none; background: url(../images/icon_top.png) no-repeat; }
.border { float:left; width:100%; border-top:1px solid #d5d5d5; padding:5px 0; margin:20px 0;}
.space1 { float:left; width:100%; margin:10px 0;}
.space { float:left; width:100%; margin:20px 0;}

.row { float:left; width:100%;}
.row-left { float:left; width:45%;}
.row-right { float:right; width:45%;}
.row-left p,.row-right p { line-height:28px; color:#fff; font-size:20px; }

.pic-img { width:100%; float: left;}
.pic-img img { width:100%;}


.col { float:left; width:100%;}
.col p { color:#fff;}
.col-left { float:left; width:48%;}
.col-right {float: right; width:48%;}

.title { float:left; width:100%; padding:40px 0; text-align:center;}
.title h1 { font-size:50px; margin-bottom:20px;color:#fff;}
.title h2 { font-size:26px; line-height:32px;color:#fff; }
.title h3 { margin:0px; padding:2px 0;}
.title p { color:#fff; font-size:22px;}

.wrapper { width:1100px; margin:0 auto;}

#header { float:left; width:100%; padding:15px 0; background:#2d2d2d;}
.logo { float:left; width:36%; margin:25px 0 0;}
.header-mid { float: left; width:40%; margin:20px 15px; text-align:right;}
.header-mid ul { margin:0px; padding:0px;}
.header-mid li { list-style:none;}
.header-mid li p {font-size:24px; font-weight:normal; color:#fff; margin-top:12px; }
.header-mid li p a {color:#fff;font-weight:normal;vertical-align:middle;}

.header-right { float: right; width:14%;}

#slider {float:left; width:100%;}
#slider img { width:100%; float:left;}

#content { float:left; width:100%; padding:30px 0 0; background:#2d2d2d;}
#box-pen { float:left; width:100%; padding:0; text-align:center;  background:#2d2d2d;}
.box-pen { float:left; width:100%; margin:-100px 0; position: relative; z-index:9999;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen li { list-style:none; display:inline-block; margin:0 40px;}

.home-text { float: left; width:100%; margin:130px 0 30px;}
.home-text h1 { color:#fff;}
.home-text p { color:#fff;}

#clients-logo { float:left; width:100%; margin:0; padding:20px 0; text-align:center; background:#fff;}
.clients-logo p { color:#2d2d2d; font-size:18px;}
.clients-logo { float:left; width:100%;}
.clients-logo ul { margin:0px; padding:0px;}
.clients-logo li { list-style:none; display:inline-block; margin:0px; vertical-align:middle;}

#content-text { float: left; width:100%; padding:30px 0; text-align:center;}
#content-text p { color:#fff;}
.marshalls-banner { float:left; width:100%; margin:25px 0 0;}
.marshalls-banner img { width:100%;}

#booking { float:left; width:100%; text-align: center; padding:40px 0; background-color:#f7b527;}
.booking { float:left; width:100%;}
.booking-left { float:left; width:78%;}
.booking-left h1 { color:#fff; text-align:left;}
.booking-right { float:right; width:18%; margin-top:10px;}
.booking-right .btn { float:left; width:100%;}
.booking-right .btn a { background:#fff; color:#2d2d2d; padding:15px 42px; border-radius:12px; font-size:18px;}
.booking-right .btn a:hover { background:#5d5c5c; color:#fff;}

#home-box { float:left; width:100%; padding:40px 0 20px; margin:0px;}
.home-box { float:left; width:100%;}
.home-box-left { float:left; width:48%;}
.home-box-right { float:right; width:48%;}

#areas { float:left; width:100%; background:#fff; padding:40px 0; text-align:center;}
#areas h1 { color:#f7b527; font-size:40px;}

#map { float:left; width:100%;}
#map iframe { width:100%; float:left;}

#space-bar { float:left; width:100%; margin:25px 0;}

#row2 { float:left; width:100%; margin:15px 0;}
.row2 {float:left; width:100%; margin:15px 0;}
.row2-left { float:left; width:48%;}
.row2-left p { line-height:29px; font-size:21px; margin:50px 0; padding:0px;}
.row2-right { float:right; width:48%;}
.row2-right p {line-height:29px; font-size:21px; padding-top:0px; padding-bottom:20px}

/*******************Footer******************/
#footer { float: left; width: 100%; background: #818285; text-align: center; padding:20px 0; }
.footer-1 { border-left: 2px solid #d5d5d5; border-right: 1px solid #fff; float: left; margin:0; padding: 0 15px; text-align: left; width:33%;min-height: 190px;}
.footer-1 h2 { color: #fff; display: inline-block; font-size:18px; margin: 0 0 5px; overflow: hidden; padding:0px; }
.footer-1 ul { margin: 0px; padding: 0px;}
.footer-1 li.addres { float: left; margin-bottom:20px;}
.footer-1 li { list-style: none; margin: 0px; padding:0px; font-size: 13px; color: #fff; line-height: 26px; float: left; background: none; width: 100%; }
.footer-1 li p { color: #fff; font-weight:bold; font-size: 16px; margin:0px; padding:0px; line-height:22px;}
.footer-1 li p a { color: #fff; font-weight:bold; font-size: 24px; line-height:26px;}
.footer-1 li span { padding: 0px 10px 0 0; float: left; min-height:60px; }
.footer-1 li span img { width: auto;}
.footer-1 li.addres span { width: 30px; min-height:100px; float: left; margin-right:10px; }

.footer-2 { border-right: 1px solid #fff; float: left; margin: 0; padding: 0 15px; text-align: left; width: 15%;min-height: 190px;}
.footer-2 p { font-size: 12px; line-height: 16px; color: #fff; padding: 0px; margin: 0px; }
.footer-2 h2 { color: #fff; display: inline-block; font-size:18px; margin: 0 0 6px; overflow: hidden; padding:0px; }
.footer-2 ul { margin: 0px; padding: 0px; }
.footer-2 li { margin: 0px; padding: 0 0 2px 6px; text-align: left; font-size: 11px; line-height:16px; color: #fff; float: none; font-weight: normal; list-style: none; }
.footer-2 li a { color: #fff; text-decoration: none; }
.footer-2 li a.active,.footer-2 li a:hover { color: #000;}

.footer-3 { float: left;margin: 0; padding: 0 15px; text-align: left; width:45%; border-right: 1px solid #fff;min-height: 190px;}
.footer-3 h2 { color: #fff; display: inline-block; font-size: 18px; margin:0px; overflow: hidden; padding:0px; }
.footer-3 p { font-size:10px; color:#fff; line-height:13px; margin:0px;}

.footer-4 { float: left; width: 6%;border-right: 1px solid #fff; min-height: 190px;}
.footer-4 li { margin: 0px; padding:6px 15px; text-align: left; font-size: 11px; color: #fff; float: none; font-weight: normal; list-style: none; }
.footer-4 li a { color: #fff; text-decoration: none; }


#copyright { background: #555658; float: left; width: 100%; padding:10px 0;}
#copyright p { color: #fff; float: right; padding: 0; font-size:16px;}
#copyright p span { font-size:25px; vertical-align:top; color:#fff;}
#copyright p a { color: #fff; text-decoration: none; }


.contact { float:left; width:100%; margin:20px 0;}
.contact-left { float:left; width:48%;}
.contact-left h1 { text-align: center;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:15px; }
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.label, .field { float: left; width: 100%; color: #58595b; font-size: 15px; padding:3px 0; }
.field .input { border: 1px solid #808285; line-height: 30px; width: 100%; padding: 0 5px; border-radius:5px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #d5d5d5; line-height: 35px; padding: 0 5px; }
.pad1 { text-align: center; }
.field textarea.input { line-height: 16px;}

.formrow.captcha { float:left; width:100%;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #cccccc;}
.imgcaptcha { border: 1px solid #cccccc; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #f7b527; border: 0 none; color: #fff; font-size: 17px; padding: 8px 50px; border-radius: 6px; }
.formrow.pad1 input:hover { background: #be8304; cursor: pointer; }

.contact-right { float:right; width:45%; text-align: center; margin-bottom:20px;}
.contact-img { float:left; width:100%;}
.contact-right h1 { text-align:center;}
.contact-right h2 { color:#fff; margin:0 0 20px; padding:0px; font-size:28px; line-height:30px; font-weight: normal;}
.contact-right h2 a { font-weight:normal; color:#fff;}
.contact-right h3  { color:#fff; margin:0px; padding:10px 0;font-size:24px; line-height:30px;}
.contact-right p {  color:#fff;  margin:0; padding:0; font-size:18px; line-height:28px; text-align:center;}
.contact-right .address h2 a { font-weight: bold; color:#58585a;}

.social-icon { float:left; width:100%; text-align:center; margin:10px 0 0;}
.social-icon ul { margin:0px; padding:0px;}
.social-icon li { list-style:none; padding:0 5px;}

.gallery_page { float:left; width:100%;}


.we-offer { float: left; width: 100%; margin:0; padding: 30px 0; background: #fff; }
.we-offer h1 { color:#2d2d2d; text-align:center;}
.we-offer-left { float: left; width: 25%; }
.we-offer-left h2 { color:#f7b527; font-weight: bold; margin:0px; padding:0px; font-size:18px; }
.we-offer-left ul { margin: 0px; padding: 0px; }
.we-offer-left li { list-style: none; color: #2d2d2d; line-height: 28px; font-size: 18px; margin: 0px; padding: 0px;font-weight:bold; }
.we-offer-mid { float: left; width:55%; }
.we-offer-mid ul {margin: 0; padding: 0; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}
.we-offer-mid li { list-style: none; color: #2d2d2d; line-height: 28px; font-size: 18px; font-weight:bold; margin: 0px; padding: 0px; }
.we-offer-right { float: right; width:18%; }
.we-offer-right .btn { margin:25px 0 0;  text-align: center;}
.we-offer-right .btn a { background:#f7b527; padding:12px 30px; color:#fff; border-radius:12px; font-size:20px; line-height:30px; font-weight: normal; text-decoration:none;}
.we-offer-right .btn a:hover { background:#d0920b;}


.box3 { float:left; width:100%; text-align:center; margin:30px 0;}
.box3-left { float:left; width:23%;}
.box3-mid {float:left; width:47%; margin:0 35px;}
.box3-mid p { color:#fff; text-align:left; font-size:22px; margin:25px 0;}
.box3-right { float:right; width:23%;}

.testimonials {float:left; width:100%; margin:30px 0;}
.testimonials-left { float:left; width:66%;}
.testimonials-left p { color:#fff;}
.testimonials-right { float:right; width:30%;}

.checkatrade {float:left; width:100%; padding:25px 0; margin:0 0 20px; background:#f3f4f4;}
.checkatrade-left { float:left; width:68%;}
.checkatrade-left p {  font-size:25px; margin:25px 0;}
.checkatrade-left p a { color:#f7b527; font-weight:normal;}
.checkatrade-right { float:right; width:30%;}


#contact-text { float:left; width:100%;}
#contact-text h1 { color:#fff;} 
.contact-text { float:left; width:100%; margin:10px 0; padding:0px;}
.contact-text h3 { font-weight:normal; font-size:22px;}
.contact-text p { color:#fff;}