/*-----------------------------------------------------------------
[Legal Notice]

Copyright (c) Miradontsoa
Website Template by miradontsoa
http://highhay.com
http://miradontsoa.com

IMPORTANT : This is an overwritting CSS rules of the default layout of the template (main.css).

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
/** CSS Reference
    0. Init Tag style
    1. Background Color for .body-page, .body-item, .section-item, .section-gallery
    2. Page cover frame / .cover-frame
    3. Page header and menu icon / .menu-icon / .page-header-alpha
    4. Section content color and font / .section, .display-*, typography
    5. Sliders content color /.projects-slider, .content-white
    6. Images frames Colors
    7. Buttons Colors / .btn-*
    8. Form and input Colors / .form-control-lie, .form-container / .form-control-outline
    9. Page footer and dot nav / .page-footer / #fp-nav
**/
/*------------------------------------------------------------------
[colors]
    blue : #61b8ff
    black : #3d3d3d
    dark black : #1d1d1d
**/
/* 0. Init Tag style */
a {
  color: #61b8ff; }
  a:hover {
    color: rgba(97, 184, 255, 0.8); }

/* 1. Background Color for .body-page, .body-item, .section-item, .section-gallery */
.body-page {
  background-color: #ffffff;
  color: #3d3d3d; }

.body-item {
  background-color: #ffffff;
  color: #3d3d3d; }

.section-item {
  background-color: #ffffff; }

.section-gallery {
  background-color: #ffffff; }

/* 2. Page cover frame / .cover-frame */
.cover-frame::before,
.cover-frame::after,
.cover-frame .sides::before,
.cover-frame .sides::after {
  border-color: rgba(61, 61, 61, 0.2); }

/* 3. Page header and menu icon / .menu-icon / .page-header-alpha */
.menu-icon {
  opacity: 1;
  border-color: #3d3d3d;
  background: #ffffff; }
  .menu-icon.menu-visible, .menu-icon:hover {
    background: #e1e1e1;
    border-color: #3d3d3d; }

.menu-icon .bars .bar1,
.menu-icon .bars .bar2,
.menu-icon .bars .bar3 {
  background: #1d1d1d !important; }

.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,
.page-header-alpha .navbar-mainmenu a {
  color: #3d3d3d; }
  .page-header-alpha .navbar-mainmenu .nav-item a:hover,
  .page-header-alpha .navbar-mainmenu a:hover {
    color: #ffffff; }

.page-header-alpha .navbar-mainmenu .menu-social p {
  color: #3d3d3d; }
  .page-header-alpha .navbar-mainmenu .menu-social p a {
    color: #3d3d3d; }
    .page-header-alpha .navbar-mainmenu .menu-social p a:hover {
      color: #8b8b8b; }

.page-header-alpha .navbar-mainmenu .menu-social .social a {
  color: #3d3d3d; }
  .page-header-alpha .navbar-mainmenu .menu-social .social a:hover {
    color: #8b8b8b; }

@media (min-width: 768px) {
  .page-header-alpha .navbar-mainmenu:before {
    border-color: #3d3d3d; } }

.page-header-alpha .navbar-sidebar {
  opacity: 1; }

.page-header-alpha .all-menu-wrapper .navbar-nav a {
  opacity: 1; }

.page-header-alpha .navbar-sidebar a {
  color: #3d3d3d; }

.page-header-alpha .navbar-sidebar .nav-item a {
  color: #3d3d3d;
  border-color: #8b8b8b;
  background: #ffffff; }

.page-header-alpha .navbar-sidebar .nav-item .txt::before {
  background: #8b8b8b; }

.page-header-alpha .navbar-sidebar .nav-item:hover a,
.page-header-alpha .navbar-sidebar .nav-item.active a {
  background: #3d3d3d;
  color: #3d3d3d; }

.page-header-alpha .navbar-sidebar .nav-item:hover .icon,
.page-header-alpha .navbar-sidebar .nav-item.active .icon {
  color: #ffffff; }

/* 4. Section content color and font / .section, .display-*, typography */
.section-home .home-title,
.display-title {
  font-family: "Playfair Display", serif; }

.num-grid .num-wrapper .num::before,
.display-decor::before {
  background: rgba(61, 61, 61, 0.1); }

.desc-decor:before {
  border-color: #3d3d3d; }

.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; }

/* Page content text color / .content-white */
.content-white.page-header-alpha .navbar-sidebar .nav-item.active .txt,
.content-white.page-header-alpha .navbar-sidebar .nav-item:hover .txt {
  color: #ffffff; }

.text-bright.page-header-alpha .navbar-sidebar .icon {
  background: rgba(61, 61, 61, 0.2);
  color: #ffffff; }

.text-bright.page-header-alpha .navbar-sidebar :hover .icon,
.text-bright.page-header-alpha .navbar-sidebar .active .icon {
  background: #ffffff;
  color: #3d3d3d; }

.text-bright.page-header-alpha .navbar-sidebar .active .txt {
  color: #ffffff; }

@media (min-width: 768px) {
  .page-header-alpha .navbar-mainmenu {
    background: #ffffff; } }

.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); }

/* 5. Sliders content color /.projects-slider, .content-white */
.projects-slider {
  color: #ffffff; }
  .projects-slider .section-wrapper .form-desc .display-title,
  .projects-slider .section-wrapper .title-desc .display-title,
  .projects-slider .num-grid .num-wrapper .num::before,
  .projects-slider .display-decor::before {
    background: rgba(255, 255, 255, 0.1); }
  .projects-slider p {
    color: #ffffff; }
  .projects-slider .btn {
    background: transparent; }
    .projects-slider .btn:hover {
      background: rgba(0, 0, 0, 0.2); }
  .projects-slider .btn-outline {
    color: #ffffff;
    border-color: #ffffff; }
    .projects-slider .btn-outline .icon {
      color: #ffffff; }
      .projects-slider .btn-outline .icon .arrow-left:after,
      .projects-slider .btn-outline .icon .arrow-left:before,
      .projects-slider .btn-outline .icon .arrow-right:before,
      .projects-slider .btn-outline .icon .arrow-right:after {
        border-color: #ffffff; }
    .projects-slider .btn-outline:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.2);
      border-color: #ffffff; }
  @media (min-width: 1024px) {
    .projects-slider .slide-wrapper .legend .legend-bg {
      top: 88px;
      bottom: 88px; } }
  @media (min-width: 1024px) {
    .projects-slider .slide-wrapper .illustr {
      top: 88px;
      bottom: 88px; } }

.content-white .section-wrapper,
.content-white .slide-wrapper {
  color: #ffffff; }
  .content-white .section-wrapper.page-header-alpha .navbar-sidebar .nav-item .txt,
  .content-white .slide-wrapper.page-header-alpha .navbar-sidebar .nav-item .txt {
    color: #ffffff; }
  .content-white .section-wrapper .section-wrapper .form-desc .display-title,
  .content-white .section-wrapper .section-wrapper .title-desc .display-title,
  .content-white .section-wrapper p,
  .content-white .slide-wrapper .section-wrapper .form-desc .display-title,
  .content-white .slide-wrapper .section-wrapper .title-desc .display-title,
  .content-white .slide-wrapper p {
    color: #ffffff; }
  .content-white .section-wrapper .num-grid .num-wrapper .num::before,
  .content-white .section-wrapper .display-decor::before,
  .content-white .slide-wrapper .num-grid .num-wrapper .num::before,
  .content-white .slide-wrapper .display-decor::before {
    background: rgba(255, 255, 255, 0.1); }
  .content-white .section-wrapper .desc-decor:before,
  .content-white .slide-wrapper .desc-decor:before {
    border-color: #ffffff; }
  .content-white .section-wrapper .btn,
  .content-white .slide-wrapper .btn {
    background: transparent; }
    .content-white .section-wrapper .btn:hover,
    .content-white .slide-wrapper .btn:hover {
      background: rgba(0, 0, 0, 0.2); }
  .content-white .section-wrapper .btn-arrow,
  .content-white .slide-wrapper .btn-arrow {
    color: #ffffff; }
    .content-white .section-wrapper .btn-arrow .icon,
    .content-white .slide-wrapper .btn-arrow .icon {
      border-color: #ffffff;
      background: rgba(61, 61, 61, 0.1); }
    .content-white .section-wrapper .btn-arrow:hover,
    .content-white .slide-wrapper .btn-arrow:hover {
      color: #ffffff; }
      .content-white .section-wrapper .btn-arrow:hover .icon,
      .content-white .slide-wrapper .btn-arrow:hover .icon {
        background: rgba(255, 255, 255, 0.2); }
  .content-white .section-wrapper .btn-arrow > .icon .arrow-left::before,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-left::after,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-right::before,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-right::after,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-up::before,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-up::after,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-down::before,
  .content-white .section-wrapper .btn-arrow > .icon .arrow-down::after,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-left::before,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-left::after,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-right::before,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-right::after,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-up::before,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-up::after,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-down::before,
  .content-white .slide-wrapper .btn-arrow > .icon .arrow-down::after {
    border-color: #ffffff; }
  .content-white .section-wrapper .slider-navigation .text p,
  .content-white .slide-wrapper .slider-navigation .text p {
    color: #ffffff; }
  .content-white .section-wrapper .btn-outline,
  .content-white .slide-wrapper .btn-outline {
    color: #ffffff;
    border-color: #ffffff; }
    .content-white .section-wrapper .btn-outline .icon,
    .content-white .slide-wrapper .btn-outline .icon {
      color: #ffffff; }
      .content-white .section-wrapper .btn-outline .icon .arrow-left:after,
      .content-white .section-wrapper .btn-outline .icon .arrow-left:before,
      .content-white .section-wrapper .btn-outline .icon .arrow-right:before,
      .content-white .section-wrapper .btn-outline .icon .arrow-right:after,
      .content-white .slide-wrapper .btn-outline .icon .arrow-left:after,
      .content-white .slide-wrapper .btn-outline .icon .arrow-left:before,
      .content-white .slide-wrapper .btn-outline .icon .arrow-right:before,
      .content-white .slide-wrapper .btn-outline .icon .arrow-right:after {
        border-color: #ffffff; }
    .content-white .section-wrapper .btn-outline:hover,
    .content-white .slide-wrapper .btn-outline:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.2);
      border-color: #ffffff; }

.content-white .section-slider-footer p {
  color: #ffffff; }

/* 6. Images frames Colors */
.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); } }

/* 7. Buttons Colors / .btn-* */
.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-arrow {
  color: #3d3d3d;
  border-color: #3d3d3d;
  background: #ffffff; }
  .btn-arrow .icon {
    border-color: #3d3d3d;
    background: rgba(255, 255, 255, 0.5); }
  .btn-arrow:hover {
    color: #3d3d3d;
    background: rgba(225, 225, 225, 0.9);
    border-color: #3d3d3d; }

.btn-arrow > .icon .arrow-left::before,
.btn-arrow > .icon .arrow-left::after,
.btn-arrow > .icon .arrow-right::before,
.btn-arrow > .icon .arrow-right::after,
.btn-arrow > .icon .arrow-up::before,
.btn-arrow > .icon .arrow-up::after,
.btn-arrow > .icon .arrow-down::before,
.btn-arrow > .icon .arrow-down::after {
  border-color: #3d3d3d; }

.btn-underline {
  color: #1d1d1d; }
  .btn-underline:hover {
    color: #3d3d3d; }
  .btn-underline:before, .btn-underline:after {
    background: #1d1d1d; }

.media-project .btn-underline {
  color: #ffffff; }
  .media-project .btn-underline:hover {
    color: #ffffff; }
  .media-project .btn-underline:before, .media-project .btn-underline:after {
    background: #ffffff; }

.btn-social {
  color: #3d3d3d;
  border-color: #3d3d3d;
  background: #ffffff; }
  .btn-social:hover {
    color: #3d3d3d;
    background: rgba(225, 225, 225, 0.9);
    border-color: #3d3d3d; }

.btn-outline {
  color: #3d3d3d;
  border-color: #3d3d3d;
  background: #ffffff; }
  .btn-outline .icon {
    color: #3d3d3d; }
    .btn-outline .icon .arrow-left:after,
    .btn-outline .icon .arrow-left:before,
    .btn-outline .icon .arrow-right:before,
    .btn-outline .icon .arrow-right:after {
      border-color: #3d3d3d; }
  .btn-outline:hover {
    color: #3d3d3d;
    background: rgba(225, 225, 225, 0.9);
    border-color: #3d3d3d; }

.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; }

/* scroll down buttons*/
.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); }

.slider-navigation p {
  color: #3d3d3d; }

.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); }

/* 8. Form and input Colors / .form-control-lie, .form-container / .form-control-outline */
.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: #3d3d3d; }
  .form-control-line.form-control-white:focus {
    border-color: #8b8b8b; }

.form-control-outline.form-control-white {
  border-color: #3d3d3d; }
  .form-control-outline.form-control-white:focus {
    border-color: #8b8b8b; }

.form-control-outline,
.form-control-line {
  border-color: #3d3d3d; }
  .form-control-outline:focus,
  .form-control-line:focus {
    border-color: #8b8b8b; }

/* 9. Page footer and dot nav / .page-footer / #fp-nav */
.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); }