/* ====---- 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;text-decoration:none}
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 002 ----==== */

header .widget-title-bg{background:#5B7FA6}
header .widget-title h1{color:#fff}

/******** SOCIALMEDIA ********/
header .si-icon{color:#828282}
header .si-icon-wrap2{background:transparent}
header .si-icon-wrap2:hover{background:#4A4A4A}
header .si-icon-wrap2:hover .si-icon{color:#fff}

/* ====---- NAV 003 ----==== */
.navbar-default{background-color:#fff}

#nav002 li a{background:#fff;color:#5D5D5D;border-right-color:#f4f4f4}
#nav002 li a:hover, 
#nav002 li a:active, 
#nav002 li a:focus
{background:#5B7FA6;color:#fff}

#nav002 .border-left{border-left-color:#f4f4f4}

/******** NAV STICKY ********/
#nav002.sticky li a{background:transparent;color:#fff}
#nav002.sticky li a:hover, 
#nav002.sticky li a:active, 
#nav002.sticky li a:focus
{background:#3D5A80;color:#fff}

#nav002.sticky nav{background:#5B7FA6}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){

#nav002 li a:hover, 
#nav002 li a:active, 
#nav002 li a:focus
{background:#3D5A80;color:#fff}

#nav002 .logo-mobil:hover a, 
#nav002.sticky .logo-mobil:hover a
{background:#5B7FA6}

#nav002 li a, 
#nav002.sticky li a
{background:#5B7FA6;color:#fff;border-bottom-color:#3D5A80}

#nav002 .navbar-collapse{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 002 ----==== */

/******** 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}

/* ====---- COLORTHEME - PROJECTS ----==== */

#projects002 a{background:#5B7FA6;color:#fff;border-color:#fff}
#projects002 a:hover, 
#projects002 a:active, 
#projects002 a:focus
{background:#3D5A80;color:#fff;border-color:#fff}

/******** Portfolio Isotop Filter ********/
.portfolio-filter button{background:#fff;color:#1A2833;border-color:#fff}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#fff;background:#1A2833}

.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:#1A2833;border-color:#fff;box-shadow:none}

/* ====---- NAVIGATION LEFT ----==== */
.portfolio-filter button{color:#5B7FA6;background:transparent;border-bottom-color:transparent;box-shadow:none}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#3D5A80;background:transparent;border-bottom-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:#3D5A80;background:transparent;border-color:#3D5A80;box-shadow:none}

/******** Portfolio Isotop Overlay Effect ********/
.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}

/******** project-gallery.less ********/
.project-caption h3{color:#5B7FA6}

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

/* ====---- GENERAL ----==== */
.gallery-section .filters li{background:#fff;color:#1A2833}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#fff;background:#1A2833}

.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}

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

/* ====---- 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}

/* ====---- COLORTHEME - 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, .app3-link:active, .app3-link:focus{color:#3D5A80}

/* ====---- FOOTER 002 ----==== */

/******** 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}