@import url('https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap');

.faculty-glyphic-regular, body{font-size:24px;font-family: "Faculty Glyphic", sans-serif;font-weight: 400;font-style: normal;}

ion-icon{color:#fff;}

* {margin:0;padding:0;}
html,body{height: 100%;}
body{background-image:url("../img/tlo1flip.jpg");background-size:100%;background-repeat:no-repeat;background-color:#050620;}
.wbox{min-width:320px;display:flex;flex-direction:column;min-height:100%;}
.wbox>* {flex:0 0 auto}
.wbox>div.wrapContent {flex:1 0 auto;}
.modal-open {overflow: hidden;position:fixed;width: 100%;height: 100%;}

header.main {border-bottom:1px solid #d5d5d5;z-index:20;background-color:#fff;margin-bottom:50px;position:sticky;top:0;min-width:320px;}
header.main div.in-header {max-width:1550px;padding:12px 10px;margin:0 auto;display:flex;transition:height .3s;}
header.main div.in-header .wrap-header {flex:1 1 auto;margin-left:20px;display:flex;justify-content:space-between;height:100%;}
header.main div.top-bar {display:flex;justify-content:flex-end;align-items:center;}

.hfix header.main div.in-header {height:75px;}

.static{max-width:1550px;margin: 0 auto;}
.static img{display:block;}

.splide{margin:50px auto 50px;}
.splide__slide img, .static img{width:100%;}

.prettyBorder{margin:0 auto;display:block;max-width:80%;}

div.textWrap {max-width:1365px;box-sizing:border-box;margin:60px auto;padding:0 20px;}

div.shopWrap {display:flex;max-width:1550px;margin:0 auto;}
div.shopWrap>div.content {flex:1 1 0;order:1;margin:0 10px 0 15px;}
div.shopWrap>nav {flex:0 1 330px;}
div.shopWrap.notnav {display:block;max-width:1360px;padding:40px 10px;}

h1.main-title,
.other-title{text-transform:uppercase;text-align:center;margin-bottom:35px;}

.pageNavig{text-align:center;margin:20px 0;display:flex;align-items:center;gap:10px;justify-content:center;}
.pageNavig>* {flex:0 0 auto;}
.pageNavig a {color:#4c4c4c;font-weight:bold;text-decoration:none;font-size:22px;vertical-align:middle;}
.pageNavig a:hover {color:#232e3b;}
.pageNavig b {color:#232e3b;font-weight:bold;text-decoration:none;font-size:22px;vertical-align:middle;}
.pageNavig .firstlast {width:40px;height:40px;overflow:hidden;text-decoration:none;text-indent:-3000px;border-radius:3px;position:relative;z-index:0;}
.pageNavig .firstlast::after {content:'';position:absolute;inset:0;margin:auto;width:12px;height:20px;background-color:rgba(138, 138, 138, 0.4);clip-path:polygon(0 50%,100% 0, 100% 100%);}
.pageNavig .firstlast.l::after {clip-path:polygon(0 0,100% 50%, 0 100%);}
.pageNavig span.firstlast {background-color:#d4d4d4;}
.pageNavig a.firstlast {background-color:#232e3b;}

div.top_page {flex:0 0 202px;}
div.top_page a {display:block;height:100%;}
div.top_page img {max-width:100%;height:auto;width:auto;max-height:100%;vertical-align:top;}

footer.main {background-color:#000;color:#fff;}
footer.main a {color:#fff;text-decoration:none;}

.flex-wrap {display:flex;}
.flex-wrap>*+* {margin-left:20px;}

div.mod-contact {border-color:rgba(255,255,255,.30);border-width:1px 0;border-style:solid;}
div.mod-contact-inner {max-width:1550px;padding:25px 10px;margin:0 auto;display:flex;align-items:center;}
div.mod-contact-inner .social {display:flex;align-items:center;margin-left:auto;}
div.mod-contact-inner .social h2 {font-size:18px;display:inline-block;text-transform:uppercase;}
div.mod-contact-inner .social>*+* {margin-left:5px;}

div.mod-contact-info-inner {max-width:1550px;padding:25px 10px;margin:0 auto;display:flex;}
div.mod-contact-info-inner .menus {display:flex;flex:1 1 0px;}
div.mod-contact-info-inner .menus>* {flex:1 1 0;}
div.mod-contact-info-inner .menus>*+* {margin-left:30px;}
div.mod-contact-info-inner .menus::before {content:'';background:url('../images/logo-white.png') no-repeat 50% 0/100% auto;margin-right:30px;flex:0 1 260px;}

div.mod-contact-info-inner .content ul {list-style:none;}
div.mod-contact-info-inner .content li {margin-bottom:8px;}
div.mod-contact-info-inner .content a {text-decoration:none;}

div.mod-contact-info-inner section h2 {font-size:18px;text-transform:uppercase;margin-bottom:25px;}

.social-data {margin-left:40px;}
.social-data a {display:inline-block;width:26px;height:26px;overflow:hidden;text-indent:-9999px;outline:none;text-decoration:none;background-repeat:no-repeat;background-position:50% 50%;}
.social-data>* {vertical-align:middle;}
.social-data>*+* {margin-left:15px;}

@media screen and (max-width:1300px){
    header.main div.in-header .wrap-header {margin-left:0;}
    header.main div.in-header {position:relative;z-index:0;display:block;}
    div.top_page {position:absolute;width:130px;margin-right:10px;transition:all .3s;}
    .hfix div.top_page {width:80px;}
}
@media screen and (max-width:1200px){
    div.shopWrap>nav {flex-basis:260px;}
    div.mod-contact-info-inner .menus::before {max-width:100px;}

}
@media screen and (max-width:992px){
    div.mod-contact-info-inner .menus::before {content:none;}
}
@media screen and (max-width:768px){
    .flex-wrap {display:block;}
    .flex-wrap>*+* {margin-left:0;margin-top:20px;}
    div.mod-contact-info-inner {display:block;}
    header.main {margin-bottom:30px;}
    div.top_page,
    .hfix div.top_page {position:static;width:auto;flex:0 0 auto;}
    header.main div.in-header,
    .hfix header.main div.in-header {height:100%;}
    div.top_page>a {height:60px;}
    header.main div.in-header {display:flex;padding:5px;align-items:center;box-sizing:border-box;height:100%;}
    header.main div.top-bar {margin-bottom:0;height:auto;}
    div.shopWrap {display:block;}
    div.shopWrap.notnav {padding:0 10px;}
    div.shopWrap>div.content {margin:0 10px;}
    .social-data {margin-left:10px;}

    div.mod-contact-info-inner section h2 {margin-bottom:15px;}

    div.mod-contact-inner {display:block;}
    div.mod-contact-inner>*+* {margin-top:20px;}

    h1.main-title,
    .other-title {font-size:32px;}
}
@media screen and (max-width:576px){
    div.mod-contact-info-inner .menus {display:block;}
    div.mod-contact-info-inner .menus > * + * {margin-left:0;margin-top:30px;}
    div.top_page>a {height:40px;}
    .social-data {display:none;}
}