html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

a {
    color: yellowgreen;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: forestgreen;
}

p {
    font-size: 16px;
    line-height: 1.5;
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
		text-shadow: 4px 4px 8px black;
    background-image: url('../images/cover15.png');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px 70px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 50px;
    font-weight: 600;
	/*bolndess of name*/
}

header .header-content .header-content-inner p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #fff; /*color of wording below header*/
}


@media(min-width:768px) {
    header {
        min-height: 50%;
    }
	/*height of header photo*/

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

	header .header-content .header-content-inner h1 {
    	font-size: 80px;
		font-weight:400;
		}

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 20px;
		font-weight:400;
		/*header wording size and boldness*/
    }
}

.section-intro {
    margin-top: 0;
    margin-bottom: 20px;
}

.intro {
	color: #fff;
    background-color: black;
    padding: 20px;
    text-align: center;
}

	


.content {
    padding: 20px;
	padding-bottom: 50px;
	/*height of background*/
	background-color: #eeeeee;
}


.content-dk {
    padding: 0px;
	/*height of background*/
	background-color: #eee;
	color: #fff;
}

.content-2 {
	color: #fff;
    background-color: #0161b0;
}

.content-3 {
	background-color: #7f7f7f;
	color: #222;
}

.content-4 {
	background-color: #1a83d9;
	color: #fff;
}


.content-5 {
	background-color: #cacaca;
	color: #222;
}

.content-6 {
	background-color: #367bb4;
	color: #fff;
}

.content-7 {
	background-color: #ededed;
	color: #222;
}
.content-8 {
	background-color: #616161;
	color: #fff;
}


.promo,
.promo h3,
.promo a:link,
.promo a:visited,
.promo a:hover,
.promo a:active {
    color: white;
	text-shadow: 0px 0px 40px black;
    text-decoration: none;
}

.promo-item {
    height: 300px;
    line-height: 400px;
    text-align: center;
}

.promo-item:hover {
    background-size: 110%; 
    border: 10px solid rgba(255,255,255,0.3);
    line-height: 380px;
}

.promo-item h3 {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}

.item-1 {
	background: url('../images/agents2.png');
	}
	
.item-2 {
	background: url('../images/videos.png');
	}
	
.item-3 {
	background: url('../images/pictures.JPG');
	}
		
.item-1,
.item-2,
.item-3 {
	background-size: cover;
	background-position: 50% 50%;
	}

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

.page-footer .contact {
	padding: 0px;
	background-color: #fa8d0d;
	color: #fff;
	}

.page-footer .contact p {
	font-size: 22px;
	font-weight: 300;
	}
	
.content-3 .glyphicon,	
.page-footer .contact .glyphicon {
	font-size: 32px;
	font-weight: 700;
	}
		
.page-footer .small-print {
	padding: 20px;
	font-weight: 300;
	}

.text-light {
    color: white;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
   background-color: rgba(70,70,70,0.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}


.navbar-default .navbar-header .navbar-brand {
    color: #0161b0;
	
	/* to change color on left logo*/
	
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #0e90fc;
}

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

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #ff7a20;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #fff!important;
    background-color: transparent;
}

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

@media(min-width:768px) {
    .navbar-default {
        border-color: transparent;
        background-color: transparent;
		

    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.9);
        letter-spacing: 0.3em;
		    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #fff;
		 /* this changes the color of the PRODUCTS, SERVICES, CONTACT on nav bar */


    }

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

    .navbar-default.affix {
        border-color: transparent;
      background-color: rgba(70,70,70,0.7);
		/*color of nav bar*/
        box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.1);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        letter-spacing: 0;
        color: #0161b0;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {d
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #fff;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #ff7a20;
    }
	/*hover color change after scroll down*/
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #eee;
    color: #222;
    background-color: #ccc;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
	color:#fff;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #0161b0;
    color: #fff;
    background-color: #0161b0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #0e90fc;
    color: #fff;
    background-color: #0e90fc;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-primary .badge {
    color: #fff;
    background-color: #fff;
}




.btn-secondary {
    border-color: #7e7e7e;
    color: #fff;
    background-color: #7e7e7e;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-third {
    border-color: #686868;
    color: #fff;
    background-color: #686868;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}


.btn-third:hover,
.btn-third:focus,
.btn-third.focus,
.btn-third:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-third {
    border-color: #ccc;
    color: #222;
    background-color: #ccc;
}


.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-secondary {
    border-color: #a5a5a5;
    color: #fff;
    background-color: #a5a5a5;
}

.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
    background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-secondary .badge {
    color: #fff;
    background-color: #fff;
}







.btn {
    border-radius: 300px;
    text-transform: uppercase;
}

.btn-lg {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.text-primary {
    color: #fff;
}

.bg-primary {
    background-color: #fff;
}
















* {
  -moz-appearance: none;
  -moz-border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  margin: 0;
  padding: 0; }


a:link,
a:visited {
  color: inherit; }

a:hover,
a:active {
  outline: 0; }

a:focus {
  outline: thin dotted; }


fieldset {
  border-style: none; }

html, body {
  height: 100%; }



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

audio, canvas, video {
  display: inline-block; }



#no-script{background-color:#212328;color:#80807e;display:none;left:0;height:130px;position:fixed;top:0;width:100%;z-index:10000}
#no-script div{font-size:14px;font-weight:300;line-height:1em;padding:60px;text-align:left;width:100%;}
#no-script a{color:#fff;text-decoration:underline;}
#no-script a:active,#no-script a:hover{color:#80807e;text-decoration:none;}
.no-js #no-script{display:block;}
.no-js body{margin-top:75px;}
#container1{min-height:100%;position:relative;}
section#content{padding-bottom:194px;}
section#content .strong{color:#212328;}
section#content header{padding:0 60px 60px;;}
section#content #pfd{padding:60px 0}
section#content #pfd img{height:28px;width:140px}section#content #preamble,section#content article{max-width:1200px}

section#content #preamble h1,section#content article h1{color:#212328;font:300 22px/1.2em 'Open Sans','Helvetica Neue',Arial,sans-serif;padding-bottom:1em}

section#content #preamble h2,section#content article h2{color:#80807e;font:300 15px/1.4em 'Open Sans','Helvetica Neue',Arial,sans-serif;padding-bottom:1em}

section#content #preamble h3,section#content article h3{color:#212328;font:300 15px/1.4em 'Open Sans','Helvetica Neue',Arial,sans-serif}

section#content #preamble p,section#content article p{color:#80807e;font:300 15px/1.2em 'Open Sans','Helvetica Neue',Arial,sans-seriff;padding-bottom:1em}

section#content #preamble p.space-after,section#content article p.space-after{padding-bottom:50px}

section#content #preamble .em,section#content article .em{color:#80807e;font:300 22px/1.2em Source Sans Pro,sans-serif;padding-bottom:1em}section#content #preamble a,section#content article a{border-bottom:1px solid #212328;color:#212328;text-decoration:none}section#content #preamble a:hover,section#content article a:hover{border-bottom-color:#80807e;color:#80807e}section#content #preamble.home h1{color:#80807e}section#content #our-work{zoom:1}section#content #our-work:after,section#content #our-work:before{content:' ';display:table}section#content #our-work:after{clear:both}section#content #our-work{margin-bottom:0}

section#content #our-work ul{list-style:none;}

/* push pictures left or right*/



section#content #our-work ul li{display:inline-block;height:200px;width:300px; position:relative; }



section#content #our-work ul li a{text-decoration:none}

section#content #our-work ul li img{width:100%}




section#content #our-work ul li .overlay{background-color:rgba(75,160,248,.6);height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

section#content #our-work ul li .overlay:hover{background-color:rgba(75,160,248,.6);height:100%;left:0;position:absolute;top:0;width:100%;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

section#content #our-work ul li .overlay summary{bottom:30px;left:50px;padding-right:30px;position:absolute; text-align:center}

section#content #our-work ul li .overlay summary h2{background: no-repeat left bottom;color:#fff;font:400 22px/1em Source Sans Pro,sans-serif;padding-bottom:15px; text-align:center}

section#content #our-work ul li .overlay summary h3{color:#222;font:300 18px/0.9em Source Sans Pro,sans-serif;padding-top:12px; text-align:center}

section#content #our-work ul li .overlay .loves{-moz-borderradius:40px;-webkit-borderradius:40px;background-color:#fff;border-radius:40px;height:80px;position:absolute;right:60px;text-align:center;top:60px;width:80px}

section#content #our-work ul li .overlay .loves span{background:transparent url(../images/pfd-sprites.png) no-repeat right -121px;color:#ed7b47;font:300 15px/1.4em museo-sans,sans-serif;line-height:80px;padding-right:25px}section#content #pfd-work{position:relative;zoom:1}section#content #pfd-work footer{bottom:-80px;padding:50px 60px 0;position:absolute;right:0}section#content #pfd-work footer #other-projects{float:right;list-style:none}section#content #pfd-work footer #other-projects li{margin-left:12px}section#content #pfd-work footer #other-projects a{background:#f8f8f8 url(../images/pfd-sprites.png) no-repeat;display:block;height:30px;text-indent:-8000px;width:34px}section#content #pfd-work footer #other-projects a.previous-work{background-position:0 -30px}section#content #pfd-work footer #other-projects a.next-work{background-position:0 -60px}section#content #pfd-work:after,section#content #pfd-work:before{content:' ';display:table}section#content #pfd-work:after{clear:both}section#content #work-bio{left:0;position:fixed;top:0;width:40%}section#content #work-bio #preamble h1{line-height:1em;padding-bottom:0}section#content #work-bio #preamble h2,section#content #work-bio #preamble p.space-after{padding-bottom:50px}section#content #work-bio #links{height:80px;list-style:none;margin:40px 0}section#content #work-bio #links li{float:left;margin-right:40px}section#content #work-bio #links #ilovethis{-moz-borderradius:40px;-webkit-borderradius:40px;background-color:#fc3e3c;border-radius:40px;cursor:pointer;display:block;height:80px;text-align:center;width:80px}section#content #work-bio #links #ilovethis span{background:transparent url(../images/pfd-sprites.png) no-repeat right -201px;color:#fff;font:300 15px/1.4em museo-sans,sans-serif;line-height:80px;padding-right:25px}section#content #work-bio #links #ilovethis.unloved,section#content #work-bio #links #ilovethis:hover{background:#212328 url(../images/pfd-sprites.png) no-repeat 10px -170px}section#content #work-bio #links #ilovethis.unloved span,section#content #work-bio #links #ilovethis:hover span{display:none}section#content #work-bio #links #ilovethis.loved:hover{background-image:none}section#content #work-bio #links #ilovethis.loved:hover span{display:inline}section#content #work-bio #links #home{-moz-borderradius:40px;-webkit-borderradius:40px;background:#fc3e3c url(../images/pfd-sprites.png) no-repeat 50% -250px;border-radius:40px;cursor:pointer;display:block;height:80px;text-indent:-8000px;width:80px}section#content #work-visuals{float:right;width:60%}section#content #work-visuals ul{list-style:none}section#content #work-visuals ul li{line-height:0;margin-bottom:10px}section#content #work-visuals ul li img{width:100%}section#content #preamble a.read-more{border-style:none;color:#212328;font:300 15px/1.4em Source Sans Pro,sans-serif;text-decoration:none}section#content #preamble a.read-more:hover{color:#80807e}section #what-we-do header{background:transparent url(../images/grass.jpg) no-repeat 50% top fixed;padding:0 60px}section#content #what-we-do header #preamble{padding-bottom:60px}section #what-we-do article{padding:120px 60px}section #what-we-do article h2{color:#212328;font:300 22px/1.2em Source Sans Pro,sans-serif}section#content footer#msf{bottom:0;left:0;position:absolute;width:100%}footer#msf .wrapper{border-top:1px solid #e4e4e4;height:73px;margin:0 60px}

footer#msf ul#lets-be-social{width:230px;list-style:none}footer#msf ul#lets-be-social li{float:left;padding-right:8px}footer#msf div#legal{float:right;font:400 15px/1em Source Sans Pro,sans-serif;text-align:right;width:300px}footer#msf div#legal span{padding-right:36px}footer#msf li a,footer#msf span{line-height:73px}footer#msf #legal span{line-height:20px;margin-top:20px;display:block;background:url(../images/footer-198seven.png) right center no-repeat}footer#msf a{font:300 14px museo-sans,sans-serif;text-decoration:none}footer#msf a:hover{color:#80807e}nav#toc{background-color:#212328;height:100%;position:fixed;right:-240px;top:0;width:240px}nav#toc ul{list-style:none;padding:60px 40px 0}nav#toc ul li{border-top:1px solid #424650;padding:4px 0 5px}nav#toc ul li a{color:#80807e;font:300 15px/2em museo-sans,sans-serif;text-decoration:none}nav#toc ul li a.active,nav#toc ul li a:hover{color:#fff}nav#toc ul li:first-child{border-top:none}nav#toc a#toc-actuator{background:#f8f8f8 url(../images/pfd-sprites.png) no-repeat left top;cursor:pointer;display:block;height:30px;left:-94px;position:absolute;text-indent:-8000px;top:60px;width:34px;z-index:5000}@media screen and (max-width:1200px){footer#msf .wrapper{margin:0 30px}section#content header{padding:0 30px 60px}section#content #pfd{padding-top:30px}

section#content #our-work ul li .overlay summary{text-align:center;}section#content #our-work ul li .overlay .loves{text-align:center;top:30px}section#content #pfd-work footer{padding:50px 30px 0}section#content #what-we-do header{padding:0 30px}section#content #what-we-do article{padding:120px 30px}section#content #what-we-do #web-design .parallax{background:#ededeb url(/images/web-development-med.jpg) no-repeat 50% 0!important;height:750px}section#content #what-we-do #identity article{padding:120px 30px}nav#toc ul{padding-top:30px}nav#toc a#toc-actuator{left:-64px;top:30px}}@media screen and (max-width:768px){section#content #work-bio{float:none;position:relative;width:auto}section#content #work-visuals{float:none;width:auto}section#content #pfd-work #links{display:none}section#content #what-we-do section{height:auto!important}section#content #what-we-do section article{padding:60px 30px}section#content #what-we-do #web-design .parallax{background:#ededeb url(/images/web-development-sm.jpg) no-repeat 50% 0!important;height:460px}section#content #what-we-do #identity{border-bottom:none}section#content #what-we-do #identity article{padding:60px 30px}section#content #pfd-about #example-photographs li,section#content #what-we-do #photography #example-photographs li{width:100%!important}section#content p.em{font:300 15px/1.4em museo-sans,sans-serif!important}}@media screen and (max-width:460px){section#content{padding-bottom:234px}section#content #what-we-do #photography #example-photographs li{min-height:50px}footer#msf .wrapper{padding:20px 0}footer#msf ul#lets-be-social{float:none;width:auto;zoom:1}footer#msf ul#lets-be-social:after,footer#msf ul#lets-be-social:before{content:' ';display:table}footer#msf ul#lets-be-social:after{clear:both}footer#msf div#legal{float:none;width:auto}footer#msf div#legal span{display:block;padding-left:0;text-align:left}footer#msf li a,footer#msf span{line-height:2em}}

.w3-fourth{float:left;width:33.33333%; padding:0 0px}

@media (min-width:601px){.w3-fourth{width:20%}