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

/******** GENERAL ********/
body{background:#fff;color:#5d5d5d}
html{height:100%}
ul, ol{list-style:none}

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

/******** LINKS ********/
a{color:#111}
a:hover{color:#3d3d3d}
a:focus, a:active{color:#3d3d3d}

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

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

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

/* ====---- HEADER 003 ----==== */
header .icon{color:#fff}
header .icon:hover{border-top-color:#f4f4f4;border-bottom-color:#f4f4f4;color:#fff}

header .widget-title-bg{}
header .widget-title h1{color:#fff;background:rgba(0,0,0, var(--alpha))}

/* ====---- NAV 003 ----==== */
#nav003 .navbar-default{background-color:transparent}
#nav003.sticky .navbar-default{background:rgba(0,0,0, var(--alpha))}

#nav003 li a{background:transparent;color:#f4f4f4;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#f4f4f4}
#nav003 li a:hover, 
#nav003 li a:active, 
#nav003 li a:focus, 
#nav003.sticky li a:hover, 
#nav003.sticky li a:active, 
#nav003.sticky li a:focus, 
#nav003 .navbar-default .navbar-nav > .active > a, 
#nav003 .navbar-default .navbar-nav > .active > a:hover, 
#nav003 .navbar-default .navbar-nav > .active > a:focus, 
#nav003 .navbar-default .navbar-nav > .active > a:active
{background:transparent;color:#fff;border-top-color:#f4f4f4;border-bottom-color:#f4f4f4}

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

/******** NAV STICKY ********/
#nav003.sticky nav{background:#fff}
#nav003.sticky{box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){
#nav003 .navbar-default .navbar-toggle .icon-bar{background-color:#fff}

#nav003 .logo-mobil:hover a, 
#nav003.sticky .logo-mobil:hover a
{background:#1a2833}

#nav003 li a, 
#nav003.sticky li a
{background:#1a2833;color:#fff;border-bottom-color:#81868c}

#nav003 .navbar-collapse{background:#1a2833}

.toggle-color{background:#1a2833}

.navbar-toggle{background:transparent !important}
.navbar-toggle:hover{background:transparent !important}
}

/* ====---- MAIN 003 ----==== */
/******** HEADLINES GENERAL ********/
main .headline-style-top{color:#111}
main .headline-style-sub{color:#3d3d3d}

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

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

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

/******** 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:#111;color:#fff;border-color:#ccc}
#projects002 a:hover, 
#projects002 a:active, 
#projects002 a:focus
{background:#3d3d3d;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:#111}

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

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

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

.gallery-item .overlay-box{color:#fff;background:rgba(0,0,0, var(--alpha))}
.gallery-item .overlay-inner .link{color:#fff;background:#111}
.gallery-item .overlay-inner .link:hover{color:#fff;background:#3d3d3d}

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

/* ====---- CONTACT 001 ----==== */
#contact001 .fieldset{border-color:#ccc;background:#fff}
#contact001 .fieldset:hover{border-bottom-color:#111}
#contact001 .fieldset:focus{background:#fff;border-color:#111}
#contact001 .btn-primary{background:#111}
#contact001 .btn-primary:hover{background:#3d3d3d}

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

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

.app3-link{color:#111}
.app3-link:hover{color:#3d3d3d}

/* ====---- FOOTER 003 ----==== */

/******** ADDITIONAL ********/
#footer003{background:rgba(0,0,0, var(--alpha))}

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

footer .foo2-abst-top-bottom{border-color:rgba(255,255,255, var(--alpha3))}

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

footer .icon-circled a{background:transparent;color:#ccc}
footer .icon-circled a:hover, 
footer .icon-circled a:focus, 
footer .icon-circled a:active
{background:transparent;color:#fff}

