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

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

/******** BUTTON ********/
.btn-sidebox{color:#fff;background:#010203}
.btn-sidebox:hover, 
.btn-sidebox:active, 
.btn-sidebox:focus{color:#fff;background:#a2a3a3}

/******** LINKS ********/
a{color:#010203}
a:hover{color:#666666}
a:focus, a:active{color:#666666}

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

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

/******** 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:#a2a3a3}
.foo5a{color:#ccc}
.foo5b{color:#ccc}

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

/* ====---- HEADER ----==== */
header .widget-fixed{background:#152029;box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2))}

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

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

nav .navbar-default .navbar-nav li a{background:transparent;color:#ccc}
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:#a2a3a3}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{color:#a2a3a3;border-color:#a2a3a3}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){
nav .navbar-collapse{background:#152029}

nav .navbar-default .navbar-nav li a{background:#152029;color:#fff;border-bottom-color:#81868c}

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

/* ====---- SLIDER 001 ----==== */

/******** SLIDER, TEXTS ********/
#sliderTxt{background:rgba(0,0,0, var(--alpha))}
.captionH{color:#fff;background:rgba(1,2,3, var(--alpha))}
.captionS{color:#fff;background:rgba(1,2,3, var(--alpha))}
.captionC{color:#fff;background:rgba(1,2,3, var(--alpha))}
.captionU{position:relative;width:100%;margin:0 auto}

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

/******** ADDITIONAL ********/
.jssorb01 div{background:#f4f4f4}
.jssorb01 div:hover, .jssorb01 .av:hover{background:#a2a3a3}
.jssorb01 .av{background:#010203}
.jssorb01 .dn, .jssorb01 .dn:hover{background:#6e6e6e}

/* ====---- MAIN 001 ----==== */
/******** HEADLINES GENERAL ********/
main .headline-style-top{color:#5d5d5d}
main .headline-style-sub{color:#010203}

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

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

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

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

/* ====---- PROJECTS 001 ----==== */
#projects001 a{background:#010203;color:#fff;border-color:#ccc}
#projects001 a:hover, 
#projects001 a:active, 
#projects001 a:focus
{background:#a2a3a3;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:#010203}

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

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

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

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

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

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

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

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

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

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

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

.app3-link{color:#010203}
.app3-link:hover{color:#a2a3a3}

/* ====---- FOOTER 001 ----==== */
footer{color:#ccc}
footer a{color:#ccc}
footer a:hover, 
footer a:focus, 
footer a:active
{color:#a2a3a3}

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