/** CSS begins **/

.card:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  }
  .headerArt{
    background: rgba(40, 40, 40, 0.9);
  }
  h1{
    font-size:22px;
  }
  h2{
    font-size:20px;
    font-weight:bold;
  }
  .text-gray{
    color:gray;
  }
  .ImgThumb{
    max-height:200px;
  }
a{
    color: #000000;
}
#topbar{
    background-color : ;
    color : }
#topbar .contact-info i{
    color : }
#topbar .contact-info i a, #topbar .contact-info i span , #topbar .social-links a{
    color : ;
    margin-right:10px;
}
#topbar .contact-info i a:hover, #topbar .contact-info i span:hover , #topbar .social-links a:hover{
    color : ;
}
#header , #footer{
    background-color : #818b9e;
    color : #000000}
#header.header-scrolled, #header.header-inner-pages{
    background-color : #818b9e;
    color : #000000;
    opacity:0.9;
}
.cta .cta-btn{
    color : #000000 !important;
    background-color: #818b9e !important;
    border-color:#000000}
.cta .cta-btn:hover{
    background-color : #000000 !important;
    color: #818b9e !important;
    border-color:#000000}
.services .icon-box h4,.services .icon-box p{
    color: #818b9e !important;
}

 .navbar .getstarted:hover {
    background-color : #000000;
    color : #818b9e;
    
}
.back-to-top{
    color : #000000 !important;
    background-color: #818b9e !important;
    
}
#hero .btn-get-started{
    color : #000000 !important;
    background-color: #818b9e !important;
    
}
#footer .footer-top .social-links a{
    background-color : #000000 !important;
    color: #818b9e !important;
    
}
#footer .footer-bottom{
    border-top:3px solid #000000}
.get-started-btn{
    background-color : #000000 !important;
    color: #818b9e !important;
}
.section-title h2::after{
    background-color : #818b9e !important;
}
#hero .btn-get-started:hover ,#footer .footer-top .social-links a:hover{
    background-color : #000000 !important;
    color: #818b9e !important;
    
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus{
    Color:#000000}
#footer .footer-top .footer-links ul a{
    color: #000000 !important;
}
#footer .footer-top .footer-contact h3 ,#footer .footer-top h4{
    color: #000000}
#footer .footer-top .footer-links ul a:hover{
    color: #818b9e !important;
}
#footer .footer-top .footer-links ul i{
    color: #000000 !important;
}
#footer .footer-top ,#footer .footer-top .footer-contact p{
    background-color: #818b9e;
    Color:#000000}
#footer .credits a{
    color : #000000 !important
}
.navbar-mobile ul{
    background-color:#818b9e;
    Color:#000000}
.contact .info{
    border-top: 3px solid #818b9e;
    border-bottom: 3px solid #818b9e;
}
.back-to-top:hover{
    background-color : #000000;
}
.back-to-top i{
    color: #000000 ;
}

.section-title h2::before{
    background: #000000;
}
.section-title h2::after{
    background: #818b9e;
}
.contact .info i{
    color : #000000 ;
    background: #818b9e;
}
.contact .info i:hover{
    background : #000000 ;
    color : #818b9e;
}
.contact .info .social-links a:hover {
    background : #000000 ;
    color : #818b9e;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
    background : #000000 ;
    color : #818b9e;
}
 .navbar .getstarted{
    border: 2px solid #000000;
    text-align:center !important;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color : #000000}
.navbar a, .navbar a:focus{
    color : #000000}
.navbar > ul > li > a:before{
    background-color : #000000}
#hero {
    width: 100%;
    background: url(/images/) top right;
    background-size: cover;
    position: relative;
}
#hero:before {
    content: "";
    background: ;
    opacity:0.6;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#hero h1{
    color: ;
}
#hero h2{
    color: ; 
}
.featured-services .icon-box:hover::before {
  background: #818b9e;
  top: 0;
  border-radius: 0px;
}
.featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description {
  color: #000000;
}
.featured-services .icon-box:hover .icon i {
  color: #000000;
}
.counts .count-box{
    background : ;
    margin-top:50px;
    border-radius:8px;
}
.counts .count-box i{
    background : ;
    color : ;
}
.counts .count-box span , .counts .count-box p{
    color : ;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link{
    right :auto;
    left:30px;
}
.breadcrumbs {
    padding: 15px 0;
    background: #ecf6fe;
    <!-- margin-top: 130px; -->
}
.blog {
    padding: 40px 0 20px 0;
}
@media only screen and (max-width: 600px) {
    .MobileTitle{
        font-size:13px;
    }
}
.starrr {
    display: inline-block; }
    .starrr a {
      font-size: 25px;
      padding: 0 1px;
      cursor: pointer;
      color: #FFD119;
      text-decoration: none; }
        #footer .footer-top .footer-links ul a:hover{
    color : #000000 !important ;
}