.body-page { background-color: #ffffff; color: #3d3d3d; } .body-item { background-color: #ffffff; color: #3d3d3d; } .section-item { background-color: #ffffff; } .section-gallery { background-color: #ffffff; } a { color: #61b8ff; } a:hover { color: rgba(97, 184, 255, 0.8); } /* Home page */ #mainpage .section-home { background: url("../img/bg-home-portrait.jpg"); background-repeat: none; background-position: center; background-size: cover; } @media (min-width: 960px) { #mainpage .section-home { background: url("../img/bg-home-landscape.jpg"); background-repeat: none; background-position: center; background-size: cover; } } /* logo */ .page-header-gallery.page-header .navbar-brand .text { color: #ffffff; } /* menu icon */ .menu-icon { opacity: 1; } @media (min-width: 768px) { .menu-icon { background: rgba(255, 255, 255, 0.5); } } .menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 { background: #1d1d1d; } /* navigations */ .body-item .page-header-alpha .navbar-brand { color: #ffffff; } .page-header-alpha .all-menu-wrapper { background: #ffffff; } .page-header-alpha .navbar-mainmenu .nav-item a { color: #3d3d3d; } .page-header-alpha .navbar-mainmenu .nav-item a:hover { color: #61b8ff; } .page-header-alpha .navbar-sidebar .nav-item { opacity: 1; } .page-header-alpha .all-menu-wrapper .navbar-nav .nav-item a { opacity: 1; } .page-header-alpha .navbar-mainmenu { background: rgba(225, 225, 225, 0.65); } .page-header-alpha .navbar-sidebar .nav-item .icon { background: rgba(61, 61, 61, 0.2); color: #3d3d3d; } .page-header-alpha .navbar-sidebar .nav-item:hover .icon, .page-header-alpha .navbar-sidebar .nav-item.active .icon { background: #3d3d3d; color: #ffffff; } .page-header-alpha .navbar-sidebar .nav-item.active .txt { color: #61b8ff; } .page-header-alpha .navbar-sidebar .nav-item .txt { font-weight: 400; } .text-bright.page-header-alpha .navbar-sidebar .nav-item .icon { background: rgba(61, 61, 61, 0.2); color: #ffffff; } .text-bright.page-header-alpha .navbar-sidebar .nav-item:hover .icon, .text-bright.page-header-alpha .navbar-sidebar .nav-item.active .icon { background: #ffffff; color: #3d3d3d; } .text-bright.page-header-alpha .navbar-sidebar .nav-item.active .txt { color: #ffffff; } /* section content */ .section:not(.section-text-bright) h1, .section:not(.section-text-bright) h2, .section:not(.section-text-bright) h3, .section:not(.section-text-bright) h4 { text-shadow: none; } .section p { color: #3d3d3d; } .section-content h4 { font-weight: bold; } .section-wrapper .form-desc .display-title, .section-wrapper .title-desc .display-title { color: #1d1d1d; } .section-title .title-bg { color: #61b8ff; letter-spacing: 0; font-weight: bold; } .section.active .title-bg { opacity: 0.05; opacity: 0.1; } .section-text-bright { color: #ffffff; } .section-text-bright a, .section-text-bright h4 { color: #ffffff; } .section-text-bright p { color: #ffffff; } .section-text-bright .section-wrapper .form-desc .display-title, .section-text-bright .section-wrapper .title-desc .display-title { color: #ffffff; } .section-text-bright .btn-underline { color: #ffffff; } .section-text-bright .btn-underline:hover { color: #ffffff; } .section-text-bright .btn-underline:before, .section-text-bright .btn-underline:after { background: #ffffff; } .section-cover-full.mask-layer:before { background: rgba(255, 255, 255, 0.3); } .service-list.decor { border-color: #61b8ff; } .img-frame-normal .img-1 .price { color: #ffffff; } .img-frame-normal .img-1 .price.bottom { color: #61b8ff; } .img-frame-normal .legend.decor::after { border-color: #61b8ff; } .section.bg-level-1 { background: #ffffff; } .section.bg-level-2 { background: #f5f6f7; } .section-home-item .section-wrapper .form-desc .display-title, .section-home-item .section-wrapper .title-desc .display-title { color: #ffffff; } .section-home-item p, .section-home-item .title-desc { color: #ffffff; } .section-home-item .btn-outline-white { color: #fff; border-color: rgba(255, 255, 255, 0.2); } /* slider */ .carousel-swiper-alpha .slider-container .legend { color: #3d3d3d; } .carousel-swiper-alpha .slider-container .legend h3 { color: #1d1d1d; } .carousel-swiper-alpha .slider-container .illustr::before { border-color: rgba(0, 0, 0, 0.2); } .carousel-swiper-beta .slider-container .swiper-slide:before { background: rgba(61, 61, 61, 0.05); } .carousel-swiper-beta .slider-container .legend { color: #61b8ff; } .carousel-swiper-beta .slider-container .legend h3 { font-weight: bold; } .img-frame-normal .img-1.shadow, .img-frame-legend-alpha .img-1.shadow { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .img-frame-legend-alpha .legend { color: #ffffff; } .img-frame-legend-alpha .legend p { color: rgba(255, 255, 255, 0.75); } } /* buttons */ .media-project .btn-transp-arrow { color: #ffffff; } .media-project .btn-transp-arrow:hover { color: #ffffff !important; } .media-project .media-img::before { border-color: rgba(0, 0, 0, 0.2); } .media-product .media-header h5, .media-product .media-header .category { color: rgba(0, 0, 0, 0.25); } .media-product .media-body a { color: #1d1d1d; } .media .icon { color: #61b8ff; } .icon-btn { color: #3d3d3d; } .icon-btn:hover { color: #61b8ff; } .btn-circicon.btn-primary { color: #3d3d3d; } .btn-circicon.btn-primary .icon { color: #61b8ff; } .btn-circicon > .icon:before { background: #61b8ff; } .btn-circicon.btn-primary .icon { background: #1d1d1d; } .btn-transp-arrow { color: #3d3d3d; } .btn-outline-white { color: #5d5d5d; border-color: rgba(141, 141, 141, 0.3); } .btn-outline-white:hover, .btn-outline-white:focus { color: #61b8ff; border-color: currentColor; } .btn-primary { color: #3d3d3d; } .btn-primary:hover { color: #5d5d5d; } .btn-white { color: #ffffff; border: 1px solid transparent; background-color: #61b8ff; } .btn-white:hover { background-color: rgba(97, 184, 255, 0.8); color: #ffffff; } .btn-underline { color: #1d1d1d; } .btn-underline:hover { color: #3d3d3d; } .btn-underline:before, .btn-underline:after { background: #1d1d1d; } .btn-transp-arrow.btn-primary.active, .btn-transp-arrow.btn-primary:active, .btn-transp-arrow.btn-primary:hover { background-color: rgba(61, 61, 61, 0.05); color: #3d3d3d; -webkit-box-shadow: none; box-shadow: none; } /* subscription form */ .form-container-transparent.form-container-white .form-desc h4 { color: #3d3d3d; } .form-container-transparent.form-container-white .form-input label { color: #3d3d3d; } .form-control-line.form-control-white { border-color: #61b8ff; } .form-control-outline, .form-control-line { border-color: #61b8ff; } .form-control-outline:focus, .form-control-line:focus { border-color: #adadad; } /* scroll down */ .scrolldown { color: #3d3d3d; } .scrolldown a.up:after, .scrolldown a.up:before, .scrolldown a.down:after, .scrolldown a.down:before { border-color: #1d1d1d; } .scrolldown .separator { background: rgba(29, 29, 29, 0.5); } .section-footer.text-bright.scrolldown { color: #ffffff; } .section-footer.text-bright.scrolldown a.up:after, .section-footer.text-bright.scrolldown a.up:before, .section-footer.text-bright.scrolldown a.down:after, .section-footer.text-bright.scrolldown a.down:before { border-color: #ffffff; } .section-footer.text-bright.scrolldown .separator { background: rgba(255, 255, 255, 0.5); } /* footer */ .page-footer .footer-left p { color: rgba(61, 61, 61, 0.5); } .page-footer .footer-right .social a { color: rgba(61, 61, 61, 0.5); } .page-footer .footer-right .social a:hover { color: #3d3d3d; color: #61b8ff; } .page-footer .footer-right p { color: #3d3d3d; } .page-footer .footer-right p .marked { color: #61b8ff; } .page-footer .footer-right .social-text a { color: #3d3d3d; } .page-footer .footer-right .social-text a:hover { color: #61b8ff; } .page-footer.text-bright .footer-right .social-text a { color: white; } .page-footer.text-bright .footer-right .social-text a:hover { color: #ffffff; } /* dot nav at right */ #fp-nav ul li a span { background: #3d3d3d; } #fp-nav li .active span, .fp-slidesNav .active span { background: #3d3d3d; } #fp-nav span:after, .fp-slidesNav span:after { background: rgba(61, 61, 61, 0.2); } #fp-nav.text-bright ul li a span { background: white; } #fp-nav.text-bright li .active span, .fp-slidesNav .active span { background: white; } #fp-nav.text-bright span:after, .fp-slidesNav span:after { background: rgba(255, 255, 255, 0.5); }