﻿/*Burger Animation*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.menu{width:55px; height:55px; background:#fff; display:flex; justify-content:center; align-items:center; border-radius:100%; -webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}
.menu:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}

.line {fill: none;stroke: var(--bs-primary);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}
.opened .line {fill: none;stroke: var(--bs-black);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
/*.opened .line {fill: none;stroke: var(--bs-primary);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}
.top-nav-collapse .opened  .line {stroke: var(--bs-white);}*/
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}

/*Navigation Effect*/
.nav-effect {position:relative}
.nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-black);content: "";position: absolute;}
.nav-effect a:after {top: 0px;left: 0;width: 100%;height: 3px;-webkit-transform: scaleX(0);transform: scaleX(0); z-index:0}

.nav-effect-btm {position:relative}
.nav-effect-btm a:hover{color:var(--bs-secondary)!important;}

.nav-link {position:relative}
.nav-link:hover {color:var(--bs-primary)}
.nav-item a:before {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-primary);content: "";position: absolute; z-index: -1;}
/*.nav-link:hover {color: inherit;text-decoration: none;color: rgba(0,0,0,1)}
.nav-link:after {background: none repeat scroll 0 0 transparent;bottom: -2px;content: "";display: block;height: 1px;left: 0%;position: absolute;background: var(--bs-primary);transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.nav-link:hover:after {width:100%;left: 0;right: 0}*/

.nav-item {position:relative}
.tp-nav {color:rgba(255,255,255,1); font-size:1.25rem; -webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}
.tp-nav a {color:rgba(255,255,255,1); text-decoration:none; -webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}
.top-nav-collapse .tp-nav {color:rgba(0,0,0,1); font-size:1.25rem}
.top-nav-collapse .tp-nav a {color:rgba(0,0,0,1); text-decoration:none}
.tp-nav a:hover {color:rgba(255,255,255,1);}
.tp-nav a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}

.tp-nav .list ul li {font-size:1rem; padding:0px; margin: 0px 0px .45rem 0px;}
.tp-nav .list ul li:before{display:none !important}

@media (max-width:1199.98px) {
.nav-item {border-bottom:1px solid #fff}
/*.nav-item a {color:#fff}*/
.dropdown-menu {border-radius:0 !important}
.dropdown-menu {position:relative !important; transform:none !important; margin-bottom:10px !important;}
.dropdown-menu .rounded-bottom-3{border-radius:0px !important;}
/*.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--bs-white) !important;}*/
.dropdown-item {white-space:normal;}
.dropdown-item.active, .dropdown-item:active {        color: #000 !important;
        font-weight: 600;
        text-decoration: none;
        background-color: transparent !important;
    }
}
.dropdown-arrow span {text-indent: -9000px;width:20px;height: 10px;position: absolute;top: 50%;right: 14px;margin-top: -4px;opacity: 1; _transition: all .2s ease-in-out;margin-right:5px;}
.dropdown-arrow span {background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" fill="%23ffffff" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');background-repeat: no-repeat;background-size: contain; background-position:center center; transform: rotate(0deg);}
/*.dropdown-arrow .active span, .dropdown.show span {transform: rotate(180deg) !important; filter: brightness(0) invert(1);}*/
@media (min-width:1280px) {
.dropdown-arrow span {margin-right:0px;}
.dropdown-arrow span {background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');background-repeat: no-repeat;background-size: contain;}
.dropdown-arrow:hover span {background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');background-repeat: no-repeat;background-size: contain; filter: brightness(0) invert(1);}
.nav-link.active .dropdown-arrow span {color:var(--bs-primary)}
/*.dropdown-arrow .active span, .dropdown-arrow:hover span,  .dropdown.show span {transform: rotate(180deg);}*/
}
@media (max-width:1279.98px) {
.dropdown-arrow span {margin-right:0px;}
.dropdown-arrow span {background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');background-repeat: no-repeat;background-size: contain;}
.dropdown-arrow:hover span {background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');background-repeat: no-repeat;background-size: contain; _filter: brightness(0) invert(1);}
.dropdown-arrow .active span, .dropdown-arrow:hover span,  .dropdown.show span {transform: rotate(180deg);}
}


.dropdown-item, .form-check-label {font-size:0.938rem;}
.small .form-check-label {font-size:.9em; font-weight:500;}
@media (min-width:1199.98px) {
.nav-item a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.active a:after,  a.active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.main-nav .nav-link {color:var(--bs-black);background:var(--bs-white); _transition: all ease-in-out 0.3s;}
.main-nav .nav-link:hover {color:var(--bs-white) !important; text-decoration:none; background:var(--bs-primary)}
.main-nav .dropdown:hover .nav-link {color:var(--bs-white) !important; background:var(--bs-primary)}
.main-nav .dropdown:hover .nav-link .dropdown-arrow span{        filter: brightness(0) invert(1);}
.main-nav .nav-item a:after {background:var(--bs-black) !important;}
.nav-link.active {color:var(--bs-primary) !important}
}
@media (min-width:1200px) {
.main-nav {padding:0rem 1rem !important; transition: all ease-in-out 0.3s;}
.top-nav-collapse .main-nav {padding:0rem 1rem !important;}
.top-nav-collapse .main-nav .nav-link {padding: 2rem .85rem !important;}
.main-nav .nav-link {padding:2.87rem 1.5rem !important; margin:0px .20rem 0px; position:relative; border:0;-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.navbar-expand-xl .navbar-nav {margin:0 auto}
}
@media (max-width:1499.98px) {
.main-nav .nav-link {padding:2.87rem .55rem !important;}
}
@media (max-width:1198.98px) {
.main-nav .nav-link {padding:0.65rem .5rem !important; margin:0px 0rem; position:relative; border:0}
}
.main-nav .nav-link.dropdown-arrow {padding-right:35px !important}

.secondary-nav .nav-item a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-primary);content: "";position: absolute;}
.secondary-nav .nav-link {color:var(--bs-white) !important; font-weight:500!important}
.secondary-nav .nav-link:hover {color:var(--bs-primary) !important;}

@media (min-width:1398.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-item {text-transform:uppercase}
.secondary-nav .nav-link {padding-left:1.0625rem !important; padding-right:1.0625rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1281.98px) and (max-width:1398.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; margin-right:-13px;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-item {text-transform:uppercase}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1199.98px) and (max-width:1299.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-item {text-transform:uppercase}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0; }
}

.close-btn {width:60px; height:60px; border-radius:100%; background:var(--bs-primary); display:flex; justify-content:center; align-items:center; color:#fff; transition: 0.4s all ease;}
.close-btn:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.dropdown-menu[data-bs-popper] {top: 100%;left: auto;}

/*Dropdown Style*/
.dropdown-menu {text-transform:none;}
.dropdown-menu li {padding:0px 1.2rem;}
.dropdown-item {color:rgba(var(--bs-black), var(--bs-opacity)) !important; --bs-opacity:.85; border-bottom:1px solid var(--bs-light)}
.dropdown-item:hover {border-bottom:1px solid var(--bs-primary)}
/*.dropdown-menu li:last-child .dropdown-item {border:none}*/
.dropdown-menu a {color:inherit; text-align:start; text-decoration:none !important; position:relative; display:flex; flex-direction:column; padding:.5rem; transition: 0.4s all ease;}
.dropdown-menu a img {display:none}
.dropdown-menu .dropdown-item:after { _content:"\F287" !important; display: inline-block; font-family: bootstrap-icons !important; font-weight:800; font-size:6px; top:12px; text-transform: none; transform:none; height:0px; transition: 0.5s all ease !important;}
.dropdown-menu ul {padding:0px; margin:0 auto;display:block}
.dropdown-menu ul li {padding: 0px; margin: 0; list-style:none; font-weight:normal; }
/*.dropdown-menu ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -15px;font-size: 11px;color:#868686; padding:.4rem 0rem !important;}*/
@media (min-width:1200px) {
.navbar-nav .dropdown > .dropdown-menu {padding:1.5rem}
.dropdown-menu ul {padding:0px; margin:0 auto;display:flex; grid-gap:1.5rem}
.dropdown-menu a {color:inherit; text-align:center; text-decoration:none !important; position:relative; display:flex; flex-direction:column; padding:0; transition: 0.4s all ease;}
.dropdown-menu a img {display:block; }
.dropdown-menu a:hover {background:none;  background:var(--bs-primary) !important;  color:var(--bs-white) !important}
.dropdown-menu ul li a span {    position: absolute; bottom: 0; left: 0; width: 100%; padding: .5rem; background: var(--bs-primary);}
.dropdown-menu .dropdown-item:hover:after {padding-left:8px; color:var(--bs-primary)}
.dropdown:hover .nav-link {color:var(--bs-primary) !important;}
.dropdown:hover .active {color:var(--bs-white) !important;background-color: transparent;}
}

@media (min-width:1200px) {
.dropdown:hover > .dropdown-menu{display: block;}
.navbar-nav .dropdown > .dropdown-menu { left: -375px; --bs-dropdown-padding-x: 0.5rem; --bs-dropdown-min-width: 1140px; border: 0;  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);}
}

@media (min-width:1400px) { 
.navbar-nav .dropdown > .dropdown-menu {left: -464px;  --bs-dropdown-min-width: 1320px;}
}

@media (min-width: 1500px) {
.navbar-nav .dropdown > .dropdown-menu {left: -220px; --bs-dropdown-min-width: 925px; }
}

/*Dropdown Animation*/
.navbar-nav .dropdown > .dropdown-menu {position:absolute;}
.navbar-nav .dropdown > .dropdown-menu {animation-name: fadeInUpnav;animation-duration: 300ms;}
@-webkit-keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}

/*@media (max-width: 1199.98px) {
.offcanvas-md, .offcanvas-xl {background-color: var(--bs-primary);}
}*/

@media (max-width:767.98px) {
.nav-mob {right: 0;bottom: 0;left: 0;z-index: 1030; position:fixed}
.nav-mob .bi-envelope {font-size:1.2rem}
.nav-mob a {background:var(--bs-primary); padding:6.5px 10px; border-radius:6px;}
.nav-mob .nav-effect-btm a:after {display:none !important;}
}


.link-effect {position:relative}
.link-effect a {position:relative}
.link-effect a:hover { color:var(--bs-primary) !important}
.link-effect a:after {bottom: 3px;left: 0;width: 100%;height: .5px;background:var(--bs-black) !important;-webkit-transform: scaleX(1);transform: scaleX(1); z-index:0; -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;content: "";position: absolute;}
.link-effect a:hover:after {-webkit-transform: scaleX(0);transform: scaleX(0);}