/*
Theme name: New Rose
Author: WebcreationUK
Version: 1.0
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 33px;
}
label {
  font-family: "Roboto", sans-serif;
}
p {
  font-family: "Roboto", sans-serif;
}
a {
  font-family: "Roboto", sans-serif;
  text-decoration: none !important;
  color: black;
}
.cstm-container {
  max-width: 1280px;
  background-color: white;
}
.rose-logo {
  height: 40px;
  width: 120px;
}
.category-link {
  font-size: 13px;
}
.custom-nav-hyt {
  height: 85px;
}
.custom-nav-hyt .nav-item.active .nav-link {
  color: #d65127;
}
.custm-mnu1 {
  margin-top: 25px;
  /* margin-bottom: 40px; */
}
.custm-mnu1 .nav-item .nav-link {
  padding: 0px;
  margin-right: 20px;
}

.custm-icon {
  margin-top: 25px;
  margin-left: 25px;
}
.nav-link {
  font-size: 14px;
}
.carousel-item img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.carousel-caption {
  color: white !important;
}
.carousel-caption h4 {
  font-weight: bold;
}
.carousel-caption {
  left: 50% !important;
  right: auto;
  transform: translateX(-50%);
}
.heading-margin-top {
  margin-top: 310px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  width: 820px;
  font-size: 50px;
}
.custom-btn {
  background-color: #3d5e29;
  border: 1px solid #3d5e29;
  color: white;
  margin-top: 65px;
  width: 242px;
  padding: 18px 0px;

  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.custom-btn:hover {
  border: 1px solid #3d5e29;

  color: #3d5e29;
  background-color: white;
}
.wht-we-doo {
  background-color: #d65127;
  height: 562px;
  width: 1800px;
}
.wht-we-doo p {
  width: 80%;
  margin: auto;
  font-size: 20px;
  color: white;
  line-height: 2rem;
}
.head-what-we-do {
  color: white;
  font-size: 33px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-align: center;
  padding-top: 90px;
}
.paragraph-text {
  width: 830px;
  text-align: center;
  margin: auto;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: white;
  margin-top: 45px;
}
.another-text-paragraph {
  text-align: center;
  margin: auto;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: white;
  margin-top: 28px;
}
.custom-btn-2 {
  background-color: #043049;

  border: 1px solid #043049;
  color: white;
  margin-top: 65px;
  padding: 18px 30px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.custom-btn-2:hover {
  border: 1px solid #043049;

  color: #043049;
  background-color: white;
}
.img-div {
  height: 330px;
  margin-top: 40px;
  margin-left: 65px;
  margin-right: 65px;
  padding: 0px;
}
.img-content1 {
  background-image: url("/img/first.jpg");
}
.img-content2 {
  background-image: url("/img/second.jpg");
}
.img-content3 {
  background-image: url("/img/third.jpg");
}
.img-content {
  background-size: cover;
  height: 240px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative;
}
.img-content h6 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
}
.blur-img {
  background-image: url("img/back.png");
  background-size: 78% 100%;
  background-repeat: no-repeat;
  background-position: top right;
  height: 580px;
}
.next-overlap-section {
  margin-top: 320px;
  padding-left: 0px;
}
.custm-height-overlap {
  height: 860px;
  padding-left: 0px;
}
.meeting-img img {
  width: 100%;
  height: 425px;
  padding-left: 0px;
  margin-top: 58px;
}
.card-get-inv {
  width: 650px;

  background-color: white;
  margin-left: -90px;
  margin-top: 160px;
  border: none;
}
.readmore a {
  font-size: 11px;
  color: #544b80;
  /* text-decoration: none; */
}
.card-get-inv .card-body {
  padding-top: 40px;
  padding-bottom: 30px;
}
.get-invol {
  font-size: 33px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
}
.card-text-getinvold {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  padding-top: 25px;
  width: 87%;
  margin: auto;
}
.custom-btn3 {
  background-color: #d65127;
  border: none;
  color: white;
  margin-top: 30px;
  padding: 18px 65px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  border: 1px solid #d65127;
}
.custom-btn3:hover {
  border: 1px solid #d65127;

  color: #d65127;
  background-color: white;
}
.custom-btn4 {
  background-color: #043049;
  border: 1px solid #004433;
  color: white;
  margin-top: 30px;
  width: 242px;
  padding: 15px 0px !important;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.custom-btn4:hover {
  border: 1px solid #043049;

  color: #043049;
  background-color: white;
}
.card-img-top {
  height: 210px;
  object-fit: cover;
}
.news-title {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 19px;
}
.grey-text {
  color: #898989;
  font-weight: medium;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  text-align: left !important;
}
.card-text-p {
  color: #5e5e5e;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  text-align: left !important;
}
.text-left-link {
  text-align: left !important;
}
.group {
  background-size: cover;
  position: relative;
  height: 640px;
  background-position: center;
}
.right {
  width: 565px;
  background-color: #732443;
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
}
.musician {
  background-size: cover;
  position: relative;
  height: 640px;
  background-position: center;
}
.left {
  width: 565px;
  background-color: #3d5e29;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.left,
.right {
  color: white;
  padding: 33px 47px;
}
.left h1,
.right h1 {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 15px;
}
.left p,
.right p {
  margin-bottom: 30px;
  font-size: 13px;
}
.left a,
.right a {
  color: white;
  font-size: 14px;
}
#contactUs {
  padding: 156px 200px 100px 200px;
}
footer {
  padding: 45px 130px 10px 200px;
}
#contactUs .form-control {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
}
#contactUs .form-control:focus {
  border-color: #cdc5ca !important;
  box-shadow: none;
  border-bottom: 2px solid black;
}
#contactUs h1 {
  margin-bottom: 45px;
}
#contactUs p {
  margin-bottom: 40px;
}
#contactUs .mb-2 {
  margin-bottom: 20px !important;
}
#contactUs label,
#contactUs p,
#contactUs input {
  font-size: 12px;
}
.footer-bg {
  background-color: #043049;
  color: #fff;
}
.footer-content {
  line-height: 2rem;
}
footer h5 {
  padding-bottom: 40px;
  margin: 0px;
  font-size: 15px;
}
.footer-content dl dd {
  font-size: 12px;
}
.footer-menu li > a {
  text-decoration: none;
  color: #ffff;
  line-height: 2rem;
  font-size: 12px;
}
.icon a {
  text-decoration: none;
  color: white;
  font-size: 20px;
  padding-right: 17px;
}
.footer-credits {
  padding-top: 50px;
}
.footer-credits {
  display: inline-flex;
  float: left;
  width: 100%;
  font-size: 14px;
}
.footer-copyright {
  margin-bottom: 15px;
  border-right: 1px solid #8c8c8c;
  padding: 0 0.5rem 0 0;
}
.designer {
  margin: 0 0 0 0.5rem;
}
.footer-credits a {
  text-decoration: none;
  color: #a6a6a6;
  border-right: 1px solid #8c8c8c;
  padding: 0 0.5rem 0 0;
  color: #8c8c8c;
}
footer p {
  color: #8c8c8c;
}
#newsEvents {
  margin-top: 120px;
}
.img-content h6:before {
  content: "";
  display: block;
  width: 200px;
  margin: auto;
  margin-bottom: 5px;
  height: 1px;
  background-color: #c4c4c4;
}
.img-content h6 {
  font-family: "Poppins", sans-serif;
  color: white;
  font-weight: 400;
  margin-bottom: 20px;
}
.menu {
  list-style-type: none !important;
  padding: 0px;
}
.text-mutedd {
  color: #d65127;
}
.creative {
  object-fit: cover;
}
.text-justify {
  text-align: justify !important;
  width: 500px;
}
.text-justified {
  text-align: justify !important;
  width: 540px;
}
.lighted {
  background-color: #d65127;
  color: white;
}
#contactUs {
  padding-top: 100px !important;
}
.contact-text label {
  color: #0e4933;
  font-weight: 700;
  margin-bottom: 10px;
}
.contact-text i {
  font-size: 20px;
  padding: 20px;
  color: #ffff;
}
.msg-inpput {
  height: 215px;
}
.contact-text p {
  color: #0e4933;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0px;
}
.envp:before,
.phone::before {
  background-color: #0e4933;
  padding: 15px;
  border-radius: 50%;
}
.contact-btn {
  background-color: #0e4933;
  color: #fff;
  font-weight: bold;
  width: 30%;
  padding: 15px;
  border-radius: 15px;
  font-size: 16px;
}
.contact-btn:hover {
  background-color: #fff;
  color: #0e4933;
  font-weight: bold;
  width: 30%;
  padding: 15px;
  border-radius: 15px;
  font-size: 16px;
  border: 1px solid #0e4933;
}
.map-size {
  width: 100% !important;
  height: 500px !important;
}
.cstm-link-clr {
  color: #544b80 !important;
}
.cstm-link-clr:hover {
  color: #423683 !important;
}
.cstm-link-clr.current {
  color: white !important;
  background-color: #423683 !important;
  border-color: #423683 !important;
}
/* what-we-do ended here */
.tiny-pic {
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.text-gray-dark {
  padding-left: 10px;
}
.img-container img {
  object-fit: cover;
  height: 400px;
  width: 100%;
}
.lorem-text-sp {
  width: 100%;
}
.tiny-picture {
  height: 80px;
  width: 100px;
}
.cus-card {
  height: 50px;
}
.input-group.md-form.form-sm.form-2 input.amber-border {
  border: 1px solid #ffca28;
}
.input-group-text {
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: #d65127;
  background-color: #d65127;
  color: white;
}
.red-border {
  border-color: #d65127;
}
.red-border:focus {
  box-shadow: none;
  border-color: #043049;
  border-right: 0px;
}

/* get involved started here */
.crd-txt-color {
  color: #d65127;
}
.crd-bdy-padding {
  padding: 30px;
  text-align: justify;
}
.img-hy8 {
  margin-left: 10px;
  object-fit: cover;
  width: 100%;
  height: 200px;
}
.page-item:not(:first-child) .page-link {
  /* margin-left: 20px; */
}
#gallery {
  padding: 60px 0px;
}
.sitemap {
  margin-left: 10px;
}
.comment-list .children li.comment {
  position: relative;
  margin: 0;
  border-left: 1px solid #f2f2f2;
  padding-left: 50px;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.85);
}
.comment-list .children li.comment::before {
  content: "\00A0";
  display: block;
  position: absolute;
  float: left;
  top: 30px;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: #f2f2f2;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.85);
}
div.comment-body::after {
  clear: both;
}
div.comment-body::before,
div.comment-body::after {
  content: " ";
  display: table;
  width: 0px;
}
div.comment-body {
  position: relative;
  margin: 0 0 15px 0;
  border: 2px solid #e5e5e5;
  padding: 25px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #fff;
}
.comment-awaiting-moderation {
  margin-left: 25px;
  font-size: 15px;
}
.comment-reply-link {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #c5c5c5;
}
.comment-reply-link:after {
  content: "\f3e5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.x-comment-list {
  float: left;
}
.cf::after {
  clear: both;
}
.cf::before,
.cf::after {
  content: " ";
  display: table;
  width: 0px;
}
.x-comment-img {
  float: left;
}
.x-comment-img .avatar-wrap {
  display: block;
  position: relative;
}
.x-comment-img .avatar-wrap .avatar {
  width: 60px;
  height: auto;
  padding: 0px !important;
}
.x-reply {
  float: left;
  clear: left;
  margin-left: 3px;
}
.x-comment-wrap {
  margin-left: 84px;
}
.x-comment-header {
  margin-bottom: 13px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 3px;
  line-height: 1;
}
.x-comment-author {
  display: inline-block;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 1;
  border-radius: 3px;
  font-style: normal;
}
.x-comment-time {
  display: inline-block;
  margin: 9px 0 0;
  position: relative;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #a6a6a6;
}
.x-comment-content {
  position: relative;
}
.comment-list {
  list-style: none;
}
.comment-list .children {
  list-style-type: none;
}
.slick-next::before {
  content: url("img/right-arrow.png") !important;
}
.slick-prev::before {
  content: url("img/left-arrow.png") !important;
  left: -5px;
  position: relative;
}
.textarea-height {
  height: 191px;
}
#contactUs .card-header {
  color: #d65127;
  font-weight: bold;
}
.widget_categories ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.widget_categories ul li:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.widget_categories ul li:first-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.widget_categories ul li {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.logo-size img{
	width:auto;
	height:90px;
}

/* For 1280 Screens */
/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
  /* insert styles here */
  .cstm-container {
    max-width: 1184px;
  }
  .textarea-height {
    height: 191px;
  }
}
/* (1920x1080) Full HD Display */
@media screen and (min-width: 1920px) {
  /* insert styles here */
  .cstm-container {
    max-width: 1800px;
  }
  .carousel-item img {
    height: 840px;
  }
  .carousel-caption {
    bottom: 8.25rem;
  }
  .img-content {
    height: 330px;
  }
  .blur-img {
    height: 850px;
  }
  .meeting-img img {
    height: 620px;
    margin-top: 100px;
  }
  .card-get-inv {
    width: 930px;
    margin-top: 275px;
  }
  .card-get-inv .card-body {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .card-text-getinvold {
    width: 620px;
  }
  #newsEvents {
    margin-top: 170px;
  }
  .right,
  .left {
    width: 660px;
    padding: 47px 65px;
  }
  #contactUs {
    padding: 156px 295px 156px 295px;
  }
  footer {
    padding: 45px 200px 10px 290px;
  }
}

/* responsive-code started here */
@media only screen and (max-width: 768px) {
  .comment-list {
    padding: 0px;
  }
  .comment-list .children li.comment {
    padding-left: 10px;
  }
  .creative {
    width: 100%;
  }
  .text-justified {
    width: 100%;
  }
  .page-item:not(:first-child) .page-link {
    /* margin-left: 10px; */
  }
  .mob-margin {
    margin-bottom: 20px;
  }
  .img-hy8 {
    margin-left: 0px;
    margin-top: 20px;
  }
  .bg-light {
    padding: 1rem !important;
  }
	.slick-prev::before
	{
		content:'' !important;
	}
	.slick-next::before
	{
		content:'' !important;
	}
  #contactUs {
    padding: 10px 20px 40px 20px;
  }
  .custom-nav-hyt {
    height: auto;
  }
	.custm-height-overlap{
		height:auto;
	}
  .custm-mnu1 > .nav-item > .nav-link {
    margin-bottom: 15px;
  }
  .custm-icon {
    flex-direction: row;
    margin-left: 0px;
  }
  .custm-icon > .nav-item > .nav-link {
    padding-right: 20px;
  }
  .heading-margin-top {
    width: 100%;
    font-size: 28px;
  }
  .custom-btn {
    width: 100%;
  }
  .cstm-container {
    max-width: 100%;
  }
  .paragraph-text {
    width: 100%;
  }
  .head-what-we-do {
    padding-top: 50px;
  }
  .custom-btn-2 {
    padding: 18px 22px;
  }
  .submit {
    text-align: center !important;
  }
  .img-div {
    height: auto;

    margin-left: 15px;
    margin-right: 15px;
    margin-top: 100px;
  }
  .meeting-img {
    padding-right: 0px !important;
  }
  .meeting-img img {
    width: 100%;
    object-fit: cover;
    padding-right: 10px;
    padding-left: 10px;
  }
  .blur-img {
    margin-top: 0px;
    background-size: cover;
    height: auto;
  }
  .card-get-inv {
    width: 100%;
    background-color: white;
    margin-left: 0px;
    margin-top: 0px;
    margin: 10px 10px 10px 5px;
    border: 1px solid #c4c4c4;
  }

  #newsEvents {
    margin-top: 100px;
  }

  .wrapper {
    width: 100%;
  }
  .right {
    width: 100%;
  }
  .left {
    width: 100%;
  }
  #contactUs h1 {
    margin-bottom: 30px;
  }
  #contactUs {
    padding: 30px 20px 30px 20px;
  }

  footer {
    padding: 20px 0px 0px 0px;
  }
  footer h5 {
    padding-bottom: 10px;
  }
  .footer-content dl {
    margin-bottom: 40px;
  }
  .footer dl,
  ul {
    margin-bottom: 40px;
  }
  .footer-credits {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .footer-copyright,
  .footer-credits a {
    border-right: none;
  }
}
@media all and (max-width: 480px) { 
.next-overlap-section {
    margin-top: 800px;
    padding-left: 0px;
}

}
/* responsive-code ended here*/