@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

::-webkit-scrollbar {

  width: 8px

}

::-webkit-scrollbar-track {

  background: #e8e8e8

}

::-webkit-scrollbar-thumb {

  background: #f85359

}

::-webkit-scrollbar-thumb:hover {

  background: #e2494f

}

* {

  -webkit-font-smoothing: antialiased;

  -moz-os-font-smoothing: grayscale;

  box-sizing: border-box;

  padding: 0;

  margin: 0

}

.agent-photo, .amenities-card, .cta, .fixed-top, .floor-plans, .form-block button, .form-block input, .gallery-, .nav-item a, .project-card-, .reviews-card, .top-header .nav-link, .top-header .nav-link:hover, .top-header .sticky {

  -moz-transition: all .5s;

  -o-transition: all .5s;

  -webkit-transition: all .5s;

  transition: all .5s

}

body {

  /*font-family: Assistant, sans-serif;*/ font-family: 'Roboto', sans-serif;

  color: #0a2233;

  font-weight: 400;

  font-style: normal;

  font-size: 16px; letter-spacing: 1.1px!important;

}





.credential .modal-dialog {width: 320px!important;
top: 110px;
}



.credential.yout .modal-dialog {

    width: 850px!important;

}





button.close {

    background: #d0954d;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    opacity: inherit;

    color: #fff!important;

    z-index: 999;

    position: absolute;

    right: 5px;

    top: 5px;

    text-align: center;

    line-height: 0px;

    padding: 0!important;

}

h4.modal-title {

    text-align: left;

    font-family: 'Roboto', sans-serif;font-size: 20px;

}

button.close:focus, button.close:hover {color: #fff;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: initial;}

.modal-body p{ font-size:14px;}

.credential .modal-body {

    position: relative;

    padding: 25px;

}

.modal-body .btn {

    background: #d0954d;

    border: 1px solid #d0954d;

    color: #fff;

    font-size: 16px;

    margin-bottom: 10px;

    width: 100%;

    font-weight: 600;

    letter-spacing: 1.1px;

}

.credential .modal-header {

    min-height: 16.43px;

    padding: 10px 25px;

    border-bottom: none;

    background: #f7f7f7;

}



.form-control {background: #fff none repeat scroll 0 0;border-radius: 3px;box-shadow: none;color: #6b7c8a;font-size: 15px;font-weight: 400;border: 1px solid #e0e0e0; height: 37px;margin-bottom: 0px;padding-left: 15px;letter-spacing: 0.9px;}



.form-box .btn {

    background-color: #FF692E;

    border: 0 none;

    color:#fff;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    margin-top: 0px;

    padding: 12px 30px;

    border-radius: 5px;

    width: 100%;

}





.form-control::placeholder {

    color: #6b7c8a;

    opacity: 1;

}

.form-group input::placeholder, .form input::placeholder { font-size:14px;}





.centred {

    text-align: center;

}



.banner-form {

    position: absolute;

    top: 140px;

    right: 194px;

    max-width: 400px;

    z-index: 999999;

}



.hiop{box-shadow: 0 5px 47.2px 11.8px rgb(19 30 74 / 10%);}





h1, h2, h3, h4, h5, h6 {

  font-weight: 900

}

h1, h2, h3, h4, h5, h6, p, ul {

  margin: 0;

  padding: 0

}

p {

  font-size: 18px;

  font-weight: 400;

  line-height: 1.5; margin-bottom: 10px;



}

ul {

  list-style: none

}

a:hover {

  text-decoration: none

}

button:focus {

  outline: 0 !important

}



.fix-mobile-strip {

    display: none;

}

.whatsapp_float {

    position: fixed;

    left: 10px;

    bottom: 10px;

}



.padbtm0 {

  padding-bottom: 0 !important

}

.mt45 {

  margin-top: 45px

}

.mt15 {

  margin-top: 15px

}

.pad-tb {

  padding-top: 60px;

  padding-bottom: 60px

}

.common-heading {

  padding: 0;

  text-align: center

}

.common-heading h2 {

  font-weight: 800;

  font-size: 36px;

  margin-bottom: 20px

}

.common-heading p {

  font-size: 18px

}

.v-center {

  align-self: center

}

.navbar-toggler {

  background-color: #fff;

  border: 1px solid #fff

}

.top-header .sticky {

  background: #000;

  -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);

  box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08)

}

html body .top-header.header-2 .sticky .nav-link:hover {

  color: #dbaa67

}

.top-header .nav-link:hover .nav-number {

  color: #f85359 !important

}

.top-header .nav-link {

  font-weight: 600;

  font-size: 17px;

  color: #0a2233

}

.navbar-light .navbar-nav .nav-link {

  color: rgb(10 34 51)

}

.top-header .nav-link.active {

  color: #dbaa67 !important

}

.top-header .nav-link.active:after {

  transition: all .2s linear 0s;

  background: #dbaa67;

  width: 90%

}

.top-header .nav-link:after {

  content: '';

  display: block;

  height: 2px;

  text-align: center;

  left: 0;

  right: 0;

  width: 0;

  float: none;

  background: #dbaa67;

  transition: width .4s ease, background-color .4s ease;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  margin: 0 auto;

  position: relative;

  bottom: -4px

}

.fixed-top {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

  padding-top: 0;

  padding-bottom: 0;

  height: 70px;background: #000;

}

.brand-logo a {

  display: block

}

.header-right ul li:after {

  content: "";

  position: absolute;

  border-right: 1px solid #eee;

  height: 30px;

  right: -12px;

  top: 10px

}

.header-right ul li:last-child:after {

  content: "";

  position: absolute;

  border-right: 0 solid #eee

}

.hero-section {

  position: relative;

  overflow: hidden;

  background: url(../images/hero/hero-bg.png) #fff;

  padding-top: 170px;

  padding-bottom: 170px;

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover

}

.header-heading {

  margin: 0 50px 0 0

}

.header-heading h1 {

  font-weight: 700;

  font-size: 55px;

  line-height: 1.3;

  margin-bottom: 25px

}

.header-heading p {

  font-size: 18px;

  line-height: 1.5;

  margin-bottom: 35px;

  font-weight: 500

}

.single-image .item {

  border-radius: 6px 6px 6px 50px;

  overflow: hidden

}

.owl-item.active.center .item {

  opacity: 1;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1)

}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {

  background: #f85359;

  transform: translate3d(0, -50%, 0) scale(.7);

  transition: all 250ms ease-out 0s

}

.owl-carousel .owl-dots {

  display: inline-block;

  width: 100%;

  text-align: center;

  margin: 20px 0 0;

  position: absolute;

  transition: all 250ms ease-out 0s

}

.owl-carousel .owl-dots .owl-dot {

  display: inline-block

}

.owl-carousel .owl-dots .owl-dot span {

  background: #f85359;

  display: inline-block;

  height: 20px;

  margin: 0 2px 5px;

  transform: translate3d(0, -50%, 0) scale(.3);

  transform-origin: 50% 50% 0;

  transition: all 250ms ease-out 0s;

  width: 20px

}

.project-card-:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.project-card- {

  border-radius: 6px;

  overflow: hidden;

  background: #fff;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  top: 0;

  position: relative

}

.project-card img {

  width: 100%

}

.apartments-list {

  overflow-x: hidden;

  background: #fff;

  padding-bottom: 80px

}

.apartments-list .mt45 {

  margin-top: 35px

}

.apartments-list .owl-stage {

  padding-bottom: 10px;

  padding-top: 10px

}

.apartments-list .owl-stage-outer {

  position: relative

}

.home-details {

  padding: 20px;

  border: 1px solid #e8e8ef;

  border-radius: 0 0 6px 6px

}

.home-details h3 {

  font-weight: 700;

  font-size: 18px;

  line-height: 1.5;

  margin: 0 0 4px

}

.feature-list {

  margin: 10px 0 0;

  color: #0a2233

}

.feature-list li {

  display: inline-block;

  padding: 0 15px 0 0

}

.feature-list li i {

  padding: 0 5px 0 0;

  font-size: 16px

}

.feature-section {

  background: url(../images/common/dot.png) #f4f6f8

}

.feature-image {

  border-radius: 6px 6px 6px 50px;

  overflow: hidden;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08)

}



.navbar-brand img {

    width: 250px;

}



.amenities-section {

  background: #fff

}

.amenities-card:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.amenities-card {

  text-align: center;

  background: #fff;

  border-radius: 6px;

  padding: 20px 10px;

  margin: 5px 0;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  top: 0;

  position: relative;

  border: 1px solid #c09159;

  cursor: grab

}

.amenities-card-icon-section {

  width: 70px;

  margin: 0 auto 15px;

  background: rgb(255 228 190);

  border-radius: 32% 68% 64% 36%/39% 58% 42% 61%;

  padding: 8px

}

.amenities-card h3 {

  font-weight: 700;

  font-size: 17px;

  line-height: 1.5;

  margin: 0 0 4px

}

.amenities-card p {

  font-size: 16px

}

.floor-plans:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.floor-plans {

  text-align: center;

  margin-top: 0px;

  border-radius: 6px;

  overflow: hidden;

  background: #fff;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  top: 0;

  position: relative

}

.floor-plans h3 {

    font-weight: 700;

    font-size: 20px;

    line-height: 1.5;

    padding: 15px 0 15px;

    border-top: 1px solid #e8e8ef;

    border-radius: 0 0 6px 6px;

    color: #000000;

    background: #dba86b;

}

.floor-plans p {

    font-size: 16px;

    font-weight: 500;

}

.floor-plans a {

  display: block

}

.floor-img {

  display: block;

  border-radius: 6px;

  width: 100%

}

.floor-img img {

  width: 100%;
	  filter: blur(5px);

}



.img-gallery-magnific .col-lg-4:nth-child(3) ~ * {

    margin-top: 30px;

}







.nav-filter {

  margin: 0px auto 0;

  display: table

}

.nav-filter .nav-tabs {

  border-bottom: 0 solid #dee2e6

}

.nav-filter .nav-item .nav-link1.active {

  color: #fff;

  background: #e29f01;

}

.nav-tabs .nav-item {

  margin: 0 10px 10px

}

.nav-filter .nav-item .nav-link1 {

  color: #0a2233;

  line-height: 1;

  font-family: Merriweather;

  padding: 10px 20px;

  border: 0;

  background: #e29f0169;

  border-radius: 6px;

  font-size: 15px;

  text-align: center;

  display: block

}

.specification-section {

  background: #fff

}

.list-features li {

  color: #0a2233;

  background: url(../images/common/check-mark.png);

  background-size: 18px;

  background-repeat: no-repeat;

  background-position: 5px 3px;

  padding-left: 35px;

  margin-top: 10px

}

.h4-heading {

  font-size: 18px;

  font-weight: 700;

  margin: 0 0 20px

}

.cta-section:before {

  content: "";

  position: absolute;

  background: rgba(10, 34, 51, .9);

  height: 100%;

  width: 100%;

  top: 0;

  right: 0;

  left: 0

}

.cta-section {

  background: url(../images/common/dots.png);

  position: relative

}

.mt30 {

  margin-top: 30px

}

.mt30a {

  margin-top: 30px

}

.cta-heading p {

  font-size: 36px;

  font-weight: 800;

  color: #fff;

  line-height: 1.5;

  font-family: Merriweather

}

.cta:hover {

  background-color: #ab7d4c;

  color: #fff;

  top: -5px;

  box-shadow: 0 5px 10px rgba(10, 34, 51, .2)

}

.cta {

  font-size: 16px;

  font-weight: 600;

  padding: 0 20px;

  line-height: 40px;

  text-align: center;

  outline: 0;

  color: #fff;

  background-color: #d0a53a;

  border: none;

  border-radius: 6px;

  display: inline-block;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  top: 0;

  position: relative

}

.cta:hover {

  color: #fff

}



.price-range {

    background: #fff;

}

table {

    background: #fff; text-align: center;

}

button.btn.btn-info.btn-lg.gbtn.dark-gold {

    background: #d0a53a;

    padding: 3px 10px;

    font-size: 17px;

    letter-spacing: 1.2px;

    border: 1px solid #d0a53a;

}





.mt20 {

  margin-top: 12px

}

.cta-text {

  align-self: center

}

.gallery-section {

  background: #f4f6f8

}

.gallery-:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.gallery- {

  position: relative;

  top: 0;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  margin: 0px 0 0

}

.gallery- a img {

    display: block;

    border-radius: 6px;

    min-height: 180px;

    max-height: 180px;

    width: 100%;

}



#floorPlans .container-fluid {

    padding: 0 80px;

}





.location-section iframe {

  width: 100%;

  height: 300px;

  border-radius: 6px

}

.loc-adlit li {

  list-style: none;

  padding: 0 0 5px;

  font-size: 16px

}

.loc-adlit li span {

  list-style: none;

  text-align: right;

  float: right;

  font-weight: 700

}



tr {

    background: #ffe699;

    margin: 10px 0;

}

.table-bordered td, .table-bordered th {

    border: 5px solid #ffffff;

}



.agent-section {

  background: #ffffff;

}

.agent-photo img {

  width: 200px;

  border-radius: 6px

}

.social-links- a {

  color: #0a2233;

  display: inline-block;

  line-height: 1;

  font-size: 15px;

  border: 1px solid #e8e8ef;

  padding: 8px;

  width: 32px;

  height: 32px;

  text-align: center;

  margin: 0 10px 0 0;

  border-radius: 4px

}

.social-links- {

  margin: 10px 0 0

}

.agent-details h5 {

  margin: 0 0 4px;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.5

}

.agent-details p {

  font-size: 16px;

  padding: 0 0 10px

}

.agent-details p span {

  font-weight: 600

}

.agent-photo:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.agent-photo {

  text-align: left;

  background: #fff;

  border-radius: 6px;

  padding: 20px;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  position: relative;

  top: 0;

  border: 1px solid #e8e8ef

}

.reviews-card:hover {

  box-shadow: 0 0 10px #e6e3e3;

  top: -5px

}

.reviews-section .owl-carousel .owl-dots {

  margin: 5px 0 0

}

.reviews-card span {

  font-size: 30px;

  color: #f85359

}

.reviews-card {

  text-align: center;

  background: url(../images/common/pricing-bottom-bg.png) #fff;

  border-radius: 6px;

  padding: 30px;

  margin: 5px 0;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  position: relative;

  top: 0;

  border: 1px solid #e8e8ef;

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: auto;

  cursor: grab

}

.reviews-card img {

  border-radius: 100px;

  max-width: 140px;

  margin: 0 auto 15px

}

.reviews-card h4 {

  font-size: 18px;

  font-weight: 700;

  margin: 10px 0 0

}

.reviews-card h4 span {

  font-weight: 400;

  display: block;

  font-size: 16px;

  margin: 8px 0 20px;

  color: #0a2233;

  font-family: Assistant, sans-serif

}

.project-logo-section {

  background: #f4f6f8

}

.project-logo img {

  margin: 0 auto;

  display: block

}

.opl ul {

  overflow: hidden

}

.opl ul li:before {

  content: "";

  height: 100%;

  top: 0;

  left: -1px;

  position: absolute;

  border-left: 1px solid #e6e6e6

}

.opl ul li {

  width: 20%;

  float: left;

  position: relative;

  padding: 0 30px

}

.enquire-form {

  background: url(../images/common/buildings.png);

  background-repeat: no-repeat;

  background-position: center bottom

}

.cta-heading-2 img {

  margin: 0 0 20px

}

.cta-heading-2 {

  margin-right: 50px

}

.cta-heading-2 h2 {

  font-weight: 800;

  font-size: 30px;

  line-height: 1.2;

  padding-bottom: 20px;

  color: #0a2233

}

.cta-heading-2 p {

  padding-bottom: 20px

}

.form-block {

  background: #fff;

  border-radius: 0px;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

}

.form-block form {

  padding: 0 25px 25px

}

.form-block input:focus, .form-block textarea:focus {

  border: 1px solid #f85359

}

.form-block input {

  width: 100%;

  height: 42px;

  padding: 0 15px;

  margin: 0 0 15px;

  border-radius: 6px;

  color: #172b43;

  font-size: 15px;

  outline: 0;

  background: #fff;

  

  border: 1px solid #e6e6e6;font-family: 'Roboto', sans-serif;

}

.form-block textarea {

  max-height: 200px;

  width: 100%;

  padding: 15px;

  margin: 0 0 10px;

  border-radius: 6px;

  color: #172b43;

  font-size: 16px;

  outline: 0;

  background: #fff;

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  border: 1px solid #e6e6e6

}

.custom-control-input:checked ~ .custom-control-label::before {

  color: #fff;

  border-color: #f85359;

  background-color: #f85359

}

.custom-control-input:focus ~ .custom-control-label::before {

  -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, .08);

  box-shadow: 0 3px 6px rgba(91, 130, 148, .08)

}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {

  border-color: #ffbc80

}

.custom-control-label::before {

  position: absolute;

  top: -1px;

  left: -1.5rem;

  display: block;

  width: 20px;

  height: 20px;

  pointer-events: none;

  content: "";

  background-color: #fff;

  border: #adb5bd solid 1px

}

.custom-control-label::after {

  position: absolute;

  top: -3px;

  left: -26px;

  display: block;

  width: 25px;

  height: 25px;

  content: "";

  background: no-repeat 50%/50% 50%

}

.custom-control {

  margin-bottom: 10px

}

.form-block label input {

  height: 20px;

  width: 20px;

  position: relative;

  top: 5px;

  margin: 0 5px 0 0

}

.fieldsets label {

  position: relative;

  top: -10px;

  font-size: 14px;

  color: #f85359;

  margin: 0;

  padding: 0

}

.custom-control label {

  text-indent: -21px;

  padding: 0 0 0 21px;

  font-size: 13px

}

.form-block label a {

  color: #000

}

.form-header {

    text-align: center;

    padding: 10px 0;

    margin: 0 0 20px;

    background-color: #deaf75;border-radius: 0;

}

.form-header h2 span {

    font-size: 23px;

    display: block;

    font-weight: 700;

    color: #000;

    font-family: 'Roboto';

}

.form-header p {

  text-align: center

}

.form-block p.trm {

  font-size: 13px;

  width: 100%;

  text-align: center;

  margin: 10px 0 0

}

.form-block p.trm i {

  padding: 5px 5px 0 0

}

.form-block button:hover {

  background-color: #cb9f33; color: #fff;

}

.form-block button {

    font-size: 16px;

    font-weight: 600;

    padding: 0 40px;

    line-height: 38px;

    text-align: center;

    opacity: 100%!important;

    outline: 0;

    color: #fff;

    background-color: #000000;

    border: none;

    border-radius: 5px;

    width: 100%;

    -webkit-box-shadow: 0 3px 6px rgb(91 130 148 / 8%);

    box-shadow: 0 3px 6px rgb(91 130 148 / 8%); letter-spacing: 1.1px;

}

.pl0 {

  padding-left: 0 !important

}

footer {

  background: #000;

  padding: 20px 0 10px;

  color: #fff

}

footer p {

    font-size: 14px;

    margin-bottom: 0;

}

.footer- a img {

  width: 100px

}

footer h3 {

  margin-bottom: 25px;

  font-size: 20px;

  font-weight: 700

}

.footer- p {

  text-align: center;

  padding: 25px 0 0;

  font-size: 15px;

  font-weight: 500;

  color: #fff

}

.footer- a {

  display: block;

  margin: 0 0 25px

}

.footer-block {

  padding: 20px 0

}

.social-links {

  text-align: right

}

.social-links a {

  color: #0a2233;

  font-size: 25px;

  line-height: 1

}

.footer-address-list li i {

  margin: 0 5px 0 0

}

.copyright {



  margin-top: 0px

}

.footer-address-list li {

  font-size: 16px;

  text-indent: -12px;

  padding-left: 25px;

  line-height: 35px

}

.footer-social-media-icons a {

  color: #fff;

  font-size: 16px;

  border: 1px solid #cacaca;

  border-radius: 4px;

  margin: 0 2px;

  width: 35px;

  height: 35px;

  display: inline-block;

  text-align: center;

  line-height: 34px

}

.footer-social-media-icons a.facebook {

  background: #0069f7;

  border-color: #0069f7

}

.footer-social-media-icons a.twitter {

  background: #00c6f7;

  border-color: #00c6f7

}

.footer-social-media-icons a.instagram {

  background: #d62977;

  border-color: #d62977

}

.footer-social-media-icons a.linkedin {

  background: #0e72a3;

  border-color: #0e72a3

}

.footer-address-list li a {

  color: #fff

}

.v-center {

  align-items: center;

  align-self: center

}

.index2 h1, .index2 h2 {

 font-family: 'Roboto', sans-serif;

  font-weight: 700

}

.common-heading-2 h2 span {

    color: #ddac6a;

}

.common-heading-2 p {

  font-size: 16px

}

h1, h2, h3, h4, h5, h6 {

  line-height: 1.4

}

.h1 {

  font-size: 40px;

  line-height: 55px;

  font-weight: 800

}

.h2 {

  font-size: 35px;

  line-height: 45px;

  font-weight: 800

}

.h3 {

  font-size: 25px;

  line-height: 35px;

  font-weight: 800

}

.h4 {

  font-size: 22px;

  line-height: 32px;

  font-weight: 600

}

.h5 {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600

}

.h6 {

  font-size: 18px;

  line-height: 28px;

  font-weight: 600

}

p {

  font-size: 16px;

  font-weight: 400;

  line-height: 24px

}



.icondata.media-body p{font-weight: 600;}



html .mr5 {

  margin-right: 5px

}

html .m0 {

  margin: 0 !important

}

html .mt0 {

  margin-top: 0

}

html .mt5 {

  margin-top: 5px

}

html .mt10 {

  margin-top: 10px

}

html .mt15 {

  margin-top: 15px

}

html .mt20 {

  margin-top: 20px

}

html .mt25 {

  margin-top: 25px

}

html .mt30 {

  margin-top: 30px

}

html .mt35 {

  margin-top: 35px

}

html .mt40 {

  margin-top: 40px

}

html .mt45 {

  margin-top: 45px

}

html .mt50 {

  margin-top: 50px

}

html .mt55 {

  margin-top: 55px

}

html .mt60 {

  margin-top: 60px

}

html .mt65 {

  margin-top: 65px

}

html .mt70 {

  margin-top: 70px

}

html .mt75 {

  margin-top: 75px

}

html .mt80 {

  margin-top: 80px

}

html .mt85 {

  margin-top: 85px

}

html .mt90 {

  margin-top: 90px

}

html .mt95 {

  margin-top: 95px

}

html .mt100 {

  margin-top: 100px

}

html .mt106 {

  margin-top: 105px

}

html .mt110 {

  margin-top: 110px

}

html .mt115 {

  margin-top: 115px

}

html .mt120 {

  margin-top: 120px

}

html .mt125 {

  margin-top: 125px

}

html .mt130 {

  margin-top: 130px

}

html .mt135 {

  margin-top: 135px

}

html .mt140 {

  margin-top: 140px

}

html .mt145 {

  margin-top: 145px

}

html .mt150 {

  margin-top: 150px

}

html .mb0 {

  margin-bottom: 0

}

html .mb5 {

  margin-bottom: 5px

}

html .mb10 {

  margin-bottom: 10px

}

html .mb15 {

  margin-bottom: 15px

}

html .mb20 {

  margin-bottom: 20px

}

html .mb25 {

  margin-bottom: 25px

}

html .mb30 {

  margin-bottom: 30px

}

html .mb35 {

  margin-bottom: 35px

}

html .mb40 {

  margin-bottom: 40px

}

html .mb45 {

  margin-bottom: 45px

}

html .mb50 {

  margin-bottom: 50px

}

html .mb55 {

  margin-bottom: 55px

}

html .mb60 {

  margin-bottom: 60px

}

html .mb65 {

  margin-bottom: 65px

}

html .mb70 {

  margin-bottom: 70px

}

html .mb75 {

  margin-bottom: 75px

}

html .mb80 {

  margin-bottom: 80px

}

html .mb85 {

  margin-bottom: 85px

}

html .mb90 {

  margin-bottom: 90px

}

html .mb95 {

  margin-bottom: 95px

}

html .mb100 {

  margin-bottom: 100px

}

html .ml5 {

  margin-left: 5px

}

html .ml10 {

  margin-left: 10px

}

html .ml15 {

  margin-left: 15px

}

html .ml20 {

  margin-left: 20px

}

html .ml25 {

  margin-left: 25px

}

html .ml30 {

  margin-left: 30px

}

html .ml35 {

  margin-left: 35px

}

html .ml40 {

  margin-left: 40px

}

html .ml45 {

  margin-left: 45px

}

html .ml50 {

  margin-left: 50px

}

html .mr5 {

  margin-right: 5px

}

html .mr10 {

  margin-right: 10px

}

html .mr15 {

  margin-right: 15px

}

html .mr20 {

  margin-right: 20px

}

html .mr25 {

  margin-right: 25px

}

html .mr30 {

  margin-right: 30px

}

html .mr35 {

  margin-right: 35px

}

html .mr40 {

  margin-right: 40px

}

html .mr45 {

  margin-right: 45px

}

html .mr50 {

  margin-right: 50px

}

html .pt0 {

  padding-top: 0

}

html .pt5 {

  padding-top: 5px

}

html .pt10 {

  padding-top: 10px

}

html .pt15 {

  padding-top: 15px

}

html .pt20 {

  padding-top: 20px

}

html .pt25 {

  padding-top: 25px

}

html .pt30 {

  padding-top: 30px

}

html .pt35 {

  padding-top: 35px

}

html .pt40 {

  padding-top: 40px

}

html .pt45 {

  padding-top: 45px

}

html .pt50 {

  padding-top: 50px

}

html .pt55 {

  padding-top: 55px

}

html .pt60 {

  padding-top: 60px

}

html .pt65 {

  padding-top: 65px

}

html .pt70 {

  padding-top: 70px

}

html .pt75 {

  padding-top: 75px

}

html .pt80 {

  padding-top: 80px

}

html .pt85 {

  padding-top: 85px

}

html .pt90 {

  padding-top: 90px

}

html .pt95 {

  padding-top: 95px

}

html .pt100 {

  padding-top: 100px

}

html .pb0 {

  padding-bottom: 0

}

html .pb5 {

  padding-bottom: 5px

}

html .pb10 {

  padding-bottom: 10px

}

html .pb15 {

  padding-bottom: 15px

}

html .pb20 {

  padding-bottom: 20px

}

html .pb25 {

  padding-bottom: 25px

}

html .pb30 {

  padding-bottom: 30px

}

html .pb35 {

  padding-bottom: 35px

}

html .pb40 {

  padding-bottom: 40px

}

html .pb45 {

  padding-bottom: 45px

}

html .pb50 {

  padding-bottom: 50px

}

html .pb55 {

  padding-bottom: 55px

}

html .pb60 {

  padding-bottom: 60px

}

html .pb65 {

  padding-bottom: 65px

}

html .pb70 {

  padding-bottom: 70px

}

html .pb75 {

  padding-bottom: 75px

}

html .pb80 {

  padding-bottom: 80px

}

html .pb85 {

  padding-bottom: 85px

}

html .pb90 {

  padding-bottom: 90px

}

html .pb95 {

  padding-bottom: 95px

}

html .pb100 {

  padding-bottom: 100px

}

.hero-slider {

  width: 100%;

  height: 90vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  z-index: 0

}

.hero-slider .slide-inner {

  position: relative

}

.hero-slider .slide-inner:before {

  content: "";

  position: absolute;

  background: #000;

  width: 100%;

  height: 100%;

  opacity: .25;

  top: 0;

  left: 0;

  right: 0

}

.hero-slider .swiper-slide {

  overflow: hidden;

  color: #fff

}

.hero-slider .swiper-container {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0

}

.hero-slider .slide-inner {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  background-size: cover;

  background-position: center;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: left

}

.hero-slider .swiper-button-next, .hero-slider .swiper-button-prev {

  background: 0 0;

  width: 55px;

  height: 55px;

  line-height: 53px;

  margin-top: -30px;

  text-align: center;

  border: 2px solid #d4d3d3;

  border-radius: 55px;

  opacity: 0;

  visibility: hidden;

  transition: all .3s ease

}

.hero-slider:hover .swiper-button-next, .hero-slider:hover .swiper-button-prev {

  transform: translateX(0);

  opacity: 1;

  visibility: visible

}

.hero-slider .swiper-button-prev {

  left: 25px;

  transform: translateX(50px)

}

.hero-slider .swiper-button-prev:before {

  font-family: "font awesome 5 free";

  content: "\f060";

  font-size: 15px;

  color: #d4d3d3;

  font-style: normal;

  display: inline-block;

  vertical-align: middle;

  font-weight: 900

}

.hero-slider .swiper-button-next {

  right: 25px;

  transform: translateX(-50px)

}

.hero-slider .swiper-button-next:before {

  font-family: "font awesome 5 free";

  content: "\f061";

  font-size: 15px;

  color: #d4d3d3;

  font-style: normal;

  display: inline-block;

  font-weight: 900

}

.hero-slider .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  text-align: left;

  line-height: 12px;

  font-size: 12px;

  color: #000;

  opacity: .3;

  background: #fff;

  transition: all .2s ease

}

.hero-slider .swiper-pagination-bullet-active {

  opacity: 1

}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction {

  bottom: 30px

}

.swiper-pagination {

  text-align: left

}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {

  bottom: 50px;

  max-width: 1200px;

  padding: 0 15px;

  margin: 0 auto;

  left: 50%;

  transform: translateX(-50%)

}

.hero-style .slide-btns, .hero-style .slide-text, .hero-style .slide-title {

  max-width: 690px

}

.hero-style .slide-title h2 {

  font-size: 58px;

  font-weight: 800;

  line-height: 70px;

  color: #fff;

  margin: 0 0 20px;

  transition: all .4s ease;

  font-family: 'Roboto', sans-serif;

}

.hero-style .slide-text p {

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 1.1px;

  color: #fff;

  margin: 0 0 30px;

  transition: all .4s ease

}

.hero-style .slide-btns > a:first-child {

  margin-right: 10px

}

html body .top-header.header-2 .nav-link {

  font-weight: 600;

  font-size: 17px;

  color: #fff

}

html body .top-header.header-2 .sticky .nav-link {

  font-weight: 600;

  font-size: 16px;

  color: #fff

}

.form-block select {

  width: 100%;

  height: 50px;

  padding: 0 15px;

  margin: 0 0 10px;

  border-radius: 6px;

  color: #172b43;

  font-size: 16px;

  outline: 0;

  background: #fff;

  -webkit-box-shadow: 0 3px 6px rgb(91 130 148/8%);

  box-shadow: 0 3px 6px rgb(91 130 148/8%);

  border: 1px solid #e6e6e6

}

.form-block textarea {

  max-height: 100px

}

.featurelistgere {

  display: grid;

  grid-template-columns: 100% auto

}

.featurelist-1 {

    background: #deaf75;

    color: #000000;

    display: grid;

    grid-template-columns: auto auto auto auto;

}

.featurelist-2 {

  background: #f85359;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff

}

.flst {

  padding: 20px 25px

}

.icon- {

  width: 50px;

  height: 50px;

  display: flex;

  text-align: center;

  font-size: 20px;

  margin-right: 15px;

  border-radius: 100px;

  border: 1px solid #000;

  align-items: center;

  justify-content: center

}

.icon- img {

  width: 100%

}

.icondata p span {

  font-size: 22px;

  font-weight: bolder;

  display: block

}

.flst2 p {

  text-align: left

}

.flst2 p span {

  display: block;

  font-size: 25px;

  font-weight: 700

}

.whatwedonw {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  grid-gap: 30px

}

.itawastats p:first-child {

  font-size: 45px;

  margin-bottom: 15px;

  color: #ff5722

}

.itawastats p:last-child {

  font-size: 18px;

  line-height: 26px;

  text-transform: uppercase;

  font-weight: 600

}

.crdinfo h3 {

  font-size: 20px;

  font-family: Merriweather, serif;

  margin-bottom: 10px

}

.halfsec {

  display: grid;

  grid-template-columns: 50% 50%

}

.bghalfimg {

  width: 100%;

  height: auto;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover

}

.content-column {

  background: #fff5f5;

  padding: 70px 40px

}

.innnerclm {

  max-width: 600px

}

.fltwithiconss .nav-tabs {

  border-bottom: 1px solid #dee2e6;

  display: flex;

  justify-content: space-between;

  align-items: center;

  align-content: center;

  flex-direction: row

}

.fltwithiconss .nav-link1 {

  display: block;

  text-align: center;

  color: #0a2233;

  font-weight: 600

}

.fltwithiconss .nav-link1.active {

  color: #f85359

}

.fltwithiconss .nav-item a:hover {

  color: #f85359

}

.fltwithiconss .nav-link1 span {

  display: block;

  font-size: 44px;

  font-weight: 400

}

.loc-list {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  grid-gap: 20px;

  justify-content: space-between;

  justify-items: stretch

}

.loc-list li {

  text-align: center;

  font-weight: 600

}

.loc-list li img {

  display: block;

  max-width: 65px;

  margin: 0 auto 15px

}

.loc-list li span {

  display: block

}

.cta-section-1 {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  position: relative;

  color: #fff

}

.cta-section-1 h2 {

  color: #fff;

  font-weight: 600;

  font-size: 45px;

  margin-bottom: 15px

}

.cta-section-1:before {

  content: "";

  position: absolute;

  background: rgb(0 0 0/40%);

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  left: 0

}

.callnow {

  color: #fff;

  display: block;

  font-size: 26px

}

.callnow:hover {

  color: #fff

}

.gallery-section2 {

  background: #fff5f5

}

.button1 {

    color: #000;

    background-color: #fec57e;

    text-transform: uppercase;

}



.buttons {

    color: #000;

    background-color: #ffffff;

}





html body .buttons:hover {

    color: #fff;

    background-color: #35793f;

}









html body .button1:hover {

  color: #0a2233;

  background-color: #ffeba1

}

.button2 {

  color: #0a2233;

  background-color: #ffeba1

}

html body .button2:hover {

  color: #fff;

  background-color: #f85359

}

.bttn {

  font-size: 16px;

  font-weight: 400;

  font-family: Merriweather;

  padding: 0 45px;

  line-height: 60px;

  text-align: center;

  outline: 0;

  border: none;

  border-radius: 6px;

  display: inline-block;

  -webkit-box-shadow: 0 3px 6px rgb(91 130 148/8%);

  box-shadow: 0 3px 6px rgb(91 130 148/8%);

  top: 0;

  position: relative

}

html body .top-header.header-2 .navbutton {

    line-height: 38px;

    padding: 0 10px;

    font-size: 16px;

    font-weight: 600;

    margin-left: 15px;

    font-family: 'Roboto';

}

.icon-bar {

  width: 24px;

  height: 3px;

  background-color: #0a2233;

  display: block;

  transition: all .2s;

  margin-top: 4px

}

.index2 .icon-bar {

  background-color: #fff

}

.sticky .icon-bar {

  background-color: #fff;

}

.navbar-toggler {

  background-color: transparent;

  border: 0 solid transparent

}

.navbar-toggler .top-bar {

  transform: rotate(45deg);

  transform-origin: 10% 10%

}

.navbar-toggler .middle-bar {

  opacity: 0

}

.navbar-toggler .bottom-bar {

  transform: rotate(-45deg);

  transform-origin: 10% 90%

}

.navbar-toggler.collapsed .bottom-bar, .navbar-toggler.collapsed .top-bar {

  transform: rotate(0)

}

.navbar-toggler.collapsed .middle-bar {

  opacity: 1

}

.nnv {

  display: flex

}