div#project_images {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

div#project_images img{ margin-bottom: 10px;}

p img{ padding-right:0;}


#sub p, #grid p{
font-family: inherit;
font-weight: normal;
color: #555;
font-size: .8rem;
letter-spacing: 0.01em;
padding-right: 0%;
font-family: "proxima-nova", sans-serif;
line-height: 1.6em;
margin-bottom: -1px;
text-rendering: optimizeLegibility;
}	
	

.flexslider2 {
background : url(images/ajax-loader.gif) center center no-repeat #fff;
border : #fff solid 4px;
position : relative;
border-radius : 5px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
}
.name {
font-family : "proxima-nova", sans-serif;
letter-spacing : 0.02em;
color : #444;
}
.title {
color : #91D639 !important ;
text-align : left;
font-family : "jubilat", sans-serif;
z-index : 10;
text-transform : none;
margin-left : 5px;
font-weight : 400;
margin-bottom : 15px;
letter-spacing : 0.04em;
}


#wrap {
min-height : 100%;
margin-bottom : -95px;
background-image : url(http://sovereignblackburn.com.au/html/img/dots.jpg);
}
#wrap:after {
content : "";
display : block;
}
.footer1, #wrap:after {
height : 80px;
}
#content {
border-top : 2px solid #91D639;
padding-bottom : 250px;
}
#content2 {
border-top : 2px solid #91D639;
padding-bottom : 180px;
}
#content3 {
border-top : 2px solid #91D639;
padding-bottom : 280px;
padding-top : 50px;
}
.active {
border-bottom : 1px dotted #777;
}
.overlay2 {
width : 100%;
height : 100%;
position : fixed;
top : 0;
display : none;
left : 0;
background : url('../images/pattern.png') top left repeat transparent;
z-index : -1;
}
.overlay3 {
width : 100%;
height : 300px;
position : fixed;
top : 0;
left : 0;
background : url('../images/pattern.png') top left repeat transparent;
z-index : 100;
}
.fade {
opacity : 0.100000001490116119384765625;
}
.clear-right {
clear : right !important ;
}
.loader {
display : none !important ;
position : fixed;
width : 100%;
height : 100%;
z-index : 99999;
background : #fff;
top : 0;
left : 0;
transition : all 0.5s ease;
display : block;
text-align : center;
}
.loader img {
height : 64px;
width : 64px;
position : absolute;
top : 50%;
left : 50%;
margin-top : -64px;
margin-left : -64px;
}
.show-content {
display : none;
}
.offix {
overflow : hidden;
}
.text-blue {
color : #0079c1;
}
.text-pink {
color : #ea4c89;
}
.text-yellow {
color : #fff !important ;
text-align : left;
font-family : "jubilat", sans-serif;
z-index : 10;
font-size : 14px !important ;
bottom : 20px;
font-weight : 400;
letter-spacing : 0.06em;
margin-top : 12px;
position : fixed;
}
.text-green {
color : #a2e147;
}
.text-brown {
color : #BD9367;
}
.text-body {
color : #7c7c7c;
}
.text-dark-grey {
color : #353535 !important ;
}
.background-white {
background-color : #fff;
}
.border-white {
border-color : #fff;
}
.background-blue {
background-color : #0079c1;
}
.background-blue h1, .background-blue h2, .background-blue h3, .background-blue h4, .background-blue h5, .background-blue h6 {
color : #fff;
}
.background-blue p {
color : #fff;
}
.border-blue {
border-color : #0079c1;
}
.background-pink {
background-color : #ea4c89;
}
.background-pink h1, .background-pink h2, .background-pink h3, .background-pink h4, .background-pink h5, .background-pink h6 {
color : #fff;
}
.background-pink p {
color : #fff;
}
.border-pink {
border-color : #ea4c89;
}
.background-yellow {
background-color : #f1ca53;
}
.background-yellow h1, .background-yellow h2, .background-yellow h3, .background-yellow h4, .background-yellow h5, .background-yellow h6 {
color : #fff;
}
.background-yellow p {
color : #fff;
}
.border-yellow {
border-color : #f1ca53;
}
.background-green {
background-color : #a2e147;
}
.background-green h1, .background-green h2, .background-green h3, .background-green h4, .background-green h5, .background-green h6 {
color : #fff;
}
.background-green p {
color : #fff;
}
.border-green {
border-color : #a2e147;
}
.background-dark-grey h1, .background-dark-grey h2, .background-dark-grey h3, .background-dark-grey h4, .background-dark-grey h5, .background-dark-grey h6 {
color : #fff;
}
.background-dark-grey p {
color : #fff;
}
.border-dark-grey {
border-color : #353535;
}
.background-brown {
background : #BD9367;
}
.border-brown {
border-color : #BD9367;
}
body {
font-family : "proxima-nova", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family : "proxima-nova", sans-serif;
}
h2 {
font-size : 1.1rem;
font-weight : 400;
line-height : 1.4;
text-transform : none;
padding-right : 5%;
font-family : "jubilat", sans-serif;
margin-bottom : 15px;
margin-top : 30px;
letter-spacing : 0.01em;
color : #444;
}
#about h2 {
font-family : "proxima-nova", sans-serif;
text-transform : uppercase;
letter-spacing : 0.05em;
font-size : 0.99rem;
font-weight : 800;
margin-top : 0;
padding-top : 0 !important ;
}
.page_title {
font-family : "proxima-nova", sans-serif;
text-transform : uppercase;
letter-spacing : 0.05em;
font-size : 0.99rem;
font-weight : 800;
margin-top : 0;
padding-top : 0 !important ;
}
h6 {
text-transform : uppercase;
font-size : 14px;
}
p.lead {
font-size : 1.4rem;
}
p.lead-small {
font-size : 1.2rem;
}
.size-display {
font-size : 3.8em;
line-height : 1.2em;
letter-spacing : 0;
font-weight : 500;
margin-right : -3px;
}
.icon.size-display {
font-size : 60px;
letter-spacing : 0;
margin-right : 0;
}
.text-white {
color : #fff;
}
a.text-white:hover {
color : #ddd;
}
.text-normal {
font-weight : normal !important ;
}
p:last-child {
margin-bottom : 30px;
}
.section-x-small {
padding-top : 66px;
padding-bottom : 66px;
}
.section-small {
padding-top : 99px;
padding-bottom : 99px;
}
section {
padding-top : 50px;
padding-bottom : 88px;
overflow : hidden;
position : relative;
}
.section-large {
padding-top : 143px;
padding-bottom : 143px;
}
.section-x-large {
padding-top : 198px;
padding-bottom : 198px;
}
.section-hero-header {
padding-top : 298px;
padding-bottom : 198px;
}
.no-pad {
padding : 0;
overflow : hidden;
}
.no-pad-bottom {
padding-bottom : 0 !important ;
}
.no-pad-right {
padding-right : 0;
}
.pad-normal {
padding-top : 99px;
padding-bottom : 99px;
}
.pad-large {
padding-top : 121px;
padding-bottom : 121px;
}
.no-margin {
margin : 0 !important ;
}
h4 .margin-small-top {
margin-top : 5px;
margin-bottom : 25px;
}
p .margin-small-top {
margin-top : 5px;
margin-bottom : 25px;
}
.margin-space-top {
margin-top : 66px !important ;
}
.margin-top {
margin-top : 30px;
}
.icon-x-small {
font-size : 18px;
}
.icon-small {
font-size : 34px;
}
.icon-medium {
font-size : 45px;
}
.icon.space-top {
position : relative;
top : 5px;
margin-bottom : 11px;
display : inline-block;
}
.icon.size-display {
margin-bottom : 22px;
}
a .arrow_right {
position : relative;
top : 2px;
}
.button {
border : #7c7c7c solid 2px;
color : #7c7c7c;
font-family : "Montserrat", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-transform : uppercase;
letter-spacing : 1px;
background : none;
cursor : pointer;
transition : all 0.3s ease;
margin-top : 44px;
display : inline-block;
font-weight : bold;
}
.button .icon {
line-height : 0;
position : relative;
top : 4px;
transition : all 0.2s ease;
left : 0;
}
.button .icon.arrow_down {
top : 0;
}
.button:hover {
background : #353535;
color : #fff;
border-color : #353535;
}
.button:hover .icon {
left : 6px;
}
.button:hover .icon.arrow_left {
left : -6px;
}
.hero-divider .button:hover, .hero-slider .button:hover {
background : rgba(255, 255, 255, 0.8);
color : #353535;
}
.button-small {
font-size : 11px;
}
.button-medium .icon, .button-small .icon {
font-size : 18px;
}
.button-round {
border-radius : 7px;
}
.button-small {
padding : 11px 30px;
border-radius : 35px;
}
.button-square {
padding : 7px 15px 15px 15px;
}
.button-square:hover .icon {
left : 0;
}
.button-medium {
padding : 20px 25px 20px 25px;
border-radius : 35px;
}
.button-large {
padding : 15px 40px;
font-size : 11px;
border-radius : 35px;
}
a.button-white {
color : #fff;
border-color : #fff;
}
nav {
width : 100%;
z-index : 99;
}
.nav-main ul {
font-family : 'Montserrat', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight : bold;
text-transform : uppercase;
display : inline-block;
font-size : 11px;
margin-top : 23px;
letter-spacing : 1px;
}
.nav-main ul li {
float : left;
list-style : none;
padding : 0 15px;
}
.nav-main ul li a {
padding : 22px 0 5px 0;
display : inline-block;
font-size : 15px;
font-family : "proxima-nova", sans-serif;
text-transform : none;
transition : all 0.3s;
letter-spacing : 0.06em;
font-weight : 600;
color : #7c7c7c;
}
.nav-main ul li a:hover {
color : #91D639;
}
.nav-main ul li:last-child a {
padding-right : 0;
}
.nav-panel-dark, .nav-panel-light, .nav-transparent, .nav-transparent-dark {
position : absolute;
top : 25px;
}
.nav-panel-dark .logo, .nav-panel-light .logo {
margin-left : 22px;
}
.nav-panel-dark ul, .nav-panel-light ul {
padding-right : 22px;
}
.nav-panel-dark .row {
background : #2a3539;
background : rgba(53, 53, 53, 0.9);
}
.nav-panel-light .row {
background : #2a3539;
background : rgba(255, 255, 255, 0.9);
}
.nav-transparent, .nav-transparent-dark {
background : none;
}
.nav-panel-dark ul li a:hover, .nav-top-dark ul li a:hover {
color : #91D639;
}
.nav-transparent ul li a {
color : #fff;
}
.nav-transparent-dark ul li a {
color : #353535;
}
.nav-transparent ul li a:hover {
color : #91D639 !important ;
}
.nav-transparent ul li .subnav li a:hover {
color : #91D639 !important ;
}
.nav-top-light, .nav-top-dark {
position : relative;
}
.nav-top-light {
background : #fff;
}
.nav-top-dark {
background : #2a3539;
}
.nav-fixed {
position : fixed;
top : 0;
}
.mobile-toggle {
position : absolute;
color : #ccc;
top : 31px;
right : 30px;
cursor : pointer;
font-size : 26px;
display : none;
}
.mobile-toggle {
position : absolute;
color : #ccc;
top : 31px;
right : 30px;
cursor : pointer;
font-size : 26px;
display : none;
}
.sticky-nav {
position : fixed;
top : 0;
padding-top : 10px;
width : 100%;
z-index : 999;
}
.negative {
background : #fff;
box-shadow : 0 0 3px 0 rgba(0, 0, 0, 0.5);
padding-bottom : 10px;
}
.negative .logo {
background : url('../img/branding/logo-dark.png') !important ;
width : 270px;
background-repeat : no-repeat !important ;
height : 75px;
margin-top : 10px;
background : url('../img/branding/logo-dark.png');
background-size : contain !important ;
}
.negative .active {
border-bottom : 1px dotted #91D639 !important ;
}
.negative .nav-main ul li a {
padding : 12px 0 5px 0;
display : inline-block;
font-size : 13px;
text-transform : none;
transition : all 0.3s;
color : #555 !important ;
}
.negative a {
color : #777 !important ;
}
.subnav {
display : none !important ;
background : #fff;
position : absolute;
z-index : 10;
text-align : left;
padding : 22px 0;
overflow : visible;
min-width : 190px;
}
.subnav h6 {
margin-bottom : 11px;
}
.subnav h6 .icon {
position : relative;
top : 2px;
}
.subnav ul li, .nav-main ul ul li {
float : none;
margin : 0 0 6px 0;
padding : 0;
font-family : "Montserrat";
text-transform : uppercase;
letter-spacing : 1px;
font-size : 11px;
}
.subnav ul li a, .nav-main ul ul li a {
padding : 5px 11px 5px 22px;
display : inline-block;
width : 100%;
}
.nav-transparent ul ul li a {
color : #7c7c7c;
}
.nav-transparent .subnav {
background : rgba(255, 255, 255, 0.9);
}
.nav-transparent .subnav-level-2 {
background : rgba(255, 255, 255, 0.7);
}
.nav-panel-dark .subnav, .nav-top-dark .subnav {
background : #353535;
background : rgba(53, 53, 53, 0.9);
}
.nav-panel-dark .subnav h6, .nav-top-dark .subnav h6 {
color : #aaa;
}
.nav-main ul li:hover .subnav {
display : block !important ;
}
.nav-main ul li:last-child:hover .subnav {
right : 0;
}
.nav-main ul li:nth-last-child(2):hover .subnav {
right : 10%;
}
.nav-main ul lfi:nth-last-child(-n 2) .subnav li:hover .subnav-level-2 {
right : 100%;
left : auto;
}
.subnav-level-2 {
display : none !important ;
position : absolute;
z-index : 10;
background : #fff;
padding : 22px 0;
width : 120%;
margin-top : -41px;
}
.subnav-level-2 li {
min-width : 100%;
}
.subnav li:hover .subnav-level-2 {
display : block !important ;
left : 100%;
}
.logo {
width : 270px;
background-repeat : no-repeat;
height : 75px;
margin-top : 10px;
background : url('../img/branding/logo-dark.png');
background-size : contain !important ;
}
.nav-panel-dark .logo, .nav-top-dark .logo, .nav-transparent .logo {
background : url('../img/branding/logo-light.png');
background-repeat : no-repeat;
}
.nav-panel-dark .logo2, .nav-top-dark .logo2, .nav-transparent .logo2 {
background : url('../img/branding/logo-light.png');
background-repeat : no-repeat;
width : 270px;
background-repeat : no-repeat;
height : 75px;
margin-top : 14px !important ;
background-size : contain !important ;
}
header {
background : #222;
background-size : cover !important ;
position : relative;
height : 115px;
}
header.header-large .row {
padding : 330px 0;
}
header.header-medium .row {
padding : 180px 0;
}
header.header-small .size-display {
font-size : 48px;
text-transform : none;
font-weight : 600;
padding-top : 139px;
display : none;
text-align : left;
}
header .row {
position : relative;
z-index : 10;
}
header span {
display : inline-block;
margin-top : 11px;
}
.hero-slider {
position : relative;
padding-top : 0;
padding-bottom : 0;
}
.hero-slider .slides li {
padding : 280px 0;
background-size : cover !important ;
background-position : 50% 0;
}
.hero-slider .slides li.section-small {
padding : 121px 0 0 0;
}
.hero-slider .slides li .row, .hero-divider .row {
position : relative;
z-index : 2;
}
.hero-slider .slides li .slider-background {
position : absolute;
z-index : -2;
height : 700px;
}
.hero-slider .slides li h5 {
letter-spacing : 2px;
margin-right : -2px;
}
.slider .flex-direction-nav .flex-prev:before {
left : 7px;
}
.bg-fix {
background-position : 50% 0%;
}
.overlay-strong {
opacity : 0.959999978542327880859375 !important ;
}
.background-dark .overlay {
background : #353535;
}
.background-light .overlay {
background : #fff;
}
.background-dark.flex-control-paging li a.flex-active, .hero-divider .flex-control-paging li a.flex-active {
background : #91D639;
}
.background-dark .button {
border-color : #fff;
color : #fff;
}
.background-dark.flex-direction-nav a, .hero-divider .flex-direction-nav a {
border-color : #fff;
color : #fff;
}
.hero-slider .slides h6, .hero-divider h6 {
transition : all 0.5s ease;
}
.hero-slider .slides h1, .hero-divider h1 {
transition : all 0.5s ease;
font-weight : 600;
font-family : "proxima-nova", sans-serif;
}
.hero-slider .slides .background-dark h6, .hero-slider .slides .background-dark h1 {
color : #fff;
text-transform : none;
text-align : left;
z-index : 10;
}
.hero-slider .slides .background-dark h1 span {
display : block;
clear : both;
float : left;
border-bottom : 1px solid #FFF;
line-height : 67px;
}
.hero-divider {
background-size : cover !important ;
background-position : 50% 0;
position : relative;
}
.hero-divider .overlay {
opacity : 0.300000011920928955078125;
}
.hero-divider button {
margin-top : 22px;
}
.no-overlay.background-dark h1, .no-overlay.background-dark h6 {
color : #fff;
}
.has-overlay h1, .has-overlay h6 {
color : #fff;
}
.animate-slide {
transition : all 1s ease;
opacity : 0;
top : 100px;
}
.slide-animated {
top : 0;
opacity : 1;
}
.blog-post-slider {
position : relative;
height : 500px;
}
.blog-post-slider .slides li {
background-size : cover !important ;
height : 500px;
width : 100%;
}
.blog-post-slider .flex-direction-nav li {
margin : 0 !important ;
}
.background-dark .overlay {
background : #353535;
}
.background-light .overlay {
background : #fff;
}
.section-preamble h6 {
margin-bottom : 0;
color : #91D639 !important ;
text-align : left;
font-family : "museo", serif;
z-index : 10;
font-weight : 600;
margin-bottom : 0;
letter-spacing : 0.04em;
}
.section-preamble h2 {
margin-bottom : 33px;
}
.section-preamble button {
margin-top : 22px;
}
.page-title {
margin-bottom : 44px;
}
.page-title h4 {
font-size : 15px;
letter-spacing : 2px;
margin-right : -2px;
display : inline-block;
border : #353535 solid 2px;
padding : 8px 10px 8px 10px;
}
.page-title .vertical-line, header .vertical-line {
height : 60px;
width : 1px;
margin : 0 auto;
background : #ccc;
}
.border-box {
border : #ddd double 6px;
padding : 44px;
}
.border-box .line {
width : 30%;
height : 1px;
background : #ccc;
margin : 0 auto;
margin-top : 22px;
margin-bottom : 22px;
}
.border-box .medium-3 .size-display {
position : relative;
bottom : 0;
transition : all 0.2s ease;
}
.border-box .medium-3:hover .size-display {
bottom : 10px;
}
.medium-12 .border-box.offix {
padding : 44px 0 66px 0;
}
.medium-12 .border-box.offix .medium-3 p {
padding : 0 22px;
}
.no-pad .border-box {
border : none;
border-right : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
ul {
list-style : none;
overflow : hidden;
}
.list-results li {
border-bottom : 1px solid #d2d2d2;
padding-bottom : 11px;
margin-bottom : 33px;
overflow : hidden;
list-style : none;
}
.list-results li h6 {
color : #7c7c7c;
display : inline-block;
margin-right : 11px;
margin-bottom : 0;
}
.list-results li span {
font-style : italic;
font-size : 12px;
}
.list-results li:last-child {
margin-bottom : 0;
}
.list-content {
list-style : none;
}
.list-content li {
margin-bottom : 55px;
overflow : hidden;
}
.list-content li:last-child {
margin-bottom : 0;
}
.list-content li h6 {
margin : 0;
}
.list-content h4 {
margin-top : 0;
margin-bottom : 16px;
}
.list-social {
list-style : none;
display : inline-block;
overflow : hidden;
}
.list-social li .icon {
display : block;
width : 40px;
height : 40px;
border-radius : 50%;
text-align : center;
padding-top : 10px;
}
.list-social li a {
color : #7c7c7c;
display : inline-block;
overflow : hidden;
}
.list-social li {
float : left;
margin-right : 11px;
}
.list-social li:last-child {
margin-right : 0;
}
.list-skill-holder li {
margin-bottom : 22px;
}
.list-skill-holder li:last-child {
margin-bottom : 0;
}
.list-skill li {
margin-top : 11px;
width : 12px;
height : 12px;
border-radius : 50%;
border-width : 2px;
border-style : solid;
float : left;
margin-right : 11px;
margin-bottom : 0;
}
.list-skill li.unfilled {
background : none;
}
.list-skill li:last-child {
margin-right : 0;
}
.action-block .list-skill li {
margin-top : 3px;
}
.list-tags {
overflow : hidden;
margin : 0;
}
.list-tags li {
float : left;
margin-right : 11px;
margin-bottom : 11px;
}
.list-tags li a {
border : #7c7c7c solid 2px;
padding : 10px 11px 11px 11px;
display : inline-block;
transition : all 0.3s ease;
}
.list-tags li a:hover {
background : #7c7c7c;
color : #fff;
}
.list-tags li:last-child {
margin-right : 0;
}
.list-blog-posts {
overflow : hidden;
}
.list-blog-posts li {
margin-bottom : 66px;
}
.list-blog-posts li h4 {
font-size : 1rem;
}
.list-blog-posts li h6 {
font-size : 12px;
}
.list-blog-posts li .button {
margin-top : 22px;
}
.small-service {
margin-bottom : 66px;
}
.small-service:nth-last-child(-n 2) {
margin-bottom : 0;
}
.hover-box {
width : 100%;
height : 320px;
overflow : hidden;
position : relative;
padding-top : 66px;
}
.hover-box-inner {
position : absolute;
width : 100%;
left : 0;
transition : all 0.3s ease;
top : 84px;
}
.hover-box-inner p {
padding : 0 44px;
opacity : 0;
transition : all 0.3s ease;
}
.hover-box-inner .size-display {
font-size : 55px;
transition : all 0.3s ease;
opacity : 1;
}
.hover-box-inner h6 {
font-weight : bold;
}
.hover-box-inner:hover {
top : 34px;
}
.hover-box-inner:hover p {
opacity : 1;
}
.hover-box-inner:hover .size-display {
opacity : 1;
font-size : 45px;
}
.action-blocks {
padding : 0;
}
.action-block {
padding : 99px 55px;
position : relative;
background-size : cover !important ;
background-position : 50% 50% !important ;
}
.action-block .overlay {
left : 0;
}
.action-block .row {
position : relative;
z-index : 3;
}
.action-block .testimonials-slider {
margin-top : 33px;
}
.action-block.small-block {
padding : 66px 55px;
min-height : 507px;
max-height : 600px;
}
.action-block h5 {
margin : 11px 0 22px 0;
text-transform : uppercase;
}
.action-block .line {
height : 1px;
width : 100%;
background : #353535;
opacity : 0.300000011920928955078125;
margin : 22px 0;
}
.action-block.background-blue .line {
background : #fff;
opacity : 0.5;
}
.client-logo img {
max-width : 120px;
}
.client-logo {
margin-bottom : 44px;
}
.icon-circle {
width : 120px;
height : 120px;
border-radius : 50%;
padding-top : 32px;
display : inline-block;
}
.icon-circle.large {
width : 180px;
height : 180px;
padding-top : 68px;
margin-bottom : 22px;
}
.icon-circle.hollow {
border-width : 2px;
border-style : solid;
}
.icon-circle.filled {
background : #fff;
}
.video-background {
width : 100%;
height : 600px;
padding : 0;
position : relative;
}
.video-background .overlay {
opacity : 0.5;
}
.video-background .row {
position : relative;
z-index : 20;
}
.video-background video {
background-size : cover !important ;
}
.large.video-background {
height : 750px;
}
.cover-boxes {
width : 100%;
overflow : hidden;
list-style : none;
margin-bottom : 30px;
}
.cover-boxes li {
float : left;
overflow : hidden;
position : relative;
transition : all 0.5s ease;
padding : 0 15px;
}
.cover-boxes li h6 {
margin : 0;
}
.cover-boxes li p {
margin-top : 6px;
}
.cover-boxes li .box-content {
position : absolute;
width : 50%;
height : 100%;
left : 100%;
top : 0;
transition : opacity 0.5s ease;
opacity : 0;
padding : 11px 17px;
z-index : 0;
}
.cover-boxes li img {
position : relative;
z-index : 1;
}
.cover-boxes li.active {
overflow : visible;
}
.cover-boxes .medium-3.active {
width : 50%;
}
.cover-boxes .medium-4.active {
width : 66.66666%;
}
.cover-boxes li.active .box-content {
left : 50%;
opacity : 1;
}
.cover-boxes li.active li {
width : auto;
}
.cover-boxes .list-social {
margin-top : 11px;
display : block;
}
.cover-boxes .list-social li {
padding : 0;
}
.cover-boxes .list-social li .icon {
width : 35px;
height : 35px;
font-size : 12px;
}
.pricing-table {
display : inline-block;
border : #fff solid 10px;
position : relative;
text-align : center;
width : 100%;
}
.pricing-table .overlay {
opacity : 0.550000011920928955078125;
}
.pricing-table .pricing-top, .pricing-table .pricing-bottom {
z-index : 2;
position : relative;
}
.pricing-table .pricing-top {
padding : 33px 0;
}
.pricing-table .pricing-top h6 {
letter-spacing : 3px;
margin-right : -3px;
margin-bottom : 22px;
}
.pricing-table .price {
font-family : "Montserrat", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-align : center;
}
.price .dollar, .price .cents {
font-size : 24px;
position : relative;
bottom : 30px;
}
.price .amount {
font-size : 72px;
}
.pricing-table .pricing-bottom {
padding : 33px 0;
background : #ffffff;
}
.pricing-table .pricing-bottom li {
font-size : 16px;
margin-bottom : 22px;
}
.pricing-table .pricing-bottom ul li:last-child {
margin-bottom : 0;
}
.pricing-table.shrink {
transform : scale(0.9,0.9);
}
.panel {
padding : 44px;
}
.testimonials-slider {
position : relative;
margin-top : 22px;
}
.testimonials-slider p {
font-size : 22px;
font-weight : 300;
}
.testimonials-slider span {
font-weight : bold;
}
.testimonials-slider .slides {
margin-bottom : 44px;
}
.testimonials-slider .flex-direction-nav {
width : 100%;
height : 40px;
text-align : center;
}
.testimonials-slider .flex-direction-nav li {
display : inline-block;
}
.testimonials-slider .flex-direction-nav a {
top : 0;
position : relative;
display : inline-block;
left : -5px;
right : 0;
margin : 0;
}
.testimonials-slider .flex-direction-nav .flex-next {
left : 5px;
right : 0;
}
.team-member {
background : #fff;
padding : 44px 0 22px 0;
text-align : center;
}
.team-member img {
margin-bottom : 17px;
}
.team-member span {
display : block;
margin-bottom : 22px;
font-size : 16px;
}
.team-member p {
width : 80%;
text-align : left;
margin-left : 10%;
}
.team-member h6 {
font-size : 15px;
}
figure {
margin : 0;
position : relative;
overflow : hidden;
}
.work-item img {
transition : all 0.5s ease;
}
.work-item:hover img {
opacity : 1 !important ;
opacity : 1;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%) !important; /* Chrome 19+ & Safari 6+ */
}
.work-masonry-container .columns {
position : relative;
padding-left : 0;
padding-right : 2px;
float : left;
}
.work-masonry-item {
margin-bottom : -3px !important ;
}
.work-item:hover .hover-state {
opacity : 1;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%) !important; /* Chrome 19+ & Safari 6+ */
}
.work-item:hover .title-inner {
top : -34px;
}
.work-item:hover .title-inner .controls {
opacity : 1;
}
.work-item:hover .title-inner .text {
opacity : 0;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray ; /* IE6-9 */
    -webkit-filter: grayscale(0%) !important; /* Chrome 19+ & Safari 6+ */
}
.work-item .hover-state {
position : absolute;
width : 100%;
height : 100%;
top : 0;
z-index : 2;
background : rgba(34, 34, 34, 0);
opacity : 0;
transition : all 0.5s ease;
}
.hover-state h5, .hover-state h6 {
color : #fff;
}
.hover-state .button {
margin-top : 22px;
}
.hover-state .button-square {
margin-left : 11px;
}
.work-item .title {
background : #fff;
background : rgba(255, 255, 255, 0.8);
padding : 12px 0 0 0;
text-align : center;
position : absolute;
bottom : 3px;
width : 100%;
margin-bottom : 0;
margin-left : 0;
z-index : 3;
height : 63px;
overflow : hidden;
}
.work-item .title h6 {
color : #7c7c7c;
margin-top : 0;
font-weight : 400;
font-family : "jubilat", sans-serif;
font-size : 11px;
}
.work-item .title h5 {
margin-bottom : 3px;
font-weight : 600;
font-size : 13px;
font-family : "proxima-nova", sans-serif;
text-transform : uppercase;
}
.title-inner {
position : absolute;
width : 100%;
transition : all 0.3s ease;
top : 6px;
}
.title-inner .controls {
transition : all 0.3s ease;
opacity : 0;
margin-top : 7px;
}
.title-inner .controls .button {
margin-right : 11px;
}
.title-inner .text {
transition : all 0.3s ease;
opacity : 1;
}




.work-has-title .button {
margin-top : 0;
}
.columns .work-item {
margin-bottom : 0;
}
.work-instance-wrapper {
overflow : hidden;
padding : 0 15px;
}
.work-masonry-container {
clear : both;
}
.work-filters {
list-style : none;
overflow : hidden;
display : inline-block;
margin : 0 0 99px 0;
}
.work-filters li {
margin-right : 22px;
float : left;
}
.work-filters li .button {
margin-top : 0;
opacity : 0.300000011920928955078125;
transition : all 0.3s ease;
}
.work-filters li:hover .button {
opacity : 1;
}
.work-filters li.active .button {
opacity : 1;
}
.work-filters li:last-child {
margin-right : 0;
}
.work-filters.alt-filters {
margin-top : 44px;
}
.work-filters.alt-filters li {
float : none;
margin-bottom : 11px;
}
.work-filters.alt-filters .button {
border : none;
padding : 0;
font-size : 14px;
letter-spacing : 1px;
}
.work-filters.alt-filters .button:hover {
background : none;
color : #353535;
}
.work-single img {
display : inline-block;
margin-bottom : 30px;
}
.work-single h6 {
margin-bottom : 33px;
}
.work-single .line {
height : 1px;
width : 100%;
background : #353535;
opacity : 0.25;
margin-bottom : 33px;
}
.work-single .description {
padding : 22px;
margin-bottom : 30px;
}
.work-single .description span {
display : inline-block;
margin-top : 22px;
}
.blog-single span, .list-blog-posts span {
display : inline-block;
}
.blog-single img, .list-blog-posts img {
margin-bottom : 0;
display : block;
width : 100%;
}
.blog-single iframe, .list-blog-posts iframe {
width : 100%;
height : 450px;
}
blockquote {
overflow : hidden;
background : #fff;
border : none;
padding : 22px 11px;
margin : 11px 0;
width : 65%;
float : right;
margin-left : 5%;
}
blockquote .icon {
display : inline-block;
font-size : 35px;
opacity : 0.20000000298023223876953125;
}
blockquote p {
font-size : 22px;
font-style : italic;
line-height : 1.6;
}
.post-comments {
margin-top : 99px;
}
.post-comment {
overflow : hidden;
background : #fff;
padding : 22px;
margin : 22px 0;
float : none;
width : 100%;
}
.post-comment img {
max-width : 80%;
}
.post-comment .button {
margin : 0 0 0 11px;
position : relative;
bottom : 2px;
}
.post-comment.indent {
width : 90%;
float : right;
}
aside .widget {
margin-bottom : 44px;
}
aside .widget h5 {
margin-bottom : 22px;
}
aside .widget li {
margin-bottom : 8px;
}
aside .widget li a {
color : #7c7c7c;
font-size : 14px;
}
.masonry-blog-item {
margin-bottom : 30px;
}
.masonry-blog-item .inner {
background : #fff;
padding : 22px 22px 33px 22px;
}
.masonry-blog-item .line {
background : #353535;
opacity : 0.20000000298023223876953125;
height : 1px;
width : 100%;
margin : 17px 0;
}
.masonry-blog-item h5 {
margin-bottom : 11px;
}
.map {
padding : 0;
position : relative;
}
.map .overlay {
opacity : 0.60000002384185791015625;
}
.map-large {
position : relative;
padding : 198px 0;
}
.map-large .row {
position : relative;
z-index : 10;
}
.map-large #map {
position : absolute;
width : 100%;
height : 100%;
top : 0;
}
.map-large .icon-circle {
margin-bottom : 22px;
margin-top : 99px;
}
#map {
width : 100%;
height : 300px;
}
form {
overflow : hidden;
}
input[type="text"] {
background : #f8f8f8;
border : none;
padding : 17px;
font-size : 13px;
width : 48%;
}
form input[type="text"] {
float : left;
}
form input[type="text"]:last-child {
float : right;
}
input[type="submit"] {
float : right;
}
input.hollow {
background : none;
border : #fff solid 2px;
display : inline-block;
color : #fff;
font-size : 14px;
}
input.hollow::-webkit-input-placeholder {
color : #fff;
}
input.hollow:focus {
outline : none;
}
textarea {
background : #f8f8f8;
width : 100%;
border : none;
padding : 11px;
margin-top : 22px;
font-size : 13px;
}
input:focus {
outline : 1px solid rgba(35, 35, 35, 0.2);
}
textarea:focus {
outline : 1px solid rgba(35, 35, 35, 0.2);
}
fieldset {
border : none;
padding : 0;
margin : 0;
overflow : hidden;
}
.form-comments {
overflow : hidden;
margin-top : 99px;
}
.form-comments h6 {
margin-bottom : 22px;
}
.form-comments input[type="text"] {
float : left;
width : 30%;
margin-right : 4.99999995%;
margin-left : 4.99999995%;
margin-top : 0;
margin-bottom : 0;
}
.form-comments fieldset input:last-child {
margin : 0%;
float : right;
}
.form-comments fieldset input:first-child {
margin : 0%;
float : left;
}
.background-mid-grey input[type="text"], .background-mid-grey textarea {
background : #fff;
border : #ddd solid 1px;
}
footer {
padding-top : 30px;
padding-bottom : 40px;
background : url('../img/bgnoise_lg.png');
box-shadow : 0 7px 9px -7px rgba(0, 0, 0, 0.4) inset;
}
footer .logo {
margin-bottom : 121px;
}
footer.background-dark-grey .logo {
background : url('../img/branding/logo-light.png');
}
footer p {
color : #666 !important ;
font-size : 14px;
}
footer p.copy-text {
margin-bottom : 77px;
}
footer h5 {
text-transform : uppercase;
margin-bottom : 44px;
font-size : 11px;
font-weight : bold;
}
footer ul {
list-style : none;
}
footer li a {
font-family : "Montserrat", 'Lato', 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-transform : uppercase;
font-weight : bold;
font-size : 10px;
font-weight : bold;
color : #ccc;
}
.copy-text {
font-size:11px;
line-height:19px;
font-family: "Montserrat", 'Lato', 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
color : #666;
font-weight : 400;
}
.copy-text2{
font-size : 12px;
font-family : "Montserrat", 'Lato', 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
color : #666;
font-weight : 400;
text-align : right;
}
.copy-text2 p a {
color : #666;
margin-left : 20px;
}
.footer-short span {
display : block;
}
.footer-short .icon-heart {
position : relative;
top : 3px;
display : inline-block;
margin : 0 3px;
}
.footer-short ul {
display : inline-block;
overflow : hidden;
margin-bottom : 44px;
}
.footer-short ul li {
float : left;
margin-right : 22px;
}
.footer-short ul li:last-child {
margin-right : 0;
}
.social-profiles {
overflow : hidden;
}
.social-profiles li {
float : left;
margin-right : 11px;
font-size : 18px;
margin-bottom : 11px;
}
.social-profiles li a {
font-size : 18px;
color : #fff;
}
.style-corporate h1, .style-corporate h2, .style-corporate h3, .style-corporate h4, .style-corporate h5, .style-corporate h6 {
font-family : 'Roboto', 'Lato', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.style-corporate h1, .style-corporate h2, .style-corporate h3, .style-corporate h4 {
font-weight : 300;
}
.style-corporate .button {
font-family : 'Roboto', 'Lato', "Montserrat", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.style-corporate input.hollow {
margin-top : 22px;
width : 100%;
font-family : 'Roboto', 'Lato', "Montserrat", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.style-corporate input[type="submit"] {
color : #fff;
border-color : #fff;
display : block;
margin-top : 22px;
background : rgba(255, 255, 255, 0.1);
}
.style-corporate input[type="submit"]:hover {
background : #353535;
border-color : #353535;
}
body.style-classic {
font-family : 'Cardo', 'Lato', "Montserrat", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.style-classic .flex-direction-nav a {
border-radius : 50%;
}
.style-classic .slider .flex-direction-nav .flex-prev:before {
left : 9px;
}
.style-classic .slider .flex-direction-nav .flex-next:before {
right : 9px;
}
.style-classic h1, .style-classic h2, .style-classic h3, .style-classic h4, .style-classic {
font-family : 'Cardo', 'Times', 'Lato', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.style-classic h5 {
text-transform : uppercase;
letter-spacing : 1px;
font-size : 14px;
}
.style-classic .nav-main ul li {
font-family : "Montserrat", 'Lato', 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-transform : uppercase;
font-weight : normal;
font-size : 12px;
letter-spacing : 1px;
}
.style-classic .hero-divider .overlay {
opacity : 0.5;
}
.style-classic .action-block h3 {
margin-bottom : 22px;
}
.style-classic footer h6 {
font-family : "Montserrat", 'Lato', 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-transform : uppercase;
font-weight : normal;
font-size : 12px;
letter-spacing : 2px;
}
.style-switcher {
position : absolute;
left : -200px;
top : 200px;
z-index : 999;
transition : all 0.5s ease;
}
.style-switcher .toggle {
width : 40px;
height : 40px;
text-align : center;
background : #353535;
color : #fff;
font-size : 25px;
padding-top : 7px;
cursor : pointer;
transition : all 0.2s ease;
position : absolute;
right : -40px;
border : #999 solid 1px;
border-left : none;
}
.style-switcher .toggle:hover {
background : #fff;
color : #353535;
}
.style-switcher .select-holder {
padding : 22px;
background : #353535;
width : 200px;
border : #999 solid 1px;
}
.style-switcher select {
margin-bottom : 22px;
}
.show-switcher {
left : 0 !important ;
}
.portrait {
padding : 0 40px 20px 40px;
}
.portrait2 {
padding : 10px 40px 20px 40px;
}
.view {
font-family : 'ElegantIcons';
font-size : 20px;
line-height : 12px;
vertical-align : middle;
}
.no_pad_left {
padding-left : 0;
}
#about hr {
border-top : 2px solid #444;
max-width : 100px;
margin : 15px 0 10px 0;
text-align : left !important ;
}
.two {
border-top : 2px solid #444;
max-width : 100px;
margin : 15px 0 30px 0 !important ;
text-align : left !important ;
}
#content hr {
border-top : 2px solid #666;
max-width : 100px;
margin : 15px 0 10px 0;
text-align : left !important ;
}
.divider {
width : 100% !important ;
max-width : 2000px !important ;
border-top : 1px dotted #aaa !important ;
}
#content2 h6 {
margin-bottom : 0;
color : #91D639 !important ;
text-align : left;
font-family : "jubilat", sans-serif;
z-index : 10;
text-transform : none;
font-weight : 500;
font-size : 15px;
margin-bottom : 0; 
letter-spacing : 0.04em;
}
#content2 h4 {
font-size : 22px;
text-transform : none;
font-weight : 600;
letter-spacing : 0.02em;
}
#content2 p {
font-size : 14px;
}
.details, #copy1 ul {
color : #555;
font-size : 0.8rem;
margin-bottom : 15px;
letter-spacing : 0.01em;
padding-right : 5%;
font-family : "proxima-nova", sans-serif;
line-height : 1.6em;
}
.details li, #copy1 li {
border-bottom : 1px dotted #aaa;
margin-bottom : 3px;
} 
 


#sub img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    border-bottom: 4px solid #fff;
    background-color: #eaebec;
    opacity: 0.8;
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

#sub img:hover {
  
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray ; /* IE6-9 */
    -webkit-filter: grayscale(0%) !important; /* Chrome 19+ & Safari 6+ */
}





a.anchor2 {
display : block;
position : relative;
top : 0;
visibility : hidden;
}
a.anchor {
display : block;
position : relative;
top : -130px;
visibility : hidden;
}
#project h1 {
font-size : 1.35rem;
margin-bottom : 0;
font-family : "proxima-nova", sans-serif;
margin-top : 0;
font-weight : 600 !important ;
letter-spacing : 0.04em !important ;
}
#project h2 {
font-size : 0.8rem;
font-weight : 400 !important ;
line-height : 1.4rem !important ;
text-transform : none;
padding-right : 5%;
font-family : "jubilat", sans-serif;
margin-bottom : 15px;
margin-top : 0;
letter-spacing : 0.02em;
color : #91D639;
}

#secure h2{
font-size: 1rem;
font-weight: 600 !important;
line-height: 1.4rem !important;
text-transform: none;
padding-right: 5%;
font-family: "jubilat", sans-serif;
margin-bottom: 10px;
margin-top: 0;
letter-spacing: 0.02em;
color: #91D639;
}


#secure ul{
	font-family: inherit;
font-weight: normal;
color: #555;
font-size: .8rem;
letter-spacing: 0.01em;
padding-right: 5%;
font-family: "proxima-nova", sans-serif;
line-height: 1.6em;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;

	/* list-style-image: url('../images/pdf/pdf.gif'); */
	list-style: none;
}

#secure li{
    background-image: url('../images/pdf/pdf.gif'); background-repeat: no-repeat; 
    background-position: 0 .2em; 
    padding-left: 2em;
    margin-bottom: 6px;
}

#secure_form{ margin-top:-10px;}

#secure_form input{
	margin-bottom: 15px;
border-radius: 3px;
box-shadow: none;
padding: 8px 30px 8px 10px;}

#secure_form p{margin-bottom: 5px;}

#secure_form .button-small{padding: 5px 20px 8px;
float: left !important;
border-radius: 10px;
letter-spacing: 0.08em;}