.cc-logo{
	width: 40%!important;
}

.mt3{
  margin-top: 3%;
}


.hidden-xs{
  display: block;
}

.visible-xs{
  display: none;
}

.overlay h5{
  padding-top: 3px!important;
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 19px;
  text-transform: uppercase;
}

#sp-header.header-stuck .brand-logo img {
	width: 5%!important;
  display: block!important;
  margin-top: -12px;
  position: absolute;
}

#sp-header.header-stuck .soclink-block ul {
  margin-top: 2%;
}


#sp-header{
	border: none!important;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #22251B 100%);
}

.abt-line{
	right: 9%;
	z-index: -1;
	background-color: #fff;
	border: 25px solid #c4a66d;
	border-left: none;
	position: absolute;
	top: 10%;
	padding: 0% 6% 0% 12%;
}

.our-associations {
	margin-top: -25px;

}

.ptb50{
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

.ptb70{
	padding-top: 70px!important;
	padding-bottom: 70px!important;
}
.pdtp30{
  padding-top: 30px;
}
.asso-name{
	font-family: 'Lora', serif;
	font-size: 17px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 2.08px;
	text-transform: uppercase;
	color: #945F0B;
	font-weight: 600;
	padding-top: 6%;
	text-align: center;
	margin-bottom: 10px;

}
.found-name{
  font-family: 'Lora', serif;
  font-size: 20px;
  text-align: left;
  line-height: 36px;
  letter-spacing: 2.08px;
  text-transform: uppercase;
  color: #945F0B;
  font-weight: 600;
  padding-top: 6%;
  margin-bottom: 10px;

}
.found-text1{
  padding-left: 50px;
}
.found-text{
  padding-right: 50px;
  text-align: left;
}

.ass-img{
	display: block;
	margin: 0 auto;
	border-radius: 50%!important;
	box-shadow: 5px 5px 10px -1px #945F0B;
}

#why-us{
	position: relative;
	z-index: 992; 
	padding-top: 70px;
	padding-bottom: 70px;
	background: content-box;
	background: url(../img/flowers/fl-bg1.jpg);
	background-position: bottom;
}

.title-headings{
	font-family: 'Lora', serif;
	font-size: 42px;
	text-transform: capitalize;
	margin: 0;
	padding-left: 3%;
	text-align: center;
	color: #6B2027;
}
.title-headings1{
  font-family: 'Lora', serif;
  font-size: 35px;
  margin: 0;
  padding-left: 3%;
  text-align: center;
  color: #6B2027;
}
.state-name{
  font-size: 42px;
  font-weight: 700;
}

.about-headings{
	font-family: 'Lora', serif;
	font-size: 42px;
	text-transform: capitalize;
	margin: 0;
	color: #6B2027;
}


.sp-slick-imac::after{
	top: 10px;
	right: 10px;
	bottom: 55px;
	left: 10px;
	border: 3px solid #fff;
	position: absolute;
	content: '';
}

.w20{
	width: 30%;
}

.ml12{
	margin-left: 12%;
}

.serv-bg{
	background: url(../img/flowers/fl-bg-service1.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 50%;
	padding-top: 70px!important;
	padding-bottom: 70px!important;
}


.m0{
	margin: 0!important;
}

.work-bg{
	position: absolute;
	right: 0%;
	width: 20%;
	opacity: 0.4;
	/*transform: scale(-1.5);*/
}

.tag-line{
	font-family: 'Lora', serif;
  font-size: 35px;
  text-align: center;
  color: #6B2027;
}

.cu-btn-hm{
	width: 14%;
  margin: 0 auto;
  display: block;
  margin-top: 0;
}

.mt5{
	margin-top: 5%!important;
}

.client-bgimg{
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	opacity: 0.4;
}

.sp-services-container .sp-services-block:hover {
	background: #f3cad5;
	transition: 0.5s ease-out;
}

.sp-services-container .sp-services-block img {

}

.sp-slick-clients .item h5 {
	background: #d9ba68;
	color: #6b2027;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 3%;
}


#sp-header.stuck-slidein.header-stuck #sp-primary-nav>.nav_menu>li>a {
	color: #945F0B!important;
}

.hidden{
	display: none;
}

.btn-primary:hover{
	box-shadow: 3px 3px 6px -1px #5f5e5d;
}

.fs-50{
	font-size: 40px !important;
	text-align: left;
	font-family: 'Lora', serif!important;
	line-height: 1.3!important;
}


.inside-page-ban{
	position: relative;
	z-index: 20;
	width: 30%;
	background: #d5af61b0;
	padding: 2%;
}

.intro-title-insideban{
	font-size: 30px!important;
	text-align: center!important;
}


.func-text{
	font-size: 18px;
	text-align: left;
}


.rq-btn{
	float: right;
	position: absolute;
	left: 35%;
	top: 34%;
}

.rq-img{
	position: absolute;
	top: -55%;
	left: 10%;
}
.rq-img3{
  position: absolute;
  top: -36%;
  left: 10%;
}
.rq-img1{
  position: absolute;
  top: -36%;
  left: 10%;
}
.rq-img2{
  position: absolute;
  top: -86%;
  left: 10%;
}

.fl-single{
	position: absolute;
	left: 0;
	opacity: 0.5;
}

.team-bs{
  box-shadow: 7px 7px 10px -7px #757575;
}

/*lightbox*/


.img-wrapper img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 350px;
	position: relative;
	display: block;
	cursor: pointer;
}

.pt100{
	padding-top: 100px;
}

.half {
  position: absolute;
  overflow: hidden;
  z-index: 50;
  left: 0;
  width: 100%;
  height: 50%;
  @include transition(3s);
  will-change: transform;
  
  img {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
  }
  
  &.top {
    top: 0;
  }
  
  &.bottom {
    top: 50%;

    img {
      top: -110%;
    }
  }
  
  &.active.top {
    @include translateXY(0, -100%);
  }
  
  &.active.bottom {
    @include translateXY(0, 100%);
  }
}
.super-button {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 200;
  width: 200px;
  height: 80px;
  opacity: 0.8;
  @include translateXY(-50%, -50%);
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
  color: $lightGray;
  background-color: transparent;
  border: 4px solid rgba(143,143,143, 0.5);
  @include transition(1.5s);
  will-change: color, opacity, border-color;
  
  &:hover {
    color: #fff;
    opacity: 1;
    border-color: #fff;
  }
  
  &:hover ~ .overlay {
    background-color: rgba(155, 0, 0, .5);
  }
  &:hover ~ .overlay.active {
    background-color: transparent;
  }
  
  &:hover ~ .button-line .inner {
    max-width: 100%;
  }
  
  &.active {
    @include transition(4.5s);
    @include translateXY(-50%, -1000px);
  }
  
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: rgba(180, 139, 70, 0.87);
}
.p2{
  padding:2%;
}


.button-line {
  position: absolute;
  top: -webkit-calc(50% - 2px);
  top: -moz-calc(50% - 2px);
  top: calc(50% - 2px);
  left: 0;
  z-index: 200;
  width: -webkit-calc(50% - 100px);
  width: -moz-calc(50% - 100px);
  width: calc(50% - 100px);
  height: 4px;
  background-color: rgba(143,143,143, 0.5);
  @include transition(.5s);
  will-change: width, max-width;
  
  &.left {
    @include rotate(180deg);
  }
  
  &.right {
    left: -webkit-calc(50% + 100px);
    left: -moz-calc(50% + 100px);
    left: calc(50% + 100px); 
  }
  
  .inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
    max-width: 0;
    @include transition(1.5s);
  }
  
  &.active {
    opacity: 0;
  }
}
.content {
  position: absolute;
  padding: 50px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  background-color: #1d1f20;
  
  .hello {
    font-size: 50px;
    font-weight: bold;
    color: $red;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    @include translateXYandScale(-50%, -50%, 0.5);
    @include transition(1s);
  }
  
  nav {
    margin: 0 auto;
    border: 2px solid #fff;
    opacity: 0;
    @include scale(0.5);
    @include transition(1s);
    max-width: 900px;
    
    ul {
      font-size: 0;
      
      li {
        display: inline-block;
        font-size: 25px;
        text-transform: uppercase;
        color: #fff;
        padding: 5px 10px;
        border-right: 2px solid #fff;
        
        &:last-child {
          border-right: none;
        }
        
        &.active {
          color: $red;
        }
        
        &:hover {
          color: $red;
        }
      }
    }
  }
  
  &.active {

    .hello {
      opacity: 1;
      @include transitionDelay(1.5s);
      @include translateXYandScale(-50%, -50%, 1);
    }
    
    nav {
      @include transitionDelay(1.5s);
      @include scale(1);
      opacity: 1;
    }
  }
}