/*
       __  _   __         
      / / / | / /_  _____ 
 __  / / /  |/ / / / / _ \
/ /_/ / / /|  / /_/ /  __/
\____(_)_/ |_/\__, /\___/ 
             /____/       

Theme Name: Anthony Brian
Author: J.Nye
Author URI: http://www.jasonnye.co.uk/
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* - - - - GLOBAL - - - - */

body, html {
	height: 100%;
	width: 100%;
}

.wrapper {max-width: 1400px;margin: 0 auto;}
.container {max-width: none;}

p, span, a, li, h1, h2, h3, h4, h5, h6, .mission-hover, .mission-alt, footer, .banner {
	font-family: "museo-sans", sans-serif;
	text-rendering: optimizeLegibility;
}


p {
	color: #777;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}

h1 {
	font-weight: 300;
	font-size: 30px;
}

h2 {
	font-weight: 700;
	font-size: 20px;
	color: #A70000;
	padding: 45px 0 10px 0;
}

.ct {text-align: center;}
.lt {text-align: left;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mb50 {margin-bottom: 50px;}
strong {font-weight: 700;}
.quote-call {display: none;}


.strap {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    color: #fff;
}

.mission-alt, .navbar-default .navbar-nav>li, .navbar-default .navbar-nav>li>a, .case2before, .case1before {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

/* - - - - HOME - - - - */

#module-home {
    width: 100%;
    height: 100%;
    background: url('img/home-colour.jpg') no-repeat top center;
    color: #fff;
    padding-top: 75px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#module-home .strap,
#module-home h1,
.est,
#module-casestudies h2 {
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.9);
}

.logo{height: 100px;width:100px;margin-bottom:30px;}

.est {display: block;}

/* - - - - WHAT WE DO - - - - */

#module-whatwedo,
#module-clients {
	background: #fff;
}

.services li {
    color: #777;
    font-weight: 700;
    margin: 3px;
}

.services li h3 {
	font-size: 16px;
}

.services {
    margin-bottom: 20px;
}


/* - - - - CLIENTS - - - - */

#module-clients {
	padding-bottom: 65px;
}

/* - - - - MISSION - - - - */

#module-mission {
	background: #f5f5f5;
	color: #fff;
}

.mission-hover {
    height: 250px;
    background: #777;
    margin-bottom: 20px;
    padding-top: 110px;
    font-size: 20px;
    position: relative;
}

.mission-alt {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #A70000;
    top: 0;
    left: 0;
    color: #fff;
    opacity: 0;;
    padding: 60px 20px;
    line-height: 25px;
}

.mission-alt:hover,
.mission-hover:hover .mission-alt {
	opacity: 1;
}

/* - - - - CONTACT - - - - */

#module-contact {
	background: #fff;
	color: #777;
	padding-bottom: 30px;
}

#si_image_ctf1 {
	filter: url(filters.svg#grayscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}

#si_refresh_ctf1 {display: none;}



/* - - - - CASE STUDIES - - - - */

#module-casestudies {
	width: 100%;
    height: 100%;
    position: relative;
    max-width: 1400px;
    overflow: hidden;
}

#module-casestudies h2 {color: #fff;}

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#fff; height:100%; }
	img { border:none; }
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:100%; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; bottom:0; left:0; width:100%; height:100%; background:#fff; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#fff url(img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
	/* Controls Bar
	----------------------------*/
	#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(img/nav-bg.png) repeat-x; position:fixed; }
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
			
#slidecaption {
	background: rgba(0,0,0,0.5);
    width: 70%;
    height: auto;
    color: #fff;
    text-shadow: none;
    padding: 5%;
    margin: 20% 15%;
    line-height: 17px;
    overflow: hidden;
    position: relative;
}

.case2before {
	opacity: 0;
	background: url('img/case-2-before.jpg') no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.case1before {
	opacity: 0;
	background: url('img/floor_sanding_before.jpg') no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#slidecaption.showcaption .before {
	opacity: 1;
}
			
			#navigation { float:right; margin:0px 20px 0 0; }
				#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('img/bg-hover.png') repeat-x 0 44px; }
					#play-button:hover{ background-position:0 1px; cursor:pointer; }
				
				#prevslide, #nextslide{ position:absolute; height:60px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
					#prevslide{ left:10px; background:url('img/back.png'); }
					#nextslide{ right:10px; background:url('img/forward.png'); }
						#prevslide:active, #nextslide:active{ margin-top:-19px; }
						#prevslide:hover, #nextslide:hover{ cursor:pointer; }
				
				ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
					ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
						ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
						ul#slide-list li a{ display:block; width:12px; height:12px; background:url('img/nav-dot.png') no-repeat 0 -24px; }
							ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }


.banner {
    background: #A70000;
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
    text-transform: uppercase;
}


/* - - - - FOOTER - - - - */

footer {
	color: #fff;
	padding:35px 0;
	line-height: 20px;
}

.banner {line-height: 21px;}

.text-left {text-align: center;}
.border-right {border-right:none;}

@media (max-width: 768px) {

.logo {margin-bottom: 10px;}
.est {margin-bottom:20px;}

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	768		768		768		768		768		768
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@media (min-width: 768px) {
	
p, address {font-size: 18px;line-height: 22px;}
h1 {font-size: 37px;}
h2 {font-size: 25px;margin-top: 70px;margin-bottom: 20px;}

#module-whatwedo,
#module-clients,
#module-casestudies,
#module-mission,
#module-contact {
	width: 100%;
	height: 100%;
}

.services {margin-bottom: 20px;}
.services li {
font-size: 13px;
font-weight: 300;
display: inline-block;
text-align: center;
width: 18%;
margin: 1%;
float: left;
}

.services li img {
	margin-bottom: 10px;
}

#slidecaption {
	font-size: 16px;
	line-height: 21px;
    margin-top: 8%;
}

#module-map {
	width: 100%;
	height:350px;
}

#map_canvas {
	height: 100%;
	widows: 100%;
}

.mission-hover.left {width:49%;margin-right: 1%;}
.mission-hover.right {width:49%;margin-left: 1%;}

.navbar-nav li a {
    padding: 20px;
    font-size: 16px;
    color: #fff;
}
.collapse.navbar-collapse.navbar-ex1-collapse {
    background: #fff;
    border: 0;
}
.navbar-default .navbar-nav>li>a {
    color: #555;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background: #A70000;
	color: #fff;
}

.navbar.navbar-default.navbar-fixed-top {
    border: 0;
}

#module-home h1 {padding-top: 20px;}
img.down {padding-top: 10%;}
	
}

@media (min-width: 871px) {

.quote-call-outer {
	position: absolute;
	top: 0;
	right: 0;
	background: #A70000;
	height: 100%;
	padding: 0 30px;
}

.quote-carat {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #fff;
	border-top: 31px solid transparent;
	border-bottom: 30px solid transparent;
}

.quote-call {
	display: inline-block;
	color: #fff;
	text-align: right;
	font-size: 16px;
	padding-top: 10px;
}

.quote-call span {
	display: block;
	font-size: 20px;
	margin-top: 5px;
	font-weight: 700;
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	992		992		992		992		992		992
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (min-width: 992px) {
	
p, address {font-size: 22px;line-height: 25px;margin-bottom: 10px;}
h1 {font-size: 55px;}
h2 {font-size: 40px;}
.strap {font-size: 20px;}
.banner {font-size: 20px;line-height: 24px;}


#slidecaption {
    width: 40%;
    margin-left: 45%;
    margin-top: 1%;
}

.navbar-default {
	background: transparent;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
	border-color: #e7e7e7;
	background: #fff;
    border: 0;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
.navbar-default .navbar-nav>li>a {
    color: #555;
}
.navbar.navbar-default.navbar-fixed-top {
    border: 0;
}

#module-whatwedo,  #module-casestudies, #module-mission, #module-contact {
min-height: 750px;
}

#module-home {padding-top: 150px;}
.logo{height: auto;width:auto;}

/* ***************************
	Circle hovers
*************************** */

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
}

.ch-img-1 { 
	background-image: url('img/whatwedo1.jpg');
	height: 200px;
	width: 200px;
}

.ch-img-2 { 
	background-image: url('img/whatwedo2.jpg');
	height: 200px;
	width: 200px;
}

.ch-img-3 { 
	background-image: url('img/whatwedo3.jpg');
	height: 200px;
	width: 200px;
}

.ch-img-4 { 
	background-image: url('img/whatwedo4.jpg');
	height: 200px;
	width: 200px;
}

.ch-img-5 { 
	background-image: url('img/whatwedo5.jpg');
	height: 200px;
	width: 200px;
}

.ch-info {
	text-align: center;
	position: absolute;
	background: #992020;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0 0;
	height: 140px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
		
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	font-style: normal;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	text-rendering: optimizeLegibility;
}
.ch-info p a:hover {color: #fff;}

.ch-item:hover,
.ch-item.clicked {
	box-shadow: 
		inset 0 0 0 1px #f1c8c6,
		0 1px 2px #f1c8c6;
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

h2 {padding-top: 100px;}
#module-whatwedo .mb50 {margin-bottom:100px;}
#module-clients .mb20 {margin-bottom:50px;}
.text-left {text-align: left; margin-top:50px;margin-bottom:40px;}
.border-right {border-right:1px solid #fff; margin-top:50px;margin-bottom:40px;}
	
}

@media (min-width: 1100px) {

.navbar-nav li a {
    padding: 30px;
    font-size: 20px;
    color: #fff;
}

.quote-carat {
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
}

.quote-call {padding-top: 20px;}
#module-home {background-attachment: fixed;}
#slidecaption:hover .before {opacity: 1;}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1200	1200	1200	1200	1200	1200
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (min-width: 1200px) {
	
h2 {padding-top: 100px;margin-bottom: 40px;}	
	
}

@media (min-width: 1360px) {

.down {margin-top: 70px;}

}