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

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

/******** 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 #0083B9}
.line2{border-top:2px solid #0083B9}
.line3{border-top:2px solid #0083B9}
.line4{border-top:2px solid #0083B9}
.line5{border-top:2px solid #0083B9}
.line6{border-top:2px solid #0083B9}

/******** SCROLLBAR ********/
::-webkit-scrollbar-thumb{background:#0083B9;border-color:#fff}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active{background:#0083B9;border-color:#fff}
::-webkit-scrollbar-track{background:#0083B9;border-color:#0083B9}
::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active{background:#0083B9;border-color:#0083B9}
::-webkit-scrollbar-corner{background:transparent}

/******** BREDCRUMB SITE ********/
.bredcumb{background:#0083B9;color:#fff}
.bredcumb1 h2{color:#fff}
.bredcumb3{color:#fff}
.bredcumb a{color:#ddd}
.bredcumb a:hover, 
.bredcumb a:active, 
.bredcumb a:focus{color:#fff}

/******** BREDCRUMB POSTER ********/
.bredcumbT h2{color:#0083B9}
.bredcumbX{color:#fff}
.bredcumbX a{color:#fff}
.bredcumbX a:hover,
.bredcumbX a:active,
.bredcumbX a:focus
{color:#0083B9}
.bredcumbZ{color:#0083B9}


/******** FOOTER | FOO ********/
footer{background:#152029}
footer a{color:#808080}
footer a:focus, footer a:hover, footer a:active{color:#6E6E6E}
.foo5{background:#1A2833}
.foo5a{color:#808080}
.foo5b{color:#808080}

/* ====---- HEADER 002 ----==== */

/******** ADDITIONAL ********/
header a{color:#5d5d5d}
header a:hover, 
header a:active,
header a:focus
{color:#006ca0}

header .bg-color{background:#f4f4f4}
header .header-middle{background:#fff}
header .widget-4 a{color:#5d5d5d}
header .widget-4x{color:#000}

header .icon{color:#5d5d5d}
header .icon:hover{background:#0083B9;color:#fff}
header .icon-2{color:#5d5d5d}

header .widget-4:hover, 
header .widget-4 a:hover, 
header .widget-4x:hover, 
header .icon-2:hover
{color:#0083B9}

/* ====---- NAV 001 ----==== */
#nav001 .navbar-default .navbar-nav > li > a{color:#5d5d5d}
#nav001 .navbar-default .navbar-nav > li > a:hover, 
#nav001 .navbar-default .navbar-nav > li > a:active, 
#nav001 .navbar-default .navbar-nav > li > a:focus{color:#fff;background:#0083B9}

.icontext1{display:none}
.icontext2{display:inline-block}
@media screen and (max-width:1199px){
#nav001 .icontext1{display:inline-block}.icontext2{display:none}
}

#nav001 .navbar-default .navbar-nav > .active > a, 
#nav001 .navbar-default .navbar-nav > .active > a:focus, 
#nav001 .navbar-default .navbar-nav > .active > a:hover{background:#0083B9;color:#000}

#nav001 .dropdown-menu{background:#fff;box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));scrollbar-color:#0083B9 #006ca0}
#nav001 .dropdown-menu > li > a{color:#5d5d5d}
#nav001 .dropdown-menu > li > a:hover{background:#0083B9;color:#fff}

#nav001 .megamenu{background:#fff;color:#0083B9;box-shadow:0 10px 20px rgba(0, 0, 0, var(--alpha2))}
#nav001 .megalist-line{border-bottom-color:#0083B9}
#nav001 .megalist{color:#0083B9}
#nav001 .megalist:hover{background:#0083B9;color:#fff}
#nav001 h2.megalist-headline{background:#0083B9;color:#fff}

#nav001.sticky .nav-bg{background:#fff}
#nav001.sticky{box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2))}

@media screen and (max-width:767px){
#nav001 .navbar-default .navbar-toggle{border-color:#5d5d5d}
#nav001 .navbar-default .navbar-toggle .icon-bar{background:#5d5d5d}
#nav001 .navbar-default .navbar-toggle:hover, 
#nav001 .navbar-default .navbar-toggle:active, 
#nav001 .navbar-default .navbar-toggle:focus
{background-color:rgba(0,0,0, var(--alpha));}

#nav001 .navbar-default .navbar-nav > li > a{color:#fff}
#nav001 .navbar-default .navbar-nav > li > a:hover, 
#nav001 .navbar-default .navbar-nav > li > a:active, 
#nav001 .navbar-default .navbar-nav > li > a:focus
{background-color:rgba(0,108,160, var(--alpha));color:#fff}

#nav001 .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;background-color:rgba(0,131,185, var(--alpha));border-bottom-color:rgba(255,255,255, var(--alpha3))}
#nav001 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color:rgba(0,108,160, var(--alpha));color:#fff;border-bottom-color:rgba(255,255,255, var(--alpha3))}

#nav001 .navbar-default .navbar-nav{background-color:rgba(0,131,185, var(--alpha))}
#nav001 .navbar-default .navbar-nav > .open > a, 
#nav001 .navbar-default .navbar-nav > .open > a:focus, 
#nav001 .navbar-default .navbar-nav > .open > a:active{color:#fff;background-color:rgba(0,108,160, var(--alpha))}
#nav001 .navbar-nav .open .dropdown-menu{box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2))}

#nav001 .megamenu{background:#0083B9;color:#fff}
#nav001 .megalist{color:#fff;background: rgba(0,131,185, var(--alpha));border-bottom: 1px solid rgba(255, 255, 255, var(--alpha3))}
#nav001 .megalist:hover{background:rgba(0,108,160, var(--alpha));color:#fff;border-bottom:1px solid rgba(255, 255, 255, var(--alpha3))}
}

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

/******** SLIDER, TEXTS ********/
#sliderTxt{background:rgba(0,0,0, var(--alpha))}
.captionH{color:#fff}
.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 ----==== */
main .headline-style-top{color:#0083B9}
main .headline-style-sub{color:#006ca0}

main .headline1-line-left::before{border-color:#fff}
main .headline1-line-left::before{box-shadow:0 0 3px 3px rgba(0,131,185, var(--alpha2))}

main .headline1-line-left::before{background:#006ca0}
main .headline1-line-left::after{border-color:#0083B9}

main .headline1-line-center::before{border-color:#fff}
main .headline1-line-center::before{box-shadow:0 0 3px 3px rgba(0,131,185, var(--alpha2))}

main .headline1-line-center::before{background:#006ca0}
main .headline1-line-center::after{border-color:#0083B9}

main .headline2-line-left{background:#0083B9}
main .headline2-line-center{background:#0083B9}

/* ====---- 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:#0083B9;border-color:#ccc}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#fff;background:#006ca0}

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

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

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

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

.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 a{color:#3d3d3d}
.gallery-item .inner-box h3{color:#141414}

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

/* ====---- 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 001 ----==== */
#siteapp001 .feature-item .thumb .title{color:#fff;background:#0083B9;border-top-color:#006ca0}
#siteapp001 .feature-item .thumb .title h3{color:#fff}
#siteapp001 .feature-butt1{background:#fff;color:#0083B9}
#siteapp001 .feature-butt1:hover, 
#siteapp001 .feature-butt1:active, 
#siteapp001 .feature-butt1:focus
{padding:5px;background:#006ca0;color:#fff}

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

/******** ADDITIONAL ********/
footer{color:#808080}
footer a{color:#808080}
footer a:hover, 
footer a:focus, 
footer a:active
{color:#fff}

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

footer .tags a{border-color:#404040}
footer .tags a:hover, 
footer .tags a:focus, 
footer .tags a:active
{background:#006ca0;color:#fff}

footer .icon-circled a{background:#0083B9;color:#fff}
footer .icon-circled a:hover, 
footer .icon-circled a:focus, 
footer .icon-circled a:active
{background:#006ca0;color:#fff}