﻿/*Google Translate*/
body{top:0!important;}
body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{display: none!important;}
.goog-te-gadget {color: transparent!important;font-size:0px;}
.goog-text-highlight {background: none !important;box-shadow: none !important;}
#google_translate_element select {border: 0;outline: none;max-width:115px;background: transparent;color: #FFF;font-weight: bold;text-align:center; border:0;padding: 5px 15px 5px 32px;appearance: none;position: relative;z-index: 2;}
#google_translate_element.active select{color:#000;}
#google_translate_element select option{background-color: rgba(255,255,255,.1); text-align:left; color:#000;}
.goog-te-gadget:before {content: '\F658'; position:absolute; left:7px!important; top:0px; font-family: bootstrap-icons !important; color: var(--bs-primary); font-size: 1.1rem;}
.goog-te-gadget:after {content: '\F282'; position:absolute; right:0px!important; top:5px; font-family: bootstrap-icons !important; color: var(--bs-primary); font-size:.8rem;}
.goog-te-gadget span {display: none !important;}
.goog-te-combo{background:none; }
.goog-te-combo option[value=""] {display: none;}
.goog-te-combo {margin:0px!important}

/*Header*/
header.top-nav-collapse{-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)}

/*Burger Animation*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.menu{width:40px; height:40px; display:flex; justify-content:center; align-items:center;-webkit-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out;}

.line {fill: none;stroke: var(--bs-white);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 .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);}
.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;}
.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;}
.navbar-nav > .nav-item > .nav-link{letter-spacing:3px;}
@media (min-width: 1360px) {
.navbar-nav .nav-link {padding:1.9rem 1.2rem;position: relative;font-weight: 500;}
}
/*Navigation Effect*/
.nav-link{position:relative;}
.nav-link:after {content: '';position: absolute;bottom:-15px;left: 0; right:0; margin:0 auto; width: 0;-webkit-transform: translateX(0%);transform: translateX(0%);height:3px;background:var(--bs-secondary);-webkit-transition: .35s;transition: .35s;}
.nav-item:hover{color:var(--bs-primary)}
.nav-item:hover > .nav-link:after,
.navbar-nav > li > a.active:after{width:100%;}
.navbar-nav > li > a.nav-link.active{color:var(--bs-primary)!important; font-weight:bold;}
.logo, .logo img, header.top-nav-collapse .p-3{-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}

@media (min-width:1025px) {
header.top-nav-collapse .logo img.ds-logo{width:80px;}
}
@media (max-width:1023px) {
.offcanvas{max-width:250px; padding-top:100px!important;}
}

@media (max-width:768px){
header ul.navbar-nav .nav-link {color: var(--bs-primary) !important;}
ul.navbar-nav > li.nav-item > a.nav-link{ padding:10px 0!important;}
ul.navbar-nav .col.nav-item a.nav-link{ padding:10px 0!important;}
ul.navbar-nav .col.nav-item a.nav-link *{text-transform:none!important;}
.nav-link:after{bottom:0!important;}
.col.nav-item figure{display:none;}
}