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

/******** GENERAL ********/
body{background:#fff;color:#141414}

/******** BUTTON ********/
.btn-sidebox{color:#fff;background:#0083B9}
.btn-sidebox:hover, 
.btn-sidebox:active, 
.btn-sidebox:focus{color:#fff;background:#006ca0}

/******** LINKS ********/
a{color:#0083B9}
a:hover{color:#006ca0}
a:focus, a:active{color:#006ca0}

/******** POSTER ********/
.capX{background:rgba(0,0,0, var(--alpha))}

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

/******** FOOTER | FOO ********/
footer{background:#152029}
footer .foo5{background:#1a2833}
footer .foo5 a{color:#ccc}
footer .foo5 a:focus, footer .foo5 a:hover, footer .foo5 a:active{color:#006ca0}
.foo5a{color:#ccc}
.foo5b{color:#ccc}

/******** ARROW-BACK ********/
#back-top span{background:transparent url("./../../img/icons/arrow7.png") no-repeat scroll center center}

/* ====---- HEADER 002 ----==== */
header .widget-title-bg{background:#0083B9}
header .widget-title h1{color:#fff}

/******** SOCIALMEDIA ********/
header .icon{color:#828282}
header .icon:hover{background:#0083B9;color:#fff}
header .icon-2{color:#0083B9}

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

#nav002 li a{background:#fff;color:#5D5D5D;border-color:#f4f4f4}
#nav002 li a:hover, 
#nav002 li a:active, 
#nav002 li a:focus, 
#nav002.sticky li a:hover, 
#nav002.sticky li a:active, 
#nav002.sticky li a:focus 
{background:#0083B9;color:#fff}

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

/******** NAV STICKY ********/
#nav002.sticky nav{background:#fff}

#nav002.sticky{box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){
#nav002 .logo-mobil:hover a, 
#nav002.sticky .logo-mobil:hover a
{background:#152029}

#nav002 li a, 
#nav002.sticky li a
{background:#152029;color:#fff;border-color:#81868c}

#nav002 .navbar-collapse{background:#152029}

.toggle-color{background:#152029}
}

/* ====---- SLIDER 002 ----==== */

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

/******** SLIDER, BUTTONS ********/
.btn-style-1a{background:#0083B9;color:#fff}
.btn-style-1a:hover{background:#fff;color:#0083B9}
.btn-style-1b{color:#0083B9;background:#fff}
.btn-style-1b:hover{background:#0083B9;color:#fff}

/******** ADDITIONAL ********/
.jssorb01 div{background:#f4f4f4}
.jssorb01 div:hover, .jssorb01 .av:hover{background:#006ca0}
.jssorb01 .av{background:#0083B9}
.jssorb01 .dn, .jssorb01 .dn:hover{background:#6e6e6e}

/* ====---- MAIN 001 ----==== */
/******** HEADLINES GENERAL ********/
main .headline-style-top{color:#0083B9}
main .headline-style-sub{color:#006ca0}

/******** HEADLINES LINE SET 1 (LEFT) ********/
main .headline1-line-left::before{box-shadow:0 0 3px 3px rgba(0,131,185, var(--alpha2))}
main .headline1-line-left::before{background:#0083B9}
main .headline1-line-left::after{border-color:#0083B9}

/******** HEADLINES LINE SET 1 (CENTER) ********/
main .headline1-line-center::before{box-shadow:0 0 3px 3px rgba(0,131,185, var(--alpha2))}
main .headline1-line-center::before{background:#0083B9}
main .headline1-line-center::after{border-color:#0083B9}

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

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

/* ====---- PROJECTS 002 ----==== */
#projects002 a{background:#0083B9;color:#fff;border-color:#ccc}
#projects002 a:hover, 
#projects002 a:active, 
#projects002 a:focus
{background:#006ca0;color:#fff;border-color:#ddd}

/******** Portfolio Isotop Filter ********/
.portfolio-filter button{background:#fff;color:#141414;border-color:#ccc}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#fff;background:#0083B9}

.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:#0083B9;border-color:#ddd}

/* ====---- NAVIGATION LEFT ----==== */
.portfolio-filter button{color:#5d5d5d;background:transparent;border-bottom-color:transparent}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#0083B9;background:transparent;border-bottom-color:#0083B9}

.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:#0083B9;background:transparent;border-color:#0083B9}

/* ====---- GALLERY 002 ----==== */

/* ====---- GENERAL ----==== */
.gallery-section .filters li{background:#fff;color:#000;border-color:#ccc}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#fff;background:#0083B9}

.gallery-item .overlay-box{color:#fff;background:rgba(0,0,0, var(--alpha))}
.gallery-item .overlay-inner .link{color:#fff;background:#0083B9}
.gallery-item .overlay-inner .link:hover{color:#fff;background:#006ca0}

.gallery-item .inner-box h3{color:#141414}

/* ====---- NAVIGATION LEFT ----==== */
.gallery-section .filters li{color:#5d5d5d;background:transparent}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#0083B9;background:transparent;border-bottom-color:#0083B9}

/* ====---- CONTACT 001 ----==== */
#contact001 .fieldset{border-color:#ccc;background:#fff}
#contact001 .fieldset:hover{border-bottom-color:#0083B9}
#contact001 .fieldset:focus{background:#fff;border-color:#0083B9}
#contact001 .btn-primary{background:#0083B9}
#contact001 .btn-primary:hover{background:#006ca0}

/* ====---- SITEAPP 003 ----==== */
.app3-title h2{color:#0083B9}

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

.app3-link{color:#0083B9}
.app3-link:hover{color:#006ca0}

/* ====---- FOOTER 002 ----==== */
footer{color:#ccc}
footer a{color:#ccc}
footer a:hover, 
footer a:focus, 
footer a:active
{color:#006ca0}

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