/*------------------------------------*\

    CONTENTS

\*------------------------------------*/



/*



1. BASE.........Reset and default styles

2. LAYOUT.......Main and unique elements

3. MODULE............Reusable components

4. STATE..................Current states

5. THEME............Branding and colours



*/



/*------------------------------------*\

    1. $BASE

\*------------------------------------*/

@font-face {
    font-family: 'vtks_money_2regular';
    src: url('http://recyclemecreations.com.au/wp-content/themes/standard-responsive/fonts/vtks_money2-webfont.woff2') format('woff2'),
         url('http://recyclemecreations.com.au/wp-content/themes/standard-responsive/fonts/vtks_money2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('http://recyclemecreations.com.au/wp-content/themes/standard-responsive/fonts/champagne__limousines-webfont.woff2') format('woff2'),
         url('http://recyclemecreations.com.au/wp-content/themes/standard-responsive/fonts/champagne__limousines-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


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, capt, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



* {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}



ul, ol { list-style: none; }



body {

    background: #fff;

    /*font: normal 100%/1.618em 'Roboto', Arial, Helvetica, sans-serif;*/

    font-family: 'champagne__limousinesregular', Arial, Helvetica, sans-serif !important;

    color: #777;


}


/* Give elements the same bottom margin to create consistent vertical rhythm */



p, ul, ol, blockquote, table, hr, iframe, .grid, .cta, .message, .button, .banner, .content, .has-mb { margin-bottom: 1.618em; }

.clr { clear:both;}



/*------------------------------------*\

    $TYPOGRAPHY

\*------------------------------------*/



h1, h2, h3 { font-weight: normal;
font-family: 'vtks_money_2regular' !important;
text-transform: uppercase;}

h4 {
  font-family: 'champagne__limousinesregular', Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 2em;
}

.page-title { margin-top: 50px; }



h1, .alpha {

    font-size: 2.125em; /* 34px */

    line-height: 1.235em; /* 42px */

	margin-bottom: 0.618em; /* 21px */

}



h2, .beta {

    font-size: 1.438em; /* 23px */

    line-height: 1.348em; /* 31px*/

	margin-bottom: 0.913em; /* 21px*/

}



h3, .gamma {

    font-size: 1.188em; /* 19px*/

    line-height: 1.421em; /* 27px*/

	margin-bottom: 1.105em; /* 21px*/

}



h4, .delta {

    font-size: 1.125em; /* 18px*/

    line-height: 1.444em; /* 26px*/

	margin-bottom: 1.167em; /* 21px*/

}



h5, .epsilon {

	font-size: 1em; /* 16px*/

    line-height: 1.5em; /* 24px*/

	margin-bottom: 1.313em; /* 21px*/

}



h6, .zeta {

	font-size: 0.875em; /* 14px*/

	line-height: 1.571em; /* 22px*/

	margin-bottom: 1.5em; /* 21px*/

}



small, .small {

    font-size: 0.875em;

    line-height: 1.4em;

}



.project-title {

	font-size:24px!important;

}



.project-image {

	margin-bottom: 20px;

}


p{
  font-size: 1.3em;
  text-align: justify;
  line-height: 1.25em;
  letter-spacing: 0.4px;
}

/*------------------------------------*\

    $LINKS

\*------------------------------------*/



a:link, a:visited {

    text-decoration: none;

    color: #555;

    font-weight: bold;

	-webkit-transition: all .25s ease-in-out;

       -moz-transition: all .25s ease-in-out;

        -ms-transition: all .25s ease-in-out;

         -o-transition: all .25s ease-in-out;

            transition: all .25s ease-in-out;

}



a:hover {

    color: #000;

    text-decoration: underline;

    outline: none;

}



a:focus, a:active { outline: none }




a.no-td:hover { text-decoration: none; }



a.block-link { display: block; }



/*------------------------------------*\

    $BUTTONS

\*------------------------------------*/



a.button, button, input[type="submit"] {

	font-size: 1em;

    line-height: 1em;

    padding: 0.75em 1.618em;

    color: #fff;

    background-color: #808080;

}



a.button {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



a.button:hover, button:hover, input[type="submit"]:hover {

    text-decoration: none;

    color: #fff;

    background-color: #333;

}



a.button-alt {

	    border: 2px solid #FFFFFF;

    padding: 20px;

    color: #FFFFFF;

    display: block;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

    margin: 0px auto;

	    background: none;

}



a.button-alt:hover {

	color: #fff;

	background-color: #808080;

}



a.button-full {

	width: 100%;

	display: block;

	text-align: center;

	padding-left: 0;

	padding-right: 0;

}



a.button-cta {

	font-size: 2em;

	font-weight: bold;

	margin-bottom: 0.469em;

}



.button + .button { margin-left: 0.75em; }



/*------------------------------------*\

    $FORMS

\*------------------------------------*/



input, select, textarea, button {

    font-family: inherit;

	font-size: inherit;

    line-height: 1em;

    border: 1px solid #ddd;

	padding: 0.188em 0.313em; /* 3px 5px */

}



input[type="submit"], button {

	-webkit-appearance: none; /* Remove iOS default styles */

    cursor: pointer;

    border: none;

    -webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;

}



/*------------------------------------*\

    $OTHER ELEMENTS

\*------------------------------------*/



hr {

	border: solid #ddd;

    border-width: 1px 0 0 0;

    clear: both;

	width: 33%;

	margin: 2.5em auto;

}



img, iframe {

	vertical-align: top;

	max-width: 100%;

}



/*------------------------------------*\

    2. $LAYOUT

\*------------------------------------*/




nav.navigation {

margin: 0 auto;
 }



.container-plus { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;  width:980px!important;}



.header, .navigation, .main, .footer { width: 100%; }

.home-section-1 {
  /*background-image:url(images/header.jpg); */
  background-position:top center; color:#FFFFFF; text-align:center; padding: 20px 0px 32px 0px;

    background-size: cover;
  height: 100vh;
padding-top: 0 !important;}

.banner-bg {
  background-image:url(images/header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100vh;
  z-index: -9999;
  /*display: none;*/
}

.banner-bg img {
  width: 40%;
  position: relative;
  top: 15%;
}

.navheader-logo img {
  margin-top:-12px;
  width: 90px;
}

.container-full {
  padding: 0;
}

.arrow {
  position: relative;
  bottom: 6vh;
  font-size: 2em;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.home-section-1 h1 { font-size:7.2em; line-height:2em;
position: relative; top: 40vh; margin: 0 auto;}

.home-section-1 h3 { font-size:3.2em; line-height:2em;
position: relative; top: 40vh; margin: 0 auto;}

.home-section-1 h1 span { font-size:1.5em; font-weight:bold;}

.home-section-1 h2 { font-size:1.563em;}



.home-section-2 { text-align:center; padding: 32px 0px 32px 0px;}

.topmgbtm {margin-bottom:328px!important;}



.home-section-3 { background-image:url(images/home-section-03.jpg); background-position:top center; color:#FFFFFF; text-align:center; padding: 70px 0px 32px 0px; min-height: 549px;}

.ul-container {margin:0px 120px;}

.home-section-3 h2 { color:#ffffff; font-size:2.813em; margin-bottom: 0.1em;}

.home-section-3 p {color:#ffffff; font-size:1.250em; }

.home-section-3 ul { text-align:left;  padding-right:20px; }

.home-section-3 li { list-style-image:url(images/icon-tick-li.png); text-align:left; margin-bottom:16px; font-size: 0.938em; padding-left: 20px;}



.home-section-4 { background-image:url(images/home-section-04.jpg); background-position:top center; color:#FFFFFF; text-align:center; padding: 70px 0px 32px 0px; min-height: 816px;}

.home-section-4 h2 { color:#ffffff; font-size:2.813em; margin-bottom: 0.5em;}

.home-section-4 img { margin-bottom:20px;}

.home-section-4 img.margintb { margin-bottom:20px; margin-top:20px;}

.home-section-4 a { border: 1px solid #FFFFFF; padding:20px; color:#FFFFFF;}

.home-marketing-strats { font-size:0.750em; padding:0px!important; border:1px solid #FFFFFF; border-left:0px; height:60px; }

.home-marketing-strats.firstblock {border-left:1px solid #FFFFFF;}

.home-marketing-strats span { display: inline-block; vertical-align: middle; padding-top:12px;}



.home-section-5 { padding:60px 0px; background-color:#f1f1f1;}

.home-section-5 h3 { text-align:center; color:#ababab; font-size:1.563em; margin-bottom: 0.5em;}

.home-section-5 p { text-align:justify; font-size:0.938em;}

.home-section-5 img { margin:0px auto; margin-bottom:30px;}

.home-section-5 a { border: 2px solid #333333; padding: 20px; color: #333333; display:block; text-align:center; text-transform:uppercase;}



.home-section-6 {
padding: 100px 0;
 }

.service-box img {
  border-radius: 50%;
  margin-bottom: 20px;
  max-width: 270px;
  height: auto;
}

 .home-section-6 p {

   text-align: center;

 }

.section-heading {
  text-align: center;
  padding: 25px 0 70px 0;
  font-size: 36px;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
}


.home-section-7 {

  /*height: 55vh;*/
  background-color:#3f3f3f;
}

.home-section-7 .img-container { background-color:#333333; margin-bottom:20px;}

.home-section-7 span { color:#FFFFFF; font-size:0.875em; text-align:center; display:block; text-transform:uppercase; padding:5px 0px;}

.home-section-7 h2 { color:#fff; padding-top: 60px;}

.home-section-7 h3 { color:#ababab; font-size:1.563em; margin-bottom:0.7em;}

.home-section-7 p { font-size:0.938em; margin-bottom:0.9em; text-align:justify;}

.home-section-7 a.btn { border: 2px solid #333333; padding: 20px; color: #333333; display:block; text-align:center; text-transform:uppercase; width:250px; margin:30px auto; }

.home-section-8 {
  padding: 50px 0;
  background: #fff;
}

.home-section-8 h2{
  color: #000 !important;
}

.home-section-9 {
  padding: 50px 0;
  background-image:url(images/aboutus2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home-section-9 p, .section-heading-1, .home-section-9 h3 {
  color: white;
  text-align: left;
}

.home-section-9 p {
  text-align: justify;
}



.section-heading-1 {
  font-size: 36px;
    padding: 25px 0 70px 0;
  letter-spacing: 2px;
  text-align: center;
}



.overlay {
  position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

.about-box {
  padding:50px 0;
  display: table;
}
.vertical-text {
	vertical-align: middle;
    display: table-cell;
}

.about-img {
	text-align: center;
}

.about-box h4 {
  color: white;
  text-align: left;
}

.about-box img {
  border-radius: 50%;
  max-width: 270px;
  height: auto;
}

.footer-contact input { display:block; width:100%!important; text-align:center; padding:18px!important; color:#000000; font-size:0.938em!important; margin:2px 0px; -webkit-border-radius: 5px;

border-radius: 5px;}

.footer-contact .submitbtn { margin:40px auto 0px auto; background-color:#FFFFFF; width:250px; border: 2px solid #333333; padding: 20px; color: #333333; display:block; text-align:center; text-transform:uppercase; -webkit-border-radius: 0px; border-radius: 0px;}



.footer-contact .gform_button { margin:40px auto 0px auto; background-color:#FFFFFF; width:250px!important; border: 2px solid #333333; padding: 20px; color: #333333; display:block!important; text-align:center; text-transform:uppercase; -webkit-border-radius: 0px; border-radius: 0px;}



.footer-contact .gform_description { display:none;}



.social { text-align:center; height:50px; margin-top:40px; margin-bottom:40px;}

.wpcf7 label {
  width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
  width: 100%;
  padding: 5px 10px;
  border: none;
  border-bottom:1px solid #d3d3d3;
  color: black;
  font-size: 14px;

}

.wpcf7 input[type="submit"]{
  float:right;
  background-color: #3f3f3f;
  padding: 15px 40px;
  border-radius: 10px;
    font-size: 14px;
}

#hatter-video {
  position: fixed;
top: 60%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



/*------------------------------------*\

    $INSTAFEED

\*------------------------------------*/


/* remove bootstrap gutter */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.img-featured-container {
  overflow: hidden;
  position: relative;
  margin: 10px;
}


.owl-wrapper-outer {
  overflow: hidden;
  padding-bottom: 60px;
}

.owl-controls {
  /*display: none;*/
}


.img-featured-container img {
  width: 100%;
}

.img-featured-container .img-backdrop {
  /*background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));*/
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}

.img-featured-container:hover > .img-backdrop {
  opacity: 1;
}

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 30px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  z-index: 2;
  opacity: 0;
  transition: all .2s ease;
}

.img-featured-container .description-container .fa-instagram {
  font-size: 40px;
}

.img-featured-container .description-container p {
  font-weight: 300;
  margin-bottom: 0;
}

.img-featured-container:hover .description-container {
  opacity: 1;
}

.img-featured-container .description-container .caption {
  display: none;
  margin-bottom: 10px;
}

.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
  margin: 0 5px;
}

/* load more button */
#btn-instafeed-load {
  color: #fff;
  background: #26a3ff;
  margin: 20px auto;
  padding: 8px 12px;
  display: block;
  border: none;
}

/* media queries */
@media screen and (min-width:768px) {
  .img-featured-container .description-container .caption {
    display: block;
  }
}


/*------------------------------------*\

    $HEADER

\*------------------------------------*/



.top { padding: 1.25em; }

.banner-text p {margin-bottom:2em}

.header {
  height:90px;
  padding-top: 10px;
  width: 100%;
  background: #2a2a2a;

}

.social-media-footer ul li {
  display: inline-block;
  padding-right: 20px;
  padding-top: 20px;
  /*float: left;*/
}

.header-nav {
  background: #19223e;
  width: 100%;
  position: fixed;
  z-index: 9999;
}

.navigation {
  width: 930px;
  margin-left: 40px auto 0px auto;
}

/*------------------------------------*\



	$TOUCH NAV



	Only displayed on touch devices



\*------------------------------------*/



.nav>li>a {

	padding: 0px 16px!important;
  font-weight: 400;

}



.nav-touch-toggle {

	position: absolute;

	top: 50%;

	right: 1em;

	margin-top: -22px;

	width: 45px;

	height: 45px;

	text-indent: -9999em;

    background: url(images/sprite@2x.png) -600px -790px no-repeat;

	}



.nav-touch-top {

	padding: 1em 1.25em;

	position: relative;

}



.nav-touch-search { width: 75%; }



.nav-touch-close {

	position: absolute;

	top: 50%;

	right: 1em;

	width: 24px;

	height: 24px;

	margin-top: -12px;

}



.nav-touch {

	width: 100%;

	display: block;

	font-size: 0.938em;

}



.nav-touch a {

	display: block;

	width: 100%;

	background-color: #fff;

	color: #808080;

	border-top: 1px solid #eee;

	font-weight: normal;

	text-transform: uppercase;

	padding: 0.625em 1em;

}



.nav-touch ul { display: none; }



.nav-touch a:hover ul { display: block; }



.nav-touch ul a { padding: 0.625em 2em; }



.nav-touch ul ul a { padding: 0.625em 3em; }



.nav-touch a:hover { text-decoration: none; }



.nav-touch .current-menu-item > a {

	text-decoration: none;

	color: #fff;

	background-color: #808080;

}



.contact h2 {

	margin-top: 40px;

}



/*------------------------------------*\

    $FULL SIZE NAV

\*------------------------------------*/



@media all and (min-width: 62em) { /* 980px */





	.home-section-1 {

		/*background-image:url(images/header.jpg);*/

		background-position: top center;

		color: #FFFFFF;

		text-align: center;

		padding: 20px 0px 32px 0px;
    background-size: cover;

	}


.nav {
  letter-spacing: 1px;
  font-size: 20px;
}
	.nav-full {

		border-top:1px solid #c3c8cf;

	}



	.nav-primary li {

		position: relative;

		z-index: 500;

	}

.nav-primary .nav-logo {
  width: 30%;
  margin-top: -20px;
}

	.nav-primary > li { float: left; }



	.nav-primary a {

		color: #fff;

		line-height: 3em;

		text-align: left;

	}



	.nav-primary li:hover > a {

		color: #e9e9e9;

		text-decoration: none;

	}



	.nav-primary li:hover > ul { display: block }



	/*------------------------------------*\

		$2ND LEVEL

	\*------------------------------------*/



	.nav-primary ul, .nav-primary ul li { width: 16em; }



	.nav-primary ul {

		display: none;

		position: absolute;

		top: 100%;

		left: 0;

		float: left;

		z-index: 99999;

	}



	.nav-primary ul a {

		/*background-color: #808080;*/

		color: #fff;

		line-height: 1.4em;

		padding: 0.5em 0.875em;

		width: 100%;

		height: auto;

		border-bottom: 1px solid #999;

	}



	.nav-primary ul :hover > a {

		/*background-color: #333;*/

		color: #fff;

	}



	/*------------------------------------*\

		$3RD LEVEL

	\*------------------------------------*/



	.nav-primary ul ul {

		left: 100%;

		top: 0;

	}



	/*------------------------------------*\

		$1ST LEVEL CURRENT

	\*------------------------------------*/



	.nav-tabs>li>a { padding:10px 15px!important;}



	.nav-primary li.current_page_item > a, .nav-primary li.current-menu-ancestor > a, .nav-primary li.current-menu-item > a, .nav-primary li.current-menu-parent > a {

		/*background-color: #FFFFFF;*/

		/*color: #ababab;*/

	}



	* html .nav-primary li.current_page_item a, * html .nav-primary li.current-menu-ancestor a, * html .nav-primary li.current-menu-item a, * html .nav-primary li.current-menu-parent a, * html .nav-primary li a:hover {

		/*background-color: #808080;*/

		color: #fff;

	}



	/*------------------------------------*\

		$2ND LEVEL CURRENT

	\*------------------------------------*/



	.nav-primary ul li.current-menu-item > a {

		/*background-color: #333;*/

		color: #fff;

	}



}



/*------------------------------------*\

    $CAROUSEL

\*------------------------------------*/



.feature {

	position: relative;

	overflow: hidden;

	height: 25em;

}



.feature-content, .banner-content {

	position: absolute;

	top: 5%;

	color: #fff;

	text-align:center;

	padding-top: 140px;

}



.feature-heading, .banner-heading {

	color: #fff;

	font-size: 3.438em;

	line-height: 1.2em;

	margin-bottom: 0.4em;

}



.feature-mobile { background-size: cover; }



@media all and (min-width: 62em) { /* 980px */



	.feature {

		height: 35em;

		overflow: hidden;

	}



	.feature .container {

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -30.625em;

	}



}



/*------------------------------------*\

    $FLEXSLIDER

\*------------------------------------*/



.flexslider {

	margin: 0;

	padding: 0;

}



.flexslider .slides > li { display: none; }



.flexslider .slides img {

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -30.625em; /* Half of width - 980px */

	max-width: none;

	width: auto;

}



.slides:after {

	content: "\0020";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



html[xmlns] .slides { display: block; }



* html .slides { height: 1%; }



.no-js .slides > li:first-child { display: block; }



@media all and (min-width: 62em) { /* 980px */



	.flexslider .slides img {

		margin-left: -60em; /* Half of width - 1920px */

	}



}



/*------------------------------------*\

    $DIRECTION NAV - ARROWS

\*------------------------------------*/



ul.flex-direction-nav { margin-bottom: 0; }



.flex-direction-nav a {

    width: 24px;

    height: 24px;

    display: block;

    position: absolute;

	top: 50%;

	left: 5%;

	margin-top: -12px;

    z-index: 100000;

    cursor: pointer;

    text-indent: -9999px;

    background: url(images/sprite.png) 0 -200px no-repeat;

}



.flex-direction-nav a.flex-next {

	left: auto;

	right: 5%;

	background-position: -100px -200px;

}



/*------------------------------------*\

    $CONTROL NAV - DOTS

\*------------------------------------*/



.feature-nav {

	position: absolute;

	z-index: 999;

	bottom: 1em;

	right: 0;

	left: 0;

}



ol.flex-control-nav {

	margin-bottom: 0;

	text-align: center;

}



.flex-control-nav li {

    margin: 0 5px;

    display: inline-block;

    zoom: 1;

    *display: inline;

	text-indent: -9999em;

}



.flex-control-paging li a {

    width: 14px;

    height: 14px;

    display: block;

    background-color: #808080;

    cursor: pointer;

	border-radius: 100%;

}



.flex-control-paging li a.flex-active {

    background-color: #ccc;

    cursor: default;

}



/*------------------------------------*\

    $PROMO

\*------------------------------------*/



.promo a { display: block; }



/*------------------------------------*\

    $BANNER

\*------------------------------------*/



.banner {

    width: 100%;

    height: 500px;

	position: relative;

	background-position: 50% 0;

	background-repeat: no-repeat;

	background-size: cover;

	margin-bottom:0px;

}

.breadcrumb-bar {

	background-color:#0b1423;

}



.home .breadcrumb-bar {

	display:none;

}



@media all and (min-width: 62em) { /* 980px */



	.banner { }



	.banner-content { position: relative; }



}



@media all and (max-width: 62em) { /* 980px */



	.container-plus {

		width: 750px!important;

	}



	.nav>li>a {

		padding: 10px 15px!important;
    font-weight: 400;

	}



}

@media all and (max-width: 62em) { /* 980px */



	.container-plus {

		width: 750px!important;

	}



}

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



	.container-plus {

		width: 100%!important;

	}



}



/*------------------------------------*\

    $CONTENT

\*------------------------------------*/



.content { padding: 0 1.25em; }



@media all and (max-width: 48em) { /* 700px */



	.content h2, .content h3, .content h4, .content h5, .content h6 {

		font-size: 1.125em;

		line-height: 1.4em;

		margin-bottom: 1.167em;

	}



}



@media all and (min-width: 48em) { /* 700px */



	.content { padding: 0 1.875em; }



}



@media all and (min-width: 62em) { /* 980px */



	.content {

		float: left;

		padding: 0;

		width: 100%;

	}



	.blog .content, .category .content, .single-post .content {

		float: left;

		padding: 0;

		width: 68%;

	}





	.content-right { float: right; width:70%; }



	.content-full {

		float: none;

		width: 100%;

	}



}



/*------------------------------------*\

    $CONTENT TABLES

\*------------------------------------*/



.content table { border-collapse: collapse; }



.content table th, .content table td {

	padding: 0.625em;

	border-bottom: 1px solid #ddd;

}



.content table th {

    font-weight: bold;

	text-align: left;

}



/*------------------------------------*\

    $CONTENT LISTS

\*------------------------------------*/



.content ul, .content ol { margin-left: 1em; }



.content ul { list-style: disc; }



.content ol { list-style: decimal; }



.content li { margin-bottom: 0.875em; }



.content li > ul, .content li > ol {

    margin-top: 0.625em;

    margin-bottom: 0;

}



@media all and (min-width: 48em) { /* 700px */



	.content ul, .content ol { margin-left: 2.625em; } /* 42px */





	.home-section-4 {

		    padding: 15px 0px 32px 0px;

	}

	.home-section-4 h2 {



	}

	.home-section-4 img {

		margin-bottom:0px;

	}





}



@media all and (min-width: 768px) and (max-width: 1200px) {

		.home-section-1 {
      /*background-image:url(images/header.jpg);*/
       background-position:top center; color:#FFFFFF; text-align:center; padding: 20px 0px 32px 0px;}

		.home-section-1 h1 {}

}



@media all and (min-width: 768px) {



	.home-marketing-strats { border:1px solid #FFFFFF;}

	.home-section-4 a { font-size:12px; display:block; margin-bottom: 15px;}

	.home-section-4 { background-position:bottom; padding-bottom:60px;}

}



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

	.home-marketing-strats { border:1px solid #FFFFFF;}

	.home-section-4 { background-position:bottom; padding-bottom:110px;}

	.home-section-4 a { font-size:12px; display:block; margin-bottom: 15px;}

	.arrowsecond {margin-bottom:40px!important;}

	.home-section-5 a { display:none;}

	.home-section-1 {
    /*background-image:url(images/header.jpg); */
  }

	.home-section-1 h1 {font-size: 1.3em; margin-bottom: 14.9em; }

	.home-section-1 h2 {line-height: 1.5em;}

	.logo {width: 220px;}

	.home-section-2 { padding:40px 0px 52px 0px; background-repeat: no-repeat; background-position:bottom; background-color: #FFFFFF;}

	.home-section-2 h2 { font-size: 2.438em;}

	.ul-container { margin: 0px 20px;}

	.home-section-4 h2 {font-size: 2em; line-height: 1.2em;}

}

.content-02 { background-image:url(images/content-02.jpg); /* min-height:606px; */ color:#FFFFFF; padding-top: 110px; padding-bottom:40px;}

.content-02 h3 { text-align:center; margin-bottom: 1.505em; }

.content-02 strong { clear: both; margin-bottom: 20px; display: block;}

.content-02 p { font-size:0.938em; text-align:center; margin-bottom: 2.5em;}

.content-02 ul { padding: 0px 40px 0px 0px;}

.content-02 li {font-size:0.938em; list-style-image: url(images/icon-tick-li.png); padding:0px 20px;}

.content-03 { padding: 60px 0px 40px 0px;}

.content-04 { background-image: url(images/content-section-04.jpg); background-position: top center; color: #FFFFFF; text-align: center; padding: 40px 0px 40px 0px; }

.content-04 h2 { padding-top: 35px;}

.content-05 { background-color:#f1f1f1; padding: 40px 0px 42px 0px; }

.content-05 .col-sm-9 { background-color: #FFFFFF; border: 1px solid #e2e2e2; border-left: 0px; text-align:justify; }

.content-05 h3 { font-size:18px; color:#ababab; line-height:24px; margin-top:0px;}





/*------------------------------------*\

    $NUMBERED LIST

\*------------------------------------*/



.content ol {

	list-style: none;

	margin-left: 0;

	counter-reset: number-counter;

}



.content ol li {

	margin-bottom: 0.875em;

	padding-left: 2em;

	position: relative;

}



.content ol li:before {

	content: counter(number-counter);

	counter-increment: number-counter;

	position: absolute;

	top: 3px;

	left: 0;

	width: 24px;

	height: 24px;

	text-align: center;

	background-color: #888;

	color: #fff;

	font-weight: 700;

	font-size: 14px;

	line-height: 24px; /* Same as icon height */

	-webkit-border-radius: 100%;

	   -moz-border-radius: 100%;

	        border-radius: 100%;

}



/*------------------------------------*\

    $TICKED LIST

\*------------------------------------*/



ul.list-ticked {

	margin-left: 0;

	list-style: none;

}



ul.list-ticked li {

	margin-bottom: 0.875em;

	padding-left: 2em;

	position: relative;

}



ul.list-ticked li:before {

	content: '';

	position: absolute;

	top: 3px;

	left: 0;

	width: 16px;

	height: 16px;

	background: url(images/sprite.png) -400px -100px no-repeat;

}



@media all and (min-width: 43.688em) { /* 699px */



	/* Two column list */



	ul.list-double {

		margin-left: 0;

		margin-bottom: 1em;

		clear: both;

		overflow: hidden;

	}



	ul.list-double li {

		float: left;

		width: 40%;

		margin-left: 10%;

	}



}



/* Page lists displayed with [list-pages] and [child-pages] */



ul.child-pages, ul.list-pages {

	list-style: none;

	margin-left: 0;

	border-top: 1px solid #ddd;

}



ul.child-pages li, ul.list-pages li {

	border-bottom: 1px solid #ddd;

	margin-bottom: 0;

}



ul.child-pages a, ul.list-pages a {

	position: relative;

	display: block;

	padding: 0.625em 0.313em;

}



ul.child-pages a:before, ul.list-pages a:before {

	content: '';

	position: absolute;

	top: 50%;

	right: 0.313em;

	display: block;

	width: 24px;

	height: 24px;

	margin-top: -12px;

	background: url(images/sprite.png) -100px -200px no-repeat;

}



/*------------------------------------*\



	$CHILD PAGES WITH EXCERPT



	[child-pages-excerpt]



\*------------------------------------*/



ul.list-pages-excerpt { list-style: none; }



ul.list-pages-excerpt li {

	margin-bottom: 0;

	border-bottom: 1px solid #e8e8e8;

}



ul.list-pages-excerpt a {

	display: block;

	font-weight: normal;

	padding: 0.8em 1.875em 0.8em 0;

	position: relative;

}



.list-pages-excerpt .list-main {

	overflow: hidden;

	width: 100%;

}



.list-pages-excerpt .list-image, .list-pages-excerpt .list-content { float: left; }



.list-pages .list-heading { margin-bottom: 0.25em; }



.list-pages-excerpt .list-image {

	width: 30%;

	background-color: #29a2a2;

	height: 0;

	padding-bottom: 16%;

}



.list-pages-excerpt img { transition: all .25s linear; }



.list-pages-excerpt .list-content { width: 100%; }



ul.list-pages-excerpt p {

	color: #595959;

	line-height: 1.4em;

	margin-bottom: 0;

}



ul.list-pages-excerpt a:hover img { opacity: 0.5; }



@media all and (max-width: 43.688em) { /* 699px */



	.list-pages-excerpt a { padding-right: 1.25em; }



	.list-pages-excerpt .list-image { display: none; }



	.page-id-1571 h1.page-title { font-size: 26px; }



	.home-section-6 h3 {

		font-size: 3em;

	}

	.home-section-6 a {

		margin: 25px auto;

	}



	.topmgbtm {margin-bottom:150px!important;}



}



@media all and (min-width: 48em) { /* 700px */



	.list-pages-excerpt .list-content {

		width: 70%;

		padding-left: 1em;

		padding-right: 2em;

	}



.feature-content, .banner-content {

	position: relative;

}





}



/*------------------------------------*\

    $BLOCKQUOTE

\*------------------------------------*/



blockquote {

	position: relative;

	font-size: 1.125em;

	line-height: 1.618em;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	font-style: italic;

	border: solid #eee;

	border-width: 10px 0;

}



blockquote p:last-child { margin: 0 }



@media all and (min-width: 62em) { /* 980px */



	blockquote { padding: 1.5em 2em; }



}



/*------------------------------------*\

	$MESSAGES

\*------------------------------------*/



.message {

    padding: 0.875em 1.618em;

    border: 1px solid;

    color: #555;

}



.note {

	background: #fcffc5;

	border-color: #fbffa3;

}



.highlight {

	background: #A9E8FA;

	border-color: #79dbf7;

}



.warning {

    background-color: #ef1000;

    border-color: #cf0000;

    color: #fff;

}



/*------------------------------------*\

    $BLOG

\*------------------------------------*/



.post-divider {

    display: block;

    height: 1px;

    background: #ddd;

    width: 50%;

	margin: 3em auto;

}



.post-meta p {

	font-size: 0.875em;

	line-height: 1.4em;

}



.post-navigation {

    font-size: 0.875em;

    line-height: 1.5em;

    border-top: 1px solid #ddd;

    padding: 1em 0;

}



.archive-navigation {

    display: block;

    clear: both;

    padding: 1em 0;

    text-align: center;

    border-top: 1px solid #ddd;

}



.archive-navigation span, .archive-navigation a {

    padding: 3px 6px;

    border: 1px solid #ddd;

	-webkit-border-radius: 2px;

     -opera-border-radius: 2px;

     -khtml-border-radius: 2px;

 	   -moz-border-radius: 2px;

            border-radius: 2px;



}



.post-share h5 {

	font-size: 0.875em;

	line-height: 1.5em;

    text-transform: uppercase;

}



@media all and (min-width: 48em) { /* 700px */



	.post-share h5 {

		float: left;

		margin: 0 0.616em 0 0;

	}



}



#___plusone_0 { vertical-align: top !important; }



/*------------------------------------*\

    $CONTENT IMAGES

\*------------------------------------*/



@media all and (max-width: 25.000em) { /* 400px */



	img.alignleft, img.alignright {

		max-width: 50%;

		height: auto;

	}



}



.alignright, a.alignright {

    float: right;

    margin: 0 0 1.618em 1.618em; /* 0 0 26px 26px */

}



.alignleft, a.alignleft {

    float: left;

    margin: 0 1.618em 1.618em 0; /* 0 26px 26px 0 */

}



.aligncenter, a .aligncenter {

    display: block;

    margin: 0 auto 1.618em auto; /* 0 auto 26px auto */

}



.alignnone, a .alignnone {

    display: block;

    margin-bottom: 1.618em; /* 26px */

}



img.no-image-border {

	padding: 0;

	border: none;

}



.wp-caption { margin-bottom: 1.618em; /* 26px */ }



.wp-caption img {

    border: none;

    margin: 0;

    padding: 0;

}



.wp-caption p.wp-caption-text {

    font-size: 0.875em;

    line-height: 1.4em;

	margin-bottom: 0;

	padding: 0.625em 0;

	font-style: italic;

	border-bottom: 1px solid #ddd;

}



#gallery-1 img {

    border: 1px solid #ddd !important;

    background: #fff;

    padding: 8px;

}



#gallery-1 img:hover { border: 1px solid #808080 !important }



/*------------------------------------*\

    $SIDEBAR

\*------------------------------------*/



@media all and (min-width: 62em) { /* 980px */



	.sidebar {

		float: right;

		width: 28%; /* 280px */

	}



}



.sidebar > div, .sidebar-blog > div { margin-top: 2em; margin-bottom: 2em; }



.sidebar-heading {

	font-size: 1.25em;

	line-height: 1.3em;

	margin-bottom: 0.5em;

}



/*------------------------------------*\

    $ISLAND

\*------------------------------------*/



.island {

	padding: 1em 1.168em;

	color: #fff;

}



.island-heading { color: #fff; }



/*------------------------------------*\

    $UI LIST

\*------------------------------------*/



.ui-list {

    list-style: none;

    border-top: 1px solid #ddd;

	margin: 0;

}



.ui-list li { border-bottom: 1px solid #ddd; }



.ui-list a {

    display: block;

    padding: 0.625em 0.313em;

	line-height: 1.4em;

	font-weight: normal;

}



.ui-list a:hover, .ui-list .current_page_item a { text-decoration: none; }



/*------------------------------------*\

    $SEARCH

\*------------------------------------*/



.contact-forms_wrapper { display:block!important;}



.form-search { position: relative; }



.form-search input.search-input {

	width: 100%;

	margin: 0;

	padding: 0.5em;

	color: #666;

	border: none;

	background-color: #F5F5F5;

}



.form-search .search-submit {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	width: 45px;

	border: none;

	text-indent: -9999em;

	margin: 0;

}



.form-search .search-submit:before {

	content: '';

	position: absolute;

	top: 50%;

	right: 50%;

	display: inline-block;

	width: 16px;

	height: 16px;

	margin-top: -8px;

	margin-right: -8px;

	background: url(images/sprite.png) -200px -100px no-repeat;

	background-size: 600px 800px!important;

}



@media all and (min-width: 62em) { /* 980px */



	.sidebar .form-search .search-input, .content .form-search .search-input {

		border: solid #eee;

		border-width: 1px 0 1px 1px;

	}



}



/*------------------------------------*\

    $SIDEBAR - LEFT

\*------------------------------------*/



.sidebar-left {

	padding: 0 1em;

	margin-bottom: 1em;

	margin-top: 40px;

}



.sidebar-left .contact-detail {

    padding: 1em 0;

    border-bottom: 1px solid #ddd;

}



.sidebar-left h4 {

    font-size: 1em;

    line-height: 1em;

    font-weight: bold;

    text-transform: uppercase;

  	margin-bottom: 0.313em;

}



.sidebar-left .icon { vertical-align: top; }



.sidebar-left p, .sidebar-left table {

    font-size: 1em;

    line-height: 1.4em;

    margin: 0;

}



.sidebar-left p + p { margin: 10px 0 0 0 }



.sidebar-left .is-day, .sidebar-left .is-time { width: 50%; }



@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */



	.sidebar-left table { width: 50%; }



}



@media all and (min-width: 62em) { /* 980px */



	.sidebar-left {

		float: left;

		width: 18.750em; /* 300px */

		padding: 0;

		margin-bottom: 1em;

	}



	.sidebar-left h4 { margin-bottom: 0.875em; }



}



/*------------------------------------*\

    $CONTACT PAGE

\*------------------------------------*/



@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */



	.page-template-page-contact-php .main { padding: 1.5em 1.875em 2.5em 1.875em; }



	.page-template-page-contact-php .sidebar-left {

		float: left;

		width: 39%;

		padding: 0;

	}



	.page-template-page-contact-php .content {

		float: right;

		width: 57%;

		padding: 0;

	}



}



/*------------------------------------*\

    $FOOTER

\*------------------------------------*/



.footer {

	text-align: center;

	padding:0px;

	background-color:#2a2a2a;

	margin:0px;

}

.social-media-footer ul li img{
  width:35px;
  display: inline-block;
}

.footer-body {

	font-size: 0.813em;

    line-height: 1.4em;
    padding: 15px 0;

}



.footer p, .footer a { color: #FFF; text-align:center;; padding-top:16px; font-size:1.5em;}



.footer a { font-weight: normal; }



.footer a:hover { color: #444 }



@media all and (max-width: 43.688em) { /* 699px */



	.footer { margin-bottom: 0em; } /* Height of call now button margin-bottom: 5em; */



}



/*------------------------------------*\

    3. $MODULE

\*------------------------------------*/



/*------------------------------------*\

    $NAV

\*------------------------------------*/



ul.nav, .nav ul {

    margin: 0;

    padding: 0;

}



.nav li { float: left; }



.nav a { display: block; }



ul.nav-stacked li { float: none; }



/*------------------------------------*\

    $HELPER

\*------------------------------------*/



.left { float: left }



.right { float: right }



.text-center { text-align: center; }



.text-right { text-align: right; }



.upper { text-transform: uppercase; }



.lower { text-transform: lowercase;}



.under { border-bottom: 1px solid; }



.spaced { letter-spacing: 2px; }



.no-mb { margin-bottom: 0; }



.is-relative { position: relative; }



.inline-block {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.cf:before, .cf:after, .main:before, .main:after, .content:before, .content:after, .nav-primary:before, .nav-primary:after, .container:before, .container:after, .top:before, .top:after, .navigation:before, .navigation:after {

    content: '';

    display: table;

}



.cf:after, .main:after, .content:after, .nav-primary:after, .container:after, .top:after, .navigation:after { clear: both; }



.cf, .main, .content, .nav-primary, .container, .top, .navigation { *zoom: 1; }





/*------------------------------------*\

    $ICONS

\*------------------------------------*/



.icon {

    display: inline-block;

    zoom: 1;

    *display: inline;

    vertical-align: middle;

    width: 16px;

    height: 16px;

    background: url(images/sprite.png) 0 0 no-repeat;

}



.icon-m {

	width: 24px;

	height: 24px;

}



.icon-l {

	width: 32px;

	height: 32px;

}



.icon-xl {

	width: 64px;

	height: 64px;

}



/*------------------------------------*\

    $ROW 1

\*------------------------------------*/



.icon-phone { background-position: 0 0; }

.icon-fax { background-position: -100px 0; }

.icon-email { background-position: -200px 0; }

.icon-address { background-position: -300px 0; }

.icon-hours { background-position: -400px 0; }

.icon-payment { background-position: -500px 0; }



/*------------------------------------*\

    $ROW 2

\*------------------------------------*/



.icon-info { background-position: 0 -100px; }

.icon-file { background-position: -100px -100px; }

.icon-search { background-position: -200px -100px; }

.icon-cross { background-position: -300px -100px; background-size: 600px 800px!important;}

.icon-tick { background-position: -400px -100px; }

.icon-user { background-position: -500px -100px; }



/*------------------------------------*\

    $ROW 3

\*------------------------------------*/



.icon-arrow-left { background-position: 0 -200px; }

.icon-arrow-right { background-position: -100px -200px; }

.icon-arrow-down { background-position: -200px -200px; }

.icon-arrow-up { background-position: -300px -200px; }



/*------------------------------------*\

    $RETINA ICONS

\*------------------------------------*/



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {



	.icon, .nav-touch-toggle, .flex-direction-nav a, ul.list-ticked li:before, ul.child-pages a:before, ul.list-pages a:before,.form-search .search-submit:before, .list-accordion-title a:before  {

		background-image: url(images/sprite@2x.png);

		background-size: 1200px 1600px;

	}



}



/*------------------------------------*\

    $INLINE LIST

\*------------------------------------*/



.list-inline { list-style: none; }



.list-inline li { display: inline; }



.list-inline a {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



/*------------------------------------*\

    $ICON LIST

\*------------------------------------*/



.list-icon { font-size: 0; }



.list-icon li { margin-left: 10px; }



.list-icon li:first-child { margin-left: 0; }



/*------------------------------------*\

    $ACCORDION LIST

\*------------------------------------*/



.list-accordion {

	margin-left: 0;

	border-top: 1px solid #ddd;

}



.list-accordion-title {

	font-size: 1em;

	line-height: 1.3em;

	margin-bottom: 0;

	border-bottom: 1px solid #ddd;

}



.list-accordion-title.open { border-bottom: none; }



.list-accordion-title a {

	display: block;

	position: relative;

	padding: 0.625em 0.313em;

}



.list-accordion-content {

	padding: 0.313em;

	border-bottom: 1px solid #ddd;

}



.list-accordion-title a:before {

	content: '';

	position: absolute;

	top: 50%;

	right: 0.313em;

	display: block;

	width: 24px;

	height: 24px;

	margin-top: -12px;

	background: url(images/sprite.png) -200px -200px no-repeat;

}



.list-accordion-title.open a:before { background-position: -300px -200px; }



/*------------------------------------*\

    $CALL NOW

\*------------------------------------*/



.call-now {

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	z-index: 999;

}



.call-now a {

	display: block;

	text-align: center;

	margin-bottom: 0;

	font-size: 1.125em;

}



/*------------------------------------*\



    $SIDR



	Slide out sidebar for touch devices



\*------------------------------------*/



.sidr {

    display: none;

    position: absolute;

    position: fixed;

    top: 0;

    height: 100%;

    z-index: 999999;

    width: 280px;

    overflow-x: none;

    overflow-y: auto;

	background-color: #fff;

	padding-bottom: 2em;

}



.sidr.right {

    left: auto;

    right: -280px;

}



/*------------------------------------*\

    $NEWSLETTER SUBSCRIPTION

\*------------------------------------*/



.form-subscribe input {

	margin-bottom: 0.313em; /* 5px */

	width: 100%;

	font-size: 1em;

	line-height: 1em;

}



.form-subscribe input[type="text"] { padding: 0.5em; }



.form-subscribe input[type="submit"] { padding: 0.75em; }



/*------------------------------------*\

    $BREADCRUMBS

\*------------------------------------*/



.nav-breadcrumb {

	font-size: 0.875em;

	line-height: 1em;

	margin: 0.6em 0em;

	color:#FFF;

	text-transform:uppercase;

}

.nav-breadcrumb a {

	color:#FFFFFF;

}



/*------------------------------------*\

    4. $STATE

\*------------------------------------*/



.is-invisible {

       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

           filter: alpha(opacity=0);

     -moz-opacity: 0;

   -khtml-opacity: 0;

          opacity: 0;

}



.no-transition {

	-webkit-transition: none;

       -moz-transition: none;

        -ms-transition: none;

         -o-transition: none;

            transition: none;

}



.spinner {

	height: 60px;

	width: 60px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -30px;

	margin-left: -30px;

	-webkit-animation: rotation 1s infinite linear;

	   -moz-animation: rotation 1s infinite linear;

	     -o-animation: rotation 1s infinite linear;

	        animation: rotation 1s infinite linear;

	border-left: 6px solid rgba(0,0,0,.15);

	border-right: 6px solid rgba(0,0,0,.15);

	border-bottom: 6px solid rgba(0,0,0,.15);

	border-top: 6px solid rgba(0,0,0,.8);

	border-radius: 100%;

}



@-webkit-keyframes rotation {

	from { -webkit-transform: rotate(0deg); }

	to { -webkit-transform: rotate(359deg); }

}



@-moz-keyframes rotation {

	from { -moz-transform: rotate(0deg); }

	to { -moz-transform: rotate(359deg); }

}



@-o-keyframes rotation {

	from { -o-transform: rotate(0deg); }

	to { -o-transform: rotate(359deg); }

}



@keyframes rotation {

	from { transform: rotate(0deg); }

	to { transform: rotate(359deg); }

}











/*------------------------------------*\

    5. $THEME

\*------------------------------------*/



/*------------------------------------*\

    $COLOURS

\*------------------------------------*/



/* Brand primary and secondary colours */

.bpc { color: #808080; }

.bsc { color: #454545; }



.text-white { color: #fff; }

.text-light { color: #eee; }

.text-neutral { color: #808080; }

.text-dark { color: #333; }



::selection {

    background: #1dbdef;

    color: #fff;

    text-shadow: none;

}



/*------------------------------------*\

    $BACKGROUNDS

\*------------------------------------*/



/* Brand primary and secondary background colours */

.bpb { background-color: #808080; }

.bsb, .island { background-color: #454545; }



.bg-light { background-color: #eee; }

.bg-neutral { background-color: #808080; }

.bg-dark { background-color: #333; }



#tabbed-bg { background-color:#f1f1f1; }

.tabs-left .active { background-color:#FFFFFF; }



.nav-tabs>li>a {

	border:1px solid #e2e2e2!important;

    margin: 0px 0px 4px 0px;

	-webkit-border-radius: 0!important;

	border-radius: 0!important;

	margin-right:0px!important;

	border-right:0px!important;

	text-transform:uppercase;

	font-weight:normal;

	color:#ababab;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

	border-left: 10px solid #000000!important;

	border-top:1px solid #e2e2e2!important;

	border-bottom:1px solid #e2e2e2!important;

	-webkit-border-radius: 0!important;

	border-radius: 0!important;

	}

.tabs-left {

	border-right:0px!important;

}

.tab-content {

	padding:20px;

}







@media all and (max-width: 43.688em) { /* 699px */



	.tabs-left>li a { border-right:1px solid #e2e2e2!important;}



}

/*------------------------------------*\

    CUSTOM MEDIA QUERIES

\*------------------------------------*/


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

	.home-section-6 {
	padding: 50px;
	}

	.home-section-1 h1 {
	font-size: 6em;
	}

}

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

.banner-bg img {
  width: 50%;
  top: 20%;
}

.menu-item, .nav .nav-primary ul li a, .page_item{
  display: none;
}

.navheader-logo{
  width: 895px;
  text-align: center;
}

.home-section-6 {
  padding: 40px;
}

.home-section-1 h1 {
  font-size: 5em;
  top: 300px;
}

.home-section-1 h3 {
	top: 270px;
}

}

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

.header {
  /*display: none;*/
}

.navigation {
  width: 768px;
}

.navheader-logo {
  width: 690px;
  text-align: center;
}
.navheader-logo img {
  text-align: center;
}

.home-section-1 h1 {
  font-size: 3em;
  top: 420px;
}

.home-section-6 {
  padding: 70px 0;
}

.home-section-1 h3 {
  top:410px;
  font-size: 2.2em;
}

.banner-bg img {
  width: 90%;
  top: 15%;
}

.section-heading {
  padding-bottom: 25px;
}

.menu-item, .nav .nav-primary ul li a, .page_item{
  display: none;
}

.service-box {
  padding: 25px 0;
}

.nav-logo{
  width: 20%;
  margin: 0 auto;

}

.about-box img {
	max-width: 100%;
}

.service-box img {
	
}

}




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

.about-box img {
  margin-bottom: 50px;
}

.banner-bg img {
  width: 100%;
}

.navheader-logo {
  width: 380px;
}

.home-section-1 h3 {
  top:-60vh;
}

.section-heading {
  font-size: 25px;
}

}

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

.header {
  height: 100px
}
.navigation {
  width: 375px;
}

.home-section-1 h1 {
  top: 240px;
  font-size: 2em;
}

.navheader-logo {
  width: 340px;
}

.about-img {
  text-align: center;
}

.navheader-logo img {
  text-align: center;
}

.home-section-1 h3 {
	top: -38vh;
    font-size: 1.19em;
}

.section-heading {
  font-size: 23px;
}

.about-box h4 {
  text-align: center;
  padding-bottom: 20px;
}


}

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

.home-section-1 h1 {
  font-size: 1.7em;
  top: 42vh;
}
.nav-logo{
  margin-left: 10%;
}


}