html, body {font-family: "Roboto", sans-serif;line-height: 1.6; min-width: 320px;}
a, a:hover {color: #00577f;}
p {font-weight: 300;font-size: 1.1rem;line-height: 1.5;}
#preloader{position:fixed;left:0;top:0;z-index:99999999;width:100%;height:100%;overflow:visible;background:#000 url(../../../media/site/images/preloader-logo.gif) no-repeat center center}
.header-masthead {background-position: 80%;background-size: cover;}
@media (min-width: 992px){.header-masthead {height: 100vh; min-height: 650px;padding-top: 0;padding-bottom: 0;}}
.header-masthead p {font-weight: 400;letter-spacing: 3.2px;text-transform: uppercase; font-family: "Comfortaa", sans-serif;font-size: 0.75rem;text-align: left; z-index: 2; position: relative;}
@media (min-width: 768px){.header-masthead p {font-size: 1rem;}}
.header-masthead h1 {text-align: left;z-index: 2; position: relative; margin-bottom: 20px;line-height: 1.290; font-family: "Comfortaa", sans-serif;font-weight: 300;color: #ffffff;}
@media (min-width: 992px){
.header-masthead h1 { font-size: 4rem; margin-bottom: 35px;}}
.overlay-header{backdrop-filter: brightness(60%);width: 100%;display: flex;}
@media (max-width: 992px){.overlay-header{padding-top: 10rem; padding-bottom: calc(10rem - 56px);}}
@media (min-width: 1600px){.header-masthead h1 { font-size: 3rem;line-height: 1.290;}}
section {padding: 4rem 0;}
@media (min-width: 768px) {section {padding: 5rem 0;}}
@media (min-width: 992px) {section {padding: 7.5rem 0; }}
@media (min-width: 1200px) {.navbar {padding: 30px 15px; }}
.navbar {padding: 15px 15px;}
@media (max-width: 992px) {.navbar { padding: 8px 30px; }}
@media (max-width: 250px) {.navbar { padding: 8px 10px; }}
#mainNav, #mainNav .navbar-brand {font-family: "Comfortaa", sans-serif;}
@media (min-width: 992px){
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
    color: #ffffff;
}}
.row {margin:0}
/* #####	CONTAINER	##### */
@media (min-width: 768px){	.container {width:100%!important;} }
@media (min-width: 1100px){	.container {width:100%!important;} }
@media (min-width: 1300px){	.container {width:100%!important;} }
@media (min-width: 1400px){	.container {width:1300px!important;} }
@media (min-width: 1500px){	.container {width:1440px!important;} }
@media (min-width: 1600px){	.container {width:1560px!important;} }
/* ANIMATED HAMBURGUER MENU */
.animated-icon3 {width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.animated-icon3 span {display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;background: #ffffff;}
.animated-icon3 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;left: 8px;}
.animated-icon3.open span:nth-child(2) { width: 0%; opacity: 0;}
.animated-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg); top: 21px; left: 8px;}
/* END ANIMATED HAMBURGUER MENU */
.navbar-nav { display: -ms-flexbox;display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0;list-style: none;}
.navbar-brand {font-size: unset;}
@media (min-width: 1201px) {.navbar-brand img {height: 90px;}}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover { color: #8521ac; height: unset; font-size: 1.6rem;}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {color: #00577f;}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #8521ac; height: unset; font-size: 1.6rem;}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {color: #8521ac!important; background-color: transparent;}
#mainNav.navbar-shrink {padding-top: 8px; padding-bottom: 8px;}
#mainNav.navbar-shrink {padding-top: 8px;padding-bottom: 8px;}
#mainNav.navbar-shrink { border-bottom: none; background-color:#7ebad6; box-shadow: 0 0 20px 0 rgba(10, 16, 21, 0.08);}
#mainNav { transition: all .4s;background-color: #7ebad6;}
@media (max-width: 992px) { 
.navbar-brand {height: unset; font-size: 1.6rem; }
.dropdown-menu.show {display: none;}
.fixed-bottom, .fixed-top { max-height: 100%; overflow: visible; overflow-x: hidden;}}
@media (min-width: 1600px) {.menu-btns { margin-left: 25px; padding-left: 22px;}}
.menu-btns {margin-bottom: 26px; margin-top: -10px;padding-top: 10px; display: flex;position: relative;list-style: none;}
.read-more{display: inline-block;color:#00577f; line-height: 1; cursor: pointer; position: relative; margin-right: 15px; padding: 19px 0px; -webkit-transition: all .25s; -webkit-transition-timing-function: linear; transition: all .25s; transition-timing-function: linear; font-weight: 600;}
.read-more:hover{color:#000}
.navbar .navbar-nav>li>a {font-size: 16px;padding: 5px 10px; color: #ffffff;}
.dropdown-toggle, a.dropdown-toggle, .nav>li>a.dropdown-toggle {display: none;}
@media (min-width: 992px) {
.menu-btns { display: flex;margin-bottom: -10px; margin-left: 12px; padding-left: 15px;padding-top: 0;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}}
@media (max-width: 992px) {
.menu-btns { margin-bottom: 26px; margin-top: 20px; padding: 0px;}
.dropdown-toggle, a.dropdown-toggle, .nav>li>a.dropdown-toggle {display: block;}
.dropdown-hover, a.dropdown-hover, .nav>li>a.dropdown-hover {display: none;}}
.dropdown-sub-toggle:after{display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;}
.collapse.in { display: block; visibility: visible; margin: 30px 0;}
.menu-btns::before { position: absolute; content: ''; left: 0; bottom: 0; width: 1px; height: 18px; background: #e5e5e5; margin: auto 0;top: 0; display: none;}
hr { max-width:100%; border-color: #7ebad6;}
ol, ul {list-style: block;    color: #4b4b4b !important;font-weight: 300;font-size: 1.1rem;}
li {font-size: 1.1rem;}
.drop-panel {background-color: #8521ac; padding: 1px 20px; color: white; margin: 10px 0;}
.drop-panel a:hover {color: white;text-decoration:unset:}
.drop-panel-arrow{ color: white; font-size: 1.2em; font-weight: 600;}
.drop-panel-title{margin-top: 0.8rem;}
.fa-chevron-down{float: right;}
@media (min-width: 992px) {.menu-btns::before {display: block; }}
@media (min-width: 992px) { .menu-btns > li:last-child {padding-right: 0;}}
.menu-btns > li { padding: 0px;}
@media (min-width: 992px) {.menu-btns > li { padding: 10px;}}

@media (min-width: 576px) {.menu-btns > li a {padding: 10px; font-size: 0.9rem; }}
@media (min-width: 1012px) {.menu-btns > li a { padding: 10px;font-size: 1.1rem; }}
.btn {position: relative;font-size: 14px;font-weight: 700;font-family: "Comfortaa", sans-serif;color: #ffffff;background: #00577f; text-transform: uppercase; border-radius: 0px; display: inline-block;padding: 16px 30px 14px;transition: all ease .5s;outline-style: none;min-width: 120px; border-radius: 10px;}
@media (min-width: 992px) {.btn {padding: 16px 30px 14px;}}
.btn:hover {color: #ffffff!important;background-color: #63acce!important;}
@media (max-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 14px;font-weight: 700;text-transform: capitalize;color: #ffffff;padding: 12px 0px;}
.dropdown-menu.show { display: block;}}
@media (max-width: 1041px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: .82rem;}}
@media (min-width: 1125px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { font-size: 16px;font-weight: 700; text-transform: uppercase; color: #212529; }}
@media (min-width: 1273px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 18px;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover { color: #fff; background-color: #7ebad6; transition: all .4s;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { color: #ffffff; }}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 20px 10px; }}
@media (min-width: 1200px) { #mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 10px 10px; }}
@media (min-width: 1600px) {.menu-btns {margin-left: 25px;padding-left: 22px; }}
ul.dropdown-menu { border-radius: 0;border-top: none; padding: 15px 0px; min-width: 100%; background: #7ebad6; border: none; box-shadow: none; margin: 0;}
@media (min-width: 992px) {
  ul.dropdown-menu {border-radius: 0; border-top: none;padding: 15px 0px;min-width: 250px;background: #7ebad6;border: none;box-shadow: -20px 0px 12px 0px rgba(10, 16, 21, 0.08);}
.menu-sub { position: absolute; max-width: 220px; min-width: 220px;background: #ffffff;padding: 15px 0;top: 100%;left: 0; display: block !important; z-index: 99; opacity: 0;visibility: hidden;transition: all .4s;transform: translateX(0) translateY(-8px);box-shadow: 0px 3px 12px 0px rgba(10, 16, 21, 0.08);}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: -1px;
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px;
    border-radius: 0 5px 5px 5px;
}
  .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-left-color: #fff;
    margin-top: 4px;
    margin-right: 5px;
}
  .dropdown-submenu {
    position: relative;
}
ul.dropdown-menu>li>a.dropdown-sub-toggle {display: none;}
  .dropdown-submenu i{display:none}
}
.dropdown-submenu:hover>a:after {
    border-left-color: #00577f;
}


@media (min-width: 992px) {.dropdown.dropdown-top:hover .dropdown-menu.multi-level { display: block; margin-top: 0px;}}
.arrow-menu {margin-left: 5px;float: right;}
@media (min-width: 992px) {.arrow-menu { margin-left: 8x;float: unset;font-size: 12px;}}
.dropdown-menu a { padding: 8px 10px;color: #fff; font-size: 13px; display: block; text-decoration: none;transition: all .4s;}
@media (min-width: 992px) {.dropdown-menu a {padding: 8px 10px; color: #fff; font-size: 13px;display: block;text-decoration: none;transition: all .4s;}}
@media (min-width: 1200px) { .dropdown-menu a { padding: 10px 18px; }}
@media (min-width: 992px) {.navbar-nav > .dropdown:hover > a {background-color: #7ebad6;color: #ffffff!important;}}
@media (min-width: 992px) {.dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(0) translateY(0);}}
.dropdown-menu a:hover,a:focus,a:active  {color: #00577f;}
.navbar-toggler {padding: 0.25rem 0.25rem; font-size: 1.65rem;background-color: transparent; border: none; border-radius: 0.25rem;}
.navbar-light .navbar-toggler {color: #ffffff;}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover { color: #00577f;}
.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75);}
.dropdown-menu .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75);}
@media (min-width: 992px) {.dropdown-menu .menu-item:first-child { border-top: none; }}
.menu-item:last-child { border-bottom: 0;}
@media (min-width: 992px) {.menu-item { border-bottom: none; }.double-columns ul{}.double-columns  li{ width:100%; position:relative;}}
@media (max-width: 992px) {.menu-sub { padding: 0 0 0 15px!important; }}
@media (max-width: 992px) {
ul.dropdown-menu>li.dropdown-submenu>a.dropdown-sub-toggle {padding:8px 10px; cursor: pointer;}
ul.dropdown-menu>li>a.dropdown-sub-toggle {display: block;}
.ul.dropdown-menu>li.dropdown-submenu>a.dropdown-sub-toggle.open {
        display: block;
        position: relative;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        box-shadow: none;
        border: none;
    }
      ul.dropdown-menu>li {
        position: relative;
    }
  ul.dropdown-menu .dropdown-menu-sub{background-color: #689db6;}
  ul.dropdown-menu .dropdown-menu-sub.open{display:block;}
    .dropdown-sub-hover, a.dropdown-sub-hover, .dropdown-menu>li>a.dropdown-sub-hover {
        display: none;
    }
}
/* STICKY BAR */

#stickybar {
    overflow: hidden;
    background-color: #d51b5a;
    width: 100%;
    height: 50px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
  transition: all .4s;
   position: fixed !important;
    top:130px;
    z-index: 1;
  }

#stickybar.sticky-shrink{}
  #stickybar p{
      text-align: center;
      font-size: 25px;
      color: #fff;
      margin-bottom: 0;
  }
  .sticky {
    position: fixed;
    width: 100%;top:85px!important;
  }
@media (max-width: 1200px) {
  #stickybar {top: 90px;}
}
@media (max-width: 992px) {
  #stickybar {top: 77px;}
  #stickybar p{font-size:15px;}
}
  @media screen and (max-width: 540px){
      #stickybar p{
        font-size: 14px;
    }
  }
  @media screen and (max-width: 343px){
      #stickybar p{
        font-size: 14px;
    }
  }
/* END STICKY BAR */
  @media screen and (max-width: 576px){
.col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex: 0 0 50%;
}}
/* MAP */
.map-top{margin-top:125px}
@media (max-width: 1199px){.map-top{margin-top:90px}}
@media (max-width: 992px){.map-top{margin-top:75px}}
/* ANIMATED LINES */

@keyframes rotateFull {0% {transform: rotate(0deg);}50% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}
@keyframes lineTop {0% {transform: scale(0, 1);}12.5% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
@keyframes lineRight {0% {transform: scale(1, 0);}12.5% {transform: scale(1, 0);}25% {transform: scale(1, 1);}75% {transform: scale(1, 1);}}
@keyframes lineBottom {0% {transform: scale(0, 1);}25% {transform: scale(0, 1);}37.5% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
@keyframes lineLeft {0% {transform: scale(1, 0);}37.5% {transform: scale(1, 0);}50% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
.line {background: #7ebad6;display: block;}
.line-animate {width: 80%;height: 100%;top: 0;position: absolute;left: 0;z-index: 1;display: none;}
.line-animate.active {display: block;}
.line-top {width: 100%;height: 4px;position: absolute;top: 0;left: 0;transform-origin: left top;transform: scale(1, 1);animation: lineTop 5s linear 0s;}
.line-right {width: 4px;height: 100%;position: absolute;top: 0;right: 0;transform-origin: left top;transform: scale(1, 1);animation: lineRight 5s linear 0s;}
.line-bottom {width: 100%;height: 4px;position: absolute;right: 0;bottom: 0;transform-origin: right top;transform: scale(1, 1);animation: lineBottom 5s linear 0s;}
.line-left {width: 4px;height: 100%;position: absolute;left: 0;bottom: 0;transform-origin: left bottom;transform: scale(1, 1);animation: lineLeft 5s linear 0s;}
@media (min-width: 480px) {.line-animate {width: 60%;}}
@media (min-width: 576px) {.line-animate {width: 60%;}}
@media (min-width: 576px) {.banner-inner .line-animate {width: 60%;}}
@media (min-width: 768px) {.line-animate {width: 50%;}}
@media (min-width: 768px) {.banner-inner .line-animate {width: 60%;}}
@media (min-width: 992px) {.line-animate .banner-content {width: 40%;}}

/* END ANIMATED LINES */

.buffer{height:8.2rem}
@media (min-width: 991px){.banner-block{    display: flex;align-items: center;padding: 80px 0 0!important;}}
.p-title-header{letter-spacing: 3.2px; font-family: "Comfortaa", sans-serif;font-weight: 400;font-size: 1rem; margin-bottom: 18px;text-align: left;text-transform: uppercase; position: relative; z-index: 1;}
.title-cont-box{font-size: 1.125rem;font-weight: 700;font-family: "Comfortaa", sans-serif;}
.addres-cont-box{font-size: 1.5rem;font-weight: 300;line-height: 1;}
.pho-cont-box{border-bottom: 1px solid #e2e8eb;padding: 12px 0;}
@media (max-width: 767px){	.p-title-header{font-size: 0.75rem;}	}
.banner-block{  padding: 0;}
.banner-content {padding-left: 15px; padding-top: 50px; padding-bottom: 50px; position: relative;}
.banner-content-2 {padding: 50px 40px; color:#fff;position: relative;}
@media (min-width: 575px) {
  .banner-content { padding: 60px 50px;}
		.banner-content-2 {	padding: 50px 50px;}}
@media (min-width: 992px) {
.banner-content { padding: 70px 60px; }
.banner-content-2 {padding: 50px 60px;}}
.marg-lef{margin-right: 0;margin-left: unset}
.banner-inner{min-height: 100%; padding: 118px 0 50px;}
.banner-inner h1{margin-bottom: 0;font-size: 1.714rem;font-weight: 300;color: #fff !important;text-shadow: 0px 0px 20px black;important;font-family: "Comfortaa", sans-serif;z-index: 1;position: relative;	}
@media (min-width: 575px) {.banner-inner h1{font-size: 2.5rem}}
@media (min-width: 1199px){.banner-inner{padding: 160px 0 80px; min-height: 100%;}}
@media (min-width: 1280px) {.banner-content {padding: 70px 80px;}
.banner-content-2 { padding: 50px 80px;}
.banner-inner h1{font-size: 3.75rem}}
@media (min-width: 1600px) {
.banner-content { padding: 100px;}
.banner-content-2 { padding: 50px 80px;}
.banner-inner{padding: 220px 0 150px;min-height: 72px;}
.banner-inner h1{font-size: 3.3rem}}
header.masthead h1 { text-align: left;z-index: 2; position: relative; margin-bottom: 20px; line-height: 1.290; font-family: "Comfortaa", sans-serif; font-weight: 600; color: #ffffff;}
@media (min-width: 992px) {header.masthead h1 {font-size: 4rem; margin-bottom: 35px;}}
@media (min-width: 1600px) {header.masthead h1 {font-size: 3rem; line-height: 1.290; }}
@media (max-width: 575px) { header.masthead h1 {font-size: 1.75rem; }}
header.masthead p {font-weight: 400;letter-spacing: 3.2px;text-transform: uppercase; font-family: "Comfortaa", sans-serif;font-size: 0.75rem; text-align: left; z-index: 2; position: relative;}
@media (min-width: 768px) {header.masthead p { font-size: 1rem; }}
.banner-btn { display: flex; align-items: center; position: relative; z-index: 2;}
.banner-btn-content { font-size: .75rem; font-weight: 700; margin-right: 10px; margin-bottom: 0;text-transform: uppercase; font-family: "Comfortaa", sans-serif;}
@media (min-width: 768px) {.banner-btn-content {font-size: 1rem;}}
.btn-scroll {width: 30px; height: 30px; border-radius: 50%; font-size: 14px; padding: 4px; padding-left: 5px;background: #00577f; color: #ffffff; display: inline-block; text-align: center;}
.btn-scroll:hover { color: #fff;background-color: #7ebad6;}
@media (min-width: 992px) {.btn-scroll { width: 50px; height: 50px;font-size: 32px; padding: 0px; padding-left: 3px; }}
.box-image { max-width: 100%;}
@media (max-width: 992px) {.box-image { margin-top: 60px; }}
img { max-width: 100%;height: auto;}
.social-header { margin-top: 30px;text-align: left;}
:root { --primary: #8521ac;}
.social-header .list-inline-item { margin-right: 15px;}
.social-header .bs-icon { --bs-icon-size: .9rem;}
.heading-title { font-size: 14px; font-weight: 300;font-family: "Comfortaa", sans-serif; color: #898989; text-transform: uppercase; margin-bottom: 13px; letter-spacing: 1.4px; line-height: .8;}
.dash {padding-left: 35px;padding-right: 35px; position: relative;display: inline-block;}
.dash::before, .dash::after { position: absolute; content: ''; width: 20px; height: 2px; background: #7ebad6; left: 0; top: 0; bottom: 0; margin: auto 0;}
.main-section h2 { margin-bottom: 13px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #00577f; font-weight: 300; font-family: "Comfortaa", sans-serif;;line-height: 1.3; margin-bottom: 0.5rem;}
.subheading { font-size: 1.25rem;font-weight: 300; line-height: 1.6;color: #4b4b4b;font-family: "Comfortaa", sans-serif;}
.titles-service{font-size: 2rem!important;}
.test-sub{color: #7ebad6;font-weight: 400;}
@media (min-width: 1200px) {.subheading { margin-top: 13px; margin-bottom: 0;}}
@media (min-width: 992px) {.subheading {font-size: 1.5rem;}}
@media (min-width: 992px) {.logo-white, .navbar:not(.navbar-shrink) .logo-original { display: none; height: 50px; }}
@media (max-width: 992px) {.logo-white { display: none;height: 50px; }}
@media (min-width: 992px) {.logo-original, .navbar:not(.navbar-shrink) .logo-white {display: block;}}
@media (max-width: 992px) {.logo-original { display: block; height: 50px; }}
.navbar-shrink img {height: 60px;}
.title-one{ color: #00577f; font-weight: 300;font-family: "Comfortaa", sans-serif; line-height: 1.3;margin-bottom: 0.5rem;font-size: 2rem;}
.main-text-block { margin-top: 10px;margin-bottom: 0;}
.main-block-btn {margin-top: 23px;}
.clr-grey {color: #4b4b4b !important;}
.separate-box { margin-top: -30px !important; margin-bottom: -30px !important;}
@media (min-width: 1200px) {.separate-box { margin-top: -30px !important;margin-bottom: -30px !important; }}
.separate-box > li, .separate-box > div { padding-top: 30px !important; padding-bottom: 30px !important;}
.mid-section{background-color:#fff;}
.service-section{background-color:#ecf6fa; padding: 3rem 0;}

.pricing-table .pricing-price {
  font-size:40px;
}
.dh-background {background-position: center;background-size: cover;min-height: 500px;}
/* PACKAGES PRICE END */
.pricing-table .panel-primary > .panel-heading {background-color:#dadada; background-image:none;color:white;font-weight:bold;padding: 10px 0;}
.pricing-table .panel-primary > .bronze {background-color: #ffab74; padding: 10px;}
.pricing-table .panel-primary > .silver {background-color: #dadada; padding: 10px;}
.pricing-table .panel-primary > .gold {background-color: #ffe374; padding: 10px;}
.pricing-table .panel-primary > .bronze h3, .gold h3, .silver h3{font-size: 2.45rem!important;}
.pricing-table .panel-primary h2,h3{color: #00577f;padding: 0;margin: 0;font-size: 1.45rem;}
.pricing-table .panel-primary > .panel-body{
text-align: center;
 padding: 20px 0 20px;
}
.pricing-table .panel-primary > .panel-body p{
font-weight: 400;
    font-size: 1.1rem;
  line-height: 1;
 color:#919191;
}
.money-currency{
  font-size: 40px;
    color: #919191;}
.price{
  font-size: 80px;
    font-weight: 600;
    color: #7ebad6;
font-family: Merriweather, Helvetica Neue, Arial, sans-serif;}
.pricing-table .panel-primary ul{
     padding: 20px;
    font-size: 16px;
    padding-inline-start: 40px;
    background-color: #edf9ff;
    margin-bottom: 0;
  list-style: disc;
    color: #4b4b4b !important;
    font-weight: 400;
      min-height: 350px;
}

a.btn.btn-primary.button:hover {
  background-color:#00577f!important;
  color:#fff;
  transition:0.7s ease-out;
  border:1px solid #00577f;
}

a.btn.btn-primary.button {
    border-radius: 5px;
    border: 1px solid #7ebad6;
}

.pricing-table {
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
  -webkit-transform:translate(0px,0px);
  -moz-transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  -o-transform:translate(0px,0px);
  transform:translate(0px,0px);
}

.pricing-table:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}
.value-box{background-color: #7ebad6; width: 50%;margin-left: auto; margin-right: auto;padding: 5px;color: #fff!important;font-family: Merriweather, Helvetica Neue, Arial, sans-serif;}
li.list-group-item {
  text-align:center;
  text-transform:capitalize;
}

span.text-lowercase.pricing-duration {
  font-size:20px;
}

#pricing2 p.lead.text-nowrap.text-uppercase.text-center.pricing-price {
  font-size:35px;
}

a.btn.btn-primary {
  background-image:none;
  background-color:#7ebad6;
  box-shadow:none;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  border-radius:0px;
  border:0px;
  padding:10px 0px;
}

#pricing2 .panel-primary > .panel-heading {
  background-color:#222;
  background-image:none;
  font-family:'proxima nova', sans-serif;
}

li.list-group-item {
  font-family:'proxima nova', sans-serif;
}

div.panel.panel-primary {
  border: 2px solid #f2f2f2;
  margin-bottom: 50px;
}

a:hover, a:focus {
  text-decoration:none;
}
.panel-footer{ text-align: center;padding: 20px;}
/* PACKAGES PRICE END */
/* STAFF */
.department-container { display: block; width: 100%; position: relative; margin: 0 auto 3rem;}
.department-container h2 {text-transform: uppercase;}
.staff-member-container:nth-child(2n) {margin: 0 1rem 1.5rem 0;}
.staff-member-container {width: calc(50% - 1rem);height: auto;margin: 0 0 1.5rem 1rem; padding: 0px; float: left; position: relative; overflow: hidden;}
.department-container:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link { display: block;}
.staff-group { background-color: #f5f5f5; -webkit-transition: background-color .25s; -webkit-transition-timing-function: linear; transition: background-color .25s; transition-timing-function: linear;}
.staff-40 { float: left;width: 35%; margin-right: 2%; height: auto; position: relative;}
.staff-60 { float: left; width: 63%; margin: 0 auto; height: auto; padding: 0 1rem;position: relative; display: table; table-layout: fixed; vertical-align: middle;}
.staff-overlay { position: absolute; top: 0;left: 0; width: 100%; height: 100%; text-align: center; padding: 0px 0px 0px; background-size: cover;background-position: bottom; background-repeat: no-repeat; opacity: 1;}
.staff-member-image { display: block; width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.staff-60-name { display: table-cell; float: none; height: 100%; vertical-align: middle; position: relative;}
.staff-60-overlay {position: absolute;height: auto; width: 100%; text-align: center;bottom: 0; margin-bottom: 0.5rem; font-size: 1.3rem; display: table; vertical-align: bottom;}
.member-name {font-size: 1.5rem;font-weight: 300; line-height: 0.9; text-transform: uppercase; color: #00577f; margin: 0 auto 0.5rem; padding: 0px 0px; position: relative;-webkit-transition: color .125s; -webkit-transition-timing-function: linear; transition: color .125s;transition-timing-function: linear;}
@media screen and (max-width: 599px){
.member-name {font-size: 1.1rem;}
	.member-role{font-size: .8rem; line-height: 1;padding-bottom: 15px;}}
.staff-60-name { display: table-cell;float: none; height: 100%; vertical-align: middle; position: relative;}
.lightbox-container { display: none;}
.lightbox-staff-item { position: relative;}
.lightbox-item-image { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 0px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; opacity: 1; background-color: transparent; max-width: 220px; float: left; margin-right: 25px; margin-bottom: 10px;}
.lightbox-item-image-container {display: block;width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.lightbox-staff-item h4 {font-size: 1.25rem;}
h4.fl-staff-member-name {font-family: 'Oswald',sans-serif; font-weight: 500; font-size: 1.25rem; margin-top: 0;color: #000; text-transform: uppercase;line-height: 1; margin-bottom: 5px;}
.lightbox-staff-item p.fl-staff-member-role { font-family: 'Work Sans',sans-serif; font-weight: 300; color: #666; font-size: .8rem;text-align: left; margin-bottom: 0px; line-height: 1.3;}
.lightbox-staff-item p { font-weight: 300; color: #000;font-size: 1rem;}
.featherlight { position: fixed; display: block; top: 0; left: 0;width: 100%; height: 100%; margin: 0 auto; padding: 0; z-index: 9999999;background-color: rgba(0,0,0,0.7);}
.featherlight .featherlight-content { /* background: rgba(0,0,0,0.75); */ background-color: #f4f4f4; width: 95%; max-width: 800px; padding: 5px 1rem 1rem; margin-top: 30px!important; max-height: calc(100% - 60px); overflow-y: scroll; margin: 0 auto; }
.featherlight-inner {}
.lightbox-staff-item { position: relative;}
.featherlight-inner:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link:hover .member-name, a.staff-member-link:focus .member-name  { color:#7ebad6; }
@media screen and (max-width: 998px){
.staff-member-container:nth-child(2n) {float: none; width: 600px; max-width: 100%; margin: 0 auto 1.25rem;}
.staff-member-container{float: none;width: 600px;max-width: 100%;margin: 0 auto 1.25rem;}}
/* END STAFF */
.bg-primary {background-color: #7ebad6!important;}
.t-white { color: #ffffff!important;}
.nk-df-bg, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover {background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.box-content {padding: 30px 20px;}
.box-content h3 {font-size: 1.525rem; line-height: 1.333;font-weight: 700; color: #075c83 !important;background-color: #dadada;padding: 20px 10px;}
.box-content h3 + p {margin-top: 13px; margin-bottom: 0;font-size: 1rem;line-height: 1.4; font-weight: 300;}

.box-content-2 {padding: 30px 20px;}
.box-content-2 h3 {font-size: 1.525rem; line-height: 1.333;font-weight: 700; color: #075c83 !important;background-color: #dadada;padding: 20px 10px;}
.box-content-2 h3 + p {margin-top: 13px; margin-bottom: 0;font-size: 1rem;line-height: 1.4; font-weight: 300;}
@media (max-width: 767px) {.box-content-2 h3 { font-size:1.1rem;text-align:center;}
  .box-content-2 h3 + p{display:none;}}
@media (min-width: 1199px) {.box-content-2 { padding: 0 10px; }}
@media (max-width: 1199px) {.box-content-2 { padding: 0; }}

.bg-primary .btn.btn-arrow {background: transparent;text-decoration: underline;}
.bg-primary .btn.btn-arrow:hover {text-decoration: none;}
.btn-arrow { font-size: 14px; color: #00577f; font-weight: 600; background: transparent; border-color: #e5e5e5; text-transform: capitalize; border: none; position: relative;min-width: auto; padding: 0;}
.btn-arrow:hover { transition: all ease-in .3s; margin-right: 6px; display: inline-block; transform: translateX(0); text-decoration: none; color: #075c83 !important;background-color: unset !important;}
.row-arrow-icon {display: -ms-flexbox; display: flex; -ms-align-items: center;align-items: center; margin-top: 23px;}
.fa-angle-double-right:before {content: "\f101"; margin-left: 4px;}
.separate-box-15 {margin-top: -15px !important;margin-bottom: -15px !important;}
.separate-box-10 { margin-top: -15px !important; margin-bottom: -15px !important;}
.separate-box-15 > li, .separate-box-15 > div { padding-top: 15px !important;padding-bottom: 15px !important;}
.separate-box-10 > li, .separate-box-10 > div { padding-top: 15px !important;padding-bottom: 15px !important;}
.bg-secondary { background-color: #ecf6fa !important;}
.t-grey {color: #4b4b4b !important;}
.h-full {height: 100%;}
.grey-box { padding: 30px;}
@media (min-width: 992px) { .grey-box {padding: 50px 40px 50px;}}
h4, .h4, .fz-4 {font-size: 1.3rem;line-height: 1.333;}
@media (min-width: 992px) {.port-top {margin-bottom: 68px; }}
.port-bottom { margin-bottom: 38px; line-height: .8;}
.portfolio-box .portfolio-box-caption {background: #00577f;}
.bg-fixed { background-attachment: fixed;}
.pd-0{padding:0}
/* brands slider */

.brands { width: 100%;padding-top: 90px;padding-bottom: 90px;}
@media (min-width: 447px) {.brands_slider_container { height: 130px; border: solid 1px #e8e8e8;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); padding-left: 97px;padding-right: 97px;background: #fff; }}
.brands_slider_container {background: #fff;}
.brands_slider {height: 100%;margin-top: 35px;}
.brands_item { height: 100%;}
.brands_item img { max-width: 100%;}
.brands_nav { position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; cursor: pointer;}
@media (max-width: 446px) {.brands_nav {display: none;}}
.brands_nav i { color: #e5e5e5;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease;transition: all 200ms ease;}
.brands_nav:hover i {color: #676767;}
.brands_prev { left: 40px;}
.brands_next { right: 40px;}
.services-h2{font-size:40px;}
@media (min-width: 992px) {.services-h2{font-size:80px;}}
/* testimonials slider */

#demo {background-color:rgb(0 87 127);margin: auto;}
.p-t-tes{ padding-top: 40px!important; font-size: 1.2rem!important;}
.carousel-caption {position: initial;z-index: 10; padding: 40px 40px;padding-top: 0px; color: #fff;text-align: left; font-size: 1.5rem; font-style: italic;line-height: 1.5;font-weight: 300; min-height: 310px;}
@media (max-width: 767px) { .carousel-caption { position: initial; z-index: 10; text-align: left; font-size: 1rem; font-style: italic; line-height: 1.5rem; }}
@media (max-width: 992px) {.carousel-caption { min-height: 310px;}.dh-background {min-height: 300px; background-position: center right;}}
.carousel-caption img {max-width: 54px;}
#image-caption {margin-left: 15px;line-height: 1.2; text-align: left;}
#image-caption p { margin-bottom: 0px; margin-top: 0;}
.carousel-control-prev {justify-content: flex-start;}
.carousel-control-next {justify-content: flex-end;}
.carousel-control-prev, .carousel-control-next {transition: none;opacity: unset;}
.carousel-control-next i, .carousel-control-prev i {background-color: #7ebad6;}
.align-image { align-items: center; margin-right: unset;margin-left: unset;}
#image-caption p {font-size: .75rem;font-weight: 300;}
.author-name {font-size: 1rem;text-transform: uppercase;font-style: normal;font-weight: 600;}
.carousel-caption p {margin: 10px 0 30px;}
.testimonials-title {color: #fff; padding: 40px 30px 5px;font-size: 2.2rem;font-weight: 300;}
.testimonial-arrows {position: absolute;display: inline-block;right: 0; bottom: 0;}
.carousel-control-next, .carousel-control-prev {width: 40px;height: 40px; background: #7ebad6; color: #ffffff;border-radius: 0; opacity: 1; bottom: 0px; top: auto;transform: translate(0);padding: 0;font-size: 16px; padding: 8px;position: static;display: inline-block !important;}

/* form */

.ml-15{margin-left:15px;}
.get-in-touch .form-group { float: left; width: calc(50% - 0.5rem); position: relative; margin: 0 auto 0.5rem;}
.get-in-touch button{position: relative;font-size: 14px;font-weight: 700;font-family: "Comfortaa", sans-serif;color: #ffffff !important;background-color: #00577f !important; text-transform: uppercase;display: inline-block; transition: all ease .5s; outline-style: none; min-width: 120px; border-radius: 10px; border-color: unset!important;}
.width-form{width:100%!important}
.field-checkbox-1697745633319 {width: 100%!important;}
.field-checkbox-1697745633319 label {display: inline!important;}
.field-message{width:100%!important;}
form label {display:none;}
.field-select-service label  {display:block;}
.field-newsletter-checkbox{display:flex}
.field-newsletter-checkbox label  {display:block;margin-bottom: 0;}
.get-in-touch .form-control {width: 100%;font-size: 1rem;border: 1px solid #ecf6fa; padding: 18px 20px;margin-bottom: 10px; color: #4b4b4b;background: transparent; background-color: #ecf6fa !important;height: auto; box-shadow: unset;}
@media (min-width: 992px) {
.get-in-touch .form-control { margin-bottom: 30px;}}
input[type=checkbox], input[type=radio] {margin-right: 5px;}
/* Footer */

.footer-section {padding-top: 90px;padding-bottom: 90px; background-color: #121b22; color: #a2a9bf;}
.text-muted {color: #a2a9bf!important;}
.t-grey-light {color: #6a6a6a;}
@media (min-width: 992px) {.copyr-content { text-align: left; }}
.copyr-content {font-size: .865rem;line-height: 1;}
.footer-title { font-size: 1.125rem;line-height: 1.333;font-weight: 700;}
.bs-icon.bs-icon-circle {border-radius: 20%;}
.bs-icon.bs-icon-square { border-radius: 20%;}
.bs-icon.bs-icon-footer{}
.social-icon-size {--bs-icon-size: 1.75rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size: var(--bs-icon-size); width: calc(var(--bs-icon-size) * 2); height: calc(var(--bs-icon-size) * 2); color: var(--primary); border-radius: 20%; margin-top: 8px;}
.footer-social.social-icon-size { margin-right: 8px; margin-top: 8px; background-color: #fff;}
.footer-social-color{color:#fff}
.footer-social .bs-icon {--bs-icon-size: 1.10rem; margin-right: 8px; margin-top: 8px;}
.list-inline-item { display: inline-block!important;}
.footer-menu {font-size: 14px;}
.footer-menu ul{font-size: 14px;}
.copyright{font-size:14px}
.appsoft{color:#90dcff}
.appsoft:hover{text-decoration:underline;color:#90dcff}