/*==============new styles======================*/
.alert-container.alertY {
  background-color: #FFC632;
}

.alert-container {
  padding: 20px 0 10px !important;
}

.alert-text {
  padding-right: 100px;
}

.alert-heading {
  text-align: right;
}

/* .alert-heading h2{
	font-size: 70px;
} */
.alert-container {
  top: 0;
  left: 0;
  right: 0;
}

.alert-text p {
  font-size: 17px;
  line-height: 22px;
}

.alert-text strong {
  display: block;
  margin-bottom: 5px;
}

.bgImg-quote {
  background-image: url(../../img/girl-leaning.jpg) !important;
  background-size: 50% !important;
  background-position: top right;
}

.body-image {
  float: right;
  margin-bottom: 10px;
}

.more-lt a {
  padding-right: 10px;
}

.nav-tabs .nav-link.active {
  padding: 26px;
}

.container-fluid {
  overflow: hidden;
}

aside .subnav .currentPage > a {
  border-left: 20px solid white;
  padding-left: 10px;
}

aside .subnav .currentPage ul li a {
  padding-left: 50px;
  font-weight: 400;
  font-size: 15px;
}

a.btn-primary {
  color: #FFFFFF;
}

.three-up a {
  font-weight: 700;
}

.caption a {
  color: #FFFFFF;
}

.nav-tabs a, .info-btn a {
  text-decoration: none !important;
}

.contact a, .caption a {
  font-weight: 400 !important;
}

.image-holder {
  width: 100%;
  height: auto;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
}

.bgImg-quote {
  position: relative;
  background-color: #f1f2f2;
}

.outter-image-wrapper {
  width: 80%;
  max-width: 300px;
  margin: auto;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.three-up p {
  font-weight: 600;
}

.breadcrumb a, .more a {
  text-decoration: none;
}

.breadcrumb a:hover, .more a:hover {
  text-decoration: underline;
}

.testimonial-row {
  min-height: 315px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 576px) {
  .outter-image-wrapper {
    position: absolute;
  }
}

@media screen and (min-width: 768px) {
  .interior .button-group {
    justify-content: flex-start;
  }
  /* .bgImg-quote:before{
		content: '';
	    background-image: linear-gradient( -90deg, rgba(226, 226, 226, 0.0) 0%, rgba(226, 226, 226, 1) 30% );
	    width: 80%;
	    height: 100%;
	    position: absolute;
	} */
  /* a.btn-primary.btn{
		margin-right:10px;
	} */
}

@media screen and (max-width: 767px) {
  .mob-center button {
    display: block;
  }
  .mob-center {
    display: block;
  }
  a.search-button {
    margin-right: 10px;
  }
  header div.btnContainer {
    padding: 10px;
  }
  .three-up .bgImgLg, .three-up .bgImg2 {
    /* height:350px !important; */
  }
  /* update line 2332  -- add the float style */
  .mob-center {
    float: none;
  }
  /* end update line 2332 */
  /* .search-container {
	    top: 80px !important;
	    right: 10px !important;
	    left: 10px;
	} */
  /* .navbar .container {
   	 	padding-top: 150px !important;
	} */
  /* .nav-open .search-button{
		position: absolute;
	    top: 80px;

	} */
  div.social-row {
    text-align: left;
    padding-left: 15px !important;
  }
  footer .ft-logo .col-12 {
    padding: 0 30px;
  }
  .nav-open .search-container:after {
    content: '' !important;
  }
}

@media screen and (max-width: 992px) {
  .alert-text {
    padding-right: 0;
  }
  .alert-heading {
    text-align: left;
  }
  .alert-heading h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .alert-container {
    padding: 20px !important;
  }
  footer .ft-logo {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 1250px) {
  footer > .container {
    padding: 0 35px;
  }
}

/* end new styles */
/*========================== updates to og styles stylesheet =======================*/
/* line 202  -- replace entire rule with this one */
/* --- NOTES: added declaration class------ */
.intro-txt p, .intro-txt {
  font-size: 22px;
  line-height: 44px;
}

/* end line 202 */
/* line 1071 -- add style only not declaration */
.dropdown-menu {
  background-color: transparent;
}

/* end line 1071 */
/* line 410 --- replace entire rule with this one */
.more-lt::after {
  content: url(../img/arrow.svg);
}

/* end line 410 */
/* line 73 --- replace z-index  */
.header-1 {
  z-index: 999;
}

/* end line 73 */
/* line 1788 --- replace just the height  */
.three-up .bgImgLg {
  /* height: 400px; */
}

/* end line 1788 */
/* line 626 --- replace padding */
/*span.copyright{
	padding:20px 5px;
}*/
/* end line 626 */
/* line 209 --- replace the text-decoration */
p a, .para a, .contact a, blockquote a, table a, .tab-content a, .caption a, ul a, ol a {
  text-decoration: underline;
  font-weight: 700;
}

/* end line 209 */
/* line 214 --- replace the text-decoration*/
p a:hover, .para a:hover, .contact a:hover, blockquote a:hover, table a:hover, .tab-content a:hover, .caption a:hover, ol a:hover, ul a:hover {
  text-decoration: none;
}

/* end line 214 */
/* end styles updates */
/*======================== updates to og media-767 stylesheet=================== */
@media (max-width: 767px) {
  /* line 67 --- add line-height and font-style */
  footer .ft-quote {
    line-height: 34px;
    font-style: italic;
  }
  /* end ine 67 */
}

/*-------------- REMOVE THE FOLLOWING RULES --------------------*/
/* line 1455 */
/*
.bgImg-quote {
    background-image: url(../img/quote-bg-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
*/
/* end line 1455 */