148 lines
2.3 KiB
CSS
148 lines
2.3 KiB
CSS
.secMain.secMainNav {
|
|
background: white;
|
|
height: 65px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.secMain.secMainNav::-webkit-scrollbar {
|
|
height: 10px;
|
|
}
|
|
|
|
.secMainNavInside {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 0.75fr 1.5fr 0.75fr;
|
|
grid-gap: 25px;
|
|
height: 100%;
|
|
padding: 0px 0;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.secMainNavInside {
|
|
grid-template-columns: 0.75fr 0fr 2.25fr;
|
|
grid-gap: 10px;
|
|
}
|
|
}
|
|
|
|
.secMainNavInsideSec {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.secMainNavInsideSecLeft {
|
|
width: 100%;
|
|
justify-content: center;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.secMainNavInsideSecMid {
|
|
}
|
|
|
|
.secMainNavInsideSecRight {
|
|
}
|
|
|
|
.linkMain.secMainNavInsideSecLeftLink {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.linkMain.secMainNavInsideLeftLink {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.secMainNavInsideLeftLinkImg {
|
|
width: 100%;
|
|
height: 50px;
|
|
}
|
|
|
|
.secMainNavInsideSecLeftInside {
|
|
}
|
|
|
|
.secMainNavInsideSecMidInside {
|
|
}
|
|
|
|
.secMainNavInsideSecRightInside {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
grid-gap: 10px;
|
|
justify-content: end;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.secMainNavInsideSecRightInside {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.btnMain.secMainNavInsideSecRightInsideBtn {
|
|
}
|
|
|
|
.btnMain.secMainNavInsideSecRightInsideBtnBurger {
|
|
}
|
|
|
|
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.secMainNavMobile {
|
|
transition: ease 0.4s;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 100%;
|
|
bottom: 0;
|
|
background: white;
|
|
z-index: 10;
|
|
overflow: auto;
|
|
display: none;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.secMainNavMobile.secMainNavMobileShow {
|
|
transition: ease 0.4s;
|
|
display: flex;
|
|
left: 0%;
|
|
}
|
|
|
|
.secMainNavMobileTop {
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.secMainNavMobileMid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-gap: 15px;
|
|
overflow: auto;
|
|
border-top: solid 1px rgba(0,0,0,0.05);
|
|
border-bottom: solid 1px rgba(0,0,0,0.05);
|
|
padding: 15px;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.secMainNavMobileBot {
|
|
padding: 15px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
grid-gap: 15px;
|
|
}
|
|
|
|
.btnMain.secMainNavMobileMidBtn {
|
|
padding: 15px;
|
|
background: rgba(76,130,163,0);
|
|
color: #4c82a3;
|
|
justify-content: start;
|
|
}
|
|
|