New assets
This commit is contained in:
Amanmyrat
parent
73af356bb6
commit
b23582c949
|
|
@ -89,7 +89,7 @@
|
||||||
|
|
||||||
|
|
||||||
@mixin md-xlg {
|
@mixin md-xlg {
|
||||||
@media (max-width: 1000px) {
|
@media (max-width: 1024px) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
// Breadcrumb ========================
|
// Breadcrumb ========================
|
||||||
.crumb {
|
.crumb {
|
||||||
padding: 40px 0 60px;
|
padding: 40px 0 0;
|
||||||
|
|
||||||
&_row {
|
&_row {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -62,70 +62,118 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.copy {
|
&_navs {
|
||||||
background: $black;
|
|
||||||
padding: 25px 0;
|
|
||||||
|
|
||||||
&_row {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
border-top: 1px solid #fff;
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
|
|
||||||
&_txt {
|
&-col {
|
||||||
font-weight: 400;
|
width: calc(25% - 50px);
|
||||||
font-size: 14px;
|
max-width: 245px;
|
||||||
line-height: 17px;
|
color: #fff;
|
||||||
color: #FFFFFF;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&_info {
|
&-link {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
margin-bottom: 24px;
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 17px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
|
|
||||||
margin-right: 50px;
|
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
width: calc(100% - 26px);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $yellow;
|
p {
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
path {
|
||||||
path {
|
fill: $yellow;
|
||||||
fill: $yellow;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
|
display: block;
|
||||||
@include ImgCon;
|
@include ImgCon;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-txt {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.3;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
@include transition;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $yellow;
|
||||||
|
|
||||||
path {
|
path {
|
||||||
@include transition;
|
fill: $yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
display: block;
|
||||||
|
@include ImgCon;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Footer end =================
|
// Footer end =================
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
// Header =======================
|
// Header =======================
|
||||||
.header {
|
.header {
|
||||||
padding: 40px 0;
|
padding: 30px 0;
|
||||||
background: $gray;
|
background: $gray;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -72,8 +72,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.burger {
|
.burger {
|
||||||
width: 50px;
|
width: 40px;
|
||||||
height: 50px;
|
height: 40px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -165,20 +165,20 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 15px 25px;
|
padding: 12px 15px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
color: $black;
|
color: $black;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&_flag {
|
&_flag {
|
||||||
width: 20px;
|
width: 16px;
|
||||||
height: 20px;
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -187,8 +187,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&_arrow {
|
&_arrow {
|
||||||
width: 15px;
|
width: 12px;
|
||||||
height: 15px;
|
height: 12px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
|
|
@ -222,14 +222,14 @@
|
||||||
@include transition;
|
@include transition;
|
||||||
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: block;
|
display: block;
|
||||||
width: 20px;
|
width: 16px;
|
||||||
height: 20px;
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -338,12 +338,12 @@
|
||||||
|
|
||||||
// Nav =======================
|
// Nav =======================
|
||||||
.nav {
|
.nav {
|
||||||
padding: 30px 0;
|
padding: 20px 0;
|
||||||
background: $black;
|
background: $black;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 131px;
|
top: 110px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 100%;
|
// height: 100%;
|
||||||
|
|
@ -377,12 +377,32 @@
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
@include transition;
|
@include transition;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
@include ImgCon;
|
||||||
|
|
||||||
|
path {
|
||||||
|
@include transition;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $yellow;
|
color: $yellow;
|
||||||
|
|
||||||
|
path {
|
||||||
|
fill: $yellow;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -483,17 +503,24 @@
|
||||||
top: -150%;
|
top: -150%;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 210px);
|
height: calc(100% - 168px);
|
||||||
background: url("../images/menu-bg.png") no-repeat center;
|
background: url("../images/menu-bg.png") no-repeat center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
top: 210px;
|
top: 169px;
|
||||||
animation: header .3s linear;
|
animation: header .3s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&_wrap {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.mobile_buttons {
|
.mobile_buttons {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -511,7 +538,7 @@
|
||||||
|
|
||||||
&-title {
|
&-title {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 40px;
|
font-size: 26px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -523,17 +550,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&-input {
|
&-input {
|
||||||
width: calc(100% - 190px);
|
width: calc(100% - 176px);
|
||||||
max-width: 1200px;
|
// max-width: 1200px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
padding: 20px 25px;
|
padding: 15px 25px;
|
||||||
width: calc(100% - 50px);
|
width: calc(100% - 50px);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
|
|
@ -545,11 +572,11 @@
|
||||||
|
|
||||||
&-btn {
|
&-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 20px 45px;
|
padding: 15px 45px;
|
||||||
background: $yellow;
|
background: $yellow;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
@ -623,10 +650,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&_footer {
|
.footer_navs {
|
||||||
background: $black;
|
padding-bottom: 40px;
|
||||||
padding: 25px 0;
|
|
||||||
margin-top: 65px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&_row {
|
&_row {
|
||||||
|
|
@ -689,4 +714,69 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Menu end ===================
|
// Menu end ===================
|
||||||
|
|
||||||
|
// Mobile ====================
|
||||||
|
.mobile {
|
||||||
|
&_navs {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
|
||||||
|
&-list {
|
||||||
|
width: calc(50% - 50px);
|
||||||
|
background: #292929;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 0 30px 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&_profile {
|
||||||
|
background: #292929;
|
||||||
|
width: calc(50% - 50px);
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
// display: flex;
|
||||||
|
// flex-wrap: wrap;
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
width: 100%;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.3;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-link {
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mobile end ================
|
||||||
|
|
@ -2,15 +2,15 @@
|
||||||
@include xlg-xxlg {
|
@include xlg-xxlg {
|
||||||
|
|
||||||
// Nav ============================
|
// Nav ============================
|
||||||
.nav {
|
// .nav {
|
||||||
&_list {
|
// &_list {
|
||||||
li {
|
// li {
|
||||||
&:nth-last-child(2) {
|
// &:nth-last-child(2) {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
// Nav end ========================
|
// Nav end ========================
|
||||||
}
|
}
|
||||||
|
|
@ -41,15 +41,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Header end ============
|
// Header end ============
|
||||||
|
|
||||||
// Nav end ================
|
|
||||||
.nav {
|
|
||||||
&.active {
|
|
||||||
top: 133px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Nav end ================
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 1400 ============================================
|
// 1400 ============================================
|
||||||
|
|
@ -88,161 +79,40 @@
|
||||||
|
|
||||||
// Header end ============
|
// Header end ============
|
||||||
|
|
||||||
// Nav end ================
|
// Navs ================
|
||||||
.nav {
|
.nav {
|
||||||
display: none;
|
&.active {
|
||||||
|
top: 90px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Nav end ================
|
// Navs end ============
|
||||||
|
|
||||||
// Menu ====================
|
// Menu ================
|
||||||
.menu {
|
.menu {
|
||||||
&.active {
|
&.active {
|
||||||
top: 130px;
|
top: 149px;
|
||||||
height: calc(100% - 130px);
|
height: calc(100% - 148px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile {
|
.footer {
|
||||||
&_buttons {
|
&_navs {
|
||||||
display: block;
|
border-top: 1px solid #fff;
|
||||||
margin-bottom: 60px;
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-around;
|
|
||||||
padding: 40px;
|
|
||||||
background: $black;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-link {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
margin-right: 10px;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
margin-right: 10px;
|
|
||||||
display: block;
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&_user {
|
|
||||||
&-link {
|
|
||||||
width: calc(100% - 40px);
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
|
|
||||||
padding: 30px 20px;
|
|
||||||
background: $black;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
span {
|
|
||||||
&::after {
|
|
||||||
transform: rotate(180deg);
|
|
||||||
top: 20%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: '';
|
|
||||||
background: url("../images/svg/mouse-arrow.svg") no-repeat center;
|
|
||||||
background-size: contain;
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: -40px;
|
|
||||||
@include transformY;
|
|
||||||
@include transition;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
display: block;
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&_search {
|
|
||||||
&-title {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&_box {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
&_col {
|
|
||||||
width: calc(33.33% - 50px);
|
|
||||||
margin: 0 50px 30px 0;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
right: -10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(3) {
|
|
||||||
margin-right: 0;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Menu end ================
|
// Menu end ============
|
||||||
|
|
||||||
// Hero ====================
|
// Hero ====================
|
||||||
.hero {
|
.hero {
|
||||||
&_item {
|
&_item {
|
||||||
|
height: calc(100vh - 110px);
|
||||||
|
|
||||||
&-photo {
|
&-photo {
|
||||||
height: 650px;
|
height: calc(100vh - 110px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -341,12 +211,16 @@
|
||||||
|
|
||||||
&-title,
|
&-title,
|
||||||
&-genre {
|
&-genre {
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-link {
|
&-link {
|
||||||
padding: 12px 10px;
|
padding: 12px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-photo {
|
||||||
|
height: 320px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.slick {
|
.slick {
|
||||||
|
|
@ -395,23 +269,31 @@
|
||||||
|
|
||||||
// Footer ================
|
// Footer ================
|
||||||
.footer {
|
.footer {
|
||||||
|
padding: 40px 0;
|
||||||
|
|
||||||
&_box {
|
&_box {
|
||||||
flex-wrap: wrap;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&_col {
|
&_navs {
|
||||||
width: calc(33.33% - 34px);
|
margin-top: 0;
|
||||||
// margin-right: 50px;
|
padding-top: 0;
|
||||||
margin: 0 50px 30px 0;
|
border-top: none;
|
||||||
|
|
||||||
&:nth-child(3) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// &_col {
|
||||||
|
// width: calc(33.33% - 34px);
|
||||||
|
// // margin-right: 50px;
|
||||||
|
// margin: 0 50px 30px 0;
|
||||||
|
|
||||||
|
// &:nth-child(3) {
|
||||||
|
// margin-right: 0;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &::after {
|
||||||
|
// display: none;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
// Footer end ============
|
// Footer end ============
|
||||||
|
|
@ -535,7 +417,6 @@
|
||||||
|
|
||||||
&_photo {
|
&_photo {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 300px;
|
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -757,15 +638,181 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 1000 =======================================
|
// 1024 =======================================
|
||||||
@include md-xlg {
|
@include md-xlg {
|
||||||
|
|
||||||
// Crumb ====================
|
// Nav end ================
|
||||||
.crumb {
|
.nav {
|
||||||
padding-bottom: 40px;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Crumb end ================
|
// Nav end ================
|
||||||
|
|
||||||
|
// Menu ====================
|
||||||
|
.menu {
|
||||||
|
&.active {
|
||||||
|
top: 90px;
|
||||||
|
height: calc(100% - 90px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile {
|
||||||
|
&_buttons {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 20px;
|
||||||
|
background: $black;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-link {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: block;
|
||||||
|
margin: 40px 0 0 0;
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
&_user {
|
||||||
|
&-link {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
padding: 30px 20px;
|
||||||
|
background: $black;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
span {
|
||||||
|
&::after {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
top: 20%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
background: url("../images/svg/mouse-arrow.svg") no-repeat center;
|
||||||
|
background-size: contain;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: -40px;
|
||||||
|
@include transformY;
|
||||||
|
@include transition;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
display: block;
|
||||||
|
margin: 40px 0 0 0;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&_box {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
&_col {
|
||||||
|
width: calc(33.33% - 50px);
|
||||||
|
margin: 0 50px 30px 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
right: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3) {
|
||||||
|
margin-right: 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Menu end ================
|
||||||
|
|
||||||
|
// Mobile ====================
|
||||||
|
.mobile {
|
||||||
|
&_navs {
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
&-list {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&_profile {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-link {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mobile end ================
|
||||||
|
|
||||||
// Shops ======================
|
// Shops ======================
|
||||||
.shops {
|
.shops {
|
||||||
|
|
@ -810,6 +857,25 @@
|
||||||
|
|
||||||
// About end ==================
|
// About end ==================
|
||||||
|
|
||||||
|
// Footer ======================
|
||||||
|
.footer {
|
||||||
|
&_navs {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
&-col {
|
||||||
|
width: calc(50% - 20px);
|
||||||
|
max-width: unset;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
&:nth-child(3) {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Footer end ==================
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -895,8 +961,10 @@
|
||||||
// Hero ======================
|
// Hero ======================
|
||||||
.hero {
|
.hero {
|
||||||
&_item {
|
&_item {
|
||||||
|
height: calc(100vh - 90px);
|
||||||
|
|
||||||
&-photo {
|
&-photo {
|
||||||
height: 600px;
|
height: calc(100vh - 90px);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-link {
|
&-link {
|
||||||
|
|
@ -1019,6 +1087,10 @@
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shop_slider-item {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
&_info {
|
&_info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -1039,6 +1111,9 @@
|
||||||
|
|
||||||
// Result end =============
|
// Result end =============
|
||||||
|
|
||||||
|
.slick-list {
|
||||||
|
height: unset !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 720 ==============================================
|
// 720 ==============================================
|
||||||
|
|
@ -1071,6 +1146,13 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
&_navs {
|
||||||
|
margin-top: 30px;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Menu end ============
|
// Menu end ============
|
||||||
|
|
@ -1535,8 +1617,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Result end =============
|
// Result end =============
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 520 ==========================================
|
// 520 ==========================================
|
||||||
|
|
@ -1645,6 +1725,8 @@
|
||||||
// Hero ====================
|
// Hero ====================
|
||||||
.hero {
|
.hero {
|
||||||
&_item {
|
&_item {
|
||||||
|
height: 500px;
|
||||||
|
|
||||||
&-photo {
|
&-photo {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
}
|
}
|
||||||
|
|
@ -1755,8 +1837,7 @@
|
||||||
&_item {
|
&_item {
|
||||||
&-photo {
|
&-photo {
|
||||||
height: 180px;
|
height: 180px;
|
||||||
padding: 15px;
|
width: 100%;
|
||||||
width: calc(100% - 30px);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1782,6 +1863,13 @@
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&_navs {
|
||||||
|
&-col {
|
||||||
|
width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Footer end ============
|
// Footer end ============
|
||||||
|
|
@ -1862,9 +1950,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&_photo {
|
// &_photo {
|
||||||
height: 300px;
|
// height: 300px;
|
||||||
}
|
// }
|
||||||
|
|
||||||
&_info {
|
&_info {
|
||||||
&-title {
|
&-title {
|
||||||
|
|
|
||||||
|
|
@ -310,6 +310,26 @@ $slick-opacity-not-active: 0.25 !default;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shop_slider {
|
||||||
|
.slick-next {
|
||||||
|
background: url("../images/svg/post-slider-arrow.svg");
|
||||||
|
bottom: -53px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-prev {
|
||||||
|
background: url("../images/svg/post-slider-arrow.svg");
|
||||||
|
bottom: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-dots {
|
||||||
|
bottom: -40px;
|
||||||
|
|
||||||
|
li button {
|
||||||
|
background-color: #171717;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.slick-next {
|
.slick-next {
|
||||||
right: -25px;
|
right: -25px;
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&_item {
|
&_item {
|
||||||
height: 800px;
|
height: calc(100vh - 160px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&-photo {
|
&-photo {
|
||||||
height: 800px;
|
height: calc(100vh - 160px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -350,6 +350,13 @@
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -486,7 +493,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@include ImgCov;
|
@include ImgCon;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -703,16 +710,11 @@
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
|
|
||||||
&-photo {
|
&-photo {
|
||||||
width: calc(100% - 50px);
|
width: 100%;
|
||||||
height: 240px;
|
height: 290px;
|
||||||
padding: 25px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@include ImgCon;
|
@include ImgCov;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
|
|
||||||
&_photo {
|
&_photo {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 500px;
|
// height: 500px;
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
||||||
|
|
@ -140,7 +140,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 40px 0;
|
padding: 30px 0;
|
||||||
background: #292929;
|
background: #292929;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -223,8 +223,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
}
|
}
|
||||||
.header .burger {
|
.header .burger {
|
||||||
width: 50px;
|
width: 40px;
|
||||||
height: 50px;
|
height: 40px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -325,17 +325,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
-ms-flex-pack: center;
|
-ms-flex-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 15px 25px;
|
padding: 12px 15px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
color: #171717;
|
color: #171717;
|
||||||
}
|
}
|
||||||
.header .lang_flag {
|
.header .lang_flag {
|
||||||
width: 20px;
|
width: 16px;
|
||||||
height: 20px;
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.header .lang_flag img {
|
.header .lang_flag img {
|
||||||
|
|
@ -345,8 +345,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
-o-object-fit: contain;
|
-o-object-fit: contain;
|
||||||
}
|
}
|
||||||
.header .lang_arrow {
|
.header .lang_arrow {
|
||||||
width: 15px;
|
width: 12px;
|
||||||
height: 15px;
|
height: 12px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.header .lang_arrow svg {
|
.header .lang_arrow svg {
|
||||||
|
|
@ -385,14 +385,14 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
transition: all 0.2s ease-in-out 0s;
|
transition: all 0.2s ease-in-out 0s;
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.header .lang_box a span {
|
.header .lang_box a span {
|
||||||
display: block;
|
display: block;
|
||||||
width: 20px;
|
width: 16px;
|
||||||
height: 20px;
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.header .lang_box a span img {
|
.header .lang_box a span img {
|
||||||
|
|
@ -489,12 +489,12 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
padding: 30px 0;
|
padding: 20px 0;
|
||||||
background: #171717;
|
background: #171717;
|
||||||
}
|
}
|
||||||
.nav.active {
|
.nav.active {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 131px;
|
top: 110px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
|
|
@ -531,7 +531,29 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
||||||
|
transition: all 0.2s ease-in-out 0s;
|
||||||
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
|
}
|
||||||
|
.nav_list li a span {
|
||||||
display: block;
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.nav_list li a span svg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
.nav_list li a span svg path {
|
||||||
-webkit-transition: all 0.2s ease-in-out 0s;
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
||||||
transition: all 0.2s ease-in-out 0s;
|
transition: all 0.2s ease-in-out 0s;
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
|
|
@ -539,6 +561,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.nav_list li a:hover {
|
.nav_list li a:hover {
|
||||||
color: #FFB100;
|
color: #FFB100;
|
||||||
}
|
}
|
||||||
|
.nav_list li a:hover path {
|
||||||
|
fill: #FFB100;
|
||||||
|
}
|
||||||
.nav_list li .more {
|
.nav_list li .more {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -623,17 +648,27 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
top: -150%;
|
top: -150%;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 210px);
|
height: calc(100% - 168px);
|
||||||
background: url("../images/menu-bg.png") no-repeat center;
|
background: url("../images/menu-bg.png") no-repeat center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.menu.active {
|
.menu.active {
|
||||||
top: 210px;
|
top: 169px;
|
||||||
-webkit-animation: header 0.3s linear;
|
-webkit-animation: header 0.3s linear;
|
||||||
animation: header 0.3s linear;
|
animation: header 0.3s linear;
|
||||||
}
|
}
|
||||||
|
.menu_wrap {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
.menu .mobile_buttons {
|
.menu .mobile_buttons {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -652,7 +687,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
.menu_search-title {
|
.menu_search-title {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 40px;
|
font-size: 26px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -662,17 +697,16 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
color: #FFB100;
|
color: #FFB100;
|
||||||
}
|
}
|
||||||
.menu_search-input {
|
.menu_search-input {
|
||||||
width: calc(100% - 190px);
|
width: calc(100% - 176px);
|
||||||
max-width: 1200px;
|
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
.menu_search-input input {
|
.menu_search-input input {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #292929;
|
color: #292929;
|
||||||
padding: 20px 25px;
|
padding: 15px 25px;
|
||||||
width: calc(100% - 50px);
|
width: calc(100% - 50px);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -693,11 +727,11 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
.menu_search-btn {
|
.menu_search-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 20px 45px;
|
padding: 15px 45px;
|
||||||
background: #FFB100;
|
background: #FFB100;
|
||||||
color: #292929;
|
color: #292929;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
@ -763,10 +797,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.menu_col-link:hover {
|
.menu_col-link:hover {
|
||||||
color: #FFB100;
|
color: #FFB100;
|
||||||
}
|
}
|
||||||
.menu_footer {
|
.menu .footer_navs {
|
||||||
background: #171717;
|
padding-bottom: 40px;
|
||||||
padding: 25px 0;
|
|
||||||
margin-top: 65px;
|
|
||||||
}
|
}
|
||||||
.menu_row {
|
.menu_row {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -833,8 +865,65 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mobile_navs {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-pack: justify;
|
||||||
|
-ms-flex-pack: justify;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
}
|
||||||
|
.mobile_navs-list {
|
||||||
|
width: calc(50% - 50px);
|
||||||
|
background: #292929;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 5px;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.mobile_navs-list li {
|
||||||
|
margin: 0 30px 20px 0;
|
||||||
|
}
|
||||||
|
.mobile_navs-list a {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.mobile_profile {
|
||||||
|
background: #292929;
|
||||||
|
width: calc(50% - 50px);
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.mobile_profile-title {
|
||||||
|
width: 100%;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.3;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.mobile_profile-link {
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
.crumb {
|
.crumb {
|
||||||
padding: 40px 0 60px;
|
padding: 40px 0 0;
|
||||||
}
|
}
|
||||||
.crumb_row {
|
.crumb_row {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -1153,81 +1242,114 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.footer_col-link:hover {
|
.footer_col-link:hover {
|
||||||
color: #FFB100;
|
color: #FFB100;
|
||||||
}
|
}
|
||||||
|
.footer_navs {
|
||||||
.copy {
|
|
||||||
background: #171717;
|
|
||||||
padding: 25px 0;
|
|
||||||
}
|
|
||||||
.copy_row {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
-webkit-box-pack: justify;
|
-webkit-box-pack: justify;
|
||||||
-ms-flex-pack: justify;
|
-ms-flex-pack: justify;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
border-top: 1px solid #fff;
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
}
|
}
|
||||||
.copy_txt {
|
.footer_navs-col {
|
||||||
font-weight: 400;
|
width: calc(25% - 50px);
|
||||||
font-size: 14px;
|
max-width: 245px;
|
||||||
line-height: 17px;
|
color: #fff;
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
}
|
||||||
.copy_info {
|
.footer_navs-link {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-align: center;
|
margin-bottom: 24px;
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
.copy_info-item {
|
.footer_navs-link:last-child {
|
||||||
display: -webkit-box;
|
margin-bottom: 0;
|
||||||
display: -ms-flexbox;
|
}
|
||||||
display: flex;
|
.footer_navs-link p {
|
||||||
-webkit-box-align: center;
|
font-size: 12px;
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
line-height: 1.3;
|
||||||
line-height: 17px;
|
color: #fff;
|
||||||
color: #FFFFFF;
|
width: calc(100% - 26px);
|
||||||
margin-right: 50px;
|
|
||||||
}
|
}
|
||||||
.copy_info-item:last-child {
|
.footer_navs-link:hover p {
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.copy_info-item:hover {
|
|
||||||
color: #FFB100;
|
color: #FFB100;
|
||||||
}
|
}
|
||||||
.copy_info-item:hover span path {
|
.footer_navs-link:hover path {
|
||||||
fill: #FFB100;
|
fill: #FFB100;
|
||||||
}
|
}
|
||||||
.copy_info-item span {
|
.footer_navs-link span {
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.copy_info-item span svg {
|
.footer_navs-link span svg {
|
||||||
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
-o-object-fit: contain;
|
-o-object-fit: contain;
|
||||||
}
|
}
|
||||||
.copy_info-item span svg path {
|
.footer_navs-txt {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
.footer_navs .copyright {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.3;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.footer_navs ul li {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.footer_navs ul li:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.footer_navs ul a {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #fff;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
-webkit-transition: all 0.2s ease-in-out 0s;
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
||||||
transition: all 0.2s ease-in-out 0s;
|
transition: all 0.2s ease-in-out 0s;
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
}
|
}
|
||||||
|
.footer_navs ul a:hover {
|
||||||
|
color: #FFB100;
|
||||||
|
}
|
||||||
|
.footer_navs ul a:hover path {
|
||||||
|
fill: #FFB100;
|
||||||
|
}
|
||||||
|
.footer_navs ul a span {
|
||||||
|
display: block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.footer_navs ul a span svg {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
.hero_slider {
|
.hero_slider {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.hero_item {
|
.hero_item {
|
||||||
height: 800px;
|
height: calc(100vh - 160px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -1235,7 +1357,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.hero_item-photo {
|
.hero_item-photo {
|
||||||
height: 800px;
|
height: calc(100vh - 160px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.hero_item-photo img {
|
.hero_item-photo img {
|
||||||
|
|
@ -1566,6 +1688,12 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes fadeInUp {
|
@-webkit-keyframes fadeInUp {
|
||||||
|
|
@ -1699,8 +1827,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.movie_item-photo img {
|
.movie_item-photo img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: contain;
|
||||||
-o-object-fit: cover;
|
-o-object-fit: contain;
|
||||||
}
|
}
|
||||||
.movie_item-title {
|
.movie_item-title {
|
||||||
margin: 15px 0 8px;
|
margin: 15px 0 8px;
|
||||||
|
|
@ -1908,24 +2036,14 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
}
|
}
|
||||||
.rest_item-photo {
|
.rest_item-photo {
|
||||||
width: calc(100% - 50px);
|
width: 100%;
|
||||||
height: 240px;
|
height: 290px;
|
||||||
padding: 25px;
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.rest_item-photo img {
|
.rest_item-photo img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: contain;
|
object-fit: cover;
|
||||||
-o-object-fit: contain;
|
-o-object-fit: cover;
|
||||||
}
|
}
|
||||||
.rest_item-info {
|
.rest_item-info {
|
||||||
background: #171717;
|
background: #171717;
|
||||||
|
|
@ -2883,7 +3001,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
.post_photo {
|
.post_photo {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 500px;
|
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
}
|
}
|
||||||
.post_photo img {
|
.post_photo img {
|
||||||
|
|
@ -3345,6 +3462,21 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
border-radius: 27px;
|
border-radius: 27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shop_slider .slick-next {
|
||||||
|
background: url("../images/svg/post-slider-arrow.svg");
|
||||||
|
bottom: -53px;
|
||||||
|
}
|
||||||
|
.shop_slider .slick-prev {
|
||||||
|
background: url("../images/svg/post-slider-arrow.svg");
|
||||||
|
bottom: -40px;
|
||||||
|
}
|
||||||
|
.shop_slider .slick-dots {
|
||||||
|
bottom: -40px;
|
||||||
|
}
|
||||||
|
.shop_slider .slick-dots li button {
|
||||||
|
background-color: #171717;
|
||||||
|
}
|
||||||
|
|
||||||
.slick-next {
|
.slick-next {
|
||||||
right: -25px;
|
right: -25px;
|
||||||
}
|
}
|
||||||
|
|
@ -3410,11 +3542,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
border-radius: 27px;
|
border-radius: 27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1665px) {
|
|
||||||
.nav_list li:nth-last-child(2) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 1500px) {
|
@media (max-width: 1500px) {
|
||||||
.auto_container {
|
.auto_container {
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
|
|
@ -3428,9 +3555,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.header .lang_current {
|
.header .lang_current {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
.nav.active {
|
|
||||||
top: 133px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@media (max-width: 1400px) {
|
@media (max-width: 1400px) {
|
||||||
.header {
|
.header {
|
||||||
|
|
@ -3453,129 +3577,23 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.header .user {
|
.header .user {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.nav {
|
.nav.active {
|
||||||
display: none;
|
top: 90px;
|
||||||
}
|
}
|
||||||
.menu.active {
|
.menu.active {
|
||||||
top: 130px;
|
top: 149px;
|
||||||
height: calc(100% - 130px);
|
height: calc(100% - 148px);
|
||||||
}
|
}
|
||||||
.menu .mobile_buttons {
|
.menu .footer_navs {
|
||||||
display: block;
|
border-top: 1px solid #fff;
|
||||||
margin-bottom: 60px;
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
}
|
}
|
||||||
.menu .mobile_buttons .row {
|
.hero_item {
|
||||||
display: -webkit-box;
|
height: calc(100vh - 110px);
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
-ms-flex-pack: distribute;
|
|
||||||
justify-content: space-around;
|
|
||||||
padding: 40px;
|
|
||||||
background: #171717;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
.menu .mobile_buttons-link {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
margin-right: 10px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.menu .mobile_buttons-link:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.menu .mobile_buttons-link a {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
margin-right: 10px;
|
|
||||||
display: block;
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.menu .mobile_buttons-link a.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link {
|
|
||||||
width: calc(100% - 40px);
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
padding: 30px 20px;
|
|
||||||
background: #171717;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link.active span::after {
|
|
||||||
-webkit-transform: rotate(180deg);
|
|
||||||
transform: rotate(180deg);
|
|
||||||
top: 20%;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link span {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link span::after {
|
|
||||||
content: "";
|
|
||||||
background: url("../images/svg/mouse-arrow.svg") no-repeat center;
|
|
||||||
background-size: contain;
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: -40px;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
-moz-ransform: translateY(-50%);
|
|
||||||
-o-transform: translateY(-50%);
|
|
||||||
-ms-transform: translateY(-50%);
|
|
||||||
-webkit-transform: translateY(-50%);
|
|
||||||
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
||||||
transition: all 0.2s ease-in-out 0s;
|
|
||||||
-moz-transition: all 0.2s ease-in-out 0s;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link a {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #fff;
|
|
||||||
display: block;
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.menu .mobile_user-link a.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.menu_search-title {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
.menu_box {
|
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.menu_col {
|
|
||||||
width: calc(33.33% - 50px);
|
|
||||||
margin: 0 50px 30px 0;
|
|
||||||
}
|
|
||||||
.menu_col::after {
|
|
||||||
right: -10px;
|
|
||||||
}
|
|
||||||
.menu_col:nth-child(3) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.menu_col:nth-child(3)::after {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.hero_item-photo {
|
.hero_item-photo {
|
||||||
height: 650px;
|
height: calc(100vh - 110px);
|
||||||
}
|
}
|
||||||
.hero .slider__counter {
|
.hero .slider__counter {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
@ -3637,11 +3655,14 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.movie_item-title, .movie_item-genre {
|
.movie_item-title, .movie_item-genre {
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.movie_item-link {
|
.movie_item-link {
|
||||||
padding: 12px 10px;
|
padding: 12px 10px;
|
||||||
}
|
}
|
||||||
|
.movie_item-photo {
|
||||||
|
height: 320px;
|
||||||
|
}
|
||||||
.movie .slick-dots li button {
|
.movie .slick-dots li button {
|
||||||
height: 6px;
|
height: 6px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
|
|
@ -3667,20 +3688,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.rest_item-link {
|
.rest_item-link {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
.footer {
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
.footer_box {
|
.footer_box {
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.footer_col {
|
|
||||||
width: calc(33.33% - 34px);
|
|
||||||
margin: 0 50px 30px 0;
|
|
||||||
}
|
|
||||||
.footer_col:nth-child(3) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.footer_col::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.footer_navs {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
.intro {
|
.intro {
|
||||||
min-height: 550px;
|
min-height: 550px;
|
||||||
}
|
}
|
||||||
|
|
@ -3749,7 +3767,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
.post_photo {
|
.post_photo {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 300px;
|
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
.post_info {
|
.post_info {
|
||||||
|
|
@ -3890,9 +3907,146 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
width: calc(33.33% - 28px);
|
width: calc(33.33% - 28px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 1000px) {
|
@media (max-width: 1024px) {
|
||||||
.crumb {
|
.nav {
|
||||||
padding-bottom: 40px;
|
display: none;
|
||||||
|
}
|
||||||
|
.menu.active {
|
||||||
|
top: 90px;
|
||||||
|
height: calc(100% - 90px);
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons .row {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-ms-flex-pack: distribute;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 20px;
|
||||||
|
background: #171717;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons-link {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons-link:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons-link a {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: block;
|
||||||
|
margin: 40px 0 0 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu .mobile_buttons-link a.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 30px 20px;
|
||||||
|
background: #171717;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link.active span::after {
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
transform: rotate(180deg);
|
||||||
|
top: 20%;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link span {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link span::after {
|
||||||
|
content: "";
|
||||||
|
background: url("../images/svg/mouse-arrow.svg") no-repeat center;
|
||||||
|
background-size: contain;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: -40px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-moz-ransform: translateY(-50%);
|
||||||
|
-o-transform: translateY(-50%);
|
||||||
|
-ms-transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
||||||
|
transition: all 0.2s ease-in-out 0s;
|
||||||
|
-moz-transition: all 0.2s ease-in-out 0s;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link a {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #fff;
|
||||||
|
display: block;
|
||||||
|
margin: 40px 0 0 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu .mobile_user-link a.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.menu_box {
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.menu_col {
|
||||||
|
width: calc(33.33% - 50px);
|
||||||
|
margin: 0 50px 30px 0;
|
||||||
|
}
|
||||||
|
.menu_col::after {
|
||||||
|
right: -10px;
|
||||||
|
}
|
||||||
|
.menu_col:nth-child(3) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.menu_col:nth-child(3)::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.mobile_navs {
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.mobile_navs-list {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
.mobile_profile {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
}
|
||||||
|
.mobile_profile-title {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
.mobile_profile-link {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.shops_item {
|
.shops_item {
|
||||||
width: calc(50% - 16px);
|
width: calc(50% - 16px);
|
||||||
|
|
@ -3921,6 +4075,20 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
.footer_navs {
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.footer_navs-col {
|
||||||
|
width: calc(50% - 20px);
|
||||||
|
max-width: unset;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.footer_navs-col:nth-child(3) {
|
||||||
|
-webkit-box-ordinal-group: 2;
|
||||||
|
-ms-flex-order: 1;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 900px) {
|
@media (max-width: 900px) {
|
||||||
.menu .mobile_buttons {
|
.menu .mobile_buttons {
|
||||||
|
|
@ -3988,8 +4156,11 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.menu_col:nth-child(2)::after, .menu_col:nth-child(4)::after {
|
.menu_col:nth-child(2)::after, .menu_col:nth-child(4)::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.hero_item {
|
||||||
|
height: calc(100vh - 90px);
|
||||||
|
}
|
||||||
.hero_item-photo {
|
.hero_item-photo {
|
||||||
height: 600px;
|
height: calc(100vh - 90px);
|
||||||
}
|
}
|
||||||
.hero_item-link {
|
.hero_item-link {
|
||||||
right: unset;
|
right: unset;
|
||||||
|
|
@ -4068,12 +4239,18 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
.post .shop_slider-item {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
.post_info {
|
.post_info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.result.page .rest_item {
|
.result.page .rest_item {
|
||||||
width: calc(50% - 28px);
|
width: calc(50% - 28px);
|
||||||
}
|
}
|
||||||
|
.slick-list {
|
||||||
|
height: unset !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 720px) {
|
@media (max-width: 720px) {
|
||||||
.header .logo {
|
.header .logo {
|
||||||
|
|
@ -4097,6 +4274,10 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
margin: 15px 10px;
|
margin: 15px 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.menu .footer_navs {
|
||||||
|
margin-top: 30px;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
.shops_tab {
|
.shops_tab {
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
@ -4502,6 +4683,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.menu_search-input input {
|
.menu_search-input input {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
.hero_item {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
.hero_item-photo {
|
.hero_item-photo {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
}
|
}
|
||||||
|
|
@ -4561,8 +4745,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
}
|
}
|
||||||
.rest_item-photo {
|
.rest_item-photo {
|
||||||
height: 180px;
|
height: 180px;
|
||||||
padding: 15px;
|
width: 100%;
|
||||||
width: calc(100% - 30px);
|
|
||||||
}
|
}
|
||||||
.pag {
|
.pag {
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
|
|
@ -4581,6 +4764,10 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.footer_col:nth-child(3) {
|
.footer_col:nth-child(3) {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
.footer_navs-col {
|
||||||
|
width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
.intro {
|
.intro {
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
}
|
}
|
||||||
|
|
@ -4621,9 +4808,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
|
||||||
.post .rest_item-info {
|
.post .rest_item-info {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.post_photo {
|
|
||||||
height: 300px;
|
|
||||||
}
|
|
||||||
.post_info-title {
|
.post_info-title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 253 B |
|
|
@ -0,0 +1,3 @@
|
||||||
|
<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M24.7071 8.70711C25.0976 8.31658 25.0976 7.68342 24.7071 7.29289L18.3431 0.928932C17.9526 0.538408 17.3195 0.538408 16.9289 0.928932C16.5384 1.31946 16.5384 1.95262 16.9289 2.34315L22.5858 8L16.9289 13.6569C16.5384 14.0474 16.5384 14.6805 16.9289 15.0711C17.3195 15.4616 17.9526 15.4616 18.3431 15.0711L24.7071 8.70711ZM0 9H24V7H0V9Z" fill="#292929" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 466 B |
|
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
// Slider =======================================
|
// Slider =======================================
|
||||||
$(".hero_slider").slick({
|
$(".hero_slider").slick({
|
||||||
dots: false,
|
dots: true,
|
||||||
slidesToShow: 1,
|
slidesToShow: 1,
|
||||||
slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
arrows: true,
|
arrows: true,
|
||||||
|
|
@ -24,6 +24,38 @@ $(".hero_slider").slick({
|
||||||
draggable: true,
|
draggable: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(".shop_slider").slick({
|
||||||
|
dots: true,
|
||||||
|
slidesToShow: 1,
|
||||||
|
slidesToScroll: 1,
|
||||||
|
arrows: true,
|
||||||
|
autoplay: false,
|
||||||
|
autoplaySpeed: 8000,
|
||||||
|
pauseOnHover: false,
|
||||||
|
|
||||||
|
|
||||||
|
infinite: true,
|
||||||
|
speed: 800,
|
||||||
|
fade: false,
|
||||||
|
adaptiveHeight: true,
|
||||||
|
lazyLoad: 'ondemand',
|
||||||
|
|
||||||
|
cssEase: 'linear',
|
||||||
|
swipeToSlide: true,
|
||||||
|
waitForAnimate: false,
|
||||||
|
draggable: true,
|
||||||
|
|
||||||
|
responsive: [
|
||||||
|
{
|
||||||
|
breakpoint: 1300,
|
||||||
|
settings: {
|
||||||
|
dots: false,
|
||||||
|
arrows: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
$(".movie_slider").slick({
|
$(".movie_slider").slick({
|
||||||
dots: true,
|
dots: true,
|
||||||
slidesToShow: 6,
|
slidesToShow: 6,
|
||||||
|
|
@ -47,7 +79,7 @@ $(".movie_slider").slick({
|
||||||
|
|
||||||
responsive: [
|
responsive: [
|
||||||
{
|
{
|
||||||
breakpoint: 1400,
|
breakpoint: 1300,
|
||||||
settings: {
|
settings: {
|
||||||
slidesToShow: 4,
|
slidesToShow: 4,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue