@charset "utf-8";
/* CSS Document */

/*-HTML5 Reset :: style.css---------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/*img{display:block; vertical-align:top;}*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

li.clearfix {
	display: list-item;
}
/*Hide these rules from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
    *zoom: 1;
}  

/*-EndHTML5 Reset :: style.css-----------*/

/*-Helper classes------------------------*/

.uppercase {
		text-transform: uppercase;
}
.lowercase {
		text-transform: lowercase;
}
.boldcase {
		font-weight: bold;
}
.normalcase {
		font-weight: normal;
}
.textdec-underline {
		text-decoration: underline;
}
.textdec-normal {
		text-decoration: none;
}
.Text-Idnt {
		text-indent: -99999px;
}
.hidden {
		display: none !important;
		visibility: hidden;
}
.visuallyhidden {
		border: 0 none;
		clip: rect(0px, 0px, 0px, 0px);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
}
.invisible {
		visibility: hidden;
}
img {
		border: 0 none;
		height: auto;
		max-width: 100%;
}
img.floatleft {
		float: left;
		margin: 0 10px 0 0;
}
img.floatright {
		float: right;
		margin: 0 0 0 10px;
}
.floatleft {
		float: left;
}
.floatright {
		float: right;
}
a{
		
	  	color: #000000;
	  	text-decoration: none;
	  	-webkit-transition: all 0.8s ease-in-out;
	  	-moz-transition: all 0.8s ease-in-out;
	  	-o-transition: all 0.8s ease-in-out;
	  	transition: all 0.8s ease-in-out;
}
a:hover{
		text-decoration: underline;
}

/*-Colour Style------------------*/


/*-End Colour Style--------------*/


/*-Start Custom Styles------------------*/

body {
		background:#302804;
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		font-weight:400;
		line-height:18px;
		color:#302804;
		margin:0;
		text-align: left;
}
#content, #header, #footer{
		position:relative;
		width:100%;
}
#content, #header{
		background:#fff;
}
#header{
		padding-bottom:25px;
		border-top:#302804 25px solid;
}
.wrapper{
		position:relative;
		width:100%;
		max-width:1366px;
		padding:0 15px;
		margin:0 auto;
}
.MainContainer{
		position:relative;
		width:100%;
		max-width:1172px;
		margin:0 auto;
}

/*----- header -----*/
.logo{
		position:relative;
		float:left;
		padding:26px 0;
		margin-right:50px;
}
.headerVideo{
		position:relative;
		float:left;
		width:320px;
		/*height:180px;*/
		overflow:hidden;
		text-align: center;
}
.headerVideoinner{
	position: relative;
	padding: 0 0 56.25% 0;
}
.headerVideoinner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}


ul.contactlist{
		position:relative;
		float:right;
}
ul.contactlist li{
		display:block;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:22px;
		color:#302804;
		text-align:right;
		margin-bottom:30px;
}
ul.contactlist li span{
		font-weight:700;
		color:#705b0a;
}
ul.contactlist li a{
		color:#302804;
		text-decoration:none;
}
ul.contactlist li a:hover{
		color:#705b0a;
}

/*----- index -----*/

/*-- Banner --*/
.FullWidthBanner{
		position:relative;
		width:100%;
		min-height:414px;
		max-height:414px;
		background:url(../images/home-banner.jpg) center top no-repeat;
		background-size:cover;
		border-top:#302804 15px solid;
		overflow:hidden;
}
.BannerOverlay{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.45);
}
.BannerText{
		position:relative;
		width:100%;
		font-family: 'Open Sans', sans-serif;
		font-size:35px;
		font-weight:300;
		line-height:45px;
		color:#fff;
		text-align:center;
		margin-top:125px;
}
.BannerText span{
		font-size:50px;
		font-weight:600;
		line-height:65px;
}

/*-- Wellcome --*/
.WellcomePara{
		position:relative;
		width:100%;
		text-align:center;
		padding:40px 0 30px;
		margin-bottom:40px;
}
.WellcomePara:after{
		position:absolute;
		left:50%;
		bottom:0;
		width:42.66211604095563%; /*500/1172*/
		height:1px;
		background:#302804;
		margin-left:-21.33105802047782%; /*250/1172*/
}
.WellcomePara h1{
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:40px;
		color:#302804;
		text-transform:uppercase;
		margin-bottom:50px;
}
.WellcomePara p{
		max-width:900px;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:600;
		line-height:22px;
		color:#302804;
		margin:0 auto 10px;
}
/*-- Column Container --*/
.ColumnContainer{
		position:relative;
		width:100%;
		padding:20px 0;
}
.ColumnContainer .Col3{
		position:relative;
		width:31.56996587030717%; /*370/1172*/
		float:left;
		text-align:center;
		margin-right:2.645051194539249%; /*31/1172*/
		margin-bottom:20px;
}
.ColumnContainer .Col3:last-child{
		margin-right:0;
}
.Col3 .imgcontainer{
		position:relative;
		display:block;
}
.Col3 .textcontainer{
		position:relative;
		display:block;
		min-height:270px;
		border:#302804 1px solid;
		border-top:none;
		padding:20px 20px;
}
.Col3Head{
		position:relative;
		display:block;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:22px;
		color:#302804;
		text-transform:uppercase;
		padding-bottom:10px;
		margin-bottom:20px;
}
.Col3Head:after{
		content:'';
		position:absolute;
		left:50%;
		bottom:0;
		background:#302804;
		width:180px;
		height:1px;
		margin-left:-90px;
}
.Col3 .textcontainer p{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:18px;
		color:#302804;
		margin-bottom:10px;
}
a.more{
		position:absolute;
		display:block;
		width:70px;
		left:50%;
		bottom:20px;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:20px;
		color:#302804;
		text-transform:uppercase;
		text-decoration:none;
		border:#302804 1px solid;
		padding:5px 0;
		margin-left:-35px;
}
a.more:hover{
		background:#302804;
		color:#fff;
}

/*-- Crucials Service --*/
.CrucialWrapper{
		position:relative;
		width:100%;
		min-height:240px;
		background:url(../images/crucial-banner.jpg) center center no-repeat;
		background-size:cover;
		overflow:hidden;
		margin:30px 0 50px;
}
.CrucialContent{
		position:absolute;
		width:100%;
		left:0;
		top:0;
		text-align:center;
		padding-top:30px;
}
.CrucialContent h2{
		position:relative;
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		padding-bottom:15px;
		margin-bottom:30px;
}
.CrucialContent h2:after{
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		width:200px;
		height:1px;
		background:#302804;
		margin-left:-100px;
}
.CrucialContent p{
		max-width:900px;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:24px;
		color:#302804;
		margin:0 auto;
}

/*-- Index Contact --*/
.ContactSection{
		position:relative;
		width:100%;
}
.ContactSection h3{
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		text-align:center;
		padding:20px 0 20px;
}
.MapWrapper{
		position:relative;
		width:100%;
		min-height:430px;
		overflow:hidden;
		margin:20px 0 30px;
}
.MapWrapper iframe{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
}
.AddressWrapper{
		position:relative;
		max-width:170px;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:25px;
		color:#302804;
		text-align:left;
		margin:0 auto;
}
.AddressWrapper a{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:25px;
		color:#302804;
		text-decoration:none;
}
.AddressWrapper a:hover{
		color:#bbb69c;
}
.AddressHead{
		position:relative;
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		text-transform:uppercase;
		margin-bottom:10px;
}

/*-- Index Form Section --*/
.FormWrapper{
		position:relative;
		width:100%;
}
.FormWrapper h4{
		position:relative;
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		text-align:center;
		padding:0 0 20px;
		margin-bottom:25px;
}
.FormWrapper h4:after{
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		width:200px;
		height:1px;
		background:#302804;
		margin-left:-100px;
}
ul.FormMainWrapper{
		position:relative;
		display:block;
		padding:20px 0 40px;
}
ul.FormMainWrapper .name, ul.FormMainWrapper .email, ul.FormMainWrapper .phone, ul.FormMainWrapper .timetocall{
		position:relative;
		width:23.72013651877133%; /*278/1172*/
		display:inline-block;
		float:left;
		margin-right:1.706484641638225%; /*20/1172*/
}
ul.FormMainWrapper .query{
		position:relative;
		width:100%;
		display:block;
		float:left;
		margin:40px 0 20px;
}
ul.FormMainWrapper .submit{
		position:relative;
		width:100%;
		text-align:right;
		display:block;
		float:left;
}
ul.FormMainWrapper .timetocall{
		margin-right:0 !important;
}
ul.FormMainWrapper label{
		display:block;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:22px;
		color:#302804;
		margin-bottom:5px;
}
ul.FormMainWrapper input[type="text"]{
		display:block;
		width:100%;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		line-height:22px;
		color:#302804;
		padding:10px 10px;
		border:#302804 1px solid;
		outline:none;
}
ul.FormMainWrapper textarea{
		display:block;
		width:100%;
		max-width:100%;
		min-height:150px;
		max-height:250px;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		line-height:22px;
		color:#302804;
		padding:10px 10px;
		border:#302804 1px solid;
		outline:none;
}
ul.FormMainWrapper input[type="submit"]{
		background:none;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:700;
		line-height:22px;
		color:#302804;
		text-transform:uppercase;
		padding:0 0;
		border:none;
		outline:none;
}

/*-- Go To Top --*/
.ScrollTop{
		position:fixed;
		right:25px;
		bottom:25px;
		display:none;
		width:35px;
		height:35px;
		opacity:0.6;
		font-size:20px;
		color:#f6f3e2;
		text-align:center;
		cursor:pointer;
		background:#6f5d09;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius:100%;
		padding-top:7px;
		z-index:1;
}
.ScrollTop:hover{
		opacity:1;
}


/*----- Sub Pages -----*/
.Subpagesbanner{
		position:relative;
		width:100%;
		min-height:240px;
		border-top:#302804 12px solid;
}
.Subpagesbanner h1{
		position:relative;
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		text-align:center;
		padding-bottom:20px;
		margin-top:85px;
}
.Subpagesbanner h1:after{
		content:'';
		position:absolute;
		left:50%;
		bottom:0;
		width:200px;
		height:1px;
		background:#302804;
		margin-left:-100px;
}
.SubpagesContent{
		position:relative;
		width:100%;
		padding:70px 0;
}
.SubpagesContent h2{
		font-family: 'Open Sans', sans-serif;
		font-size:30px;
		font-weight:700;
		line-height:35px;
		color:#302804;
		text-align:center;
		text-transform:uppercase;
		padding-bottom:50px;
}
.SubpagesContent p{
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		font-weight:400;
		line-height:24px;
		color:#302804;
		padding-bottom:8px;
}
a.SubContact{
		text-decoration:underline;
}
a.SubContact:hover{
		text-decoration:none;
}


/*-- About us --*/
.about{
		background:url(../images/about-banner.jpg) center center no-repeat;
		background-size:cover;
}

/*-- Book keeping --*/
.book{
		background:url(../images/book-keeping-banner.jpg) center center no-repeat;
		background-size:cover;
}

/*-- Self assessment --*/
.assessment{
		background:url(../images/self-assessment-banner.jpg) center center no-repeat;
		background-size:cover;
}

/*-- Business Startup --*/
.business{
		background:url(../images/business-assessment.jpg) center center no-repeat;
		background-size:cover;
}
/*-- company secretarial --*/
.comoanysecretarial{
		background:url(../images/company-secretariat-banner.jpg) center center no-repeat;
		background-size:cover;
}
/*-- payroll admin --*/
.payrolladmin{
		background:url(../images/payroll-admin-banner.jpg) center center no-repeat;
		background-size:cover;
}
/*-- VAT --*/
.vatbanner{
		background:url(../images/vat-banner.jpg) center center no-repeat;
		background-size:cover;
}

/*-- Self assessment personal --*/
.selfassessmentpersonal{
		background:url(../images/self-assessment-personal-banner.jpg) center center no-repeat;
		background-size:cover;
}
/*-- personal tax planning --*/
.personaltaxbanner{
		background:url(../images/personal-tax-banner.jpg) center center no-repeat;
		background-size:cover;
}
/*-- links --*/
.linksbanner{
		background:url(../images/links-banner.jpg) center center no-repeat;
		background-size:cover;
}

ul.linkslist{
	list-style: none;
	margin: 30px 0 0 0;
}
ul.linkslist li{
	list-style: none;
	display: inline-block;
	margin: 5px 10px 5px 0;
}
ul.linkslist img{
	vertical-align: text-top;
}

/*-- contact us --*/
.contactbanner{
		background:url(../images/contactus-banner.jpg) center center no-repeat;
		background-size:cover;
}

.contactaddress{
	position: relative;
	width: 30%;
	float: left;

	font-size: 18px;
	line-height: 1.5;
	color: #302804;
}
.contactaddress a{
	color: #302804;
	text-decoration: none;
}
.contactaddress a:hover{
	text-decoration: underline;
}
.addressmap{
	position: relative;
	width: 35%;
	float: left;
	height: 375px;
	overflow: hidden;
}
.addressmapinner{
	position: relative;
	height: 100%;
	padding-bottom: 56.25%;
}
.addressmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contactformwrap{
	position: relative;
	width: 35%;
	min-height: 375px;
	float: left;
	background: #f7f2e1;
	border-left: 10px solid #fff;
	text-align: left;
}
.contactformwrap h2{
	font-size: 16px;
	color: #302804;
	padding-bottom: 20px;
	text-align: left;
}
.contactformwrap h2 span{
	border-bottom: 1px solid #302804;
	padding: 0 50px 5px 0;
}
.forminner{
	position: relative;
	padding: 5% 10%;
}
.contactfiledswrap{
	width: 100%;
	float: left;
	padding-bottom: 7px;
}
.contactformwrap label{
	width: 40%;
	float: left;
	font-size: 15px;
	color: #302804;
	padding: 5px 5px 0 0;
}
.contactformwrap input[type="text"]{
	width: 60%;
	float: left;
	border: none;
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 5px;
	outline: none;
}
.contactformwrap textarea{
	width: 60%;
	min-height: 75px;
	float: left;
	border: none;
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 5px;
	resize: vertical;
	outline: none;
}
.contactformwrap input[type="submit"]{
	width: 100px;
	float: right;
	border: 1px solid #f7f2e1;
	background: #f7f2e1;
	color: #302804;
	text-align: center;
	padding: 7px 10px;
	font-size: 16px;
	outline: none;
}
.contactformwrap input[type="submit"]:hover{
	border: 1px solid #302804;
}
.contactformwrap .captchawrap{
	width: 60%;
	float: right;
	height: 30px;
	overflow: hidden;
	text-align: left;
	margin: 10px 0;
}

/*-- seo page --*/
.keywordswrapper{
		position:relative;
		background:#382f06;
		padding:15px;
		margin:20px 0 20px 0;
		display:none;
}
.keywordswrapper a{
		font-size:12px;
		color:#fff;
		padding:0 10px;
		border-right:1px solid #fff;
		text-decoration:none;
}
.keywordswrapper a:hover{
	 text-decoration: underline;
}
.keywordswrapper a:first-child{
		padding:0 10px 0 0;
}
.keywordswrapper a:last-child{
		padding:0 0 0 10px;
		border-right:none;
}
.seobanner{
	position: relative;
	overflow: hidden;
}
.seobanner img{
	width: 100%;
	text-align: center;
}
.seopage h1{
	font-size: 24px;
	padding-bottom: 15px;

	text-align: left;
}
.seopage h2, .seopage h3, .seopage h4, .seopage h5, .seopage h6{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	text-transform: none;
	line-height: 1.5;
}
.seopage p{
	padding-bottom: 10px;
	text-align: left;
}
ul.seobullpoints{
	position: relative;
	list-style: none;
	margin: 20px 0;
}
ul.seobullpoints li{
	list-style: none;
	position: relative;
	font-size: 18px;
	line-height: 1.4;
	padding: 0 0 7px 20px;
	text-align: left !important;
}
ul.seobullpoints li:before{
	position: absolute;
	top: 5px;
	left: 1px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	content: "";
	background: #302804;
}




/*-- Footer --*/
ul.FooterNav{
		position:relative;
		float:left;
		list-style:none;
		margin:30px 0 20px;
}
ul.FooterNav li{
		position:relative;
		display:inline-block;
		float:left;
}
ul.FooterNav li a{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:14px;
		line-height: 1.5;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		padding:0 8px;
		border-right:#fff 1px solid;
}
ul.FooterNav li a:hover{
		color:#6f5d09;
}
ul.FooterNav li:first-child a{
		padding:0 8px 0 0;
}
ul.FooterNav li:last-child a{
		border-right:none;
}
.copyright{
		position:relative;
		float:left;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:14px;
		color:#fff;
		text-transform:uppercase;
		margin:30px 0 20px 5%;
}
.craftedby{
		position:relative;
		float:right;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:14px;
		color:#6f5d09;
		text-transform:uppercase;
		margin:30px 0 20px;
}
.craftedby a{
		color:#6f5d09;
		text-decoration:none;
}
.craftedby a:hover{
		color:#fff;
}
ul.SocialLinks{
		position:relative;
		display:block;
		list-style:none;
		text-align:right;
		margin:0 0 30px;
}
ul.SocialLinks li{
		display:inline-block;
		margin-right:5px;
}
ul.SocialLinks li:last-child{
		margin-right:0;
}
ul.SocialLinks li a{
		display:block;
		width:37px;
		height:37px;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius:100%;
		overflow:hidden;
}
a.mail{
		background:url(../images/mail-icon.jpg) center center no-repeat;
}
a.facebook{
		background:url(../images/facebook.jpg) center center no-repeat;
}
a.wifi{
		background:url(../images/wifi.jpg) center center no-repeat;
}
a.tumblar{
		background:url(../images/tumblar.jpg) center center no-repeat;
}
a.google{
		background:url(../images/google.jpg) center center no-repeat;
}


/*------------------------------------
		Media Queries
------------------------------------*/

/*================(1300)================*/
@media screen and (max-width:81.25em){

	
}

/*================(<1280)================*/
@media screen and (max-width:79.9375em){

/*--seo page--*/
.seobanner img{
	height: 240px;
	width: auto;
	max-width: 1366px;
}
	
}

/*================(1200)================*/
@media screen and (max-width:75em){

	
}

/*================(1136)================*/
@media screen and (max-width:71em){

/*-- contact us --*/
.contactaddress{
	width: auto;
	float: none;
	padding-bottom: 30px;
	text-align: center;
}	
.addressmap{
	width: auto;
	float: none;
	margin-bottom: 30px;
	text-align: center;
}
.contactformwrap{
	width: auto;
	float: none;
	min-height: 1px;
	padding: 30px 15px;
	text-align: center;
	border-left: none;
	text-align: center;
}
.contactformwrap h2{
	text-align: center;
	margin: 0 0 20px;
}
.contactformwrap h2 span{
	display: block;
	padding: 0 0 10px
}
.contactformwrap label{
	text-align: left;
}
.forminner{
	position: relative;
	padding: 0;
	max-width: 500px;
	margin: 0 auto;
}
	
}

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){
	
}

/*================(<980)================*/
@media screen and (max-width: 61.1875em){

	.logo {
		width: 200px;
		padding: 5px 0;
		margin-right: 30px;
	}
	.headerVideo {
		width: 290px;
		/*height: 114px;*/
	}
	ul.contactlist li {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	
	.FullWidthBanner {
		min-height: 300px;
		max-height: 300px;
	}
	.BannerText span {
		font-size: 40px;
		line-height: 50px;
	}
	.BannerText {
		font-size: 30px;
		line-height: 45px;
		margin-top: 80px;
	}
	.WellcomePara {
		padding: 30px 0 20px;
		margin-bottom: 30px;
	}
	.WellcomePara h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 40px;
	}
	.Col3 .textcontainer {
		min-height: 325px;
		padding: 15px 15px;
	}
	
	.CrucialWrapper {
		margin: 10px 0 30px;
	}
	
	.ContactSection h3 {
		padding: 0px 0 10px;
	}
	
	
	.MapWrapper {
		min-height: 300px;
		margin: 20px 0 10px;
	}
	ul.FormMainWrapper .query {
		position: relative;
		margin: 20px 0 20px;
	}
	
	
	ul.FooterNav {
		float: none;
		text-align: center;
		margin: 25px 0 10px;
	}
	ul.FooterNav li {
		float: none;
	}
	ul.FooterNav li:first-child a {
		padding: 0 8px;
	}
	.copyright {
		float: none;
		text-align: center;
		padding: 10px 0;
		margin: 0 0;
	}
	.craftedby {
		float: none;
		text-align: center;
		padding: 10px 0;
		margin: 0 0;
	}
	ul.SocialLinks {
		text-align: center;
		padding: 10px 0 20px;
		margin: 0 0;
	}

}

/*================(768)================*/
@media screen and (max-width: 48em){
	
	.WellcomePara h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.WellcomePara p {
		font-size: 14px;
		line-height: 20px;
		margin: 0 auto 8px;
	}
	.Col3 .textcontainer {
		min-height: 350px;
	}
	a.more {
		font-size: 14px;
	}	
}

/*================(<768)================*/
@media screen and (max-width:47.9375em){
	#header {
		padding:15px 0;
		border-top: none;
	}
	.logo {
		width:150px;
		float:none;
		margin:0 auto 15px;
	}
	
	.CrucialContent {
		padding-top: 50px;
	}
	.CrucialContent h2 {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.CrucialContent p {
		font-size: 14px;
		line-height: 20px;
	}
	.ContactSection h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.AddressHead {
		font-size: 24px;
		line-height: 30px;
	}
	
	.ColumnContainer {
		padding: 20px 0 10px;
	}
	.FormWrapper h4 {
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 15px;
		margin-bottom: 10px;
	}
	ul.FormMainWrapper .name, ul.FormMainWrapper .email, ul.FormMainWrapper .phone, ul.FormMainWrapper .timetocall {
		width: 48%;
		margin-right: 0;
	}
	ul.FormMainWrapper .name ul.FormMainWrapper .phone {
		float:left;
	}
	ul.FormMainWrapper .email, ul.FormMainWrapper .timetocall {
		float:right;
	}
	
	/*-- Sub pages --*/
	.SubpagesContent {
		padding: 40px 0;
	}
	.SubpagesContent h2 {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 30px;
	}
	.SubpagesContent p {
		font-size: 14px;
		line-height: 20px;
	}
	.Subpagesbanner {
		min-height: 150px;
	}
	.Subpagesbanner h1 {
		font-size: 30px;
		line-height: 35px;
		padding-bottom: 20px;
		margin-top: 40px;
	}

	/*-- seo page --*/
	.seopage h1{
		font-size: 20px;
		text-align: left;
	}
	.seopage h2, .seopage h3, .seopage h4, .seopage h5, .seopage h6{
		font-size: 18px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
		text-transform: none;
		line-height: 1.5;
	}
	ul.seobullpoints li{
		font-size: 14px;
	}
	
}

/*================(640)================*/
@media screen and (max-width: 40em){
	
	.FullWidthBanner {
		min-height: 200px;
		max-height: 200px;
	}
	.BannerText {
		font-size: 20px;
		line-height: 30px;
		margin-top: 50px;
	}
	.BannerText span {
		font-size: 30px;
		line-height: 40px;
	}
	
	.ColumnContainer .Col3 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.Col3 .textcontainer {
		min-height: 1px;
		border-left:none;
		border-right:none;
		border-bottom:#302804 1px solid;
	}
	a.more {
		position: relative;
		left: inherit;
		bottom: inherit;
		margin:0 auto;
	}
	.MapWrapper {
		min-height: 200px;
	}
	.AddressWrapper {
		text-align: center;
	}
	
	/*-- Sub pages --*/
	.SubpagesContent {
		text-align:center;
	}
		
}

/*================(<600)================*/
@media screen and (max-width: 37.4375em){
	ul.contactlist {
		float: none;
		text-align:center;
	}
	ul.contactlist li{
		text-align:center;
	}
	.headerVideo {
		float:none;
		margin:0 auto;
	}
	

}


/*================(480)================*/
@media screen and (max-width: 30em){

	#content .wrapper{
		padding:0 0;
	}	
	
	.FullWidthBanner {
		border-top: #302804 5px solid;
	}
	.WellcomePara {
		padding: 30px 10px 20px;
	}
	
	.Col3 .textcontainer {
		width:auto;
		padding: 15px 0;
		margin:0 10px;
	}
	
	
	
	/*-- Sub Pages --*/
	.Subpagesbanner {
		border-top: #302804 5px solid;
	}
	.SubpagesContent {
		padding: 40px 10px;, 
	}
	.SubpagesContent h2 {
		font-size: 20px;
		line-height: 25px;
		padding-bottom: 20px;
	}
	
	/*-- Go To Top --*/
	.ScrollTop{
		right:15px;
		bottom:15px;
	}

	/*-- contact us --*/
	.addressmap{
		height: 250px;
	}
	.contactfiledswrap{
		float: none;
		padding: 0 0 10px 0;
	}
	.contactfiledswrap:last-child{
		padding: 20px 0 0 0;
	}
	.contactformwrap label{
		text-align: left;
		display: block;
		padding: 0 0 5px 0;
	}
	.contactformwrap label, .contactformwrap input[type="text"], .contactformwrap textarea, .contactformwrap input[type="submit"]{
		width: 100%;
		float: none;
	}
	.contactformwrap input[type="submit"]{
		border: 1px solid #302804;
	}
	.contactformwrap .captchawrap{
		width: 100%;
		float: none;
	}


	/*-- seo page --*/
	.seopage h2, .seopage h3, .seopage h4, .seopage h5, .seopage h6{
		font-size: 16px;
		font-weight: bold;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: left;
		text-transform: none;
		line-height: 1.5;
	}
	
	
}
/*================(<480)================*/
@media screen and (max-width:29.9375em){

	.FullWidthBanner {
		min-height: 150px;
		max-height: 150px;
	}
	.BannerText {
		font-size: 16px;
		line-height: 20px;
		padding: 0 10px;
		margin-top: 25px;
	}
	.BannerText span {
		font-size: 20px;
		line-height: 30px;
	}
	
	.CrucialContent {
		padding-top: 30px;
	}


	ul.FormMainWrapper .name, ul.FormMainWrapper .email, ul.FormMainWrapper .phone, ul.FormMainWrapper .timetocall {
		width: 100%;
		float:none;
	}
	.FormWrapper {
		padding: 0 10px;
	}
	
	#footer .wrapper{
			padding:0 10px;
	}
	ul.FooterNav li a {
		font-size: 12px;
		line-height: 14px;
	}
	ul.FooterNav li {
		margin-bottom:4px;
	}
	.copyright {
		font-size:12px;
	}
	.craftedby {
		font-size:12px;
	}
	
	/*--seo page--*/
 .keywordswrapper{
  padding: 0;
  background: none;
  margin: 10px 0;
 }
 .keywordswrapper a, .keywordswrapper a:first-child, .keywordswrapper a:last-child{
  display: block;
  text-align: center;
  border: none;
  padding: 8px;
  border-bottom: 1px solid #382f06;
 }
 .keywordswrapper a:hover{
  text-decoration: none;
 }
	
}