/* Header */


/* Colors */

h1,h2,h3,h4,h5,h6,a:hover, time, .touch #explore a i:hover,.no-touch #explore a i:hover, #top-navigation li.active a, #top-navigation li:hover a, #menu-mobile:hover i, .service:hover h5, .service.active h5, .work-filter li.active, .work-filter li:hover, .button-feed.active i, .button-feed:hover i, #tweet_loader, .tweet_link, #loading, #link-header a:hover, #show-comments.active a, .page .post h2:hover a, .search .post h2:hover a, .category .post h2:hover a, .archive .post h2:hover a, .tag .post h2:hover a, .page .portfolio h2:hover a, .search .portfolio h2:hover a, .category .portfolio h2:hover a, .archive .portfolio h2:hover a, .tag .portfolio h2:hover a, .contact:hover .icon a i, .show-offcanvas i.icon-remove, #offcanvas-navigation a, .show-offcanvas i{color:#3d613e}
a{color: #1AA053;}
a:hover{text-decoration:underline; color: #1AA053;}
#logo h1{font-family: 'Helvetica'; font-size: 72px; letter-spacing: normal;margin-top:0;color:white;}
#logo-lettering.text{font-family: 'Helvetica';font-size: 30px;font-weight: bold;color:white;}
#logo img{margin-bottom: 2em;}
.view-posts a{color:white;}
b, strong {
    font-weight: 700;
    letter-spacing: -0.009em;
}
select, .expand, .view-posts:hover, #submit:hover, .page-numbers.current, .page-numbers:hover, #contacts .btn, .jp-interface, .jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover, .jp-play-bar, .jp-volume-bar-value{background-color:#3d613e}

::selection{background: #3d613e}
::-webkit-selection{background: #3d613e}
::-moz-selection{background: #3d613e}

.member-hover{background-color: rgba(61,97,62,0);}
.member-photo:hover .member-hover{background-color: rgba(61,97,62,0.5);}
.th:hover, .th:focus {-webkit-box-shadow: 0 0 6px 1px rgba(61,97,62,0.5);box-shadow: 0 0 6px 1px rgba(61,97,62,0.5);}

#next-project-name, #previous-project-name{background-color: rgb(61,97,62); background-color: rgba(61,97,62,1);}
#footer{background-color: #eeeff5;}
/* Fonts */

h1,h2,h3,h4,h5,h6,.single-post .post h1.post-title{font-family: 'None';}

body, #submit, .contact-label, #offcanvas-navigation .sidebar-widget h3, #offcanvas-navigation form.search input{font-family: 'Open Sans';}

.single-post .post h1, .single-post .post h2, .single-post .post h3, .single-post .post h4, .single-post .post h5, .single-post .post h6, .single-post .post p{font-family: 'None';}

h1,h2,h3,h4,h5,h6,.single-post .post h1.post-title{font-family: 'Titillium Web', sans-serif;}

body, #submit, .contact-label, #offcanvas-navigation .sidebar-widget h3, #offcanvas-navigation form.search input{font-family: 'Open Sans', sans-serif;}

html {
    background: #362D7E url("../img/background.svg") 50% 0 no-repeat;
    background-attachment:fixed;
}
body { background: transparent; }
.sections{padding:6.25em 0;}
.intro{margin-bottom: 3em;}
.sections p{ font-weight: 300; font-size: 1em;}
.sections h1{ font-size: 2.5em; letter-spacing:0.5px; font-weight: 400;}
#caption {
    font-size: 1.8em;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.6em;
    margin-top: 1.3em;
}
#top-bar{ height: 6em; padding: 1em 0; background-color: #362D7E;}
.sections h1{margin-bottom: 0.5em;}
.mobile-nav-container{background-color: #362d7e}
#project-details p {
    color: #4A4A4A;
    font-size: 0.95em;
    line-height: 1.6em;
    margin-bottom: 1.7em;
}
hr.section-divider{opacity: .3; margin: 3em 0;}
h2#project-title{margin-top: 0;}
#header{height: auto !important; background: none; margin:3em 0;}
ul.box-header-links{
    list-style-type:none;
    padding: 0;
}
ul.box-header-links li{
    display:inline-block;
    padding-right: 30px;
    vertical-align: middle;
}
ul.box-header-links li a, #top-navigation li a{
    color: #FFFFFF;
    font-family: 'Open Sans';
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
#top-navigation li a{
    font-size: .75em;
    color: #fff;
    opacity: .3;
}
#top-navigation li.active a:hover{
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
}
#top-navigation li.active a, #top-navigation li.active a:hover {
    color: #fff;
    opacity: 1;
    text-decoration:none;
}
#top-navigation li a:hover{
    color:#fff;
    opacity: 1;
    text-decoration: none;
}
ul.box-header-links li a:hover{
    border-bottom: 3px solid rgba(255,255,255,.3);
    padding-bottom: 10px;
    text-decoration: none;
}
ul.box-header-links li:last-child{
    padding-right: 0;
}
ul.box-header-links:before, ul.box-header-links:after {
    content: " ";
    display: table;
}
ul.box-header-links li.box-header-logo a:hover{
    border-bottom: none;
    padding: 0;
}
.list-inline > li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
#logo{
    margin-bottom: 2em;
}
.caption-container{
    margin: 6em 0 10em;
}
section#case-studies{
    background: none repeat scroll 0 0 rgba(27,22,62, 0.8);
    /* background: none repeat scroll 0 0 rgba(26,160,83, 0.8); */
}
.sections h2{
    font-size: 2em;
    font-weight: 300;
    font-family: 'Open Sans';
    margin: 1em 0;
}
.section-color h2, .section-color h1{
    color: #fff;
}
.sections p{
    color: #363636;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
}
.section-color p{
    color: #dddddd;
}
.sections h3{
    color: #363636;
    font-weight: 300;
}
.service h5, h5 {
    color: #363636;
    font-size: 1.4125em;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 0.5em;
}
.section-color h5{
    color: #fff;
}
section#about{background-color:rgba(255,255,255,1);}
section#subscribe{overflow:hidden;}
h5.year{color: #363636;
    font-family: 'Open Sans';
    font-size: 1.4125em;
    font-weight: 200;
    letter-spacing: -0.05em;
    margin-bottom: 0.5em;}
img.logo-img-mobile{width: 40%;}

.single #top-bar, .blog #top-bar{position: relative; top: 0;}
.single #top-navigation li a, .blog #top-navigation li a{color: #fff; opacity: 1;}
.box-mobile-nav{background-color: #362d7e;}
#submit, .btn-submit{
    background-color: #1aa053;
    border-radius: 5px;
    font-weight: 500;
    text-transform: none;
    color: #fff;
    font-size: 1.3em;
}
.btn-subscribe{
    background-color: #1aa053;
    border-radius: 5px;
    font-weight: 500;
    text-transform: none;
    color: #fff;
    font-size: 1em;
}
#submit:hover, .btn-submit:hover{
    background-color: #168646;
}
p.xtra-padding-side{padding: 0 30px;}
.service:hover, .service.active{color: #fff; cursor:default;}
.service:not(active) img {
    opacity: 1;
}
.single-post .post h1, .single-post .post h2, .single-post .post h3, .single-post .post h4, .single-post .post h5, .single-post .post h6, .single-post .post p {
    font-family: 'Open Sans';
}
.featured-post-info{
    background-color: rgba(255, 255, 255, 0.3);
}
.featured-post-info p:first-of-type {
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 1em;
}
.sections .featured-post-info h2 a{
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 0.0001em;
}
.sections .featured-post-info h2 a:hover{
    opacity:.6;
}
.featured-post-info hr{border-top:1px solid #fff;}
.single-post .post h1.post-title {
    font-size: 3em;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 0.5em;
}
.single-post .post h1, .single-post .post h2, .single-post .post h3, .single-post .post h4, .single-post .post h5, .single-post .post h6, .single-post .post p {
    font-family: 'Open Sans';
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 2em;
}
.single-post .post span {
    color: #888888;
}
#blog-header{
    background-color: transparent;
    padding-top: 3em;
    height: 16em;
}
#blog-header h1{
    font-size: 3em;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 0.5em;
    color: #ffffff;
}
#blog-header h3.meta{
    font-weight: 300;
    text-transform: none;
}
.page .post h2 a, .search .post h2 a, .archive .post h2 a, .category .post h2 a, .page .portfolio h2 a, .search .portfolio h2 a, .archive .portfolio h2 a, .category .portfolio h2 a {
    color: #362d7e;
    font-weight: 500;
}
.page .post h2 a:hover, .search .post h2 a:hover, .archive .post h2 a:hover, .category .post h2 a:hover, .page .portfolio h2 a:hover, .search .portfolio h2 a:hover, .archive .portfolio h2 a:hover, .category .portfolio h2 a:hover {
    text-decoration:underline;
}
.page .post p, .search .post p, .archive .post p, .category .post p, .page .post p, .search .portfolio p, .archive .portfolio p, .category .portfolio p {
    font-family: 'Open Sans';
    font-size: 1.05em;
}
#previous-post a.load h6#project-title{
    color: #362d7e;
    font-weight: 500;
}
#previous-post a.load:hover h6#project-title{
    text-decoration: underline;
}
.view-posts {
    background-color: #1AA053;
    border-radius: 5px;
    color: #FFFFFF;
    margin-top: 2em;
    text-transform: none;
}
.view-posts:hover{
    background-color: #1CAD5A;
}

.btn:hover{
    opacity: .85;
    color: #fff;
}
section#services.sections h1, section#services.sections h2, section#services.sections h5{
    color: #3D613E;
}
section#services .tab-pane ul{
    font-weight: 300;
    text-align:left;
    padding: 20px;
    list-style-type:none;
}
section#services .tab-pane ul li{
    margin-bottom: 1em;
    line-height: 1.6em;
}
section#other-services{
    background-color: rgba(73,62,141, .9);
}
.icon-xlarge{
    font-size: 2em;
}
.icon-xxlarge{
    font-size: 4em;
}
.icon-ltgreen{
    /*color: #8DB674;*/
    color:#9acfa9;
}
.icon-purple{
    color: #493e8d;
}
.icon-white50{
    color: rgba(255,255,255,.5);
}
.icon-partner{font-size: 10em; color: #484F4C;}
/* TABS */
.tab-content > .active, .pill-content > .active {
    background-color: #EEEFF5;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    display: block;
}
.nav-tabs.nav-justified > .active > a {
    background-color: #EEEFF5;
    border-bottom-color: #EEEFF5;
    color: #000000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #493e8d;
}
.tab-content{
    margin-bottom: 2em;
}
.nav-tabs.nav-justified > li > a:hover {
    border-bottom: 1px solid #DDDDDD;
    margin-right: 0;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    background-color: #EEEFF5;
    text-decoration: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: #EEEFF5;
}
#menu-mobile:hover i{
    color: rgba(255,255,255, .5);
}
#menu-mobile.active i{
    color: #9acfa9;
}
section#services .tab-pane ul li:last-child {
    margin-bottom: 0;
}
@media all and (max-width: 991px){
    #top-bar{height: 5em; padding: 0.5em 0;}
}
@media all and (max-width: 767px){
    .sections{padding: 2em 0;}
    .nav-tabs-xs{
        display:none;
    }
    .tab-pane-xs{
        display:block !important;
        background-color:#eeeff5;
    }
    .nav-tabs.nav-justified > .active > a, .tab-content > .active, .pill-content > .active, .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus {
        border: medium none;
    }
    .tab-title {
    color: #3D613E;
    font-size: 1.15em;
    font-weight: 600;
    padding: 0.5em 0 2em
    }
    h5.icon{
        margin-top: 2em;
    }
    .icon-partner{
        font-size: 7em;
    }
}
@media all and (max-width: 360px){
        .caption-container{margin: 1em 0;}
    #caption {font-size: 1.3em; margin-top: 0;}
}
/* Custom CSS */