/* global */
body.theme-b { background-color: rgb(255,64,0); color: rgb(0,0,0); }

body.theme-b::-webkit-scrollbar { background-color: rgb(48,48,48); -webkit-box-shadow: 3px 3px 15px 0px #000; }
body.theme-b::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); background-color: rgb(48,48,48); }
body.theme-b::-webkit-scrollbar-thumb { background-color: rgb(255,64,0);  }

.theme-b .overlay-spinner { background-color: rgb(48,48,48); box-shadow: 0 0 50px rgb(255,64,0), inset 0 0 20px rgb(0,0,0); color: rgb(255,64,0); text-shadow: 0 0 15px rgb(255,64,0); }

.theme-b #transition-overlay { background-color: #202020; color: rgb(255,64,0); }

.theme-b footer { color: rgb(255,64,0); }

/* splash/header */
.theme-b #splash-container { background-color: rgb(255,64,0); color: #fff; text-shadow: 2px 2px 10px #fff, -2px -2px 10px #fff; }
.theme-b #splash-container.inactive { background-color: rgb(0,0,0); color: rgb(255,64,0); text-shadow: 2px 2px 10px rgb(255,64,0), -2px -2px 10px rgb(255,64,0);  }
.theme-b #splash-container h1 span { color: rgb(255,64,0); text-shadow: 2px 2px 10px rgb(255,64,0), -2px -2px 10px rgb(255,64,0); }
#splash-content-icos .hc-tablet-hand { color: rgb(255,64,0); text-shadow: 2px 2px 10px rgb(255,64,0), -2px -2px 10px rgb(255,64,0); }

.theme-b #nav-splash-container { background-color: rgb(0,0,0); background-color: rgb(255,64,0); color: rgb(0,0,0); }
.theme-b #nav-splash-container.active { background-color: rgb(255,64,0); background-color: rgb(0,0,0);  }
.theme-b .nav-splash-link { background-color: rgb(0,0,0); color: rgb(255,64,0); background-color: rgb(255,64,0); color: rgb(0,0,0); }
.theme-b .nav-splash-link.active { background-color: rgb(255,64,0); color: rgb(0,0,0); background-color: rgb(0,0,0); color: rgb(255,64,0); }
.theme-b .nav-splash-link:hover { background-color: rgb(255,64,0); color: rgb(0,0,0); background-color: rgb(0,0,0); color: rgb(255,64,0); }
.theme-b .nav-splash-link.active:hover { background-color: rgb(0,0,0); color: rgb(255,64,0); background-color: rgb(255,64,0); color: rgb(0,0,0); }

/*
.theme-b .header-nav.active { background-color: rgb(255,64,0); }
.theme-b .nav-container { color: rgb(255,64,0);  }
.theme-b .nav-container.active { background-color: rgb(255,64,0); color: #000;  }
.theme-b .nav-container:hover { background-color: rgb(255,64,0); color: #000;  }
.theme-b .nav-container.active:hover { background-color: #000; color: rgb(255,64,0);  }
*/

.theme-b .nav-fixed-container-desktop { background-color: rgb(255,64,0); color: rgb(0,0,0); }
.theme-b .nav-fixed-container-desktop.active { background-color: rgb(255,255,255); color: rgb(0,0,0); }
.theme-b .nav-fixed-container-desktop:hover { background-color: rgb(0,0,0); color: rgb(255,64,0); }

/* .theme-b #nav-desktop-work .nav-fixed-container-desktop:last-child { background-color: rgb(255,255,255); color: rgb(0,0,0); } */
.theme-b #nav-desktop-work .nav-fixed-container-desktop.active { background-color: rgb(255,255,255); color: rgb(0,0,0); }
.theme-b #nav-desktop-work .nav-fixed-container-desktop.inactive { background-color: rgb(64,64,64); color: rgb(192,192,192); }
.theme-b #nav-desktop-work .nav-fixed-container-desktop:hover { background-color: rgb(0,0,0); color: rgb(255,64,0); }

.theme-b #nav-mobile-menu-switch { background-color: rgb(255,64,0); color: rgb(0,0,0); }

.theme-b .nav-mobile-content { background-color: rgb(255,64,0); }
.theme-b .nav-mobile-close { background-color: rgba(255, 64, 0, 0.8); }

/* splash/splash */
.theme-b .header-intro-redefine-text-b.active { color: rgb(255,64,0); }
.theme-b .header-intro-redefine-text-c { color: rgb(255,64,0); }

/* construction page */
.theme-b .construction-wrapper { background-color: rgb(48,48,48); color: rgb(255,255,255); }

/* about sections */
.theme-b .me-intro-skills { background-color: rgba(255, 255, 255, 0.5); }

.theme-b .me-skills-container { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .me-skills-content > div:nth-child(odd) { background-color: rgba(255, 255, 255, 0.25); }
.theme-b .me-skills-content > div:nth-child(even) { background-color: rgba(255, 255, 255, 0.5); }

.theme-b .me-services-container { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .me-service-row { box-shadow: 0 0 2px rgba(0,0,0,.5); }
.theme-b .me-service-header { box-shadow: inset -2px 2px 10px rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.66); }
.theme-b .me-service-footer { box-shadow: inset -2px 2px 10px rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.66); }
.theme-b .me-service-row-title { background-color: rgba(255, 255, 255, 0.33); }
.theme-b .me-service-row-li { background-color: rgba(255, 255, 255, 0.1); }
.theme-b .me-service-row-ext { background-color: rgba(255, 255, 255, 0.33); }
.theme-b .me-service-row-ext .me-service-row-ext-image { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .me-service-row-divider { background-color: rgb(255,64,0); height: 1px; padding: 0; }

/* services menu */
.theme-b #services-menu { background-color: rgb(255,64,0); }
.theme-b .services-menu-col { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .services-menu-col-header { background-color: rgb(255,64,0); }
.theme-b .services-menu-col:not(.services-menu-col-header):hover { background-color: rgb(255,255,255); color: rgb(255,64,0); }
.theme-b .services-menu-col.active { background-color: rgb(0,0,0); color: rgb(255,255,255); }
.theme-b .service-skills-block { background-color: rgb(207,207,207); } 

/* Services Section */
.theme-b .service-skill-row-li { background-color: rgba(255, 255, 255, 0.1); }
.theme-b .service-skill-row-title { background-color: rgba(255, 255, 255, 0.15); }
.theme-b .service-skill-row-ext { background-color: rgba(255, 255, 255, 0.33); }
.theme-b .service-skill-row-ext.large { background-color: rgba(255, 255, 255, 0.33); }

.theme-b .service-image-block { color: rgb(255,64,0); }
.theme-b .service-image-icon { text-shadow: 0 0 20px rgb(255,64,0); }

/* splash/login and splash/logout */
.theme-b .login-wrapper { background-color: rgb(255,64,0); color: rgb(0,0,0); }
.theme-b .login-content-wrapper { color: #00fffaa; }
.theme-b .login-wrapper .form-control { box-shadow: inset 0 0 1px rgba(255, 64, 0, 0.075); }
.theme-b .login-wrapper .form-control:focus { background-color: #ff4000; }
.theme-b .login-wrapper .btn-default { color: rgb(255,64,0); box-shadow: inset 0 0 1px rgba(255, 64, 0, 0.075); }
.theme-b .login-wrapper .btn-default:active,
.theme-b .login-wrapper .btn-default:focus { background-color: #ff4000; }

/* my work */
.theme-b .wprev-header { background-color: rgb(255,64,0); }
.theme-b .wprev-header:hover { background-color: rgb(0,0,0); color: rgb(255,64,0); }
.theme-b .wprev-layers .row > div { background-color: rgba(255, 64, 0, 0.75); }
.theme-b .wprev-layers .row > div.active { background-color: rgb(0,0,0); color: rgb(255,64,0);  }
.theme-b .wprev-layers .row > div:not(.active):hover { background-color: rgb(255,255,255); }

/* my work - photo */
.theme-b .photo-container:hover .photo-image { box-shadow: inset 0 0 50px 10px rgb(255,64,0); }
.theme-b .photo-splash h1 { color: rgb(255,64,0); }

/* my work - video */
.theme-b .video-splash h1 { color: rgb(255,64,0); }
.theme-b .work-splash-indicator { background-color: rgba(255, 255, 255, 0.5); }
/* .theme-b .video-container:hover { box-shadow: inset 0 0 50px 10px rgb(255,64,0); } */
.theme-b .video-container .video-icos > *:hover { color: rgb(255,64,0); text-shadow: 0 0 10px rgb(255,64,0); }

/* contact page */
.theme-b .contact-col > div { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .contact-col > div:hover { background-color: rgb(0,0,0); color: rgb(255,64,0);  }}

.theme-b .cform-row .icon { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .cform-row input,
.theme-b .cform-row textarea { background-color: rgba(255, 255, 255, 0.25); color: rgba(0, 0, 0, 0.75); }
.theme-b .cform-row:nth-child(5) input { color: rgb(0,0,0) }
.theme-b .cform-row input:hover,
.theme-b .cform-row textarea:hover{ background-color: rgba(0, 0, 0, 0.75); color: rgb(255,255,255); }
.theme-b .cform-row input:focus,
.theme-b .cform-row textarea:focus { background-color: rgba(255, 255, 255, 0.75); color: rgb(0,0,0); }
.theme-b .cinfo-row > div { background-color: rgba(255, 255, 255, 0.25); }
.theme-b .cinfo-row > .icon { background-color: rgba(255, 255, 255, 0.5); }
.theme-b .cinfo-row:hover > div { background-color: rgba(0, 0, 0, 0.75); color: rgb(255,255,255); }

/* contact page new */
.theme-b .contact-content-block-a { background-color: rgb(207,207,207); color: rgb(48,48,48); }
.theme-b .contact-content-block-b { background-color: rgb(48,48,48); color: rgb(207,207,207); }
.theme-b .contact-content-form input,
.theme-b .contact-content-form textarea,
.theme-b .contact-content-form select,
.theme-b .contact-content-form .contact-content-form-block { background-color: rgb(255,255,255); border-color: rgb(207,207,207); color: rgb(0,0,0); }
.theme-b .contact-content-form .btn { background-color: rgb(255,64,0); border-color: rgb(207,207,207); color: rgb(0,0,0); }
.theme-b .contact-content-form .col-xs-1 .fa { background-color: rgb(255,64,0); border-color: transparent; color: rgb(0,0,0); }
.theme-b .contact-content-form input:hover { background-color: rgb(255,64,0); border-color: rgb(0,0,0); color: rgb(0,0,0); }
.theme-b .contact-content-form input:hover,
.theme-b .contact-content-form textarea:hover { background-color: rgb(255,64,0); border-color: rgb(0,0,0); color: rgb(0,0,0); }
.theme-b .contact-content-form .btn:hover { background-color: rgb(0,0,0); border-color: rgb(0,0,0); color: rgb(255,64,0); }
.theme-b .contact-content-form input:focus,
.theme-b .contact-content-form textarea:focus,
.theme-b .contact-content-form select:focus { background-color: rgb(207,207,207); border-color: rgb(48,48,48); color: rgb(48,48,48); }
.theme-b .contact-content-form .btn:focus { background-color: rgb(255,64,0); border-color: rgb(0,0,0); color: rgb(0,0,0); }
.theme-b .contact-content-form .contact-content-form-block .fa-ul li { color: rgba(0, 0, 0, 0.5); }
.theme-b .contact-content-form .contact-content-form-block .fa-ul li.active { color: rgb(0,0,0); }
.theme-b .contact-content-form .contact-content-form-block .fa-ul li:hover { color: rgb(255,64,0); }
.theme-b .contact-content-infos > div { /* background-color: rgb(207,207,207); */ box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.1); color: rgb(207,207,207); }
.theme-b .contact-content-infos > div:hover { background-color: rgb(255,64,0); color: rgb(0,0,0); }
.theme-b .response-header { background-color: rgb(255,64,0); color: rgb(0,0,0); }

/* instagram feed */
.theme-b .ig-feed-vidoverlay { color: rgb(255,64,0); }
.theme-b .ig-feed-overlay-container { background-color: rgba(255, 64, 0, 0.8); }
.theme-b .ig-feed-container:hover .ig-feed-image { box-shadow: 1px 1px 10px rgb(255,64,0), inset 0 0 20px 10px rgb(255,64,0); }

/* font awesome */
.theme-b footer .social-icons .fa-inverse { color: rgb(0,0,0); }

/* Bootstrap */
.theme-b .btn-default { background-color: rgb(0,0,0); color: rgb(255,64,0); }
.theme-b .btn-primary { background-color: rgb(255,64,0); color: rgb(0,0,0); }

/* Modals */
.theme-b .modal .modal-content { background-color: rgba(255, 255, 255, 0.75); }
.theme-b .modal .modal-header { background-color: rgba(255, 64, 0, 1); border-bottom-color: rgba(0, 0, 0, 0.5); }
.theme-b .modal .modal-header .close { color: rgb(0,0,0); }
.theme-b .modal .modal-footer { border-top-color: rgba(0, 0, 0, 0.5); }