:root {
  --secondary: #08a6a8; }


.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }


.row2{
  background: var(--grey-color);   
  padding: 10px 10px;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px; }


.btn-secondary {
  background-color: #08a6a8;
  border-color: #08a6a8; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #08a6a8;
    border-color: #08a6a8; }


.btn-outline-secondary {
  color: #08a6a8;
  border-color: #08a6a8; }
.btn-outline-secondary {
  color: #08a6a8;
  border-color: #08a6a8; }
  .btn-outline-secondary:hover {
    background-color: #08a6a8;
    border-color: #08a6a8; }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #08a6a8; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #08a6a8;
    border-color: #08a6a8; }

 
.badge-secondary {
  background-color: #08a6a8; }


.bg-secondary {
  background-color: #08a6a8 !important; }


.bg-white {
  background-color: #f9f9f9 !important; }


.border-secondary {
  border-color: #08a6a8 !important; }


.my-5 {
  margin-top: 1rem !important; 
  margin-bottom: 1rem !important;}


.pt-5,
.py-5 {
  padding-top: 1rem !important; }


.pb-5,
.py-5 {
  padding-bottom: 0rem !important; }

@media (min-width: 576px) {
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 0.5rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 0.5rem !important; } }

@media (min-width: 768px) {
  .pt-md-3,
  .py-md-3 {
    padding-top: 0rem !important; } }

@media (min-width: 992px) {
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 2.5rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.5rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.5rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.5rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 0rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 1rem !important; } }


.text-secondary {
  color: #08a6a8 !important; }


:root {
  --secondary-color: #08a6a8;
  --opposite-color: #08a6a8;
  --opposite-color2: #4e9394;
  --grey-color: #c9c9c9; }


.btn-theme3 {
  background: var(--opposite-color2); }


.btn-theme3:hover {
  color: var(--white-color); }


.btn-theme3f {
  padding: 2px 10px;
  color: var(--white-color); }

.btn-theme3f:hover {
  color: var(--opposite-color); }

.btn-theme3f:focus {
  border-color: none !important; }


.heading h3 span.fa {
  color: var(--opposite-color); }


.w3l-top-menu-1 .top-hd {
  background: #5b5b5b; }
.w3l-top-menu-1 .social-top li {
  color: var(--white-color); }
.w3l-top-menu-1 .accounts li a {
  color: var(--white-color); }
.w3l-top-menu-1 .accounts li a:hover {
  color: var(--opposite-color); }


.w3l-bootstrap-header .navbar-expand-lg .navbar-nav .dropdown-menu:before {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--grey-color); }


.w3l-bootstrap-header p span.fa {
  color: var(--grey-color); }

.w3l-bootstrap-header p a {
  font-size: 16px;
  color: var(--text-color);}

.w3l-bootstrap-header p a:hover {
  color: var(--opposite-color); }

.w3l-bootstrap-header .navbar-toggler:hover {
  background-color: var(--opposite-color); }


  @media (max-width: 992px) {
  .w3l-bootstrap-header div#navbarSupportedContent {
    background: #686868;}

  .w3l-bootstrap-header div#navbarSupportedContent p {
    color: var(--grey-color); }
  
  .w3l-bootstrap-header div#navbarSupportedContent .fa {
    color: var(--grey-color); }

  .w3l-bootstrap-header div#navbarSupportedContent a {
    color: var(--white-color); }
  
  .w3l-bootstrap-header div#navbarSupportedContent:hower a {
    color: var(--opposite-color); }

  .w3l-bootstrap-header div#navbarSupportedContent:before {
    background: #686868;} }


.w3l-main-slider .banner-view {
  min-height: 800px; }
  

.w3l-main-slider .banner-top1 {
  background: url(../images/screen.jpg) no-repeat;
  background-size: cover;
  background-position: top; }

.w3l-main-slider .banner-view:before {
  background: rgba(9, 7, 44, 0);
  position: relative; }


@media (max-width: 1600px) {
  .w3l-main-slider .banner-top-inner-page {
    min-height: 200px; }
  .w3l-main-slider .banner-view {
    min-height: 650px; } }

@media (max-width: 800px) {
  .w3l-main-slider .banner-view {
    min-height: 600px; } }


.owl-carousel .owl-dots.disabled {
  display: none; }

.w3l-index1 {
  background: #f9f9f9; }


.w3l-features-4 .features {
  background: var(--white-color) }

.w3l-features-4 .icon span.fa {
  font-size: 20px;
  line-height: 35px; }

.w3l-features-4 .icon {
  width: 35px;
  height: 35px;
  line-height: 35px; }


.w3l-footer-29-main .footer-29 {
  background: #5b5b5b;
  padding: 20px 0; }


.w3l-footer-29-main .footer-29:before {
  background: #5b5b5b; }


.w3l-footer-29-main .bottom-copies {
  padding-top: 1em;
  margin-top: 1em; }


.w3l-content-with-photo-4 ul.cont-4 li span.fa {
  padding-right: 15px; }

  
.w3l-mobile-content-6 .mobile-right-icon2 span.fa {
  font-size: 30px;
  color: var(--opposite-color); }
.w3l-mobile-content-6 .mobile-right-info a:hover {
  color: var(--opposite-color); }


.w3l-mobile-content-6 .mobile-right-grids {
  padding: 20px 15px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.065); }


.w3l-mobile-content-7 .mobile-info-inn {
  color: var(--text-color); }

    
.w3l-contacts-2 .contacts-main {
  background: #f9f9f9; }


.w3l-contacts-2 .contact-info h4 {
  font-weight: 600; }


.w3l-contacts-2 .contact-info {
  background: var(--white-color);}


.w3l-about-breadcrum .breadcrum-bg {
  background: var(--white-color);
  padding: 30px 30px;   
  text-align: left; }


.w3l-about-breadcrum .breadcrum-bg h2 {
  font-size: 40px; }