:root {
  --first_dark: #1d1d1d; 
  --second_dark : #252525;
}
@media only screen and (max-width: 991px){
  .switch-box {
   top:500px !important;
  
}
}

.switch-box {
    position: fixed;
    top:166px;
    right: 20px;
    z-index: 9999;
}
  
.switch-box .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch-box .slider::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 0px;
    bottom: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0 0px 15px #2020203d;
            box-shadow: 0 0px 15px #2020203d;
    background: white url("../images/night.webp");
    background-repeat: no-repeat;
    background-position: center;
}
.switch-box .slider.round {
    border-radius: 34px;
}
  
  .switch-box .slider.round::before {
    border-radius: 50%;
  }
  
  .switch-box .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
  }
  
  .switch-box .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .switch-box input:checked + .slider {
    background-color: #2196f3;
  }
  
  .switch-box input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
            box-shadow: 0 0 1px #2196f3;
  }
  
  .switch-box input:checked + .slider:before {
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
    background: white url("../images/sunny.webp");
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .theme-dark body {
    color: #ffffff;
  }
  .theme-dark p {
    color: #ffffff ;
  }
  .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h6 {
    color: #ffffff;
  }
  
  .theme-dark h3 {
    color: #ffffff;
  }
  
  .theme-dark h3 a {
    color: #ffffff;
  }
  
  .theme-dark .p_tag {
    color: #ffffff;
  }
  
  .theme-dark body {
    background: var( --first_dark);;
  }
  .theme-dark #content {
    background: var( --first_dark);;
  }
  .theme-dark .more-link{
    background-color: #ffca27 !important;
  }

  .theme-dark .section-title p {
    color: #ffffff;
  }
  
  .theme-dark .top-header-bg {
    background: var( --first_dark);;
  }
  .theme-dark .about-content .about-content-card h5 {
    color: #ffffff;
  }
  
  .theme-dark .about-content .about-content-card p {
    color: #ffffff;
  }
  
  
  .theme-dark .skill-bar .progress-title {
    color: #ffffff;
  }
  
  .theme-dark .services-style-one {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .services-style-one-two {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .services-style-one-three {
    background-color: var( --second_dark);;
    border-bottom: 1px solid #3b3b3b;
  }
  
  .theme-dark .services-card {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .services-card h6 a {
    color: #ffffff;
  }
  
  .theme-dark .services-card p {
    color: #ffffff;
  }
  
  .theme-dark .services-card .learn-btn {
    color: #ffffff;
  }
  
  .theme-dark .services-item .content {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .services-item .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .services-item .content h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .services-card-color-bg {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .features-style-fcard {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .work-process-left {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .work-process-card-three {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .actualite-style-one::after {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .choose-area {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .counter-another-content h3 {
    color: #ffffff;
  }
  
  .theme-dark .counter-another-content span {
    color: #ffffff;
  }
  
  .theme-dark .talk-area::before {
    background-color: #000000;
    opacity: 0.9;
  }
  
  .theme-dark .talk-area-two::before {
    background-color: var( --first_dark);;
    opacity: 0.9;
  }
  
 /* .theme-dark .description-style-seven {
    background-color: var( --second_dark);;
  }*/
  
  .theme-dark .slider-item-three .content {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .slider-item-three .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .slider-item-three .content ul li::before {
    background-color: #ffffff;
  }
  
  .theme-dark .slider-item-three .content ul li a {
    color: #ffffff;
  }
  
  .theme-dark .case-article .case-article-content .case-article-list li {
    color: #ffffff;
  }
  
  .theme-dark .case-article .case-article-content .case-article-list li:hover {
    color: #ffc221;
  }
  
  .theme-dark .security-card {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .security-card h3 a {
    color: #ffffff;
    -webkit-transition: 0.7s;
    transition: 0.7s;
  }
  
  .theme-dark .security-card h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .services-style-bg {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .service-article .service-article-content .service-article-list li {
    color: #ffffff;
  }
  
  .theme-dark .service-article .service-article-content .service-article-list li:hover {
    color: #ffc221;
  }
  
  .theme-dark .work-process-card-two {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .work-process-right {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .technology-area::before {
    background-color: var( --first_dark);;
    opacity: 0.9;
  }
  
  .theme-dark .technology-area-two {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .technology-card-color h3 {
    color: #ffffff;
  }
  
  .theme-dark .technology-area-four {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .technology-area-three {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .technology-area-five {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .technology-item h3 {
    color: #ffffff;
  }
  
  .theme-dark .brand-item .brand-logo-two {
    display: inline-block !important;
  }
  
  .theme-dark .brand-item .brand-logo-one {
    display: none !important;
  }
  
  .theme-dark .brand-area-two {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .actualite-content-one.actualite-content-one-on-color .section-title span {
    color: #ffffff;
  }
  
  .theme-dark .actualite-content-one.actualite-content-one-on-color .section-title h2 {
    color: #ffffff;
  }
  
  .theme-dark .build-item .content {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .build-item .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .build-item .content h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .build-item .content ul li::before {
    background-color: #ffffff;
  }
  
  .theme-dark .build-item .content ul li a {
    color: #ffffff;
  }
  
  .theme-dark .build-item .content ul li a:hover {
    color: #ffc221;
  }
  
  .theme-dark .actualite-style-one-two {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .clients-area {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .clients-content {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .clients-content::before {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .clients-area-three {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .clients-area-three::before {
    opacity: 0.5;
  }
  
  .theme-dark .slider-style-three-two::before {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .slider-item-three2 {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .slider-item-three2 h3 a {
    color: #ffffff;
  }
  
  .theme-dark .slider-item-three2 h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .team-item .content {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .team-card .content {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .blog-card {
    background-color: var( --second_dark);;
    border-color: #3b3b3b;
  }
  
  .theme-dark .blog-card .content ul li a {
    color: #ffffff;
  }
  
  .theme-dark .blog-card .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .blog-card .content h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .blog-card .read-btn {
    color: #ffffff;
  }
  
  .theme-dark .blog-card .read-btn:hover {
    color: #ffc221;
  }
  
  .theme-dark .blog-item {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .blog-item .content ul li {
    color: #ffffff;
  }
  
  .theme-dark .blog-item .content ul li a {
    color: #ffffff;
  }
  
  .theme-dark .blog-item .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .blog-item .content h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .blog-item .content .read-btn {
    color: #ffffff;
  }
  
  .theme-dark .blog-item .content .read-btn:hover {
    color: #ffc221;
  }
  
  .theme-dark .blog-style-card .content ul li {
    color: #ffffff;
  }
  
  .theme-dark .blog-style-card .content ul li a {
    color: #ffffff;
  }
  
  .theme-dark .blog-style-card .content h3 a {
    color: #ffffff;
  }
  
  .theme-dark .blog-style-card .content h3 a:hover {
    color: #ffc221;
  }
  
  .theme-dark .blog-article .blog-article-title ul li {
    color: #ffffff;
  }
  
  .theme-dark .blog-article .blog-article-title h2 {
    margin-top: 15px;
    font-size: 26px;
    max-width: 650px;
    margin-bottom: 0;
    color: #ffffff;
  }
  
  .theme-dark .blog-article .article-content .blockquote {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .blog-article .article-content .blockquote p {
    color: #ffffff;
  }
  
  .theme-dark .blog-article .comments-wrap .comment-title .title {
    color: #ffffff;
  }
  
  .theme-dark .blog-article .comments-wrap .comment-list li h3 {
    color: #ffffff;
  }
  
  .theme-dark .blog-article .comments-wrap .comment-list li span {
    color: #ffffff;
  }
  
  .theme-dark .blog-article .comments-form .contact-form {
    background-color: transparent;
  }
  
  .theme-dark .blog-article .comments-form .title {
    color: #ffffff;
  }
  
  .theme-dark .faq-content {
    margin-bottom: 30px;
  }
  
  .theme-dark .faq-content .section-title {
    margin-bottom: 30px;
  }
  
  .theme-dark .faq-content .section-title h2 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
  }
  
  .theme-dark .faq-content .section-title p {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .theme-dark .faq-content .section-title span {
    color: #ffffff;
  }
  
  .theme-dark .faq-content .faq-accordion .accordion .accordion-item {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .faq-content .faq-accordion .accordion .accordion-title {
    color: #ffffff;
  }
  
  .theme-dark .side-bar-widget {
    background-color: transparent;
  }
  
  .theme-dark .side-bar-widget .title {
    color: #ffffff;
  }
  
  .theme-dark .side-bar-widget .side-bar-categories ul li a {
    color: #ffffff;
  }
  
  .theme-dark .side-bar-widget .side-bar-categories ul li a span {
    color: #ffffff;
  }
  
  .theme-dark .side-bar-widget .side-bar-categories ul li a:hover {
    color: #0071dc;
  }
  
  .theme-dark .side-bar-widget .side-bar-categories ul li a:hover span {
    color: #0071dc;
  }
  
  .theme-dark .side-bar-widget .widget-popular-post .item .info .title-text a {
    color: #ffffff;
  }
  
  .theme-dark .side-bar-widget .widget-popular-post .item .info .title-text a:hover {
    color: #0071dc;
  }
  
  .theme-dark .search-widget {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .search-widget .search-form {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .search-widget .search-form .form-control {
    background-color: var( --first_dark);;
    color: #ffffff;
  }
  
  .theme-dark .contact-form h2 {
    color: #ffffff;
  }
  
  .theme-dark .contact-form .agree-label label {
    color: #ffffff;
  }
  
  .theme-dark .contact-form .form-group label {
    color: #ffffff;
  }
  
  .theme-dark .contact-form .form-group .form-control {
    background-color: var( --second_dark);;
    color: #ffffff;
  }
  
  .theme-dark .contact-form .form-group .form-control:focus {
    color: #ffffff;
  }
  
  .theme-dark .single-content h3 {
    color: #ffffff;
  }
  
  .theme-dark .error-area .error-content h3 {
    margin-top: 30px;
    color: #ffffff;
  }
  
  .theme-dark .error-area .error-content p {
    color: #ffffff;
  }
  
  .theme-dark .coming-soon-area {
    background-color: var( --first_dark);;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content {
    background-color: var( --second_dark);;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content h1 {
    color: #ffffff;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content p {
    color: #ffffff;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content #timer div {
    background-color: var( --first_dark);;
    color: #ffffff;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content #timer div span {
    color: #ffffff;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
    background-color: var( --first_dark);;
    color: #ffff  ff;
  }
  
  .theme-dark .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
    color: #ffffff;
  }
  
  
  
 
  /* dark theme acceuil */

  .theme-dark .advantage-block-one .inner-box:hover h4 a, .advantage-block-one .inner-box:hover p, .advantage-block-one .inner-box:hover .link a{
    color: white !important;
  }
  .theme-dark .advantage-style-two{
    background: var( --first_dark);;
  }
  .theme-dark-p{
    color: white !important;
  }
  .theme-dark .description-style-one {
   background: none;
  }
  .theme-dark .content_block_13 .content-box .inner-box .single-item h5{
    color: white !important;
  }
  .theme-dark .content_block_14 .content-box .inner-box .single-item h4 a {
    color:  white ;
  }
  .theme-dark .content_block_14 .content-box .inner-box .single-item h4 a:hover {
    color:  #ffca27 ;
  }
  .theme-dark .content_block_13 .text {
    color: #ffff;
  }
  /** Jupiter */
  .theme-dark .benefits-style-two {
    background: var( --first_dark);;
  }

.theme-dark  .text {
    color: black;
}

  .theme-dark .sec-title h4 {
    color: #35e8c6 !important;
  }
  .theme-dark .sec-title h3 {
   color:  #ffffff !important;
 }  
 .theme-dark .sec-title p {
   color:  #ffffff !important;
 } 
 .theme-dark .advantage-block-two .inner-box h4 {
   color:  #ffffff !important;
 } 
 .theme-dark #content_block_04 .content-box .single-item .box h5 {
   color:  #ffffff !important;
 } 
 
 .theme-dark .service-block .lower-content p {
   color:  #333 !important;
 }
 
 .theme-dark .pricing-block-two .pricing-table .table-header h3 {
   color:  #ffffff !important;
 } 
 
 .theme-dark .description-style-two{
  background-color: var( --second_dark);;
 } 
 .theme-dark .description-style-two{
  background-color: var( --second_dark);;
 }
 /*.theme-dark  .benefits-block-one .inner-box {
  background-color: var(--second_dark);
 }*/
 .theme-dark .faq-style-one .pattern-layer::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: #1d1d1d8a;
 }
 .theme-dark .list-style-one .owl-nav div{
  background-color: #ffca27;
 }
 .theme-dark .benefits-block-one .inner-box span,  .theme-dark .benefits-block-one .inner-box h4 {
  color: #fff !important;
 }
 
 .theme-dark .features-style-two{
  background:  var(--first_dark);
 }
 .theme-dark .features-style-two .lower-box{
  background: var( --second_dark);;
 }
 .theme-dark .slider-style-one {
  background: var(--first_dark) ;
 }
 .theme-dark .pricing-style-three {
  background: var( --second_dark);
 }
 .theme-dark .pricing-block-two .pricing-table .shape .shape-1 {
 display: none;
 }
 .theme-dark .pricing-block-two .pricing-table {
  background: var( --first_dark);
 }
 .theme-dark .pricing-block-two .pricing-table .table-footer a.theme-btn::before, .pricing-block-two.active .pricing-table .table-footer a.theme-btn {
  background-color: #35e8c6  ;
 }
 .theme-dark .features-block-two .inner-box .inner a{
  color: #35e8c6  ;
 }
 .theme-dark .advantage-block-one .inner-box {
  background-color: var(--second_dark);
 }
  .theme-dark .advantage-block-two .inner-box {
  background-color: var(--second_dark);
 }
 .theme-dark .energy_service_link {
  color: #fff !important;
 }
  /*
  .theme-dark .advantage-block-one .inner-box::before    {
    color: white !important;
  }*/
  /**Contact */
  .theme-dark .contact-section .pattern-layer {
    display: none;
  }
  .theme-dark .info-section.alternate-2 .inner-container .info-inner .info-column {
    background:  var(--second_dark);
  }
  .theme-dark .info-section .inner-container .info-inner .info-box{
    background: var(--second_dark);
  }
  .theme-dark .info-section.alternate-2 .text p{
    color: #fff !important;
  }
  .theme-dark .info-section.alternate-2 .inner-container .info-inner .info-box .box span{
    color: #fff;
  }
  .theme-dark .info-section.alternate-2 .inner-container .info-inner .info-box .box .icon-box {
    background : #0071dc;
  }
  .theme-dark #content_block_09 .content-box #contact-form {
    background: var(--second_dark);
  }
.theme-dark .contact_info a, .theme-dark .contact_info p{
  color: #fff;
}
.theme-dark .contact_info a:hover{
  color: #ffca27;
}
.theme-dark #content_block_09 .content-box #contact-form .form-group input[type="text"], .theme-dark #content_block_09 .content-box #contact-form .form-group input[type="email"], .theme-dark #content_block_09 .content-box #contact-form .form-group textarea{
  color: #fff;
}
.theme-dark .theme-btn.style-one{
  background: #ffca27;
  color: #fff;
}
.theme-dark .service-sidebar .category-widget .category-list li a{
  background-color: var(--second_dark);
  color: #fff;
}
 .theme-dark .service-details-content .text p{
  color: #fff;
}
.theme-dark .service-details-content .text h3{
  color:  #fff;
}
.theme-dark .service-details-content .content-three .text .list-style-one li::before, .service-details-content .content-three .text .list-style-one li::after {
	border-color: 	#0071dc;
}
.theme-dark .list-style-one.clearfix{
  color: #fff;
}
.theme-dark .service-details-content .content-four .single-item{
  background: var(--second_dark);
}

/******* Station meteo ************/
.theme-dark .custom-header .info-box{
  background: var(--second_dark);
}
.theme-dark .fab.fa-facebook-f, .theme-dark .fab.fa-twitter, .theme-dark .fab.fa-google-plus-g, .theme-dark .fab.fa-linkedin-in {
  color: #0071dc ;
}
.theme-dark .product_container{
  background: var(--second_dark);
}
.theme-dark .add-details-content .single-box .text p{
  color: #fff;
}
.theme-dark .list-item.clearfix{
  color: #fff;
}
.theme-dark  .custom-header::before{
  /*background-color: #1d1d1d8a;
  opacity: .8;*/
}
.theme-dark .default-sidebar .sidebar-category .category-list li a{
  color: #fff;
}
.theme-dark .default-sidebar .sidebar-category .category-list li.dropdown ul{
  background:var(--second_dark)  ;
}
.theme-dark .theme-btn-one{
  background: #ffca27
}
.theme-dark .nice-select .list{
  background-color: var(--second_dark);
}
.theme-dark .features-block.advantage-style-three .inner-box {
  background: var(--second_dark);
}
.theme-dark .features-block.advantage-style-three .inner-box p{
 color: #fff;
}
.theme-dark .benefits-style-three, .theme-dark .light-gradient-bg, .theme-dark .features-block.features-style-three .inner-box{
  background: var(--second_dark);
}
.theme-dark .benefits-style-three .inner-box{
  background: var(--first_dark);
}
.theme-dark .counter-block .counter-number, .theme-dark .counter-block .counter-number-after{
  color: #fff;
}
.theme-dark .slider-style-two::before{
  background: url('../images/half-circle-bg-dark.webp') no-repeat scroll bottom center;
}
.theme-dark .features-style-three {
  background: var(--first_dark);
}
.theme-dark .features-block.theme-two .inner-box{
  background: var(--first_dark);
 
}
.theme-dark .features-block.theme-two .text{
   color: #fff !important;
}
.theme-dark .pricing-plans-one .price-card{
  background: var(--second_dark) ;
}
.theme-dark .pricing-plans-one .pricing-feature-list li{
  color: #fff;
}
.theme-dark .pricing-plans-one .price-card.popular .card-header{
  background: url('../images/plan-card-header-bg-dark.webp') no-repeat scroll center top;
}
.theme-dark .project-section.extra .filter-btns li{
  color:#fff
}
.theme-dark .features-block.theme-two h4::before {
  background: var(--blue)
}
.theme-dark .features-block.theme-two h4::after {
  background:var(--blue)
}
.theme-dark .project-section.extra .project-block-two .inner-box{
  background: var(--second_dark);
}
.theme-dark .pricing-section {
  background: var(--first_dark);
}
.theme-dark .features-block-two .inner-box .inner a:hover::before{
  color: #35e8c6;
}
.theme-dark .download-widget .download-list li a{
  background: var(--second_dark);
  box-shadow: 0 0px 30px rgba(189, 189, 189, 0.08);
}
.theme-dark .download-widget .download-list li a h5{
  color: #fff;
}
.theme-dark .lead-text, .theme-dark .contact_title{
color : #fff;
}

.theme-dark .pricing-table .table-header h5 {
  color: white;
}
.theme-dark .list-block-one .inner-box .lower-content .inner{
  background-color:var(--second_dark); ;
}
.theme-dark .advantage-style-two .owl-nav .owl-prev:hover, 
.theme-dark .advantage-style-two .owl-nav .owl-next:hover{
	color: #fff;
}
.theme-dark input, .theme-dark textarea{
  color: #ffffff !important;
}
.theme-dark .service-sidebar .award-widget .inner-box{
  background-color: var(--second_dark);
}
.theme-dark .service-sidebar .award-widget .inner-box h2{
  color: #ffffff;
}