.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

html:not([class*="sticky"]) .featured-services-title .bg,
html .back-to-top:not(.backtotop-is-visible) .back-to-top::before,
html .section:not(.section-animated),
html .section:not(.section-animated)::before,
html .section:not(.section-animated)::after,
html .section:not(.section-animated) *,
html .section:not(.section-animated) *::before,
html .section:not(.section-animated) *::after,
html .section:not(.section-animated) .services-offer-item .img img,
html .row:not(.row-animated),
html .row:not(.row-animated) * { background-image: unset !important; }
html .section:not(.section-animated) img:not(.page-title-img),
html .section:not(.section-animated) .recent-website-carousel-item img,
html .row:not(.row-animated) .featured-services-item .img img { display: none; }
html #main-content .section:not(.section-animated):not(:first-child) { visibility: hidden; }


* { box-sizing: border-box; }
body { line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizelegibility; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
strong { font-weight: bold; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { text-decoration: none; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
input { outline: 0; margin: 0; padding: 0; }
:focus { outline: 0; }
textarea { resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: middle; max-width: 100%; }
input[type="submit"] { cursor: pointer; font: inherit; }
iframe { width: 100%; display: block; }
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #6a6a6a; opacity: 0.9; }
input[type="text"]:-moz-placeholder,
textarea:-moz-placeholder { color: #6a6a6a; opacity: 0.9; }
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder { color: #6a6a6a; opacity: 0.9; }
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #6a6a6a; opacity: 0.9; }
.hide { display: none; }
.show { display: block; }

blockquote p, em { font-style: italic }
p { color: inherit; margin-bottom: 20px; }
a { color: #196bc9; }
a:hover { color: #ff751a; }
.light { color: #fff; }
.dark { color: #000 }
.content-inner { margin: 0 auto; padding: 0 15px; max-width: 1200px; }
.clear { clear: both; margin: 0; display: block; }
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.text-center { text-align: center; }
.one-fourth { float: left; margin-right: 1.5%; margin-bottom: 0; position: relative; }
.one-fourth { width: 23.125%; }
.last-col { margin-right: 0 !important; }
img { max-width: 100%; height: auto; }

body { background-color: #3D4653 !important; margin: 0; max-width: 100%; width: 100%; padding: 0; width: 100%; }
@media (min-width:768px) {
    body, h1, h2, h3, h4, h5, h6, input, textarea { font-family: 'Poppins', sans-serif !important; }
}
@media (max-width:767px) {
    body, h1, h2, h3, h4, h5, h6, input, textarea { font-family: system-ui, sans-serif !important; }
}
html:first-child { margin-top: 0 !important; }
.pswp:not([style*="position: fixed;"]) { display: none; position: absolute; }

.page-wrapper, body { overflow-x: hidden !important; }
#main-content { overflow: hidden; width: 100%; background-color: #f8f8f8; max-width: 100vw; }

.container,
.container-wided { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-wided { max-width: 1334px; width: 100%; }
.container-fluid,
.container-wide,
.container-wide-left,
.container-wide-right { width: 1920px; max-width: 100%; margin-left: auto; margin-right: auto; }
.container-wide { padding-left: 96px; padding-right: 96px; width: 100%; }
.container-wide-left { padding-left: 96px; padding-right: 0; width: 100%; position: relative; }
.container-wide-right { padding-left: 0; padding-right: 96px; width: 100%; position: relative; }
.container-fluid { padding-left: 30px; padding-right: 30px; width: 100%; }
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before { display: block; }
.container-wide-left::after,
.container-wide-right::after { clear: both; display: block; width: 100%; content: ""; }
.row { margin-left: -15px; margin-right: -15px; }
.col-sm-12,
.col-sm-3,
.col-sm-4,
.col-sm-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 100%; }
@media (min-width: 768px) {
    .col-sm-12 { width: 100%; }
    .col-sm-6 { width: 50%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
}
@media (max-width: 1500px) and (min-width: 1199px) {
    .container-wided { max-width: 1440px; padding-left: 100px; padding-right: 100px; }
}
@media (max-width: 1300px) and (min-width: 1199px) {
    .container-wided { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 1500px) {
    .container-wide { padding-left: 60px; padding-right: 60px; }
    .container-wide-left { padding-left: 60px; padding-right: 0; }
    .container-wide-right { padding-left: 0; padding-right: 60px; }
}
@media (max-width: 567px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; width: auto; max-width: none; }
    .container-wide { padding-left: 30px; padding-right: 30px; }
    .container-wide-left { padding-left: 30px; padding-right: 0; }
    .container-wide-right { padding-left: 0; padding-right: 30px; }
}

button { font-family: inherit; }
.dual-buttons { text-align: center; }
.btn { box-shadow: none; background-image: none; background-color: #ff6f00; border: 2px solid #ff6f00; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; line-height: 1em; margin: 0 5px 10px; padding: 10px 30px; position: relative; text-decoration: none; transition: 0.3s ease 0s; }
.btn.btn-outline { background-color: transparent; border: 2px solid #3498db; }
.btn:hover { color: #fff; transform: scale(1.1); }
.btn.badge-for-free::before { background-color: red; content: "FOR FREE!"; display: block; font-size: 10px; font-weight: 700; line-height: 12px; padding: 2px 6px; position: absolute; right: -10px; text-align: center; top: -13px; width: 51px; white-space: nowrap; }
.btn.badge-for-free::after { border-bottom: 5px solid transparent; border-left: 5px solid red; border-top: 5px solid transparent; content: ""; display: block; height: 0; position: absolute; right: 48px; top: -2px; width: 0; }
a.btn,
a.btn:active,
a.btn:visited { color: #fff; }
.btn.btn-outline.white,
.btn.btn-outline.white:active,
.btn.btn-outline.white:visited { color: #fff; border-color: #fff; }
.btn.btn-outline.white::before { color: #fff; }
.btn.btn-outline.orange,
.btn.btn-outline.orange:active,
.btn.btn-outline.orange:visited { color: #ff6f00; }
.btn.btn-outline.orange::before { color: #fff; }
.btn.btn-outline.blue,
.btn.btn-outline.blue:active,
.btn.btn-outline.blue:visited { color: #1882fe; }
.btn.btn-outline.blue::before { color: #fff; }
.btn:not(.btn-outline).orange,
.btn:not(.btn-outline).orange:active,
.btn:not(.btn-outline).orange:visited { background-color: #ff6f00; border-color: #ff6f00; color: #fff; }
.btn:not(.btn-outline).orange::before { color: #fff; }
.btn:not(.btn-outline).blue,
.btn:not(.btn-outline).blue:active,
.btn:not(.btn-outline).blue:visited { background-color: #1882fe; border-color: #1882fe; color: #fff; }
.btn:not(.btn-outline).blue::before { color: #fff; }
.btn.orange { color: #ff6f00 }
.btn.orange::before { color: #fff }
.btn.blue { color: #1882fe }
.btn.blue::before { color: #fff }
.btn-aos,
.btn-ios,
.btn-web,
.btn-web-mobile { background: transparent no-repeat 50% 50%; background-size: contain; border: 0; border-radius: 0; padding: 25% 0 0; width: 80%; margin: 0 auto 10px; }
.btn-aos { background-image: url(images/download-android.svg); }
.btn-ios { background-image: url(images/download-apple.svg); }
.btn-web { background-image: url(images/btn-website.svg); }
.btn-web-mobile { background-image: url(images/btn-website-mobile.svg); }

.btn-xs { font-size: 10px; padding: 10px 15px; }
.btn-sm { font-size: 12px; padding: 12px 20px; }
.btn-md { font-size: 14px; padding: 14px 30px; }
.btn-lg { font-size: 16px; padding: 16px 40px; }
.btn-xl { font-size: 20px; padding: 20px 60px; }


header .header-content,
header .top-bar,
header nav > ul ul { background-color: #fff; }
header { z-index: 999; }
header .header-container { padding: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 5; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
header .logo-container { float: left; margin-right: 50px; line-height: 70px; height: 70px; }
header .menu-nav { float: right; }
header nav { float: left; border-top: 1px solid #dedede; }
header nav > ul { list-style: none; margin-left: 0; }
header nav > ul:after,
header nav > ul:before { content: ""; display: table; }
header nav > ul:after { clear: both; }
header nav > ul > li { display: block; float: left; position: relative; list-style-type: none; }
header nav > ul > li > a { display: block; padding: 0 20px; line-height: 72px; position: relative; color: #3f3f3f; font-weight: 500; font-size: 14px; }
header nav > ul ul { display: none; position: absolute; left: 0; top: 100%; width: 170px; margin-left: 0; border-top: 2px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
header nav > ul ul li { display: block; position: relative; list-style-type: none; }
header nav > ul ul li a { display: block; color: #3f3f3f; position: relative; padding: 10px; border-bottom: 1px solid #dedede; font-weight: 500; font-size: 13px; }
header nav > ul ul ul { left: 100%; top: -2px; }
@media (min-width: 690px) and (max-width: 1200px) {
    header { height: 70px  !important; }
    header nav { display: none; float: none; position: absolute; right: 0; width: 100%; top: 70px; height: auto; overflow: auto; }
    header nav .arrow-right { display: none; }
    header nav .arrow-down { display: inline-block; }
    header nav > ul { border-right: 1px solid #dedede; border-left: 1px solid #dedede; }
    header nav > ul,
    header nav > ul ul,
    header nav > ul ul ul { display: block; position: relative; left: 0; top: 0; border-top: 0; margin: 0  !important; width: 100%  !important; background-color: #fff; }
    header nav > ul ul,
    header nav > ul ul ul { display: none; padding-left: 20px; border-left: 0; border-right: 0; }
    header nav > ul ul li,
    header nav > ul > li { display: block; position: relative; left: 0; top: 0; float: none; }
    header nav > ul ul li a,
    header nav > ul > li > a,
    header.sticky nav > ul ul li a,
    header.sticky nav > ul > li > a { display: block; position: relative; padding: 15px; line-height: 20px  !important; border-bottom: 1px solid #dedede; }
}
@media (max-width: 690px) {
    header { height: 70px  !important; }
    header .logo-container { margin-right: 10px; }
    header nav { display: none; float: none; position: absolute; right: 0; width: 100%; height: auto; overflow: auto; top: 70px; }
    header nav .arrow-right { display: none; }
    header nav .arrow-down { display: inline-block; }
    header nav > ul { border-right: 1px solid #dedede; border-left: 1px solid #dedede; }
    header nav > ul,
    header nav > ul ul,
    header nav > ul ul ul { display: block; position: relative; left: 0; top: 0; border-top: 0; margin: 0  !important; width: 100%  !important; background-color: #fff; }
    header nav > ul ul,
    header nav > ul ul ul { display: none; padding-left: 20px; border-left: 0; border-right: 0; }    
    header nav > ul ul li,
    header nav > ul > li { display: block; position: relative; left: 0; top: 0; float: none; }
    header nav > ul ul li a,
    header nav > ul > li > a,
    header.sticky nav > ul ul li a,
    header.sticky nav > ul > li > a { display: block; position: relative; padding: 15px; line-height: 20px  !important; border-bottom: 1px solid #dedede; }
}
#header { background-color: rgba(28, 46, 66, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-size: 14px; height: auto  !important; min-height: 45px  !important; left: 0; padding: 0; position: absolute; top: 0; width: 100%; transition: ease all 0.3s; z-index: 999; }
#header .container-fluid{ align-items: center; display: flex; justify-content: space-between; padding: 0  !important; }
#header .container-fluid a { text-decoration: none; }
#header figure#logo { flex: 1 1 auto; margin: 0; padding: 0; transition: all 0.3s ease 0s; z-index: 10; }
#header figure#logo a { display: block; float: left; height: 0  !important; line-height: 1em  !important; }
#header figure#logo a:hover { opacity: 0.8; }
#header figure#logo img { display: block; float: left; height: 47px; position: absolute; top: 50%; left: 15px; width: auto; transform: translateY(-50%); transition: ease all 0.3s; }
#header nav { border: 0  !important; flex: 0 0 auto; float: right; overflow: visible; }
#header nav > ul { background: transparent  !important; border: 0  !important; float: left; margin: 0; padding: 0; list-style: none; }
#header nav > ul > li { position: relative; }
#header nav > ul > li .menu-arrow { display: none; }
#header nav > ul > li > a { color: rgba(255, 255, 255, 0.3); border: 0  !important; border-right: 1px solid rgba(255, 255, 255, 0.1)  !important; font-weight: 400; line-height: 70px; position: relative; transition: ease all 0.3s; z-index: 999; }
#header nav > ul.menu-nav-icons > li:last-child > a { border-right: 0; }
#header nav > ul > li.current-menu-item { background-color: transparent; }
#header nav > ul > li.current-menu-ancestor > a,
#header nav > ul > li.current-menu-item > a,
#header nav > ul > li.active > a,
#header nav > ul > li.active:hover,
#header nav > ul > li.current-menu-item:hover { color: #fff; background-color: rgba(255, 255, 255, 0.05)  !important; }
#header nav > ul > li:hover:not(.active):not(.current-menu-item) > a { color: #fff; background-color: transparent  !important; }
#header nav > ul > li a { cursor: pointer; padding: 0 14px; }
#header nav > ul > li a.nav-icon-search { padding: 0 15px; }
#header nav > ul > li a i { display: inline-block; font-size: 14px; width: 14px; height: 14px; text-align: center; }
#header nav > ul li.clicked > a { background: #ff751a  !important; }
#header nav > ul li ul { background-color: #1c2e42  !important; border: 0  !important; display: block; margin: 1px 0 0  !important; height: auto  !important; transition: ease all 0.3s; width: 200px; }
#header nav > ul li ul li:not(:last-child) { border: 0  !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1)  !important; }
#header nav > ul li ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1)  !important; }
#header nav > ul li ul li a { border: 0  !important; color: rgba(255, 255, 255, 0.6); padding: 10px 20px; line-height: 1.4em; }
#header nav > ul li ul li a:hover { color: #fff; }
#header nav > ul li ul li ul { left: 200px; }
/*submenu*/
#header nav .arrow-down,
#header nav .arrow-right { display: none; }
#header nav > ul li:hover { z-index: 1; }
#header nav > ul li > ul { padding: 0  !important; display: block  !important; opacity: 0  !important; transform: translateY(-10px); pointer-events: none; visibility: hidden  !important; }
#header nav > ul li:hover > ul { display: block  !important; opacity: 1  !important; transform: translateY(-1px); pointer-events: auto; visibility: visible  !important; }
#header nav > ul li ul li > ul { transform: translateY(-10px); }
#header nav > ul li ul li:hover > ul { transform: translateY(0px); transition-delay: 0.3s; }
#header nav > ul li ul li.menu-item-has-children::before { background-color: transparent; border-right: 1px solid; border-top: 1px solid; content: ""; display: block; height: 10px; opacity: 1; position: absolute; right: 0; top: 50%; transition: transform 0.3s ease 0.2s; transform: translateY(-50%) translateX(-10px) rotate(45deg) scale(0.6); visibility: visible; width: 10px; z-index: 1; }
#header nav > ul li ul li.current-menu-ancestor > a:not([href*="/#"]),
#header nav > ul li ul li.current-menu-item > a:not([href*="/#"]),
#header nav > ul li ul li:hover > a { background: #ff751a; }
#header nav > ul li ul li.menu-item-has-children:hover::before { background-color: #ff751a; border-color: transparent; opacity: 1; transform: translateY(-50%) translateX(5px) rotate(45deg) scale(1); visibility: visible; transition: all 0.3s ease 0.2s; }
#header nav > ul li > ul > li > ul { transition-delay: 0.3s; }
#header nav > ul li > ul > li > ul li:hover a { background-color: #ff751a; }
#header nav > ul li > ul > li:hover > ul { transition-delay: 0s; }
/*animation*/
/*header no slider*/
body.no-slider { padding-top: 0px; }
body.no-slider.admin-bar { padding-top: 32px; }
body.no-slider:not(.has-header-img) #header { background-color: rgba(28, 46, 66, 0.3); }
@media (max-width: 782px) {
    body.no-slider.admin-bar { padding-top: 46px; }
}
/*sticky*/
body #header.sticky-ready { background-color: #11213a  !important; position: fixed; transform: translate3d(0px, -200%, 0px)  !important; transition: none; }
body #header.sticky-ready { position: fixed; transform: translate3d(0px, -200%, 0px)  !important; transition: none; }
body #header.sticky-done.sticky-scrolling-up { transform: translate3d(0px, 0%, 0px)  !important; transition: ease transform 0.2s; }
body #header.sticky-done.sticky-scrolling-down { transition: ease transform 0.2s; }
body #header.sticky-done .container-fluid figure#logo img { height: 35px; }
body #header.sticky-done nav > ul > li > a { line-height: 3.5vw; }
#header #nav-form-search { -webkit-backface-visibility: hidden; color: #fff; height: 35px; opacity: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; visibility: hidden; width: 0; }
#header #nav-form-search .search-input { -webkit-backface-visibility: hidden; color: #fff; float: left; height: 100%; width: calc(100% - 20px); }
#header #nav-form-search .search-input input { -webkit-backface-visibility: hidden; background-color: transparent; border: 1px solid; border-radius: 5px; color: #fff; height: 100%; padding: 0 15px; width: 100%; }
#header #nav-form-search .search-input input:not(:focus) { border-color: rgba(255, 255, 255, 0.3); }
#header #nav-icon-search-close { color: #fff; float: right; font-size: 20px; font-weight: 300; line-height: 1em; height: 1em; margin: 0  !important; opacity: 1; padding: 0  !important; position: absolute; right: 10px; text-align: center; text-shadow: none; top: 50%; transform: translateY(-50%); width: 1em; }
#header #nav-icon-search-close:not(:hover) { opacity: 0; }
#header #nav-icon-search-close::before,
#header #nav-icon-search-close::after { content: ""; border-top: 2px solid #fff; height: 100%; width: 100%; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-82%) translateY(-15%) rotate(45deg); transition: ease-in 0.2s; }
#header #nav-icon-search-close::after { transform: translateX(-15%) translateY(-15%) rotate(-45deg); }
#header:not(.toggled-search) #nav-icon-search-close::before,
#header:not(.toggled-search) #nav-icon-search-close::after { transform: translateX(-50%) translateY(-50%) rotate(180deg); }
#header.toggled-search #nav-form-search { opacity: 1; padding: 0 20px 0 360px; width: 100vw; visibility: visible; }
#header.toggled-search #nav-icon-search-close { opacity: 0.5; }
#header.toggled-search #nav-icon-search-close:hover { opacity: 1; }
#header.toggled-search nav > ul > li { visibility: hidden; }
#header.toggled-search nav > ul > li > a { visibility: hidden; transition: none; }
#header.toggled-search .container-fluid figure#logo { pointer-events: none; }
/*adminbar*/
body.admin-bar { padding-top: 32px; }
body.admin-bar #header { top: 32px; }
@media (max-width: 782px) {
    body.admin-bar { padding-top: 46px; }
    body.admin-bar #header,
    body.admin-bar #header.sticky-ready { top: 46px; }
}
@media (max-width: 600px) {
    body.admin-bar { padding-top: 0; }
    body.admin-bar #header.sticky-ready { top: 0; }
}
#responsive-menu { display: none; background: transparent none repeat; border: 0 none; color: rgba(255, 255, 255, 0.3); cursor: pointer; font-size: 30px; height: 50px; opacity: 0; padding: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(100px); transition: all 0.3s ease 0s; visibility: hidden; width: 50px; z-index: 10; }
#responsive-menu.active,
#responsive-menu:hover { color: #fff; }
#responsive-menu .bars { position: relative; display: block; height: 0.55em; width: 100%; }
#responsive-menu .bars .bar { border: 1px solid; display: block; width: 100%; position: absolute; top: 50%; left: 50%; transition: ease all 0.3s; transform: translateY(-50%) translateX(-50%); }
#responsive-menu .bars .bar:nth-child(1) { top: 0; }
#responsive-menu .bars .bar:nth-child(2) { margin-top: -1px; }
#responsive-menu .bars .bar:nth-child(3) { top: auto; bottom: 0; }
#responsive-menu.active .bars .bar:nth-child(1) { transform: translateY(-50%) translateY(300%) translateX(-50%) rotate(-45deg); }
#responsive-menu.active .bars .bar:nth-child(2) { opacity: 0; }
#responsive-menu.active .bars .bar:nth-child(3) { transform: translateY(-50%) translateY(-400%) translateX(-50%) rotate(45deg); }
#header #nav-form-search .search-input input { background-color: #1e2d42; }
@media (max-width: 1200px) {
    #header { min-height: 55px  !important; position: absolute; }
    #header .container-fluid{ display: block; }
    #header nav { position: absolute; }
    #header figure#logo { float: left; padding-top: 6px; }
    #header figure#logo img { height: 40px; }
    #header nav#menu-nav-icons { display: block; width: auto; top: 0; right: 50px; }
    #header nav#menu-nav-icons > ul { border-left: 1px solid rgba(255, 255, 255, 0.1)  !important; }
    #header.toggled-search nav#menu-nav-icons > ul { border-left: 0  !important; border-right: 1px solid rgba(255, 255, 255, 0.1)  !important; }
    #header nav#menu-nav-icons > ul > li { float: left; }
    #header nav#menu-nav-icons > ul > li a { padding: 0 15px  !important; line-height: 54px  !important; }
    #header nav#menu-nav { display: block; max-height: 0; overflow: hidden; top: 55px; transition: ease 0.2s; z-index: 999; }
    #header nav#menu-nav.active { max-height: calc(100vh - 55px); }
    #header nav#menu-nav.active.active-loaded { max-height: none; }
    #header nav#menu-nav > ul > li.current-menu-item,
    #header nav#menu-nav > ul > li:hover > a,
    #header nav#menu-nav > ul ul li:hover > a { background: transparent; }
    #header nav#menu-nav > ul > li.current-menu-item > a,
    #header nav#menu-nav > li > a:hover,
    #header nav#menu-nav > ul li > a:hover { background: #ff751a  !important; }
    #header nav#menu-nav > ul { background-color: #1c2e42  !important; }
    #header nav#menu-nav > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.1)  !important; padding: 15px 20px; }
    #header nav#menu-nav > ul li.show-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.1)  !important; }
    #header nav#menu-nav > ul li.show-menu > ul { opacity: 1  !important; visibility: visible  !important; }
    #header nav#menu-nav > ul li.menu-item-has-children::before { display: none; }
    #header nav#menu-nav > ul li.menu-item-has-children .menu-arrow { background-color: rgba(255, 255, 255, 0.06); border: 0; color: #fff; cursor: alias; display: block; font-size: 21px; height: 50px; line-height: 50px; opacity: 1; position: absolute; right: 0; text-align: center; top: 0; transform: translateY(0px) rotate(0deg); visibility: visible; width: 50px; z-index: 999; }
    #header nav#menu-nav > ul li.menu-item-has-children .menu-arrow::before { content: "\f107"; font-family: "FontAwesome"; }
    #header nav#menu-nav > ul li.menu-item-has-children.show-menu > .menu-arrow { transform: rotateX(-180deg); }
    #header nav#menu-nav > ul li ul { background-color: transparent  !important; max-height: 0  !important; opacity: 1; overflow: hidden; transform: translateY(-1px); transition-delay: 0s; margin: 0  !important; visibility: visible; }
    #header nav#menu-nav > ul li ul li a { font-size: 12px; }
    #header nav#menu-nav > ul li.show-menu > ul { max-height: 999px  !important; }
    #header nav#menu-nav > ul ul li.menu-item-has-children .menu-arrow { height: 40px; line-height: 40px; }
    #header nav#menu-nav > ul li ul li ul { left: 0; }
    #header nav#menu-nav > ul > li > ul > li:first-child { border-top: none  !important; }
    #header nav#menu-nav > ul li ul > li a { padding-left: 30px  !important; padding-right: 50px  !important; }
    #header nav#menu-nav > ul li ul ul > li a { padding-left: 45px  !important; }
    #header nav#menu-nav > ul li ul ul ul > li a { padding-left: 55px  !important; }
    #header.toggled-search nav#menu-nav > ul > li > a { visibility: visible; }
    #header #nav-icon-search-close::before,
    #header #nav-icon-search-close::after { width: 70%; }
    #responsive-menu { opacity: 1; transform: translateY(-50%) translateX(0px); visibility: visible; display: block; }
    body.responsive-menu-active { overflow: hidden; }
    body.responsive-menu-active .fb_iframe_widget iframe { z-index: 99  !important; }
    body.responsive-menu-active #header.sticky-done { transform: translate3d(0px, 0%, 0px)  !important; transition: none; }
    body.responsive-menu-active #header nav.active > ul { overflow-y: auto; max-height: calc(100vh - 55px); }
    html:not(.messenger-toggle-show) body.responsive-menu-active #header,
    html.messenger-toggle-show .fb-customerchat { z-index: 9999999999; }
}
@media (min-width: 2000px) {
    #header .container-fluid{ max-width: 100%; }
    body #header.sticky-done nav > ul > li > a { line-height: 60px; }
}
@media (max-width: 991px) {
    #header.toggled-search #nav-form-search { padding: 0 20px 0 300px; }
}
@media (max-width: 568px) {
    #header .container-fluid{ padding-left: 15px; }
}
@media (max-width: 460px) {
    #header.toggled-search #nav-form-search { padding: 0 20px 0 108px; }
    #header figure#logo img { height: 6.3vw !important; }
    #header nav#menu-nav-icons > ul > li a:not(#nav-icon-search-close) { padding: 0 13px  !important; }
}
@media (max-width: 359px) {
    #header .container-fluid{ padding-left: 10px; }
    #header figure#logo { padding-top: 10px; }
    #header figure#logo img { margin-left: -6px; }
    #header nav#menu-nav-icons { right: 46px; }
    #header nav#menu-nav-icons > ul > li a:not(#nav-icon-search-close) { padding: 0 10px  !important; }
    #header.toggled-search #nav-form-search { padding: 0 20px 0 90px; }
    #responsive-menu { width: 46px; }
}

.section { clear: both; display: block; width: 100%; }
.section-title { padding: 80px 0 120px; }
.section-title.light { background-color: #409bd7; color: #fff; }
.section-bg-wrapper { height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.section:not(.section-animated) .section-title > .container > * { opacity: 0; transform: scale(0); }
.section-title .dual-buttons { margin: 40px 0 10px; }
.section-title > .container > * { transition: ease 1s 0.3s; }
.section-title > .container >  :nth-child(2) { transition-delay: 0.4s; }
.section-title > .container >  :nth-child(3) { transition-delay: 0.8s; }
@media (max-width: 991px) {
    .section-title { padding: 60px 0 70px; }
}
@media (max-width: 767px) {
    .section-title { padding: 50px 0 100px; }
    .single-articles-events .container-wided .news-articles-event-content h4 > * { font-size: 18px !important; }
    .single-articles-events .container-wided .news-articles-event-content h4.item { padding-right: 35px;  }
}

.heading { font-size: 40px; position: relative; margin-bottom: 40px; }
.heading .prefix { font-weight: 300; display: block; font-size: 20px; line-height: 1.2em; }
.heading-desc { display: block; font-size: 18px; font-weight: 300; line-height: 1.2em; margin: -20px 0 35px; position: relative; z-index: 1; }
.heading-desc.sm{ color: #000; display: block; font-size: 20px; font-weight: 300; line-height: 1.6em; margin: -30px 0 10px; }
.heading-desc.medium { color: #000; display: block; font-size: 25px; font-weight: 300; line-height: 1.6em; margin: -30px 0 20px; }
.heading-desc.large { color: #000; display: block; font-size: 30px; font-weight: 300; line-height: 1.2em; margin: -30px 0 30px; }
.light .heading,
.light .heading .prefix,
.light .heading-desc { color: #fff; }
@media (max-width: 1500px) {
    .heading { font-size: 36px; }
    .heading-desc.medium { font-size: 23px; }
}
@media (max-width: 1200px) {
    .heading { font-size: 30px; }
    .heading .prefix { font-size: 15px; }
    .heading-desc { font-size: 16px; margin: -15px 0 25px; }
    .heading-desc.large { font-size: 25px; margin: -25px 0 20px; }
}
@media (max-width: 991px) {
    .heading { line-height: 1.3; }
    .heading-desc.large { font-size: 16px; margin: -15px 0 15px; line-height: 1.8em; }
}
@media (max-width: 567px) {
    .heading { font-size: 24px; margin-bottom: 20px; line-height: 1.5; }
    .heading-desc.large,
    .heading-desc.medium,
    .heading-desc.sm{ margin-top: -10px; }
    .heading-desc { font-size: 14px; margin: -10px 0 20px; }
}

html .owl-carousel.owl-drag:not(.owl-grab):hover .owl-item { cursor: url(images/cursor-swipe-new.png), auto; }
html .owl-carousel >  :not(:first-child):not([class^="owl"]) { display: none; }
html .owl-carousel .owl-item { padding: 0; }
html .owl-carousel.owl-drag .owl-item a,
html .owl-carousel.owl-drag .owl-item a * { cursor: pointer; }
html .owl-dots { text-align: left; padding: 20px 0; }
html .owl-dot { width: 14px; height: 14px; padding: 0; background-color: transparent; border: 2px solid #000; opacity: 0.5; position: relative; }
html .owl-dot::before { background-color: #000; border-radius: 50%; content: ""; display: block; height: 4px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 4px; visibility: hidden; }
html .owl-dot.active { opacity: 1; }
html .owl-dot.active::before,
html .owl-dot:hover::before { visibility: visible; }
@media (max-width: 359px) {
    html .owl-dot { width: 12px; height: 12px; }
}

.marquee { white-space: nowrap; width: 100%; }
.marquee > .marquee-items { visibility: hidden; }
.marquee .pointer { height: auto !important; width: 100% !important; cursor: grab; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
.marquee .pointer:active { cursor: grabbing; }
.marquee .pointer img { display: block; }
.marquee .pointer img[loading="lazy"] { position: absolute; }
.marquee-items { white-space: nowrap; width: 100%; }
.marquee-item { opacity: 0.15; position: relative; display: inline-block; }
.marquee-item::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.marquee-item:hover { opacity: 0.8; }
.marquee-item img { pointer-events: none; padding: 0 15px; max-height: 1.9vw; width: auto; }
.marquee-item:first-child img { padding-left: 0 !important; }
.marquee-item:last-child img { padding-right: 0 !important; }

.single-articles-events .news-articles-event-content ul { line-height: 1.6; }
.single-articles-events .container-wided .news-articles-event-content h4.item { position: relative; cursor: pointer; }
.single-articles-events .container-wided .news-articles-event-content .start-topic { border-top: 1px solid #ccc }
.single-articles-events .container-wided .news-articles-event-content .end-topic { border-top: 1px solid #ccc }
.single-articles-events .container-wided .news-articles-event-content h4.item:hover { color: #409bd7; }
.single-articles-events .container-wided .news-articles-event-content .item-details { display: none; }
.single-articles-events .container-wided .news-articles-event-content h4.item.open::after { transform:rotateX(-180deg); }
.single-articles-events .container-wided .news-articles-event-content h4.item .open { margin-bottom:0 }
.single-articles-events .container-wided .news-articles-event-content h4 > * { font-size: 22px; font-weight: 500; }
.single-articles-events .container-wided .news-articles-event-content h4.item::after { content:''; display:block; transition:ease-in 0.2s; position:absolute; right:0; top:0; width:1em; height:1em; font-size:40px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23000' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' class=''%3E%3C/path%3E%3C/svg%3E") }

@media (max-width: 1199px) {
    .single-articles-events .container-wided .news-articles-event-content h4.item::after { font-size: 30px; }
}

/*FACEBOOK CHAT */
@media screen and (max-width: 767px){
    .fb_dialog_mobile iframe { bottom: 75px !important; }
}