p {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    color:#444444;
}
h1, h2 {
    color:#444444;
}
p.toptext {
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    margin:0;
    color:#444444;
    padding-top:33px;
}

a:link {
    color:#00adee;
    text-decoration: none;
}
a:visited {
    color:#03749f;
    text-decoration: none;
}

a.menu {
    font-family: 'Lato', sans-serif;
    font-weight:700;
}



.container-centre {
    background-color:#edfefe;
}
.container-centre-white {
    background-color:#ffffff;
    margin-top:9px;
}
.navbar {
    border:none;
    height:62px;
    padding-bottom:101px;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #00adee;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #ffffff;
    color: #00adee;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #00adee;
}

ul.nav.navbar-nav.navbar-right {
 background-color:#ffffff;
    padding-left:0;
}
 ul.nav.navbar-nav.navbar-right li a {
     padding-left:0;
 }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.navbar-toggle {
    margin-top: 11px;
    margin-right:4px;

}
.navbar-default .navbar-toggle .icon-bar {
    margin-top:6px;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 24px;
}
.full-width-bg {
    width:100%;
    height:auto;
    background-color: #edfefe;
    border-top: 2px solid #00adee;
    margin-top: 36px;
}
.navbar-header {
    height:62px;
    box-sizing: content-box;
}
.navbar-brand {
    margin-bottom:12px;
}

.row-menu {
    float:right;
    padding-top:15px;
    display:block;
    width:100%;
    background-color:#ffffff;
}

.row-menu a:link, .row-menu a:visited {
    color:#444444;
}
a.menu.active {
    color:#00adee;
}
.row-menu a:hover {
    color:#00adee;
}

.row.row-menu div.col-xs-4 a.right {
    display: block;
    text-align: right;
    padding-right: 30px;
}
.row.row-menu div.col-xs-4 a.centre {
    display: block;
    text-align: center;
    padding-right: 30px;
}


.container-left-neg {
    padding-left:0;
    padding-right:0;
}


.jprt-content {

    display: block;
}
.jprt-item {
    background: #ffffff;
}
.jprt-item h1{
    font-size: 21px;
    color:#444444;
    margin-top: 11px;
    padding:0;
    line-height: 1.1;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    margin-bottom:3px;
}
.jprt-item h2{
    font-size: 21px;
    color:#444444;
    margin-top: 0;
    margin-bottom:3px;
    padding:0;
    line-height: 1.1;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
}
.jprt-item p {
    margin:0;
}
.jprt-hover {
  background:#ffffff;
}

img.resize {
    width:100%;
    height:75%;

}
img.work-detail {
    display: block;
    width:100%;
    height:auto;
    margin-bottom:39px;
    max-width:1024px;
    margin-left:0;
    margin-right:auto;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height:75%;
    background-color:#00adee;
    opacity:0.6;
}

.thumb-text {
    width:100%;
    height:83px;
    background:#ffffff;

}
.thumb-text p {
    color:#444444;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
}

.jprt-caption {
    border-bottom:4px solid #444444;
}
.jprt-hover {
    border-bottom:4px solid #00adee;
}
.jprt-hover h1, .jprt-hover h2, .jprt-hover p {
    color:#00adee;
    padding:0;
}
.jprt-hover h2 {
    margin-top:0;
}
.jprt-container {
    margin-top:30px;
}



.jprt-item:nth-child(odd) .jprt-caption {
    background: #ffffff;

}
.jprt-item:nth-child(even) .jprt-caption {
    background: #ffffff;

}
.navbar-default {
    background-color:#ffffff;
}

body {
    min-height:10px;
}

div.row.row-menu div.col-xs-4 {
    padding:0;
}
#footer {
    margin-top:30px;
    padding-bottom:29px;
}
#footer h1 {
    font-family: 'Lato', sans-serif;
    font-size:24px;
    font-weight:400;
    margin:3px 0 3px 0;
    text-align: center;
}
#footer p {
    font-family: 'Lato', sans-serif;
    text-align: center;
}
#footer h1 a:link {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    color:#00adee;

}
#footer a:hover {
    text-decoration: underline;
}

#work-detail {
    padding:0 15px;

}

#work-detail h1, #work-detail h2, #work-detail h3  {
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}
#work-detail h1 {
    color:#00adee;
    margin-top:30px;
    font-size: 26px;
}

#work-detail h2 {
     font-weight:400;
     margin:0 0 10px 0;
     font-size:22px;
    color:#444444;
 }
#work-detail h3 {
    font-weight:400;
    margin:0 0 10px 0;
    font-size:18px;
    color:#444444;
}
#work-detail p {
    font-family: 'Lato', sans-serif;
    font-weight:400;
    margin:0 0 29px 0;
    color:#444444;
    font-size:16px;
}
#work-controls {
    display: block;
    width:100%;
    float:left;
    height:53px;
    margin-bottom:50px;
    margin-top:11px;
}
.centre {
    width:100%;
    float:left;
    height: auto;
    margin-bottom: 11px;

}
 a.work-detail-control.back span.glyphicon.glyphicon-menu-left {
     padding-right:7px;
 }
a.work-detail-control.next span.glyphicon.glyphicon-menu-right {
    padding-left:7px;
}
.centre p {
    text-align: center;

}
.work-detail-control {
    height:auto;
    border:1px solid #00adee;
    padding:15px;
    text-align: center;
    display: block;
    width:93px;

}

.work-detail-control a:visited{
  color:#00adee;

}
.work-detail-control.back {
    left:0;
    position:relative;
}
.work-detail-control.up {
    width:42px;
    top:-52px;
    left:42.41%;
    position:relative;
}

.work-detail-control.next {
    top:-104px;
    position:relative;
    float: right;
}

#work-controls div.centre p a.work-detail-control:hover {
    color:#ffffff;
    border:1px solid #ffffff;
    background-color:#00adee ;
}
.work-detail-control.next.inactive, .work-detail-control.back.inactive  {
    border:1px solid #444444;
    color:#444444;
}
img.bio {
    margin-bottom: 33px;
    max-width: 322px;
}

.row-centre {
    padding:0 15px;
}
.about h1{
    padding:0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:21px;
    margin-top:30px;
}
.about p {
    padding:0 15px;
}
#stage.about p span.glyphicon {
color:#ffdd15;
}

#stage.about div.row.row-centre  p  {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 21px;
    padding-bottom: 23px;
}

#stage.about p.list {
    padding-top:11px;
    padding-bottom: 0;
    margin:0;
}

#stage.about p span.bold {
    font-weight: 700;

}
#stage.about p span.regular {
    font-weight: 400;
}

ul.about-list {
    list-style: square outside url('../images/list-tick.png');
    font-size: 21px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
ul.about-list li {
    padding:0 15px 7px 7px;
}

#work-controls  a:hover {
    color:#ffffff;
    background-color:#00adee;
}


#stage.clients  p {
    font-size: 21px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

#stage.clients div.row.row-centre div.col-sm-4.col-no-leftpad p {
    margin-bottom:3px;
}
#stage.clients h1 {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    padding-left:15px;
    margin-top:30px;
    margin-bottom:30px;
}
#stage.clients p {
    padding-left:15px;
}

#stage.clients  a, #stage.clients  a:visited  {
    color:#00adee;
    font-weight:700;
}
#stage.clients  a:hover {
    text-decoration: underline;
}
#stage.clients p.testimonials {
    padding-right: 13px;
     font-size: 19px;
 }
#stage.clients p.bold {
   font-weight: 700;
    font-size: 19px;

}
.test-b {
    margin-bottom:30px;
}
.col-no-leftpad {
    padding-left:0;
}

.open-quote {
    padding-right:11px;
    margin-top:-8px;
}

.closed-quote {
    padding-left:11px;
    margin-top:-13px;
}

 #work-detail h1 a,  #work-detail h1 a:visited {
     color:#00adee;
 }
#work-detail h1 a:hover {
    text-decoration: underline;
}
.navbar-inverse {
    background-color: #000000;
    border-color: #000000;
}
ul.nav.navbar-nav.navbar-right li{
    padding-left: 15px;
}
@media (min-width:321px) {
    .work-detail-control.up {
        left:47.22%;

    }
}
@media (min-width:360px) {

.navbar-toggle {
    margin-right:15px;
}

}
/* Small devices (tablets, 667px and up) */
@media (min-width:667px) {
    .row-menu {
        width:auto;
        text-align: right;
    }
    .row.row-menu div.col-xs-4 a.right.menu {
        padding:0;
    }
    div.row.row-menu div.col-xs-4 {
        padding:0 15px;
    }

    .thumb-text {
        height:83px;
    }
    .row.row-menu div.col-xs-4 a {
        display: block;
        text-align: right;
        padding-right: 30px;
    }
    .container-centre-white {
        margin-top:9px;
    }
    .work-detail-control.up {
        left:46.3%;

    }
    p.toptext {
        padding-top:21px;
    }




}
@media (max-width:767px) {
   .row.row-centre p {
       padding-left:0;
   }
}
@media (min-width:768px) {
    .test-b {
        margin-bottom:0;
    }


}

.container, .container-centre {max-width: 1024px;}