/* ====---- WEB STANDARD ----==== */

body{background:#fff;color:#4A4A4A}

/******** BUTTON ********/
.btn-sidebox{color:#fff;background:#5B7FA6}
.btn-sidebox:hover, 
.btn-sidebox:active, 
.btn-sidebox:focus{color:#fff;background:#3D5A80}

/******** LINKS ********/
a{color:#5B7FA6}
a:hover, a:focus, a:active{color:#3D5A80}

/******** LINES ********/
.line1{border-top:2px solid #5B7FA6}
.line2{border-top:2px solid #5B7FA6}
.line3{border-top:2px solid #5B7FA6}
.line4{border-top:2px solid #5B7FA6}
.line5{border-top:2px solid #5B7FA6}
.line6{border-top:2px solid #5B7FA6}

/******** ARROW-BACK ********/
#back-top span:hover,#back-top > a:focus{color:#000}

/******** MODAL ********/
.modal .icon-icon{color:#5B7FA6}

/******** TAGCLOUD ********/
#tagcloud a{color:#4A4A4A}
#tagcloud a:hover, #tagcloud a:focus{background:#3D5A80;color:#fff}
#tagcloud legend{color:#4A4A4A}
#tagcloud fieldset{border-color:#4A4A4A}

/* ====---- HEADER ----==== */
header .widget-fixed{background:#152029}
header .widget-title-bg{background:#5B7FA6}
header .widget-title h1{color:#fff}

/* ====---- NAV 001 ----==== */
nav .navbar-default{background-color:#152029}

nav .navbar-default .navbar-nav li a{color:#ddd}
nav .navbar-default .navbar-nav li a:hover, 
nav .navbar-default .navbar-nav li a:active, 
nav .navbar-default .navbar-nav li a:focus
{color:#5B7FA6}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{color:#5B7FA6;background-color:transparent;border-bottom-color:#5B7FA6}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){
nav .navbar-default .navbar-nav li a{background:#152029;color:#fff;border-bottom-color:#5B7FA6}

nav .navbar-collapse{background:#3D5A80}

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

.navbar-default .navbar-toggle .icon-bar{background:#fff}

nav .toggle-color{background:#152029}
}

/* ====---- COLORTHEME - SLIDER ----==== */

/******** SLIDER, TEXTS ********/
.sliderTxt{--alpha:0.25;background:rgba(0,0,0, var(--alpha))}
.captionH{color:#fff}
.captionS{color:#fff}
.captionC{color:#fff}

/******** SLIDER, BUTTONS ********/
.btn-style-1a{background:#5B7FA6;color:#fff}
.btn-style-1a:hover{background:#fff;color:#5B7FA6}
.btn-style-1b{color:#fff;background:#3D5A80}
.btn-style-1b:hover{background:#fff;color:#3D5A80}

/******** ADDITIONAL ********/
.jssorb01 div{background:#f4f4f4}
.jssorb01 div:hover, .jssorb01 .av:hover{background:#3D5A80}
.jssorb01 .av{background:#5B7FA6}
.jssorb01 .dn, .jssorb01 .dn:hover{background:#3D5A80}

/* ====---- MAIN 001 ----==== */

/******** HEADLINES GENERAL ********/
main .headline-style-top{color:#5B7FA6}
main .headline-style-sub{color:#3D5A80}

/******** HEADLINES LINE SET 1 (LEFT) ********/
main .headline1-line-left::before{border-color:#fff;}
main .headline1-line-left::before{--alpha2:0.4;box-shadow:0 0 3px 3px #5B7FA6}
main .headline1-line-left::before{background:#5B7FA6}
main .headline1-line-left::after{border-color:#5B7FA6}

/******** HEADLINES LINE SET 1 (CENTER) ********/
main .headline1-line-center::before{border-color:#fff}
main .headline1-line-center::before{--alpha2:0.4;box-shadow:0 0 3px 3px #5B7FA6}
main .headline1-line-center::before{background:#5B7FA6}
main .headline1-line-center::after{border-color:#5B7FA6}

/******** HEADLINES LINE SET 2 ********/
main .headline2-line-left{background:#5B7FA6}
main .headline2-line-center{background:#5B7FA6}

/******** HEADLINES LINE SET 3 ********/
main .headline3-line-left{border-bottom-color:#5B7FA6}
main .headline3-line-center{border-bottom-color:#5B7FA6}

/* ====---- PROJECTS 001 ----==== */
#projects001 a{background:#5B7FA6;color:#fff;border-color:#fff}
#projects001 a:hover, 
#projects001 a:active, 
#projects001 a:focus
{padding:5px;background:#3D5A80;color:#fff;border-color:#fff}

/******** Portfolio Isotop Filter ********/
.portfolio-filter button{background:#fff;color:#5B7FA6;border-color:#5B7FA6}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#fff;background:#3D5A80;border-color:#3D5A80}

.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus, 
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{color:#fff;background:#3D5A80;border-color:#3D5A80}

/* ====---- NAVIGATION LEFT ----==== */
.portfolio-filter{margin-bottom:25px;text-align:left}

/******** Portfolio Isotop Overlay Effect ********/

.gallery-isotope.default-animation-effect .gallery-item .overlay-shade{background-color:#333}
.gallery-isotope.default-animation-effect .gallery-item .portfolio-description{background-color:#f8f8f8}
.gallery-isotope.default-animation-effect .gallery-item .portfolio-description .title a{color:#333333}
.gallery-isotope.default-animation-effect .gallery-item .text-holder .title{color:#fff}

/******** features.less ********/
.feature-item .thumb .title{color:#fff;background:#141414}
.feature-item .thumb .title h3{color:#fff}

/* ====---- GALLERY 001 ----==== */

/* ====---- GENERAL ----==== */

.gallery-section .filters li{background:#fff;color:#5B7FA6;border-color:#5B7FA6}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#fff;background:#3D5A80;border-color:#3D5A80}

.gallery-item .overlay-box{color:#fff}
.gallery-item .overlay-inner .link{color:#fff;background:#5B7FA6}
.gallery-item .overlay-inner .link:hover{color:#fff;background:#3D5A80}

.gallery-item .inner-box h3 a{color:#5B7FA6}
.gallery-item .inner-box h3{color:#5B7FA6}

/* ====---- COLORTHEME - CONTACT ----==== */

#contact001 .fieldset{border-color:#ccc;background:#fff}
#contact001 .fieldset:hover{border-bottom-color:#5B7FA6}
#contact001 .fieldset:focus{background:#fff;border-color:#3D5A80}

#contact001 .btn-primary{background:#5B7FA6}
#contact001 .btn-primary:hover{background:#3D5A80}

.contact-modal-content{background-color:#fff}
.contact-modal-close{color:#aaa}

/* ====---- SITEAPP 003 ----==== */

.app3-title h2{color:#5B7FA6}

img.app3-img-left{box-shadow:-15px 15px #e5e5e5}
img.app3-img-right{box-shadow:-15px 15px #e5e5e5}

.app3-link{color:#5B7FA6}
.app3-link:hover{color:#3D5A80}

/* ====---- FOOTER 001 ----==== */

/******** FOOTER | FOO ********/
footer{background:#152029}
footer .foo5{background:#1A2833}
footer .foo5 a{color:#B0BEC5}
footer .foo5 a:focus, footer .foo5 a:hover, footer .foo5 a:active{color:#fff}
.foo5a{color:#78909C}
.foo5b{color:#78909C}

footer{color:#B0BEC5}
footer a{color:#B0BEC5}
footer a:hover, 
footer a:focus, 
footer a:active
{color:#fff}

footer .foo-headline{color:#fff}
footer .fooline1{background:#fff}

/******** SOCIALMEDIA ********/
footer .si-icon-wrap{color:#B0BEC5}