body{ font-family:"Roboto";font-size:16px; }

        h1,h2{
            font-family:"Dosis";font-weight:700;
        }
        h3,h4{ font-family:"Dosis";font-size:24px;font-weight:700; }
     

        body{
            background-color: #fff;
        }
        .footer-main.footer-classic ul li a {
    text-decoration: none;
    font-size: 17px;
}
      
        .single-intro-text .count-number,
        .header-angle:after,
        .ts-header:after,
        .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-nav .nav-item .dropdown-menu li a.active,
        .copyright .back-btn,
      
        .owl-carousel.owl-loaded .owl-nav button,
        .title-section-area .section-title:before,
        .owl-carousel.owl-loaded .owl-nav .owl-next.disabled, .owl-carousel.owl-loaded .owl-nav .owl-prev.disabled,
        .service-content .service-icon,
        .owl-carousel .owl-dots button.active,
        .ts-latest-post .post-body .post-date,
        .ts-header-classic .header-angle .ts-navbar,
        .ts-header-classic .header-angle .navbar-light,
        .quote-btn-area .btn,
        .ts-team-standard .ts-team-info .team-content .team-name,
        .ts-tab.nav-tabs .nav-link.active,
        .column-title:before, .column-title-sm:before,
        .ts-top-bar-2.standard,
        .ts-header-transparent .navbar .nav-item .nav-link:after,
        .tag-lists a:hover, .tagcloud a:hover,
        .widget_search .input-group-btn, .search-forms .input-group-btn,
        .blog-post-comment .btn-comments,
        .footer-main .footer-social ul li a:hover,
        .post-content.post-single .post-body .post-footer .post-tags a:hover,
        .ts-pricing-table-standard .plan.plan-highlight .plan-price,
        .plan .plan-tag,
        .button-normal .btn,
        .service-menu li:hover,
        #preloader,
        .ts-header-standard .ts-logo-area .navbar .nav-item .nav-link.active:after,
        .woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart,
        .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current,
        .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.sponsor-web-link a:hover i, .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
        .woocommerce span.onsale
        {
            background-color: #2750a4;
        }

        .ts-slider-area.owl-carousel .owl-nav button:hover{
            background-color: #2750a4 !important;
        }
        .slider-content h1 span,
        .testimonial-body .quote-icon,
        .ts-latest-post:hover .post-body .post-title a,
        .ts-latest-post:hover .post-body .readmore,
        .ts-service-wrapper:hover .service-content h3, .ts-service-wrapper:hover .service-content h3 > a,
        .ts-service-wrapper:hover .readmore,
        .testimonial-item-single.with-bg .quote-item:before,
        .ts-header-standard .ts-logo-area .navbar-light .navbar-nav .nav-link:focus,
         .ts-header-standard .ts-logo-area .navbar-light .navbar-nav .nav-link:hover,
         .ts-feature-standard .feature-single.feature-single:hover h3 a,
         .ts-team-info:hover .team-content .team-name,
         .ts-team-info .team-content .team-details .team-rating,
         .ts-header-transparent .navbar-light .navbar-nav .nav-link:focus, 
         .ts-header-transparent .navbar-light .navbar-nav .nav-link:hover,
         .post .post-body .entry-title a:hover,
         .readmore,
         .sidebar .widget_archive ul li a:hover,
         .sidebar .widget_categories ul li a:hover,
         .recent-post-widget .media-body .entry-title a:hover,
         .post .post-quote-content .entry-header i,
         .breadcrumb li a,
         .post-content.post-single .post-body .entry-content blockquote p cite,
         blockquote:before,
         .testimonial-item-wrapper .quote-item i,
         .top-contact-info li span,
         .ts-header-transparent .navbar-light .navbar-nav .active>.nav-link,
          .ts-header-transparent .navbar-light .navbar-nav .nav-link.active, 
          .ts-header-transparent .navbar-light .navbar-nav .nav-link:hover:before,
           .ts-header-transparent .navbar-light .navbar-nav .nav-link.show, 
           .ts-header-standard .ts-logo-area .navbar-light .navbar-nav .active>.nav-link, 
           .ts-header-standard .ts-logo-area .navbar-light .navbar-nav .nav-link.active
         .ts-header-transparent .navbar-light .navbar-nav .show>.nav-link,
         .post-content .post-footer .readmore:hover,
         .post-navigation span:hover, .post-navigation h3:hover,
         .woocommerce ul.products li.product .price, 
         .woocommerce ul.products li.product .woocommerce-loop-product__title:hover
         {
            color: #2750a4;
        }
        .ts-latest-post .post-body .post-date:before,
        .ts-latest-post:hover .post-body .post-date:before{
            border-top-color: #2750a4;
        }
        .ts-latest-post:hover .post-body .readmore i,
        .ts-header-classic .header-angle .ts-navbar,
        .ts-service-wrapper:hover .readmore i,
        .readmore i,
        .footer-main .footer-social ul li a:hover{
            border-color: #2750a4;
        }
        .header-angle:before,
        .ts-header-classic .header-angle .navbar-light:before{
            border-right-color: #2750a4;
        }

        .ts-team-standard .ts-team-info .team-content .team-name:before,
        .ts-pricing-table-standard .plan.plan-highlight .plan-price:after{
            border-top-color: #2750a4;
        }
        .ts-tab.nav-tabs .nav-link.active:after{
            border-left-color: #2750a4;
        }

        
        .copyright{
         background: #2f3967;
       } 
       .ts-team-standard .ts-team-info:hover .team-content .team-name{
           color: #fff;
       }

       /* -- secondary color-- */
       .ts-top-bar:before,
       .top-bar-angle:after,
       .ts-top-bar-2.classic,
       .button-normal .btn:hover,
       .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
           background-color:  #2f3967;
       }

       .feature-single .feature-icon,
       .woocommerce ul.products li.product .woocommerce-loop-product__title{
           color: #2f3967;
       }

       .top-bar-angle:before{
        border-right-color: #2f3967;
        border-left-color: #2f3967;
       }
       .btn:after{
        background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 50" preserveAspectRatio="none"><g><polygon fill-rule="evenodd" clip-rule="evenodd" fill="rgb(39, 80, 164)" points="0,0 0,50 166,50 180,37 180,0"/></g></svg>') no-repeat;
       }
       .btn:hover:after{
        background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 50" preserveAspectRatio="none"><g><polygon fill-rule="evenodd" clip-rule="evenodd" fill="rgb(47, 57, 103)" points="0,0 0,50 166,50 180,37 180,0"/></g></svg>') no-repeat;
       }
       .btn-after:after{
            background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 50" preserveAspectRatio="none"><g><polygon fill-rule="evenodd" clip-rule="evenodd" fill="rgb(39, 80, 164)" points="0,0 0,50 166,50 180,37 180,0"/></g></svg>') no-repeat;
       }
       .btn-after:hover:after{
            background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 50" preserveAspectRatio="none"><g><polygon fill-rule="evenodd" clip-rule="evenodd" fill="rgb(47, 57, 103)" points="0,0 0,50 166,50 180,37 180,0"/></g></svg>') no-repeat;
       }
    
    

        
        .footer{
            background: #1a1831;
            padding-top: 0px;
        }
        .footer-main:before{
            background:url(//demo.themewinter.com/wp/autrics/classic/wp-content/uploads/sites/2/2020/03/footer-bg-classic.jpg);
        }
        
        .copyright{
         background:;
      }
     header#ts-header-transparent> div {
    background: #000;
}
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
.ts-slider-classic .slider-image{bottom:-140px}.ts-slider-classic .owl-stage .owl-item.active .slider-image{width:500px}.ts-testimonial-classic .testimonial-item-single.with-bg .quote-item:before{content:"\f10e";font-family:"Font Awesome 5 Free";font-weight:900}.ts-testimonial-classic .owl-carousel.owl-loaded .owl-nav button.owl-prev:hover{background:#fff;color:#222}.ts-blog-classic .post-title a{font-weight:600}.ts-blog-classic .ts-latest-post:hover .post-body .readmore i{border:0}.cta-classic .elementor-icon-box-icon span{border-color:rgba(255,255,255,.3)!important}.footer-classic .footer-widget .widget-title{font-weight:600;font-size:18px;line-height:24px}@media (max-width:767px){.header-classic-topbar .top-info-wrapper{padding:5px 0}.header-classic-topbar.top-contact-info li{margin-bottom:10px}}.ts-slider-classic .slider-image{transform:translateY(0px) skewX(0deg)}.ts-choose-btn a{opacity:0;visibility:hidden}.choose-us-classic:hover .ts-choose-btn a{opacity:1;visibility:visible}.btn-classic .btn{background:#2750a4;color:#fff;border-color:#2750a4;font-weight:500;font-size:14px;padding:10px 30px;height:50px;text-transform:uppercase}.btn-classic .btn:hover{background:#2f3967;border-color:#2f3967}.btn-classic .btn i{margin-left:8px}.btn-classic .btn:after{display:none}.ts-logo img{width:auto;max-height:55px}.footer-classic-logo img{width:auto;max-height:55px}@media(max-width:992px){.navbar-nav .nav-item .dropdown-menu li a{padding:13px 40px}}@media (max-width:991px) and (min-width:768px){.navbar-nav .nav-item .dropdown-menu{background:0 0}}.wpcf7-spinner{display:none}.submitting .wpcf7-spinner{display:inline-block;top:10px;margin-left:10px;margin-right:0}.contact-us br,.contactMe br{display:none}