*, *:before, *:after { box-sizing: border-box; }

img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }

.relative { position: relative; }

li.html .row, li.html form, li.html select, li.html input { margin: 0; }

header { display: block; }

#headerNew .headerContainer { margin: 0 auto; position: relative; clear: both; }

.top-divider { margin-bottom: -1px; border-top: 1px solid #e7e7e7; }

.fill { position: absolute; top: 0; left: 0; /* height: 100%; */ right: 0; bottom: 0; padding: 0 !important; margin: 0 !important; }

.header-bg-image, .header-bg-color { background-position: 50% 0; transition: background .4s; }

.flex-row { -js-display: flex; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.header .flex-row { height: 100%; }

.flex-col { max-height: 100%; }

.flex-grow { -ms-flex: 1; flex: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: auto !important; }

.flex-left { margin-right: auto; }

.flex-center { margin: 0 auto; }

.flex-right { margin-left: auto; }

.flex-row:after { content: ""; display: table; clear: both; }

@media (min-width: 850px) {
    [data-show="show-for-medium"], .show-for-medium { display: none !important; }
}

.header, .header-wrapper { width: 100%; z-index: 30; position: relative; background-size: cover; background-position: 50% 0; transition: background-color .3s, opacity .3s; }

.header-main { z-index: 10; position: relative; }

.header-top, .header-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; }

.header-top { background-color: #446084; z-index: 11; position: relative; min-height: 28px; }

.header-bottom { z-index: 9; position: relative; min-height: 35px; }

.nav, .nav ul:not(.nav-dropdown) { margin: 0; padding: 0; }

.nav { width: 100%; /*position: relative;*/ display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; }

.nav-left { -ms-flex-pack: start; justify-content: flex-start; }

.nav-center { -ms-flex-pack: center; justify-content: center; }

.nav-right { -ms-flex-pack: end; justify-content: flex-end; }

.nav > li { display: inline-block; list-style: none; margin: 0; padding: 0; margin: 0 7px; transition: background-color .3s; }

.nav > li > a { padding: 10px 0; display: inline-block; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }

.nav li:first-child { margin-left: 0 !important; }

.nav-uppercase > li > a { letter-spacing: .02em; text-transform: uppercase; }

.nav > li.has-icon > a > i { min-width: 1em; }

.nav > li > a > span + i { margin-left: 5px; }

.nav > li > a i { vertical-align: middle; font-size: 24px; margin-right: 8px; }

.nav li:last-child { margin-right: 0 !important; }

.nav li:first-child { margin-left: 0 !important; }

.nav-size-xsmall > li > a { font-size: .65em }

.nav-size-small > li > a { font-size: .7em }

.nav-size-medium > li > a { font-size: .9em }

.nav-size-large > li > a { font-size: 1em }

.nav-size-xlarge > li > a { font-size: 1.1em }

.nav-spacing-xsmall > li { margin: 0 }

.nav-spacing-small > li { margin: 0 5px }

.nav-spacing-medium > li { margin: 0 9px }

.nav-spacing-large > li { margin: 0 11px }

.nav-spacing-xlarge > li { margin: 0 13px }

/*Logo*/
.header-main { height: 91px; }

.logo { line-height: 1; margin: 0; }

.logo-left .logo { margin-left: 0; margin-right: 30px; }

.logo-center .logo { -ms-flex-order: 2; order: 2; text-align: center; margin: 0 30px; }

.logo-center .logo img { margin: 0 auto; }

.logo-center .flex-left { -ms-flex-order: 1; order: 1; -ms-flex: 1 1 0px; flex: 1 1 0; }

.logo-center .flex-right { -ms-flex-order: 3; order: 3; -ms-flex: 1 1 0px; flex: 1 1 0; }

.logo a { text-decoration: none; display: block; color: #446084; font-size: 32px; text-transform: uppercase; font-weight: bolder; margin: 0; }

.logo img { display: block; width: auto; }


/*Search*/

#headerNew .searchform-wrapper { width: 100%; border-radius: 5px; border: 1px solid #ececec; background: #f9f9f9; }

#headerNew .searchform-wrapper .ui-autocomplete { top: 100% !important; left: 0 !important; }

#headerNew .searchform-wrapper .ui-menu { min-width: 360px; padding: 5px; max-height: 300px; overflow-y: auto; background-color: #fff }

#headerNew .searchform-wrapper .ui-menu:after { clear: both; display: table; content: "" }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item:after { clear: both; display: table; content: "" }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item a { display: block; text-align: left; padding: 5px 0; float: left; width: 100% }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item .complate_image { width: 50px !important; height: 50px; overflow: hidden; float: left; margin-right: 5px }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item .complate_image img { width: 50px !important; height: 50px !important }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item .complate_text { min-width: 200px; padding-left: 0; float: left; max-width: 210px; line-height: 16px; font-size: 12px }

#headerNew .searchform-wrapper .ui-menu .ui-menu-item .complate_productPrice { width: 59px; font-size: 11px; padding-left: 5px; float: right; text-align: right; font-weight: 600; font-size: 12px }

/*#headerNew .searchform-wrapper #txtbxArama { width: 88% !important; border: 0 !important; background-color: transparent !important; box-sizing: border-box; border: 0 !important; padding: 0 .75em; height: 100%; text-indent: 0 !important;
    font-size: .97em; border-radius: 0; vertical-align: middle; background-color: #fff; transition: color .3s, border .3s, background .3s, opacity .3s; position: relative !important; }

#headerNew .searchform-wrapper #btnKelimeAra { border: 0 !important; background-color: transparent !important; float: right !important; }

#headerNew .searchform-wrapper #btnKelimeAra i { color: #000000 !important; font-weight: 600 !important; font-size: inherit; font-size: 18px !important; }*/

#headerNew .ux-search-categories { position: absolute; right: 15%; top: 0; border: 0; height: 100%; }

#headerNew .ux-search-categories select { border: 0 !important; box-shadow: none !important; background-color: transparent !important; height: auto !important; margin: 0 !important; padding: 9px 0 !important; font-size: 12px; color: #555; }

/*Sepet*/
.cart-item:hover .header-cart-hover { visibility: visible; opacity: 1; top: 100%; }

.header-cart-hover .SProduct::-webkit-scrollbar { width: 5px; }

.header-cart-hover .SProduct::-webkit-scrollbar-track { background: #f1f1f1; }

.header-cart-hover { display: block !important; width: 360px; background: #fff; float: left; padding: 0 10px 10px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 20px -19px #0000009e; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.mycart:hover .header-cart-hover { visibility: visible; opacity: 1; top: 130%; }

.header-cart-hover:before, .header-cart-hover:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.header-cart-hover:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }

.header-cart-hover:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px }

.header-cart-hover .Title { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #eee; font-weight: 600; text-align: left; float: left; width: 100%; display: none; }

.header-cart-hover .Title span { font-weight: 100; }

.header-cart-hover .cart-footer { float: left; width: 100%; margin-top: 15px; background-color: #e2e2e2; padding: 8px 10px; text-align: center; border-radius: 3px; display: none; }

.header-cart-hover .SProduct { float: left; width: 100%; max-height: 280px; overflow-y: auto; overflow-x: hidden; }

.header-cart-hover .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #eee; }

.header-cart-hover .SProduct li a { float: left; width: 100%; text-align: left; color: #5b5b5b; }

.header-cart-hover .SProduct li a img { width: 47px; margin-right: 10px; float: left; }

.header-cart-hover .SProduct li a .SepettopAd { }

.header-cart-hover .SProduct li a .SepettopAd span { font-size: 12px; line-height: 18px; display: block; }

.header-cart-hover .SProduct li a .sepetTopSatisBirimi { font-size: 12px; line-height: 18px; display: inline-block !important; }

.header-cart-hover .SProduct li a .SepetTopAdet { font-size: 12px; line-height: 18px; }

.header-cart-hover .SProduct li a .sepetTopFiyat { display: block !important; color: #000000; font-weight: 600; font-size: 14px; }

.header-cart-hover .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; }

.header-cart-hover .SProduct li a .sepetTopBirimFiyat { display: none !important; }

.header-cart-hover .SProduct li a .fa-times { font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

.header-cart-hover .SProduct li a .fa-times:before { content: "\f2ed"; font-style: normal; }

.header-cart-hover .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 700; padding: 8px 0 !important; margin: 10px 0 !important; border-top: 1px solid #bbb; display: none; }

.header-cart-hover .SPrice li { font-size: 0; }

.header-cart-hover .SPrice li span { float: left; color: #5b5b5b; font-size: 14px; }

.header-cart-hover .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; color: #000000; }

.header-cart-hover .button { margin: 0 5px !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 5px; padding: 0; }

.header-cart-hover .headerCartBtn { border: 1px solid #ccc; background: transparent; color: #434343; font-weight: 600; text-align: center; }

.header-cart-hover .headerOrderBtn { text-align: center; }

.header-cart-hover .SPrice { display: block; }

.header-cart-hover .Title { display: block; }

.header-cart-hover .cart-footer { display: block; }

.header-cart-hover .headerCartBtn { display: block !important; }

.header-cart-hover .headerOrderBtn { display: block !important; }

/*Üye Giriş*/

.nav > li > a.top { display: flex; flex-direction: column; line-height: 24px; }

.nav > li > a.top i { margin-right: 0; }

.nav > li.account-item { position:relative; }

.account-link .header-account-title { }

.circle { border-radius: 999px !important; object-fit: cover; }

.round { border-radius: 5px; }

.header-button .headerButon { margin: 0; position: relative; display: inline-block; background-color: transparent; font-size: .97em; letter-spacing: .03em; cursor: pointer; text-align: center; text-decoration: none; border: 1px solid transparent; vertical-align: middle; margin-top: 0; margin-right: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; text-rendering: optimizeLegibility; box-sizing: border-box; }

.headerButon span { display: inline-block; line-height: 1.6; }

.headerButon i { vertical-align: middle; top: -1.5px; }

.headerButon.icon i { font-size: 1.2em; line-height: 1.6; }

.flex-col headerButon, .flex-col .headerButon, .flex-col input { margin-bottom: 0; }

.headerButon.icon { margin-left: .12em; margin-right: .12em; min-width: 2.5em; padding-left: .6em; padding-right: .6em; display: inline-block; }

.headerButon.icon.circle > span { margin-left: 8px; }

/*Social Object*/

.iconBtn.icon:hover { outline: none; opacity: 1; color: #fff; box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2); }

.iconBtn.icon { margin-left: .12em; margin-right: .12em; min-width: 2.5em; padding-left: .6em; padding-right: .6em; display: inline-block; text-align: center; color: #585858; vertical-align: middle; font-size: .97em; line-height: 2.4em; min-height: 2.5em; font-weight: bolder; border: 1px solid transparent; }

.html .social-icons a.iconBtn { margin-left: .25em; margin-right: .25em; font-size: 1.2em; }

.html a.icon:not(.iconBtn) { margin-left: .3em; margin-right: .3em; }

.html .social-icons { display: inline-block; vertical-align: middle; font-size: .85em; color: #999 }

.html .social-icons { font-size: 1em }

.html .social-icons .iconBtn { margin-bottom: 0 }

.iconBtn.icon.circle { padding-left: 0; padding-right: 0; }

.social-icons i { min-width: 1em; line-height: normal; margin: 0 auto; font-display: block; speak: none !important; margin: 0; padding: 0; display: inline-block; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; position: relative; line-height: 1.2; font-size: 1.2em; float: none; vertical-align: middle; top: -0.5px; }

.iconBtn.icon.circle > i { margin: 0 8px; }

.iconBtn.icon.circle > i:only-child { margin: 0; }

.iconBtn.is-outline { line-height: 2.19em; }

.iconBtn.is-outline { border: 2px solid rgba(206, 206, 206, 0.5); background-color: transparent; }

.social-button,
.social-icons .iconBtn.icon:not(.is-outline),
.social-icons .iconBtn.icon:hover { background-color: currentColor !important; border-color: currentColor !important; }

.social-button > i,
.social-icons .iconBtn.icon:not(.is-outline) > i,
.social-icons .iconBtn.icon:hover > i { color: #fff !important }

.iconBtn.facebook:not(.is-outline), a.facebook:hover { color: #3a589d !important }

.iconBtn.instagram:not(.is-outline), a.instagram:hover { color: #3b6994 !important }

.iconBtn.twitter:not(.is-outline), a.twitter:hover { color: #2478ba !important }

.iconBtn.pinterest:not(.is-outline), a.pinterest:hover { color: #cb2320 !important }

.iconBtn.youtube:not(.is-outline), a.youtube:hover { color: #c33223 !important }


/*Mega Menü*/

.nav-dropdown { position: absolute; min-width: 260px; max-height: 0; z-index: 9; padding: 20px 0 20px; opacity: 0; margin: 0; transition: opacity .25s; box-shadow: 1px 1px 15px rgba(0,0,0,0.15); border: 1px solid #f0f0f0; color: #777; background-color: #fff; text-align: left; display: table; left: -99999px }

.dark.nav-dropdown { color: #f1f1f1 }

.nav-dropdown:after { visibility: hidden; display: block; content: ""; clear: both; height: 0 }

.nav-dropdown li { display: block; margin: 0; vertical-align: top }

.nav-dropdown li ul { margin: 0; padding: 0 }

.nav-dropdown > li.html { min-width: 260px }

li.has-dropdown:hover > .nav-dropdown { opacity: 1; max-height: inherit; left: -15px }

.nav-right li.has-dropdown:hover:last-child > .nav-dropdown { left: auto; right: -15px }

.nav-column li > a, .nav-dropdown > li > a { width: auto; display: block; padding: 10px 20px; line-height: 1.3 }

.nav-column > li:last-child:not(.nav-dropdown-col) > a, .nav-dropdown > li:last-child:not(.nav-dropdown-col) > a { border-bottom: 0 !important }

.dropdown-uppercase.nav-dropdown .nav-column > li > a, .nav-dropdown.dropdown-uppercase > li > a { text-transform: uppercase; font-size: .85em }

.nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column { text-align: left; display: table-cell; white-space: nowrap; width: 160px; min-width: 160px }

.nav-dropdown > li.nav-dropdown-col:not(:last-child), .nav-dropdown > li.image-column:not(:last-child) { border-right: 1px solid transparent }

.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a { text-transform: uppercase; font-size: .8em; font-weight: bolder; color: #000 }

.nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 5px }

.nav-dropdown li.image-column { margin: 0 !important; padding: 0 !important; border: 0 !important }

.nav-dropdown li.image-column > a { line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -20px !important; margin-bottom: -20px !important }

.nav-dropdown li.image-column > a img { margin: 0; display: block; width: 100% }

.nav-dropdown li.image-column > a:hover { opacity: .8 }

.nav-dropdown-default li.image-column:first-child > a { margin-left: -20px !important; margin-right: 20px !important }

.nav-dropdown-default li.image-column:last-child > a { margin-right: -20px !important }

.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col { border-color: #f1f1f1 }

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a { padding-left: 0; padding-right: 0; margin: 0 10px; border-bottom: 1px solid #ececec }

.nav-dropdown-default { padding: 20px }

.nav-dropdown-bold .nav-column li > a, .nav-dropdown.nav-dropdown-bold > li > a { margin: 0 10px; padding-left: 10px; border-radius: 10px; padding-right: 5px }

.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover { color: #fff !important; background-color: #446084 }

.nav-dropdown-simple .nav-column li > a:hover, .nav-dropdown.nav-dropdown-simple > li > a:hover { background-color: rgba(0,0,0,0.03) }

.nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html { padding: 0 20px 10px }

li.current-dropdown > .nav-dropdown-full, li.has-dropdown:hover > .nav-dropdown-full { position: fixed; margin-left: 0 !important; margin-right: 0 !important; left: 50% !important; transition: opacity 0.3s !important; -ms-transform: translateX(-50%); transform: translateX(-50%); right: auto; width: 100%; max-width: 1150px !important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }

.nav-dropdown-full > li.nav-dropdown-col { white-space: normal }

.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before { bottom: -2px; z-index: 10; opacity: 0; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none }

.nav-dropdown-has-arrow li.has-dropdown:hover:after { border-color: rgba(221,221,221,0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px }

.nav-dropdown-has-arrow li.has-dropdown:hover:before { z-index: -999; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px }

.nav-dropdown-has-arrow li.has-dropdown:hover:before,
.nav-dropdown-has-arrow li.has-dropdown:hover:after { transition: opacity .25s; opacity: 1 }

.label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-sale.menu-item > a:after, .label-popular.menu-item > a:after { content: ''; display: inline-block; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: -0.1px; margin-left: 4px; background-color: #000; font-weight: bolder; border-radius: 2px; color: #fff; padding: 2px 3px 3px; position: relative; top: -2px }

.label-new.menu-item > a:after { background-color: #446084 }

.label-sale.menu-item > a:after { background-color: #d26e4b }

.label-popular.menu-item > a:after { background-color: #7a9c59 }

.label-hot.menu-item > a:after { background-color: #b20000 }

.nav p { margin: 0; padding-bottom: 0 }

.nav, .nav ul:not(.nav-dropdown) { margin: 0; padding: 0 }

.nav > li > a.button, .nav > li > button { margin-bottom: 0 }

.nav { width: 100%; /*position: relative;*/ display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center }

.nav > li { display: inline-block; list-style: none; margin: 0; padding: 0; margin: 0 7px; transition: background-color .3s }

.nav > li > a { padding: 10px 0; display: inline-block; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center }

.html .nav > li > a { padding-top: 0; padding-bottom: 0 }

.nav-small .nav > li > a, .nav.nav-small > li > a { vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-weight: normal }

.nav-center { -ms-flex-pack: center; justify-content: center }

.nav-fill { -ms-flex-pack: justify; justify-content: space-between }

.nav-left { -ms-flex-pack: start; justify-content: flex-start }

.nav-right { -ms-flex-pack: end; justify-content: flex-end }

@media (max-width: 849px) {
    .medium-nav-center { -ms-flex-pack: center; justify-content: center }
}

@media (max-width: 549px) {
    .small-nav-center { -ms-flex-pack: center; justify-content: center }
}

.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a { color: rgba(102,102,102,0.85); transition: all .2s }

.nav-dropdown > li > a, .nav-column > li > a { display: block }

.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover { color: rgba(17,17,17,0.85) }

.nav li:first-child { margin-left: 0 !important }

.nav li:last-child { margin-right: 0 !important }

.nav-uppercase > li > a { letter-spacing: .02em; text-transform: uppercase; font-weight: bolder }

.nav-thin > li > a { font-weight: thin !important }

@media (min-width: 850px) {
    .nav-divided > li { margin: 0 .7em }

    .nav-divided > li + li > a:after { content: ""; position: absolute; top: 50%; width: 1px; border-left: 1px solid rgba(0,0,0,0.1); height: 15px; margin-top: -7px; left: -1em }

    .nav-divided > li + li.icon-top > a:after { height: 50px; margin-top: -25px }
}

li.html .row, li.html form, li.html select, li.html input { margin: 0 }

li.html > .button { margin-bottom: 0 }

li.hide-title > a { display: none !important }

.nav-pagination > li > span, .nav-pagination > li > a { font-size: 1.1em; display: block; height: 2.25em; line-height: 2em; text-align: center; width: auto; min-width: 2.25em; padding: 0 7px; font-weight: bolder; border-radius: 99px; border: 2px solid currentColor; transition: all .3s; vertical-align: top }

.nav-pagination > li i { font-size: 1.2em; vertical-align: middle; top: -1px }

.nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover { border-color: #446084; background-color: #446084; color: #FFF }

.nav-line-grow > li > a:before, .nav-line > li > a:before { content: " "; position: absolute; top: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background-color: #446084; transition: all 0.3s; opacity: 0; height: 3px }

.nav-line-grow > li:hover > a:before, .nav-line-grow > li.active > a:before, .nav-line > li.active > a:before, .nav-line > li:hover > a:before { opacity: 1 }

.nav:hover > li:not(:hover) > a:before { opacity: 0 }

.nav-line-grow > li > a:before { width: 0% }

.nav-line-grow > li.active > a:before, .nav-line-grow > li:hover > a:before { width: 100% }

.nav-box > li.active > a { opacity: 1; color: #fff; background-color: #446084 }

.nav-outline > li.active > a { color: #446084; border-color: currentColor }

.nav-box > li > a { padding: 0 .75em; line-height: 2.5em }

.nav-outline > li > a { line-height: 2.4em; padding: 0 .75em; position: relative; z-index: 10; border: 2px solid transparent; border-radius: 32px }


@media (max-width: 549px) {
    .small-nav-collapse > li { width: 100%; margin: 0 !important }

    .small-nav-collapse > li a { width: 100%; display: block }
}

@media (max-width: 549px) {
    .small-nav-touch { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap }

    .small-nav-touch > li { display: inline-block }
}

.active > .toggle { -ms-transform: rotate(-180deg); transform: rotate(-180deg) }

.active > ul.children { display: block !important }

.active > ul.sub-menu { display: block !important }

.nav .children { position: fixed; opacity: 0; left: -99999px; transition: background-color 0.6s, transform 0.3s, opacity 0.3s; -ms-transform: translateX(-10px); transform: translateX(-10px) }
.nav .active > .children { position: inherit; opacity: 1; left: auto; padding-bottom: 30px; -ms-transform: translateX(0); transform: translateX(0) }


/*Menu Custom*/



/*Instagram Story*/
#instagramStoryWrapper .stories.carousel { position: absolute; right: 164px; bottom: 22px; }
#instagramStoryWrapper .stories.carousel .story { display: inline-block; width: 55px; max-width: 55px; margin: 0 6px; vertical-align: top; }
#instagramStoryWrapper .stories.carousel .story > .item-link > .item-preview { display: block; box-sizing: border-box; font-size: 0; max-height: 54px; height: 55px; overflow: hidden; transition: transform .2s; display: block; box-sizing: border-box; font-size: 0; transition: transform .2s; background: url(instagramborder.png); background-size: contain; padding: 3px; background-repeat: no-repeat; }
#instagramStoryWrapper .stories.carousel .story > .item-link > .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 99999px; }
#instagramStoryWrapper #instaStories .info { display: none; }

@media(max-width:1041px) {
    #instagramStoryWrapper .stories.carousel { right: 160px; bottom: 34px; }
    #instagramStoryWrapper .stories.carousel .story { width: 30px; max-width: 30px; }
    #instagramStoryWrapper .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px; }
}

@media(max-width:767px) {
    #instagramStoryWrapper .stories.carousel { right: 85px; bottom: 25px; }
    #instagramStoryWrapper .stories.carousel .story { width: 30px; max-width: 30px; }
    #instagramStoryWrapper .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px; }
}