body{ font-family: 'Open Sans', sans-serif; }

header { padding:20px 0;}
header .logo { max-width: 400px; }
header .center { display: flex; align-items: center; justify-content: space-between;}
header .header-right-top { display: flex; align-items: center; justify-content: flex-end; gap:20px; text-align: right; margin-bottom: 10px;}
header .header-right-top .btn { margin-top: 0; padding: 10px 20px;}
header .call a { color: #000; }
header .call a:hover { color:#036475; }
header .lang { margin-right: 20px;}
header .lang a { color:#000; background:#ebebeb; padding: 10px 10px; border-radius: 3px;}

.slider { position: relative;overflow: hidden;}
.slider .owl-item.active span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.2s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.6s;}
.slider .owl-item.active .btn-green {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1s;}
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; background-image: linear-gradient(270deg, rgba(3,48,117,0.00) 0%, #2E5258 100%);}
.slider .overlay .center { display: flex; align-items: center; width: 100%; height: 100%; }
.slider .overlay span { font-size:50px; line-height:54px; color:#fff; font-weight: 700; margin-bottom: 10px; display: inline-block;font-family: 'Poppins', sans-serif; }
.slider .overlay span:before { content: attr(data-text); position: absolute; top: -50px; font-size: 12px; letter-spacing: 2px; font-weight: 500; }
.slider .overlay p { display: block; width: 100%; font-size: 16px; color: #fff; font-weight: 500;}
.slider .overlay i { font-style: normal; }
.slider .slide-content { max-width:720px; }
.slider .slide-image { text-align: center; }
.slider .owl-item.active .slide-image { text-align: center; display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: 0.3s;}
.slider .slide-content img { width: auto !important; display: inline-block !important;}
.slider .slide-content .btn { margin-top: 20px }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots .owl-dot { width: auto; }
.slider .owl-dots { position: absolute; top:0; height: 100%; align-items: center; display: inline-flex; left:20px; width: 10px; flex-direction: column; align-content: stretch; justify-content: center;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { opacity: 1 !important }

.btn-pdf { background:#e74c3c; border-radius: 4px; padding: 10px 30px; display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 800; color: #fff; }
.btn-pdf:hover { background:#c0392b; }

.page-img img { width: 100%; }

#cssmenu{position:relative; z-index:99;font-family: 'Open Sans', sans-serif;}
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:700; color:#036475;padding: 15px 20px;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:#036475; padding:12px 0px; borderradius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:12px 20px;font-size: 14px; display:block;width:300px;text-decoration:none;color:#fff;font-weight:500;position:relative;}
#cssmenu ul ul li a:hover { color: #fff; opacity: .5;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 0; line-height:44px; color:#036475; }
#cssmenu .has-sub:hover:before {color:#036475;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#036475; }

.s-box { position: relative; text-align: center; margin-bottom: 40px;}
.s-ex { background:#03505E; padding:10px 20px; display: inline-block; border-radius: 3px; position: absolute; left: 15px; right: 15px; bottom:-30px; z-index: 9}
.s-ex h4, .s-ex span { color: #fff; }
.s-ex h4 { margin-bottom:0px; }
.s-ex span { font-size: 12px; }

.home-about { background:#ECF0F1; }

.faq-ac h3 { font-size: 16px; display: block; text-align: left; background:#ECF0F1; padding:30px 40px 30px 30px; margin-bottom: 10px; border-radius: 6px; cursor: pointer; font-weight: 600;}
.faq-ac h3:hover { background:#e1e2ef; }
.faq-ac .faq-content { text-align: left; padding:20px 30px 30px 30px; }
.faq-ac .faq-content p { font-size: 14px; }
.faq-ac .faq-content p:last-child { margin-bottom: 0; }

.faq-ac h3 span { position: absolute; right: 30px; }

.home-faq { max-width: 990px; margin: 0 auto; }

footer { background:#ECF0F1; }

.f-nav h5, .f-contact h5 { margin-bottom: 20px; font-size: 16px; }
.f-nav ul { list-style: none; }
.f-nav ul li { margin: 4px 0; }
.f-nav ul li a { font-size: 14px; color: #666; }
.f-nav ul li a:hover { color:#036475; }

.f-contact p { font-size: 14px; }

.f-social ul { list-style: none; }
.f-social ul li { display: inline-block; }
.f-social ul li a { display: block; width: 42px; height: 42px; color: #fff; background:#03505E; line-height: 42px; text-align: center; border-radius: 3px;}
.f-social ul li a:hover { background:#232323; }

.bottom small { color: #999; }
.bottom small a { color:#666; text-decoration:underline; }

.sidebar-content { display: flex; }
.sidebar-content .content { width: 100%; }
.sidebar-content .sidebar { width: 100%; max-width: 340px; margin-left: 40px;}
.sticky-side { position: sticky; top: 30px;}
.side-menu { background: #036475; box-shadow: 0 0 20px rgba(0,0,0,.15); padding: 30px 0; border-radius: 3px; margin-bottom: 20px;}
.side-menu ul { list-style: none; }
.side-menu ul li { border-bottom:1px solid #085A69 }
.side-menu ul li:last-child { border-bottom:none }
.side-menu ul li a { display: block; padding: 10px 20px; font-size: 16px; font-weight: 600; color:#fff;}
.side-menu ul li a:hover, .side-menu>ul>li.active>a { color:#fff ; }
.side-menu ul li a:hover { background:#1B9BB2; }

.side-menu ul ul { display: none;}
.side-menu ul li.active ul { display: block; background:#077487; }
.side-menu>ul>li.active>ul>li.active>a { color:#fff; background:#1B9BB2; }
.side-menu>ul>li.active>ul>li>a { padding-left: 40px; }


.side-box h4 { padding: 10px 20px; color: #fff; }

.side-box { background: #036475; box-shadow: 0 0 20px rgba(0,0,0,.15); padding: 30px 0; border-radius: 3px; margin-bottom: 20px;}
.side-box ol { list-style: none; }
.side-box ol li { border-bottom:1px solid #085A69; display: block; padding: 10px 20px; font-size: 16px; font-weight: 600; color:#fff; }
.side-box ol li:last-child { border-bottom:none }

.content ul li a, .content ol li a { color: #036475; text-decoration: underline; }
.content ul li a:hover, .content ol li a:hover { color: #888; }

.content ul li, .content ol li { font-size: 16px; line-height: 22px; margin: 10px; color: #5A5A5A; font-weight: 400; }

.side-menu h4 { color: #fff; padding: 10px 20px; }

.gallery-page .box { text-align: center; }
.gallery-page .box h3 { margin-top: 20px; }
.gallery-page .box span { font-size: 14px; color: #666; }

.address .address-list { list-style: none; }
.address .address-list li { display: flex; align-items: center; margin-bottom: 20px;}
.address .address-list li .icon { color:#03505E; width: 42px; height:42px; line-height: 42px; min-width: 42px; text-align: center; box-shadow: 10px 10px 20px 0 rgba(21,76,157,0.15); font-size: 18px; margin-right: 20px; }
.address .address-list li small { display: block; font-weight: 700; color:#03505E;font-size: 14px;}
.address .address-list li a { color:#6E7A94; }
.address .address-box { font-size: 15px; }

div.sm-icons:before { display: none;}
div.sm-icons { text-align: left; }

.contact-form button { width: 100%; margin-top: 20px; }

.blog-box { text-align: left; margin-bottom: 30px;}
.blog-box h4, .s-box p { margin: 0; }
.blog-box h4 { margin-bottom:5px; }
.blog-box img { margin: 0 0 20px 0; }
.blog-box a { display: block; }
.blog-box p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 22px;}

@media only screen and (max-width:1249px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:#2a2135;color:000}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:0;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#056275; border-bottom:1px solid #075465; font-size: 14px; line-height: normal !important }
    #cssmenu>ul>li { margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;height:42px; background:#056275; width: 42px; position: absolute; top:-50px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:20px;right:0;left:0;display:block;height:4px;width:19px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:20px;border:0;height:2px;width:18px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:19px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    header .header-right-top .call { font-size: 20px; }
    header .header-right-top .call strong { display: none; }
    header .header-right-top .offer span { }

    header .center { flex-flow: column-reverse; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

    .slider .owl-item.active span { font-size: 30px; line-height: 34px; }
    .slider .owl-item.active p { font-size: 14px; }

    .s-ex h4 { margin-top: 0; }

    .faq-ac h3 { padding: 20px 45px 20px 20px; }
    .faq-ac h3 span { top: 40%; }

    footer .col-4.gap-40 {gap:10px}

    .sidebar-content { display: block; }
    .sidebar-content .content { width: 100%; }
    .sidebar-content .sidebar { width: 100%; max-width: 100%; margin-left: 0px; margin-top: 40px;}

    .gallery-page .col-4 {grid-template-columns: repeat(2,1fr);}

}

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