p {
	line-height: 25px;
}

h3 a {
	color: #2f2f2f;
	font-weight: 300;
	font-size: 1.75rem;
}
h3 a:hover{
	transition: none;
	font-size: inherit;
	color: inherit;
}

.hero-area p {
	line-height: 30px;
}


.indent{
	padding-left: 2em;
	line-height: 23px;
}
  .header-area {
  height: 67px;
  padding: 5px 20px;
}


.header-area .logo-area {
	width:175px;
	transition:all 0.3s ease;
}

.header-area .logo-area.landing {
	width:450px;
	transition:all 0.3s ease;
	padding-top: 15px;
}
.header-area .menu-content-area {
	margin-right: 0;
	margin-left:auto;
	margin-top: 14px;	
	filter: drop-shadow(0px 0px 2px black); 
	height: 27px;
}
.header-area .menu-content-area i {
}

.header-area .menu-content-area .header-social-area {
	margin-top:3px;
	}
	
.header-area .logo-area img {
	filter: drop-shadow(0px 0px 2px black); 
}
.header-area .logo-area.landing img {
	filter: drop-shadow(0px 0px 10px #444); 
}
   
.hero-area .hero-thumbnail.aboutUs 
{
	background-image: url('../img/bg-img/Lorna_Profile.jpg');
	height: 1100px;
}
@media only screen and (max-width: 767px) {
.hero-area .hero-thumbnail.aboutUs 
{
	height: 440px;
	background-position: 0 -150px;
} }
@media only screen and (max-width: 627px) {
.hero-area .hero-thumbnail.aboutUs 
{
	height: 440px;
	background-position: 0 -4em;
} }

.hero-area .hero-thumbnail.portfolio {
	background-image: url("../img/bg-img/portfolio_body.jpg");
}
@media only screen and (max-width: 767px) {
.hero-area .hero-thumbnail.portfolio 
{
	background-position: center -165px;
}}
@media only screen and (max-width: 627px) {
.hero-area .hero-thumbnail.portfolio 
{
	background-position: center -50px;
}}

.hero-area .hero-thumbnail.contact {
	background-image: url("../img/bg-img/contactus_airbrush.jpg");
}


@media only screen and (max-width: 767px) {
.hero-area .hero-content 
{
	height: 540px;
} }



.hero-thumbnail.services {
	background-image: url('../img/bg-img/face_P3.jpg');
}
 @media only screen and (max-width: 767px) {
    .hero-area .hero-thumbnail.services {
      background-position: 0px -5em; }
 }

.single-portfolio-item.portfolio-item-3 .backend-content h2 {
	left: 95%;
}
.single-portfolio-item.portfolio-item-7 .backend-content h2 {
	left: 0%;
}

.sonar-call-to-action-area {
	margin-top: 130px;
}
  .sonar-about-us-area .backEnd-content h2 {
    left: -1.75%; 
    top: -100px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .sonar-about-us-area .backEnd-content h2 {
        font-size: 170px;
        top: -80px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .sonar-about-us-area .backEnd-content h2 {
        font-size: 120px;
        top: -40px;
        }}
    @media only screen and (max-width: 767px) {
      .sonar-about-us-area .backEnd-content h2 {
        font-size: 80px;
        top: -25px; } }
    .sonar-about-us-area.second-part .backEnd-content h2 {
      top: -100px;
       }
     @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .sonar-about-us-area.second-part .backEnd-content h2 {
        font-size: 170px;
        top: -80px; 
        right: -20px;} }
     @media only screen and (min-width: 768px) and (max-width: 991px) {
        .sonar-about-us-area.second-part .backEnd-content h2 {
          font-size: 100px;
          top: -50px;
          left: auto;
          right: -20px; } }
    @media only screen and (max-width: 767px) {
      .sonar-about-us-area.second-part .backEnd-content h2 {
        font-size: 80px;
        top: -25px;
        right: -5px; } }

.backEnd-content.backEnd-content-bottom{
	max-width: 50%;
	left:0px;
}
.backEnd-content.backEnd-content-bottom h2{
        font-size: 170px;
	top: auto;
	bottom: -65px;
	right: 49.8%;
	left: auto;
}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .backEnd-content.backEnd-content-bottom h2 {
        font-size: 170px;
        bottom: -65px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .backEnd-content.backEnd-content-bottom h2 {
        font-size: 100px;
        bottom: -40px;
        }}
    @media only screen and (max-width: 767px) {
      .backEnd-content.backEnd-content-bottom h2 {
        font-size: 80px;
        bottom: -35px; } }


.sonar-about-us-area.first-part.bg-img {
	background-image: url('../img/bg-img/about_body2.jpg');
	background-position: right top;
	background-size: auto 100%;
	background-color: #08101d;
	
}

.sonar-about-us-area.second-part.bg-img {
	background-image: url('../img/bg-img/SALA_Winter.jpg');
	background-position: left top;
	background-size: auto 100%;
	
}

    @media only screen and (min-width: 1095px) and (max-width: 1333px) {
      .sonar-portfolio-menu .btn {
        margin: 0 10px; } }
    @media only screen and (min-width: 873px) and (max-width: 1094px) {
      .sonar-portfolio-menu .btn {
        margin: 0 5px;
        font-size: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 872px) {
      .sonar-portfolio-menu .btn {
        margin: 0 5px;
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .sonar-portfolio-menu .btn {
        margin: 0 5px;
        font-size: 14px; } }


.single_gallery_item img{
	max-height: 190px;
//	max-width: 190px;
}

.section-heading {
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.contact-form h3, .contact-form h3 a {
		font-size: 18px;
	}	 
}

.contact-form .form-control {
	background-color: white;
	border: 1px solid;
	  border-color: #c0c0c0 !important;

}

#contact-form .error {
	border: 1px solid red !important;
}
#contact-form .error-shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.response_msg{
	display: none;
	justify-content: center;
	align-items: center;
	height: 200px;
	width: 100%;
}
#sendingSpinner{
	display: none:
}
#msg{
	display: none;
	margin-right: 30px;
	font-size: 36px;
	font-weight: 300;
}

.datetimepicker table {
	font-size: 14px !important;
}
.datetimepicker legend {
	font-size: 18px !important;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-bottom-color: rgb(229,229,229);
}
.datetimepicker td, .datetimepicker th {
	padding: 5px 4px !important;
}

.navbar-toggler-icon {
	display: none;
}

 @media only screen and (max-width: 872px) {
	.header-nav {
		display: none;
	}	 
	.navbar-toggler-icon {
		display: block;
	}
}