body {



  font-family: "Poppins", sans-serif;



  color: #555555;



}



p{



  line-height: 30px;



  font-size: 16px;



}



.text-justify{



text-align: justify;



}



h1,



h2,



h3,



h4,



h5,



h6 {



  color: #000000;



}







a {



  color: #000000;



  text-decoration: none;



  transition: all 0.5s ease;



}



a:hover {



  color: #000;



  text-decoration: none;



}







.link-two {



  color: #000000;



  transition: all 0.5s ease;



}



.link-two:hover {



  text-decoration: underline;



  color: #000000;



}







.link-one {



  color: #000000;



  transition: all 0.5s ease;



}



.link-one:hover {



  color: #000000;



  text-decoration: none;



}







.link-icon {



  color: #000000;



  font-weight: 500;



}



.link-icon span {



  font-size: 14px;



  padding-left: 4px;



  vertical-align: middle;



}







.link-a {



  text-decoration: none;



  color: #ffffff;



  text-decoration: none;



}



@media (min-width: 768px) {



  .link-a {



    font-size: 0.9rem;



  }



}



@media (min-width: 992px) {



  .link-a {



    font-size: 1rem;



  }



}



.link-a:hover {



  color: #ffffff;



  text-decoration: none;



}



.link-a span {



  font-size: 18px;



  vertical-align: middle;



  margin-left: 5px;



}



@media (min-width: 768px) {



  .link-a span {



    font-size: 1.5rem;



  }



}



@media (min-width: 992px) {



  .link-a span {



    font-size: 18px;



  }



}







.text-brand {



    color: #ffffff;



    font-size: 2rem;



    font-weight: bold;



}



@media (max-width: 767px) {



  .text-brand {



    font-size: 1.8rem;



  }



}







.color-a {



  text-decoration: none;



  color: #000000;



}







.color-b {



  color: #fff;



}







.color-d {



  color: #adadad;



}







.color-text-a {



  text-decoration: none;



  color: #555555;



}







.no-margin {



  margin: 0;



}















/*------/ Bg Image /------*/



.bg-image {



  background-repeat: no-repeat;



  background-attachment: fixed;



  background-size: cover;



  background-position: center center;



}







/*------/ List a /------*/



.list-a {



  text-decoration: none;



  display: inline-block;



  line-height: 2;



  padding: 0;



  list-style: none;



}



.list-a li {



  position: relative;



  width: 50%;



  float: left;



  padding-left: 25px;



  padding-right: 5px;



}



@media (min-width: 992px) {



  .list-a li {



    width: 33.333%;



  }



}



.list-a li:before {



  content: "";



  width: 10px;



  height: 2px;



  position: absolute;



  background-color: #313131;



  top: 15px;



  left: 0;



}















.title-a {



    text-decoration: none;



    font-size: 40px;



    font-weight: bold;



    text-transform: uppercase;



}







.title-link {



  font-size: 1.2rem;



  font-weight: 300;



  padding-top: 1.2rem;



}



.title-link a {



  text-decoration: none;



  color: #313131;



}



.title-link span {



  font-size: 20px;



  padding-left: 4px;



  vertical-align: middle;



}







.title-box-d {



  padding-bottom: 1.8rem;



  margin-bottom: 1rem;



  position: relative;



}



.title-box-d .title-d {



  font-weight: 600;



  font-size: 2rem;



}



.title-box-d .title-d:after {



  content: "";



  position: absolute;



  width: 70px;



  height: 4px;



  background-color: #0074a6;



  bottom: 20px;



  left: 0;



}







/*------/ Display Table & Table Cell /------*/



.display-table {



  width: 100%;



  height: 100%;



  display: table;



}







.table-cell {



  display: table-cell;



  vertical-align: middle;



}







/*------/ Ul Resect /------*/



.ul-resect ul, .box-comments ul, .list-a ul {



  list-style: none;



  padding-left: 0;



  margin-bottom: 0;



}







/*------/ Overlay /------*/



.overlay-a {



   



}







.overlay {



  position: absolute;



  top: 0;



  left: 0px;



  padding: 0;



  height: 100%;



  width: 100%;



}







.carousel-pagination {



  margin-top: 10px;



  text-align: center;



}



.carousel-pagination .swiper-pagination-bullet {



  width: 18px;



  height: 10px;



  background-color: #555;



  margin: 0 4px;



  border-radius: 0;



  opacity: 1;



  transition: 0.3s;



}



.carousel-pagination .swiper-pagination-bullet-active {



  background-color: #013c62;



  width: 36px;



}







.nav-arrow-a {



  text-decoration: none;



}



.nav-arrow-a .owl-arrow .owl-nav {



  font-size: 1.8rem;



  margin-top: -110px;



}



.nav-arrow-a .owl-arrow .owl-nav .owl-next {



  margin-left: 15px;



}







.nav-arrow-b .owl-arrow .owl-nav {



  position: absolute;



  top: 0;



  right: 0;



  font-size: 1.2rem;



}



.nav-arrow-b .owl-arrow .owl-nav .owl-prev,



.nav-arrow-b .owl-arrow .owl-nav .owl-next {



  padding: 0.7rem 1.5rem !important;



  display: inline-block;



  transition: all 0.6s ease-in-out;



  color: #ffffff;



  background-color: #0074a6;



  opacity: 0.9;



}



.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,



.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {



  transition: all 0.6s ease-in-out;



  color: #ffffff;



}



.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,



.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {



  background-color: #26a356;



}



.nav-arrow-b .owl-arrow .owl-nav .owl-next {



  margin-left: 0px;



}







/*------/ Socials /------*/



.socials-a {



  text-decoration: none;



      margin-top: 20px;



}



.socials-a .list-inline-item:not(:last-child) {



  margin-right: 25px;



}







/*--------------------------------------------------------------



# Back to top button



--------------------------------------------------------------*/



.back-to-top {



  position: fixed;



  visibility: hidden;



  opacity: 0;



  right: 15px;



  bottom: 15px;



  z-index: 996;



  background: #0074a6;



  width: 40px;



  height: 40px;



  border-radius: 50px;



  transition: all 0.4s;



}



.back-to-top i {



  font-size: 28px;



  color: #fff;



  line-height: 0;



}



.back-to-top:hover {



  background: #000000;



  color: #fff;



}



.back-to-top.active {



  visibility: visible;



  opacity: 1;



}







/* Prelaoder */



#preloader {



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  z-index: 9999;



  overflow: hidden;



  background: #fff;



}







#preloader:before {



  content: "";



  position: fixed;



  top: calc(50% - 30px);



  left: calc(50% - 30px);



  border: 6px solid #f2f2f2;



  border-top: 6px solid #0074a6;



  border-radius: 50%;



  width: 60px;



  height: 60px;



  -webkit-animation: animate-preloader 1s linear infinite;



  animation: animate-preloader 1s linear infinite;



}







@-webkit-keyframes animate-preloader {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}







@keyframes animate-preloader {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}



/*======================================



//--//-->   BUTTON



======================================*/



.btn {



  transition: 0.5s ease;



}



.btn.btn-a, .btn.btn-b {



    border-radius: 0;



    padding: 10px 2rem;



    letter-spacing: 0.05rem;



    border-radius: 50px;



}



.btn.btn-a {



  text-decoration: none;



  background-color: #013c62;



  color: #ffffff;



}



.btn.btn-a:hover {



  background-color: #000;



  color: #fff;



}



.btn.btn-b {



  background-color: #0074a6;



  color: #fff;



}



.btn.btn-b:hover {



  background-color: #000000;



  color: #ffffff;



}



.btn.btn-b-n {



  background-color: #0074a6;



  color: #ffffff;



  border-radius: 0;



}



.btn.btn-b-n:hover {



  background-color: #0074a6;



  color: #ffffff;



}







.navbar-toggle-box {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  line-height: 0;



  padding: 10px;



}



.navbar-toggle-box i {



  line-height: 0;



}







/*--------------------------------------------------------------



# Navbar



--------------------------------------------------------------*/



.navbar-default {



    transition: all 0.5s ease-in-out;



    background-color: #000000;



   



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    box-shadow: 1px 2px 15px rgb(100 100 100 / 30%);



}



.navbar-default .nav-search {



  color: #000000;



  font-size: 1.5rem;



}



.navbar-default.navbar-reduce {



  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);



}



.navbar-default.navbar-trans, .navbar-default.navbar-reduce {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}



.navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {



  position: relative;



  padding-right: 10px;



  padding-bottom: 8px;



  margin-left: 0;



}



@media (min-width: 768px) {



  .navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {



    margin-left: 20px;



  }



}



.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {



font-size: 16px;



    color: #fff;



    font-weight: 400;



    letter-spacing: 0.03em;



    transition: all 0.1s ease-in-out;



    position: relative;



    padding-left: 0;



    padding-right: 0;



}



.navbar-default.navbar-trans .nav-link:before, .navbar-default.navbar-reduce .nav-link:before {



  content: "";



  position: absolute;



  bottom: 5px;



  left: 0;



  width: 100%;



  height: 2px;



  z-index: 0;



  background-color: #0074a6;



  transform: scaleX(0);



  transform-origin: right;



  transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s;



}



.navbar-default.navbar-trans .nav-link:hover, .navbar-default.navbar-reduce .nav-link:hover {



  color: #000000;



}



.navbar-default.navbar-trans .nav-link:hover:before, .navbar-default.navbar-reduce .nav-link:hover:before {



  transform: scaleX(1);



  transform-origin: left;



}



.navbar-default.navbar-trans .show > .nav-link:before,



.navbar-default.navbar-trans .active > .nav-link:before,



.navbar-default.navbar-trans .nav-link.show:before,



.navbar-default.navbar-trans .nav-link.active:before, .navbar-default.navbar-reduce .show > .nav-link:before,



.navbar-default.navbar-reduce .active > .nav-link:before,



.navbar-default.navbar-reduce .nav-link.show:before,



.navbar-default.navbar-reduce .nav-link.active:before {



  transform: scaleX(1);



}



.navbar-default.navbar-trans .nav-link:before {



  background-color: #ffde34;



}



.navbar-default.navbar-trans .nav-link:hover {



  color: #ffdf06;



}



.navbar-default.navbar-trans .show > .nav-link,



.navbar-default.navbar-trans .active > .nav-link,



.navbar-default.navbar-trans .nav-link.show,



.navbar-default.navbar-trans .nav-link.active {



  color: #fff;



}



.navbar-default.navbar-reduce {



  transition: all 0.5s ease-in-out;



  padding-bottom: 0px;



  background-color: #000000;



}



.navbar-default.navbar-reduce .nav-link {



  color: #fff;



}



.navbar-default.navbar-reduce .nav-link:before {



  background-color: #fff;



}



.navbar-default.navbar-reduce .nav-link:hover {



  color: #ffdf06;



}



.navbar-default.navbar-reduce .show > .nav-link,



.navbar-default.navbar-reduce .active > .nav-link,



.navbar-default.navbar-reduce .nav-link.show,



.navbar-default.navbar-reduce .nav-link.active {



  color: #ffde34;



}



.navbar-default.navbar-reduce .navbar-brand {



  color: #fff;



}



.navbar-default .dropdown .dropdown-menu {



  border-top: 0;



  border-left: 4px solid #0074a6;



  border-right: 0;



  border-bottom: 0;



  transform: translate3d(0px, 40px, 0px);



  opacity: 0;



  filter: alpha(opacity=0);



  visibility: hidden;



  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;



  margin: 0;



  border-radius: 0;



  padding: 12px 0;



}



@media (min-width: 768px) {



  .navbar-default .dropdown .dropdown-menu {



    border-top: 4px solid #efcf4f;



    border-left: 0;



    display: block;



    position: absolute;



    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);



  }



}



.navbar-default .dropdown .dropdown-menu .dropdown-item {



 padding: 10px 20px;



    transition: all 500ms ease;



    font-weight: 400;



    min-width: 220px;



}



.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {



  background-color: #ffffff;



  color: #efcf4f;



  transition: all 500ms ease;



}



.col-md-4 {



    padding: 14px;



}



.testimonials-box {



    border: 2px solid #efcf4f;



    padding: 12px;



}



.navbar-default .dropdown .dropdown-menu .dropdown-item.active {



  background-color: #ffffff;



  color: #0074a6;



}



.navbar-default .dropdown:hover .dropdown-menu {



  transform: translate3d(0px, 0px, 0px);



  visibility: visible;



  opacity: 1;



  filter: alpha(opacity=1);



}







/*------/ Hamburger Navbar /------*/



.navbar-toggler {



  position: relative;



}







.navbar-toggler:focus,



.navbar-toggler:active {



  outline: 0;



}







.navbar-toggler span {



  display: block;



  background-color: #fff;



  height: 3px;



  width: 25px;



  margin-top: 4px;



  margin-bottom: 4px;



  transform: rotate(0deg);



  left: 0;



  opacity: 1;



}







.navbar-toggler span:nth-child(1),



.navbar-toggler span:nth-child(3) {



  transition: transform 0.35s ease-in-out;



}







.navbar-toggler:not(.collapsed) span:nth-child(1) {



  position: absolute;



  left: 12px;



  top: 10px;



  transform: rotate(135deg);



  opacity: 0.9;



}







.navbar-toggler:not(.collapsed) span:nth-child(2) {



  height: 12px;



  visibility: hidden;



  background-color: transparent;



}







.navbar-toggler:not(.collapsed) span:nth-child(3) {



  position: absolute;



  left: 12px;



  top: 10px;



  transform: rotate(-135deg);



  opacity: 0.9;



}







/*======================================



//--//-->   BOX COLAPSE



======================================*/



.box-collapse {



  position: fixed;



  top: 0;



  bottom: 0;



  right: 0;



  width: 100%;



  z-index: 1040;



  background-color: #ffffff;



  transform: translateX(100%);



  transition: all 0.6s ease;



}



@media (min-width: 768px) {



  .box-collapse {



    width: 50%;



  }



}



.box-collapse .title-box-d {



  top: 30px;



  left: 60px;



  opacity: 0;



  transition: all 1s ease;



  transition-delay: 0.3s;



}



@media (max-width: 575px) {



  .box-collapse .title-box-d {



    left: 35px;



  }



}



@media (max-width: 575px) {



  .box-collapse .title-box-d .title-d {



    font-size: 1.3rem;



  }



}







.box-collapse-wrap {



  opacity: 0;



  position: absolute;



  left: 0;



  top: 6.5rem;



  bottom: 5rem;



  padding-left: 10%;



  padding-right: 10%;



  overflow-x: hidden;



  overflow-y: auto;



  margin: 0;



  transform: translateY(3rem);



  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;



}







.box-collapse-open .click-closed {



  visibility: visible;



}



.box-collapse-open .box-collapse {



  transform: translateX(0);



  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);



  opacity: 1;



  z-index: 99999;



}



.box-collapse-open .box-collapse .title-box-d {



  transform: translate(0);



  opacity: 1;



}



.box-collapse-open .box-collapse-wrap {



  transform: translate(0);



  opacity: 1;



}







.box-collapse-closed .box-collapse {



  opacity: 0.7;



  transition-delay: 0s;



}



.box-collapse-closed .box-collapse .title-box-d {



  opacity: 0;



  transition-delay: 0s;



}



.box-collapse-closed .box-collapse .form-a {



  opacity: 0;



  transition-delay: 0s;



}







.click-closed {



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  visibility: hidden;



  z-index: 1035;



  background-color: #000000;



  opacity: 0.4;



}







.close-box-collapse {



  position: absolute;



  z-index: 1050;



  top: 2rem;



  font-size: 3.5rem;



  line-height: 1;



  color: #000000;



  cursor: pointer;



  transition: all 0.3s ease;



}







.right-boxed {



  right: 4.2857rem;



}







/*--------------------------------------------------------------



# Hero Section



--------------------------------------------------------------*/



.intro {



  height: 600px;



  position: relative;



  color: #ffffff;



}



.why-box img {



    width: 100%;



}



.intro .swiper-pagination {



  bottom: 50px;



}



.intro .swiper-pagination .swiper-pagination-bullet {



  width: 18px;



  height: 10px;



  background-color: #ffffff;



  border-radius: 0;



  opacity: 1;



  transition: 0.3s;



}



.intro .swiper-pagination .swiper-pagination-bullet-active {



  background-color: #ffdf06;



  width: 36px;



}



.intro .intro-item {



  padding-top: 2rem;



}



.intro .carousel-item-a {



  position: relative;



  height: 600px;



}



.intro .carousel-item-a.bg-image {



  background-attachment: scroll;



  background-size: auto;



}



.intro .intro-content {



  position: absolute;



}



.intro .intro-body {



  padding-left: 1rem;



}



@media (min-width: 768px) {



  .intro .intro-body {



    padding-left: 2rem;



  }



}



.intro .intro-body .price-a {



    color: #ffffff;



    padding: 10px 30px;



    border: 2px solid #fff;



    border-radius: 50px;



    text-transform: uppercase;



    letter-spacing: 0.03em;



}



.intro .intro-body .price-a:hover {



    color: #000;



    background-color: #fff;



     border: 2px solid #fff;



}



.intro .spacial {



  -webkit-animation-delay: 0.2s;



  animation-delay: 0.2s;



  color: #ffffff;



}



.intro .intro-title-top {



  margin-bottom: 1rem;



  font-size: 0.9rem;



  color: #ffffff;



  letter-spacing: 0.05em;



}



@media (min-width: 768px) {



  .intro .intro-title-top {



    font-size: 0.9rem;



    margin-bottom: 1rem;



  }



}



@media (min-width: 992px) {



  .intro .intro-title-top {



    font-size: 1rem;



    margin-bottom: 2rem;



  }



}



.intro .intro-title {



   color: #ffffff;



    font-weight: bold;



    font-size: 2.8rem;



    text-transform: uppercase;



    text-shadow: 2px 4px #000;



    letter-spacing: 1px;



    line-height: 65px;



}



@media (min-width: 576px) {



  .intro .intro-title {



    font-size: 3.5rem;



  }



}



@media (min-width: 768px) {



  .intro .intro-title {



    font-size: 3.5rem;



  }



}



@media (min-width: 992px) {



  .intro .intro-title {



    font-size: 3rem;



  }



}



.intro .intro-subtitle {



  font-size: 1.5rem;



  font-weight: 300;



}



@media (min-width: 768px) {



  .intro .intro-subtitle {



    font-size: 2.5rem;



  }



}



.intro .intro-subtitle.intro-price {



  padding-top: 1rem;



  font-size: 1.2rem;



}



@media (min-width: 576px) {



  .intro .intro-subtitle.intro-price {



    font-size: 1.3rem;



  }



}



@media (min-width: 768px) {



  .intro .intro-subtitle.intro-price {



    padding-top: 2rem;



    font-size: 17px;



  }



}



@media (min-width: 992px) {



  .intro .intro-subtitle.intro-price {



    padding-top: 1rem;



  }



}







/*--------------------------------------------------------------



# Card General



--------------------------------------------------------------*/



@media (max-width: 767px) {



  .card-box-a,



.card-box-b,



.card-box-c,



.card-box-d {



    margin-bottom: 2.5rem;



  }



}



.card-box-a span,



.card-box-b span,



.card-box-c span,



.card-box-d span {



  line-height: 0;



}







@media (min-width: 768px) {



  .grid .card-box-a,



.grid .card-box-b,



.grid .card-box-c,



.grid .card-box-d {



    margin-bottom: 2.5rem;



  }



}







.card-box-a,



.card-box-b,



.card-box-d {



  position: relative;



  overflow: hidden;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}







.card-box-a .img-a,



.card-box-a .img-b,



.card-box-b .img-a,



.card-box-b .img-b {



  transition: 0.8s all ease-in-out;



}



@media (min-width: 768px) {



  .card-box-a:hover .img-a,



.card-box-a:hover .img-b,



.card-box-b:hover .img-a,



.card-box-b:hover .img-b {



    transform: scale(1.2);



  }



}



@media (min-width: 768px) {



  .card-box-a .price-a,



.card-box-b .price-a {



    font-size: 0.9rem;



  }



}



@media (min-width: 992px) {



  .card-box-a .price-a,



.card-box-b .price-a {



    font-size: 1rem;



  }



}







.card-overlay {



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



}







.card-shadow {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}



.card-shadow:before {



  content: " ";



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 1;



  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);



}











@media (min-width: 768px) {



  .card-box-a:hover .card-overlay-a-content {



    bottom: 60px;



  }



}



@media (min-width: 768px) and (min-width: 768px) {



  .card-box-a:hover .card-overlay-a-content {



    bottom: 60px;



  }



}



@media (min-width: 768px) and (min-width: 992px) {



  .card-box-a:hover .card-overlay-a-content {



    bottom: 64px;



  }



}



@media (min-width: 768px) {



  .card-box-a:hover .card-body-a {



    padding-bottom: 1rem;



  }



}



@media (max-width: 767px) {



  .card-box-a .card-overlay-a-content {



    bottom: 65px;



  }



  .card-box-a .card-body-a {



    padding-bottom: 1rem;



  }



}







.card-overlay-a-content {



  transition: all 0.5s ease-in;



  position: absolute;



  width: 100%;



  bottom: 0px;



  z-index: 2;



}



@media (min-width: 768px) {



  .card-overlay-a-content {



    bottom: -20px;



  }



}



@media (min-width: 992px) {



  .card-overlay-a-content {



    bottom: 0px;



  }



}







.card-header-a {



  padding: 0 1rem;



}



.card-header-a .card-title-a {



  color: #ffffff;



  margin-bottom: 0;



  padding-bottom: 0.7rem;



}



@media (min-width: 768px) {



  .card-header-a .card-title-a {



    font-size: 1.3rem;



  }



}



@media (min-width: 992px) {



  .card-header-a .card-title-a {



    font-size: 2rem;



  }



}



.card-header-a .card-title-a a {



  color: #ffffff;



  text-decoration: none;



}







.card-body-a {



  z-index: 2;



  transition: all 0.5s ease-in;



  padding: 0rem 1rem 2rem 1rem;



}



.card-body-a .price-box {



  padding-bottom: 0.5rem;



}







.price-a {



  color: #ffffff;



  padding: 0.6rem 0.8rem;



  border: 2px solid #0074a6;



  border-radius: 50px;



  text-transform: uppercase;



  letter-spacing: 0.03em;



}







.card-footer-a {



  width: 100%;



  position: absolute;



  z-index: 2;



  background-color: #0074a6;



}







.card-info {



  list-style: none;



  margin-bottom: 0;



  padding: 0.5rem 0;



}



.card-info .card-info-title {



  font-size: 1rem;



  color: #313131;



}



@media (min-width: 768px) {



  .card-info .card-info-title {



    font-size: 0.9rem;



  }



}



@media (min-width: 992px) {



  .card-info .card-info-title {



    font-size: 1rem;



  }



}



.card-info li span {



  color: #ffffff;



  font-size: 0.9rem;



}



@media (min-width: 768px) {



  .card-info li span {



    font-size: 0.8rem;



  }



}



@media (min-width: 992px) {



  .card-info li span {



    font-size: 1rem;



  }



}







/*------/ Property Grid /-----*/



.property-grid .grid-option {



  text-align: right;



  margin-bottom: 2rem;



}



.property-grid .grid-option .custom-select {



  border-radius: 0;



  width: 200px;



  border-color: #313131;



}



.property-grid .grid-option .custom-select:hover, .property-grid .grid-option .custom-select:active, .property-grid .grid-option .custom-select:focus {



  border-color: #313131;



}



.property-grid .grid-option .custom-select option {



  border-color: #313131;



}







/*------/ Property Single /-----*/



.gallery-property {



  margin-bottom: 3rem;



}







.property-price {



  margin: 0 auto;



}



.property-price .card-header-c {



  padding: 0;



}







.summary-list {



  padding-right: 1rem;



  color: #000000;



}



.summary-list .list {



  padding: 0;



  line-height: 2;



}



.summary-list .list span {



  color: #555555;



}







@media (max-width: 767px) {



  .property-agent {



    margin-top: 2.5rem;



  }



}



.property-agent .title-agent {



  font-weight: 600;



}



.property-agent ul {



  line-height: 2;



  color: #000000;



}



.property-agent .socials-a {



  text-align: center;



}







@media (max-width: 991px) {



  .property-contact {



    margin-top: 2.5rem;



  }



}











.card-header-b {



  padding: 1rem;



  color: #ffffff;



  position: absolute;



  bottom: 20px;



  z-index: 2;



}



@media (min-width: 768px) {



  .card-header-b {



    bottom: 0px;



  }



}



@media (min-width: 992px) {



  .card-header-b {



    bottom: 20px;



  }



}



.card-header-b .category-b {



  font-size: 0.9rem;



  background-color: #0074a6;



  padding: 0.3rem 0.7rem;



  color: #fff;



  letter-spacing: 0.03em;



  border-radius: 50px;



  text-decoration: none;



}



.card-header-b .title-2 {



  margin-bottom: 0;



  padding: 0.6rem 0;



  font-size: 1.5rem;



}



@media (min-width: 768px) {



  .card-header-b .title-2 {



    font-size: 1rem;



  }



}



@media (min-width: 992px) {



  .card-header-b .title-2 {



    font-size: 1.6rem;



  }



}



.card-header-b .title-2 a {



  color: #ffdf06;



  text-decoration: none;



}



.card-header-b .date-b {



  color: #d8d8d8;



  font-size: 1rem;



}



@media (min-width: 768px) {



  .card-header-b .date-b {



    font-size: 0.9rem;



  }



}



@media (min-width: 992px) {



  .card-header-b .date-b {



    font-size: 1rem;



  }



}











.testimonials-box .testimonial-avatar {



  width: 80px !important;



  display: inline-flex !important;



  border-radius: 50%;



}







.testimonial-ico {



  text-align: center;



}



.testimonial-ico i {



  font-size: 48px;



  color: #0074a6;



}







.testimonial-text {



    margin-top: 25px;



    color: #fff;



    text-align: center;



}







.testimonial-author-box {



  margin-top: 2rem;



  text-align: center;



}







.testimonial-author {



  margin-left: 1rem;



  display: inline-flex;



  font-size: 1.2rem;



  color: #ffde34;}







/*--------------------------------------------------------------



# Contact Section



--------------------------------------------------------------*/



.form-as #sendmessage {



  color: #0074a6;



  border: 1px solid #26a356;



  display: none;



  text-align: center;



  padding: 15px;



  font-weight: 600;



  margin-bottom: 15px;



}



.form-as #errormessage {



  color: red;



  display: none;



  border: 1px solid red;



  text-align: center;



  padding: 15px;



  font-weight: 600;



  margin-bottom: 15px;



}



.form-as #sendmessage.show, .form-as #errormessage.show, .form-as .show {



  display: block;



}



.form-as .validation {



  color: red;



  display: none;



  margin: 4px 0 20px 0;



  font-weight: 400;



  font-size: 13px;



}



.form-as label {



  color: #000000;



  position: relative;



}



.form-as select.form-control-lg:not([size]):not([multiple]) {



  height: 3.5rem;



}



.form-as .form-control {



  border-radius: 0;



  font-size: 1.1rem;



  font-weight: 300;



}



.form-as .form-control.form-control-a {



  height: 3.5rem;



}



.form-as .form-control:focus {



  box-shadow: none;



  border-color: #0074a6;



}











.loan-form label {



  color: #000000;



  position: relative;



}



.loan-form select.form-control-lg:not([size]):not([multiple]) {



  height: 3.5rem;



}



.loan-form .form-control {



    border-radius: 0;



    font-size: 1rem;



    font-weight: 400;



    border-radius: 4px;



}







.btn-submit {



    background-color: #ffdf06;



    padding: 8px 35px;



    font-weight: 500;



    border-radius: 50px;



}







.loan-form .form-control:focus {



  box-shadow: none;



  border-color: #0074a6;



}







@-webkit-keyframes animate-loading {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}







@keyframes animate-loading {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}



/*--------------------------------------------------------------



# Footer



--------------------------------------------------------------*/



ol, ul {



    padding-left: 0;



    margin-bottom: 0rem;



}



.section-footer {



    padding-top: 50px;



   background: #43403c;



    padding-bottom: 35px;



}



.section-footer ul {



  line-height: 2;



}



.section-footer .item-list-a i {



  font-size: 16px;



  padding-right: 4px;



  color: #0074a6;



}



.section-footer .widget-a .w-title-a {



  margin-bottom: 1rem;



}







footer {



  background: #f3f3f3;



  text-align: center;



  padding: 30px 0;



}



footer .copyright-footer {



  border-top: 1px solid #ddd;



  padding-top: 20px;



}



footer .credits {



  font-size: 14px;



}







#topbar {



    background: #013c627d;



    border-bottom: 1px solid #eeeeee6e;



    font-size: 16px;



    border-top: 1px solid #0074a6;



    height: 45px;



    padding: 0;



    transition: all 0.5s;



    overflow: hidden;



    z-index: 9999;



}



#topbar .contact-info i {



    font-style: normal;



    color: #ffde34;



}







#topbar .contact-info i a, #topbar .contact-info i span {



    padding-left: 5px;



    color: #fff;



    letter-spacing: 1px;



}







#topbar .social-links a:first-child {



    border-left: 0;



}



#topbar .social-links a {



    color: #62787d;



    padding: 4px 12px;



    display: inline-block;



    line-height: 1px;



    transition: 0.3s;



    border-left: 1px solid #e9e9e9;



}







@media only screen and (max-width: 600px) {



.navbar-default {



    background-color: #000000;}



.mob-none{



  display: none!important;



}



.calltoact h3 {   



    font-size: 22px!important;



    line-height: 30px!important;



    text-transform: capitalize!important;



}



.form-f {



    margin-bottom: 0px!important;



}



.paddbot50 {



    padding-bottom: 25px!important;



}



.mart-top50 {



    margin-top: 25px!important;



}



.paddtop60 {



    padding-top: 25px !important;



}



.form-head h3 {



    font-size: 20px!important;}







 .form-head h1 { 



    font-size: 22px!important;}







#topbar {



    font-size: 18px;



}



.intro-body {



    background: none!important;



    background-size: contain!important;



    background-position-x: center!important;



    background-repeat: no-repeat!important;



    padding: 0!important;



    margin-top: 10px!important;



}



.intro-body h3 {



    display: none!important;



}



.mob-w-100 {



  width: 100%;



}



.navbar-brand {



    margin-right: 0rem!important;}







.ms-4 {



    margin-left: 0.5rem!important;



}



.php-email-form .form-control {



    margin-bottom: 10px;



}



.top-form-bg {



    top: 20px !important;



}



.about-icon {



  



    margin-bottom: 10px;



}



.title-a {



    font-size: 23px;}



}



.title-box h1 {



    font-size: 18px;



}







.top-menu span {



    padding: 10px;



}







.top-form-bg {



    background-color: #013c62;



    padding: 25px;



    position: relative;



    top: -40px;



    z-index: 999;



    border-radius: 4px;



    border: 1px solid #a7a7a7;



}



.about-icon {



    border: 2px solid #1e5c77;



    padding: 15px 10px 5px 10px;



    background-color: #fff;



}







.about-icon h3 {



    text-transform: uppercase;



    font-size: 20px;



    font-weight: 600;



    margin-top: 15px;



}







.paddtop60{



  padding-top: 60px;



}



.paddtop50{



  padding-top: 50px;



}



.paddtop40{



  padding-top: 40px;



}







.paddtop30{



  padding-top: 30px;



}







.paddtop20{



  padding-top: 20px;



}







.paddbot50{



  padding-bottom: 50px;



}



.paddbot20{



  padding-bottom: 20px;



}







.sec-bg{



  background-color: #2f2b27;



}



.service-box {



    background-color: #fff;



    padding: 20px;



  



    box-shadow: #eae5e5 0 0 1px 1px;



    text-align: center;



}



.service-box h3 {



    color: #000;



    font-size: 21px;



    text-transform: none;



    font-weight: 700;



    margin-bottom: 10px;



}















.section-property .swiper-slide {



    border: 1px solid #ccc;



}







.sts-sec {



    text-align: center;



}







.sec-bg-blue{



  background-color: #104e69;



  padding: 30px;



}







.sts-sec h2 {



    font-size: 60px;



    font-weight: bold;



    color: #ffdf06;



}







.sts-sec p {



    color: #fff;



    margin-bottom: 0;



    text-transform: uppercase;



    letter-spacing: 1px;



}







.title-box h1{



  font-size: 24px;



}







.list-inline-item:not(:last-child) {



    margin-right: 0;



}







nav.nav-footer span {



    padding: 30px;



}







nav.nav-footer ul {



      margin-bottom: 0rem;



}



nav.nav-footer ul li a {



      color: #000;



}







nav.nav-footer {



    background-color: #b5b5b580;



    padding: 10px;



}







.copy-bottom{



    background-color: #013c62;



    color: #fff;



    padding: 10px;



    margin-bottom: 0;



}







.btn-contact{



  background-color: #013c62;



    padding: 8px 20px !important;



    border-radius: 4px;



    color: #fff !important;



}







.btn-app{



   



    padding: 8px 20px !important;



    border-radius: 4px;



    color: #fff !important;



}







.img-border-s{



  border: 5px solid #fff;



  border-radius: 50%;



}







.intro-body{



  text-align: center;



}



.intro-body h3 {



    color: #ffffff;



    background-color: #013c62;



    padding: 10px;



    border-radius: 65px;



    border: 1px dashed #ffde34;



}







.intro-body {



    background: url(../img/slider-bg.png);



    background-size: contain;



    background-position-x: center;



    background-repeat: no-repeat;



    padding: 45px;



    margin-top: 65px;



}



.form-bg {



    background-color: #140f35;



    padding: 24px;



}



.form-f {



    margin-bottom: 12px;



}







textarea.form-control {



    height: 135px;



}



.form-head h3 {



    color: #ffde34;



    font-size: 26px;



    font-weight: 100;



    letter-spacing: 1px;



    margin-bottom: 10px;



}







.form-head h1 {



    color: #000;



    background-color: #ffde34;



    font-size: 26px;



    text-align: center;



    padding: 8px;



    border-radius: 60px;



    margin-bottom: 20px;



    font-weight: 700;



}







.why-box {



    background-color: #fff;



    border-radius: 15px;



    text-align: center;



   



    color: #fff;



    margin-bottom: 20px !important;



}







.why-box h3 {



    color: #000;



    font-size: 22px;



    margin-bottom: 0;



    padding-bottom: 17px;



}







.why-box img {



   



}







.test-bg 



{



   background: url(../img/test-bg.jpg);



   background-size: cover;



}







.mart-top50{



  margin-top: 50px;



}







.calltoact {



    text-align: center;



    border: 2px dashed #000;



    padding: 20px;



    border-radius: 4px;



}







.calltoact h3 {



    padding-bottom: 10px;



    font-size: 36px;



    line-height: 50px;



    text-transform: uppercase;



    font-weight: 700;



}







.footer-box-one {



    background: #fff;



    padding: 20px;



    border-radius: 10px;



}



.footer-box-one h3 {



    font-size: 23px;



    text-transform: capitalize;



    padding: 0px 0px 10px 0px;



    color: #000;



}



.footer_top ul {



    list-style: none;



}



.footer-box-one li {



    background-image: url(../img/arrow-l.png);



    background-repeat: no-repeat;



    line-height: 40px;



    padding-left: 40px;



    background-position: 0 7px!important;



    list-style: none;



}



.footer-box-one a {



    color: #292929;



    font-weight: 500;



}



.footer-box-two h3 {



    color: #fff;



    font-size: 22px;



    padding: 0px 0px 10px 0px;



}



.footer-box-two ul {



    display: flex;



    align-items: center;



}



.footer-box-two li {



    display: inline-block;



    padding: 10px 0px;



}



.footer-box-two img {



    vertical-align: middle;



}



.footer-box-two ul li a {



    text-align: left;



    display: block;



    line-height: 20px;



}



.footer-box-two a {



    font-size: 16px;



    color: #fff;



    padding-left: 10px;



}



.location-foer h3 {



    color: #fff;



    font-size: 22px;



    padding: 0px 0px 20px 0px;



}







h1.couress {



    text-align: center;



    font-weight: 600;



    color: #fff;



    margin-bottom: 35px;



}



.btton-read {



    text-align: center;



    border: 2px solid #efcf4f;



    background-color: #efcf4f;



    padding: 22px 23px 28px 30px;



    margin-left: 370px;



    margin-right: 370px;



    border-radius: 30px;



    margin-top: 20px;



    margin-bottom: 20px;



}



.let-touch {



    font-size: 20px;



    font-weight: 600;



}



.btton-read a :hover{



  color: #fff;



}



h3.footer-about {



    color: #ffff;



}



.navbar-expand-lg .navbar-collapse {



    justify-content: right!important;



}



.bg-our {



    background-image: url("../img/background.jpg");



}



.bg-our-image {



    background-image: url("../img/background-1.jpg");



}



.bg-our-test{



  background-color: #1b1a1a;



}



h3.mobile-footer {



    color: #Fff;

    font-size: 20px;



}



h3.serv {



    color: #ffff;



    font-size: 32px;



}



h3.serv {



    color: #ffff;



    font-size: 36px;



    letter-spacing: 2.4px;



    text-align: left;



    line-height: 56px;



}



.serv-12 {



    color: #efcf4f;



    font-size: 21px;



    text-align: justify;



    margin-top: 40px;



    margin-bottom: 80px;



}



.box {



    display: flex;



    border: 1px solid;



    background: #efcf4f;



}



.box-1 {



    padding: 40px 79px;



}



.\31 k {



    font-size: 45px;



    font-weight: 600;



    color: #000;



}



.Enrollments {



    color: #000;



    font-size: 16px;



    font-weight: 500;



}



.text-12 {



    color: #fff;



    font-size: 40px;



    text-align: left;



    margin-top: 99px;



    line-height: 56px;



    font-weight: 700;



}



.btn.btn-link {



    display: block;



    margin-bottom: 5px;



    padding: 0;



    text-align: left;



    color: #fff !important;



    font-weight: normal;



    text-transform: capitalize;



    transition: .3s;



    display: flex;



   text-decoration: none;



}



.bottom-f {



    list-style: none;



    padding-left: 0;



    margin-bottom: 0;



}



p.footer-paira {



    color: #Fff;



}



.widget-categories ul li a {



    display: block;



    padding: 0 0 1px 29px;



    position: relative;



    color: #fff;



    transition: all 0.2s ease-in-out;



}



.widget-categories ul {



    list-style: none;



}



.footer_top a:hover {



    color: #fff!important;



}



.widget-categories ul li a:hover {



    margin-left: 10px;



}



.widget-categories ul li a:before {



    content: '';



    position: absolute;



    left: 0;



    top: 14px;



    width: 14px;



    height: 1px;



    background-color: #ffffff;



}



.widget.contact-us ul li a {



     color: #ffffff; 



    font-size: 16px;



    line-height: 25px;



    margin-bottom: 24px;



    display: flex;



    margin-top: 15px;



}



.widget.contact-us ul li a i {



    font-size: 17px;



    margin-right: 20px;



    position: relative;



    top: 2px;



}



.widget.contact-us ul {



    list-style: none;



}



.banner-page {



    margin-top: 98px;



}           



h2.title-welcome {



    color: #efcf4f;



    font-size: 30px;



} 



ul.icon-bottom li {



    list-style: none;



    display: inline;



}  



ul.icon-bottom i {



    background: #efcf4f;



    padding: 5px 9px;



    width: 25px;



    height: 25px;



    line-height: 24px;



    font-size: 16px;



    border-radius: 4px;



    text-align: center;



    color: #000;



}     



.conatct {



    color: #efcf4f;



}    



.form-row {



    display: flex;



    flex-wrap: wrap;



    margin-right: -5px;



    margin-left: -5px;



}



.icon i {



    font-size: 20px;



    border-radius: 50px;



    background-color: #cf1111;



    color: white;



    height: 50px;



    width: 50px;



    text-align: center;



    line-height: 51px;



}



.text {



    color: #000;



    margin-left: 18px;



}



.h3 {



    color: #efcf4f;



}  



.email {



    color: #efcf4f;



}  



.boxec {



    display: flex;



  margin-top: 12px;



     background: #fff; 



}   



.come {



    font-size: 18px;



    font-weight: 400;



}  



.btn-primary {



    color: #fff;



    background-color: #efcf4f;



    border-color: #efcf4f;



}



.btn-primary:hover {



    color: #fff;



    background-color: #000000;



    border-color: #0a58ca;



}  



.title-wel {



    font-size: 20px;



    color: #efcf4f;



}

















@media only screen and (max-width: 600px) {

.box {

    display: flow-root;

    

}

.btton-read {

    padding: 22px 23px 28px 30px;

    margin-left: 0;

    margin-right: 0;

    border-radius: 30px;

    margin-top: 0px;

    margin-bottom: 12px;

}

h3.serv {

    color: #ffff;

    font-size: 18px;

    letter-spacing: 0;

    text-align: center;

    line-height: 30px;

}

.serv-12 {

    color: #efcf4f;

    font-size: 20px;

    margin-top: 13px;

    margin-bottom: 25px;

}

.text-12 {

    color: #fff;

    font-size: 18px;

    margin-top: 8px;

    line-height: 32px;

    font-weight: 600;

}

h3.mobile-footer {

    color: #Fff;

    margin-top: 17px;

}

.section-footer {

    padding-top: 15px;

    background: #43403c;

    padding-bottom: 20px;

}

h2.title-welcome {

    color: #efcf4f;

    font-size: 20px;

}

h1.couress {

    text-align: center;

    font-weight: 600;

    color: #fff;

    margin-bottom: 10px;

}

.box-1 {

    padding: 17px 50px;

}

.form-row {

    display: contents;

    flex-wrap: wrap;

    margin-right: -5px;

    margin-left: -5px;

}

.navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {

    position: relative;

    padding-right: 10px;

    padding-bottom: 3px;

    margin-left: 0;

}

.intro .carousel-item-a {



position: relative;



height: 150px;

}

.intro .carousel-item-a.bg-image {



background-attachment: scroll;



background-size: cover;



margin-top: 99px;

}

.intro {

    height: 280px;

    position: relative;

    color: #ffffff;

}

}