3811 lines
60 KiB
CSS
3811 lines
60 KiB
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
font-family: 'Poppins', sans-serif;
|
|
/* font-family: 'Andale Mono', sans-serif; */
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
|
|
input[type='text'] {
|
|
/* font-family: 'Andale Mono', sans-serif; */
|
|
font-family: 'Poppins', sans-serif;
|
|
}
|
|
|
|
input[type='text']:focus {
|
|
outline: 1px solid rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
.auto_container {
|
|
/* width: calc(100% - 30px); */
|
|
max-width: 1350px;
|
|
margin: 0 auto;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
|
|
.privacy {
|
|
padding: 50px 0;
|
|
/* font-family: 'Andale Mono', sans-serif; */
|
|
font-family: 'Poppins', sans-serif;
|
|
}
|
|
|
|
.privacy_title {
|
|
line-height: 1.4;
|
|
font-size: 24px;
|
|
margin: 0 0 20px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.link_text {
|
|
text-align: center;
|
|
|
|
text-decoration: underline;
|
|
color: blue;
|
|
font-style: italic;
|
|
}
|
|
|
|
.privacy_sub-title {
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
li a {
|
|
font-style: italic;
|
|
color: blue;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
li {
|
|
line-height: 1.6;
|
|
font-size: 18px;
|
|
margin: 15px 0;
|
|
font-weight: 500;
|
|
word-spacing: 1px;
|
|
}
|
|
|
|
ol {
|
|
list-style-type: disc;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
|
|
|
|
/* Scrollbar
|
|
======================== */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #CED8D7;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.lang3 {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 170px;
|
|
}
|
|
|
|
/* Header
|
|
============================ */
|
|
.header {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background: #fff;
|
|
z-index: 10;
|
|
|
|
transition: 0.2s linear;
|
|
-moz-transition: 0.2s linear;
|
|
}
|
|
|
|
.header_inner {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.search_mobile {
|
|
display: none;
|
|
}
|
|
|
|
/* taze start */
|
|
.lang {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 45px;
|
|
}
|
|
|
|
.langMobile {
|
|
display: none;
|
|
}
|
|
|
|
.languagesMobile {
|
|
display: none;
|
|
}
|
|
|
|
.select_language {
|
|
margin-left: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.current_lang {
|
|
display: flex;
|
|
}
|
|
|
|
.current_lang a {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
transition: 0.2s linear;
|
|
-moz-transition: 0.2s linear;
|
|
}
|
|
|
|
.pyramid {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.pyramid img {
|
|
width: 10px;
|
|
height: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.languages {
|
|
display: none;
|
|
/* display: flex; */
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
|
|
width: 0px;
|
|
margin-top: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: -35px;
|
|
|
|
background: #fff;
|
|
|
|
transition: 0.2s linear;
|
|
-moz-transition: 0.2s linear;
|
|
max-height: 0;
|
|
}
|
|
|
|
.languages a {
|
|
font-size: 15px;
|
|
line-height: 1.3;
|
|
font-weight: 700;
|
|
padding: 30px;
|
|
|
|
width: 420px;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
z-index: 1;
|
|
border-bottom: 2px solid #CED8D7;
|
|
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
}
|
|
|
|
.languages a:hover {
|
|
background: rgb(240, 240, 240);
|
|
}
|
|
|
|
.dropLang {
|
|
display: flex;
|
|
max-height: 400px;
|
|
z-index: 12;
|
|
}
|
|
|
|
/* taze end */
|
|
|
|
.logo {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-60%, -20%);
|
|
-webkit-transform: translate(-60%, -20%);
|
|
-o-transform: translate(-60%, -20%);
|
|
-moz-transform: translate(-60%, -20%);
|
|
-ms-transform: translate(-60%, -20%);
|
|
z-index: 45;
|
|
display: flex;
|
|
/* align-items: center; */
|
|
justify-content: center;
|
|
}
|
|
|
|
.new_logo {
|
|
width: 80px;
|
|
height: 80px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.new_logo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
.head_right {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-top: 45px;
|
|
}
|
|
|
|
.form {
|
|
position: relative;
|
|
}
|
|
|
|
.input input {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
padding: 10px 30px 10px 20px;
|
|
border-radius: 5px;
|
|
width: 200px;
|
|
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.input input:focus {
|
|
outline: 1px solid rgba(0, 0, 0, .5);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.search {
|
|
border: none;
|
|
background: none;
|
|
cursor: pointer;
|
|
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 10px;
|
|
}
|
|
|
|
.search:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.hamburg {
|
|
padding: 20px;
|
|
position: relative;
|
|
display: none;
|
|
right: 20px;
|
|
z-index: 1000;
|
|
top: 50%;
|
|
right: 10px;
|
|
transform: translateY(80%);
|
|
-webkit-transform: translateY(80%);
|
|
-o-transform: translateY(80%);
|
|
-moz-transform: translateY(80%);
|
|
-ms-transform: translateY(80%);
|
|
background: #00A933;
|
|
cursor: pointer;
|
|
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
.hamburg:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.hamburg span {
|
|
content: '';
|
|
width: 20px;
|
|
height: 2px;
|
|
|
|
position: absolute;
|
|
top: 19px;
|
|
right: 9px;
|
|
background: #fff;
|
|
}
|
|
|
|
.hamburg span::before {
|
|
content: '';
|
|
width: 20px;
|
|
height: 2px;
|
|
|
|
position: absolute;
|
|
top: -5px;
|
|
right: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.hamburg span::after {
|
|
content: '';
|
|
width: 20px;
|
|
height: 2px;
|
|
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
/* Navs
|
|
================================ */
|
|
.navs_section {
|
|
background: #00A933;
|
|
/* min-height: 10px; */
|
|
}
|
|
|
|
.navs_inner {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.menu {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15px 20px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* .menu:hover {
|
|
background: #00912C;
|
|
} */
|
|
|
|
.menu:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: -30%;
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #00912C;
|
|
|
|
transform: skewX(35deg);
|
|
-moz-transform: skewX(35deg);
|
|
-ms-transform: skewX(35deg);
|
|
-webkit-transform: skewX(35deg);
|
|
-o-transform: skewX(35deg);
|
|
|
|
z-index: -1;
|
|
transition: width .4s;
|
|
-moz-transition: width .4s;
|
|
}
|
|
|
|
.menu:hover::before {
|
|
width: 150%;
|
|
}
|
|
|
|
.hide_menu {
|
|
display: flex;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
position: absolute;
|
|
top: 39px;
|
|
left: 1px;
|
|
margin-top: 22px;
|
|
width: 420px;
|
|
background: #fff;
|
|
max-height: 0px;
|
|
transition: all .4s;
|
|
-moz-transition: all .4s;
|
|
|
|
-webkit-box-shadow: 0px 0px 5px 2px rgba(206, 216, 215, 1);
|
|
-moz-box-shadow: 0px 0px 5px 2px rgba(206, 216, 215, 1);
|
|
box-shadow: 0px 0px 5px 2px rgba(206, 216, 215, 1);
|
|
}
|
|
|
|
.hide_menu a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
background: #fff;
|
|
padding: 30px;
|
|
|
|
border-bottom: 1px solid #CED8D7;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.5;
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
}
|
|
|
|
.hide_menu a:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.hide_menu a:hover {
|
|
background: rgb(240, 240, 240);
|
|
}
|
|
|
|
.menu.active {
|
|
background: #00912C;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.span {
|
|
content: '';
|
|
width: 12px;
|
|
height: 2px;
|
|
background: #fff;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.span::before,
|
|
.span::after {
|
|
content: '';
|
|
width: 20px;
|
|
height: 2px;
|
|
background: #fff;
|
|
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.span::before {
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.span::after {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.menu_text {
|
|
margin-left: 35px;
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.navs {
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
|
|
.icons {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.link {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
cursor: pointer;
|
|
padding: 15px;
|
|
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* .link:hover {
|
|
background: #00912C;
|
|
} */
|
|
|
|
.link:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: -30%;
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #00912C;
|
|
|
|
transform: skewX(35deg);
|
|
-moz-transform: skewX(35deg);
|
|
-ms-transform: skewX(35deg);
|
|
-webkit-transform: skewX(35deg);
|
|
-o-transform: skewX(35deg);
|
|
|
|
z-index: -1;
|
|
transition: width .4s;
|
|
-moz-transition: width .4s;
|
|
}
|
|
|
|
.link:hover::before {
|
|
width: 150%;
|
|
}
|
|
|
|
.link.active {
|
|
background: #00912C;
|
|
padding: 15px;
|
|
}
|
|
|
|
.hide_media {
|
|
display: flex;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
|
|
position: absolute;
|
|
top: 37px;
|
|
left: -145px;
|
|
|
|
margin-top: 22px;
|
|
width: 420px;
|
|
background: #fff;
|
|
max-height: 0px;
|
|
z-index: 111;
|
|
|
|
-webkit-box-shadow: 0px 0px 5px 1px rgba(206, 216, 215, 1);
|
|
-moz-box-shadow: 0px 0px 5px 1px rgba(206, 216, 215, 1);
|
|
box-shadow: 0px 0px 5px 1px rgba(206, 216, 215, 1);
|
|
}
|
|
|
|
.show {
|
|
max-height: 600px;
|
|
opacity: 1;
|
|
overflow-y: auto;
|
|
z-index: 11;
|
|
}
|
|
|
|
|
|
.hide_media a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
background: #fff;
|
|
padding: 30px;
|
|
|
|
border-bottom: 1px solid #CED8D7;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.5;
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
}
|
|
|
|
.hide_media a:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.hide_media a:hover {
|
|
background: rgb(240, 240, 240);
|
|
}
|
|
|
|
.stick {
|
|
content: "";
|
|
width: 1px;
|
|
height: 17px;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
margin: 20px 10px;
|
|
}
|
|
|
|
.nav_link {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
margin-left: 10px;
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.fix {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
margin-top: 0;
|
|
|
|
z-index: 50;
|
|
}
|
|
|
|
/* Intro
|
|
===================== */
|
|
.intro {
|
|
padding-top: 20px;
|
|
display: flex;
|
|
}
|
|
|
|
.title {
|
|
color: #00A933;
|
|
padding-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
border-bottom: 1px solid #CED8D7;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
|
|
|
|
/* display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; */
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.title a {
|
|
text-decoration: none;
|
|
color: #00A933;
|
|
padding-left: 10px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.main {
|
|
width: calc(50% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.vertical_type {
|
|
display: flex;
|
|
}
|
|
|
|
.vertical_photo {
|
|
width: calc(50% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.vertical_text {
|
|
width: calc(50% - 20px);
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.main_photo {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.main_photo img {
|
|
width: 100%;
|
|
/* height: 100%;
|
|
object-fit: cover; */
|
|
}
|
|
|
|
.main_title {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.vertical_text .main_title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.main_text {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
letter-spacing: .1px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.main_end {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.main_date {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.main_link a {
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
color: #00A933;
|
|
}
|
|
|
|
.top_news {
|
|
width: calc(50% - 20px);
|
|
margin-left: 20px;
|
|
display: flex;
|
|
}
|
|
|
|
.left {
|
|
width: calc(50% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.right {
|
|
width: calc(50% - 20px);
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/* Left News
|
|
====================================== */
|
|
.top-news_info {
|
|
display: flex;
|
|
|
|
border-bottom: 1px solid rgba(206, 216, 215, .5);
|
|
padding: 20px 0;
|
|
margin-right: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.news_info {
|
|
display: flex;
|
|
|
|
border-bottom: 1px solid rgba(206, 216, 215, .5);
|
|
padding: 20px 0;
|
|
margin-right: 20px;
|
|
margin-bottom: 10px;
|
|
|
|
min-height: 50px;
|
|
max-height: 80px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.news_info:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.scroll {
|
|
overflow-y: auto;
|
|
height: 700px;
|
|
}
|
|
|
|
.scroll_vertical {
|
|
overflow-y: auto;
|
|
height: 510px;
|
|
}
|
|
|
|
.left_date {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
color: #ADADAD;
|
|
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.left_title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.left_title a {
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
color: #000;
|
|
}
|
|
|
|
.top-news_text {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.news_text {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
text-overflow: ellipsis;
|
|
/* margin-top: 5px; */
|
|
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* Right News
|
|
================================ */
|
|
.right_news {
|
|
border-bottom: 1px solid rgba(206, 216, 215, .5);
|
|
|
|
padding-bottom: 20px;
|
|
margin-right: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.right_news:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.right_title {
|
|
color: #00A933;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.right_text {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
/* Content Home Page
|
|
=================================== */
|
|
.content {
|
|
display: flex;
|
|
margin-top: 80px;
|
|
width: 100%;
|
|
}
|
|
|
|
.main_content {
|
|
/* width: 75%; */
|
|
width: 100% !important;
|
|
}
|
|
|
|
.blocks {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.block {
|
|
margin-right: 20px;
|
|
width: calc(33.3333% - 20px);
|
|
}
|
|
|
|
.blocks .block:last-child {
|
|
margin-right: 20px;
|
|
width: calc(33.3333% - 20px);
|
|
|
|
}
|
|
|
|
.banner {
|
|
margin: 70px 0;
|
|
position: relative;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
max-width: calc(1200px - 40px);
|
|
margin-right: 40px;
|
|
|
|
}
|
|
|
|
.banner_img {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.banner_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.banner_text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
color: #fff;
|
|
text-align: center;
|
|
|
|
/* padding-top: 20px; */
|
|
border: 4px solid #fff;
|
|
width: 95%;
|
|
height: 60%;
|
|
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* Aside
|
|
======================= */
|
|
.aside {
|
|
width: calc(25% - 20px);
|
|
margin-left: 20px;
|
|
display: none !important;
|
|
}
|
|
|
|
.book_img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.book_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
.download {
|
|
width: 100%;
|
|
padding: 15px 80px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
background: #00A933;
|
|
border: none;
|
|
margin-top: -10px;
|
|
cursor: pointer;
|
|
|
|
position: relative;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.download a {
|
|
color: #fff;
|
|
}
|
|
|
|
.download:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: -30%;
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #00912C;
|
|
|
|
transform: skewX(35deg);
|
|
-moz-transform: skewX(35deg);
|
|
-ms-transform: skewX(35deg);
|
|
-webkit-transform: skewX(35deg);
|
|
-o-transform: skewX(35deg);
|
|
|
|
z-index: -1;
|
|
transition: width .4s;
|
|
-moz-transition: width .4s;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.download:hover::before {
|
|
width: 150%;
|
|
}
|
|
|
|
|
|
.aside button:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.slide {
|
|
margin-top: 70px;
|
|
position: relative;
|
|
}
|
|
|
|
.slide_show {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.slide_inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.slider__item {
|
|
width: 100%;
|
|
/* height: 100%; */
|
|
/* margin-right: 20px; */
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.slider__item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
/* Media
|
|
====================== */
|
|
.media {
|
|
display: flex;
|
|
width: 100%;
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.photo {
|
|
width: calc(50% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.video {
|
|
width: calc(50% - 20px);
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.gallery {
|
|
display: flex;
|
|
}
|
|
|
|
|
|
.fancybox-image, .fancybox-spaceball {
|
|
object-fit: contain;
|
|
o-object-fit: contain;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
transform: translate(-50%, -50%) !important;
|
|
}
|
|
|
|
.item {
|
|
margin-right: 40px;
|
|
text-align: center;
|
|
width: calc(50% - 20px);
|
|
}
|
|
|
|
.item_img {
|
|
width: 100%;
|
|
max-width: calc(100% - 0px);
|
|
height: 220px;
|
|
|
|
/* border: 1px solid #CED8D7; */
|
|
/* padding: 15px; */
|
|
|
|
position: relative;
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.item_img:after {
|
|
content: '';
|
|
width: calc(100% - 30px);
|
|
height: calc(100% - 30px);
|
|
/* padding: 15px; */
|
|
/* margin: 15px; */
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
|
|
background-color: rgba(0, 169, 51, .5);
|
|
z-index: 2;
|
|
opacity: 0;
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
filter: blur(2px);
|
|
-webkit-filter: blur(2px);
|
|
|
|
display: none;
|
|
}
|
|
|
|
.item_img:hover::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.item_img:hover .photo_view,
|
|
.item_img:hover .video_view {
|
|
opacity: 1;
|
|
}
|
|
|
|
.item_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.item:last-child {
|
|
margin-right: 0;
|
|
width: calc(50% - 20px);
|
|
}
|
|
|
|
.item_text {
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
min-height: 20px;
|
|
}
|
|
|
|
.item_date {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: #CED8D7;
|
|
}
|
|
|
|
|
|
.fancybox-toolbar {
|
|
display: none;
|
|
}
|
|
|
|
/* Homeland
|
|
=================== */
|
|
.homeland {
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.mini_news {
|
|
display: flex;
|
|
}
|
|
|
|
.news_col {
|
|
display: flex;
|
|
width: 50%;
|
|
}
|
|
|
|
.news_item {
|
|
width: calc(50% - 20px);
|
|
margin-right: 20px;
|
|
display: flex;
|
|
}
|
|
|
|
/*Channel*/
|
|
.channel {
|
|
background-color: #F9F9F9;
|
|
margin: 70px 0;
|
|
padding: 45px 0;
|
|
width: 100%;
|
|
border: 1px solid #CED8D7;
|
|
}
|
|
|
|
.chanel__items {
|
|
display: flex;
|
|
}
|
|
|
|
.items {
|
|
flex: 1 1 0;
|
|
border-right: 1px solid #D2D2D2;
|
|
height: 100%;
|
|
margin: 10px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.items:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.chan__pic1 {
|
|
width: 100px;
|
|
height: 60px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.picture-mini {
|
|
width: 70px;
|
|
height: 40px;
|
|
}
|
|
|
|
.chan__pic1 img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
/* Footer
|
|
=========================== */
|
|
.foot_logo {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
|
|
.foot_logo:before {
|
|
content: '';
|
|
width: 42%;
|
|
height: 3px;
|
|
margin-right: 30px;
|
|
|
|
background: #00A933;
|
|
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
}
|
|
|
|
.foot_logo:after {
|
|
content: '';
|
|
width: 42%;
|
|
height: 3px;
|
|
margin-left: 30px;
|
|
|
|
background: #00A933;
|
|
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
}
|
|
|
|
.foot_text {
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* Country
|
|
========================= */
|
|
.country {
|
|
border: 1px solid #D6D6D6;
|
|
padding: 30px 50px 0 50px;
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.visitor {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
color: #00A933;
|
|
}
|
|
|
|
.arrow img {
|
|
margin-left: 10px;
|
|
width: 7px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.visit {
|
|
margin-top: 30px;
|
|
|
|
display: grid;
|
|
display: -moz-grid;
|
|
display: -ms-grid;
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
grid-area: auto;
|
|
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.visit_item {
|
|
display: flex;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.visit_icon {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Another Page ================= */
|
|
/* Post Page ====================*/
|
|
|
|
.big_photo {
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.big_photo::after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
z-index: -1;
|
|
background: url(../images/bg.jpg);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
filter: blur(5px);
|
|
-webkit-filter: blur(5px);
|
|
}
|
|
|
|
.big_photo img {
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: 830px;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
.vertical_big {
|
|
width: 100%;
|
|
/* height: auto; */
|
|
position: relative;
|
|
}
|
|
|
|
.bg_blur-post {
|
|
width: 100%;
|
|
height: 550px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bg_blur-post img {
|
|
width: 100%;
|
|
height: 100%;
|
|
filter: blur(25px);
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
/* object-position: center; */
|
|
display: none;
|
|
}
|
|
|
|
.image_inner-post {
|
|
width: 100%;
|
|
height: 500px;
|
|
position: relative;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.image_inner-post img{
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
o-object-fit: contain;
|
|
}
|
|
|
|
|
|
/* Another Page ================= */
|
|
/* Category ====================*/
|
|
/* .section {
|
|
padding-top: 20px;
|
|
margin-bottom: 20px;
|
|
} */
|
|
|
|
.section_wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
.center {
|
|
width: calc(70% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.which_page {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.page_name:last-child {
|
|
color: rgba(0, 169, 51, .7);
|
|
}
|
|
|
|
.page_name {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
color: #00A933;
|
|
}
|
|
|
|
.slash {
|
|
color: #00A933;
|
|
margin: 0 20px;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.main_news-item:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.main_news-item {
|
|
padding: 50px 0;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
|
|
border-bottom: 1px solid rgba(206, 216, 215, .5);
|
|
}
|
|
|
|
.main_news-date {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
font-size: 15px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
color: #ADADAD;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.main_news-title {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.main_news-text {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.main_news-text p {
|
|
margin-block-start: .1em;
|
|
margin-block-end: .1em;
|
|
}
|
|
|
|
.section_end {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.page_list {
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: #ADADAD;
|
|
}
|
|
|
|
.page_num {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.direct_btn {
|
|
padding: 8px 15px;
|
|
background: #00A933;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.input_page {
|
|
width: 80px;
|
|
height: 40px;
|
|
text-align: center;
|
|
margin: 0 10px;
|
|
border-radius: 5px;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
|
|
background: #F4F7F8;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.right_side {
|
|
width: calc(30% - 20px);
|
|
margin-left: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.right_side .scroll {
|
|
height: 860px;
|
|
}
|
|
|
|
/* Another Page ================ */
|
|
/* News Page =============== */
|
|
.news_page-title {
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.news_publish {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 25px;
|
|
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
color: #ADADAD;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
/* new slider ============================================================================= */
|
|
|
|
.single_slider {
|
|
width: 100%;
|
|
height: 400px;
|
|
|
|
margin-bottom: 50px;
|
|
/* border: 1px solid rgba(0, 0, 0, .3); */
|
|
|
|
/* background: rgba(0,0,0,.5); */
|
|
background: rgba(130,130,130,.1);
|
|
|
|
}
|
|
|
|
.single_slider img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
.multiple_slider {
|
|
display: flex;
|
|
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.multiple_main {
|
|
width: calc(80% - 10px);
|
|
margin-right: 10px;
|
|
|
|
/* background: rgba(0,0,0,.5); */
|
|
}
|
|
|
|
.multiple_photo {
|
|
width: 100%;
|
|
height: 430px;
|
|
display: block;
|
|
|
|
/* border: 1px solid rgba(0, 0, 0, .3); */
|
|
background: rgba(130,130,130,.1);
|
|
|
|
}
|
|
|
|
.multiple_photo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
.multiple_aside {
|
|
width: calc(20% - 10px);
|
|
height: 430px;
|
|
overflow: auto;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.multiple_aside::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.multiple_item {
|
|
width: calc(100% - 10px);
|
|
height: 100px;
|
|
margin-bottom: 10px;
|
|
display: block;
|
|
|
|
/* border: 1px solid rgba(0, 0, 0, .3); */
|
|
|
|
background: rgba(130,130,130,.1);
|
|
}
|
|
|
|
.multiple_item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.multiple_item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
/* new slider ============================================================================= */
|
|
|
|
|
|
|
|
|
|
.news_slider {
|
|
display: flex;
|
|
height: 430px;
|
|
width: 100%;
|
|
position: relative;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.news_page-text {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
|
|
.news_page-text p {
|
|
line-height: 2;
|
|
text-indent: 1.5em;
|
|
text-align: justify;
|
|
}
|
|
|
|
.para_wrap p{
|
|
line-height: 2;
|
|
text-indent: 1.5em;
|
|
text-align: justify;
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.para_wrap p::first-line {
|
|
white-space: normal;
|
|
}
|
|
|
|
.para_wrap p::first-letter {
|
|
white-space: normal;
|
|
}
|
|
|
|
|
|
/* Another Page ================ */
|
|
/* Gallery Page =============== */
|
|
|
|
.gallery_outer {
|
|
display: grid;
|
|
display: -moz-grid;
|
|
display: -ms-grid;
|
|
margin-top: 40px;
|
|
/* margin-bottom: 20px; */
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
grid-area: auto;
|
|
grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.gallery_item {
|
|
position: relative;
|
|
width: calc(100% - 20px);
|
|
/* width: 100%; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
background: #FFFFFF;
|
|
margin: 10px;
|
|
text-align: center;
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gallery_img {
|
|
width: calc(100% - 30px);
|
|
height: 270px;
|
|
padding: 15px;
|
|
border: 1px solid #f3f3f3;
|
|
|
|
position: relative;
|
|
transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
}
|
|
|
|
.gallery_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
.gallery_video {
|
|
width: calc(100% - 30px);
|
|
height: 270px;
|
|
padding: 15px;
|
|
border: 1px solid #f3f3f3;
|
|
|
|
position: relative;
|
|
transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gallery_video img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
/* .gallery_video {
|
|
width: calc(100% - 30px);
|
|
height: 270px;
|
|
padding: 15px;
|
|
border: 1px solid #f3f3f3;
|
|
|
|
position: relative;
|
|
transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
z-index: 1;
|
|
}
|
|
|
|
.gallery_video video {
|
|
width: 100%;
|
|
height: 100%;
|
|
} */
|
|
|
|
.photo_view {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
|
|
padding: 10px 15px;
|
|
border: 2px solid #fff;
|
|
border-radius: 5px;
|
|
z-index: 5;
|
|
|
|
display: none;
|
|
|
|
opacity: 0;
|
|
transition: opacity .5s;
|
|
-moz-transition: opacity .3s;
|
|
}
|
|
|
|
.photo_view a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.video_view {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
|
|
padding: 10px 15px;
|
|
border: 2px solid #fff;
|
|
border-radius: 5px;
|
|
z-index: 5;
|
|
|
|
display: none;
|
|
|
|
opacity: 0;
|
|
transition: opacity .3s;
|
|
-moz-transition: opacity .3s;
|
|
}
|
|
|
|
.video_view {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gallery_img:after {
|
|
content: '';
|
|
width: calc(100% - 30px);
|
|
height: calc(100% - 30px);
|
|
/* padding: 15px; */
|
|
/* margin: 15px; */
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
|
|
background-color: rgba(0, 169, 51, .5);
|
|
z-index: 2;
|
|
opacity: 0;
|
|
transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
filter: blur(2px);
|
|
-webkit-filter: blur(2px);
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.gallery_video:after {
|
|
content: '';
|
|
width: calc(100% - 30px);
|
|
height: calc(100% - 30px);
|
|
/* padding: 15px; */
|
|
/* margin: 15px; */
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
|
|
background-color: rgba(0, 0, 0, .5);
|
|
z-index: 2;
|
|
opacity: 0;
|
|
transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
filter: blur(2px);
|
|
-webkit-filter: blur(2px);
|
|
|
|
display: none;
|
|
}
|
|
|
|
.gallery_img:hover::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.gallery_video:hover::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.gallery_img:hover .photo_view {
|
|
opacity: 1;
|
|
}
|
|
|
|
.gallery_video:hover .video_view {
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.gallery_info {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.photo_title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.5;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.photo_date {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: #ADADAD;
|
|
}
|
|
|
|
/* Video Player */
|
|
.player {
|
|
border: 2px solid rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
|
background: rgba(0,0,0,.8);
|
|
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 50;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
width:85%;
|
|
height: 80%;
|
|
|
|
/* opacity: 0;
|
|
visibility: hidden; */
|
|
transition: all .2s;
|
|
}
|
|
|
|
.player__video {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.player_bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;left: 0;
|
|
/* top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%); */
|
|
/* overflow: hidden; */
|
|
z-index: 60;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
/* display: none; */
|
|
}
|
|
|
|
.player_bg::before {
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
z-index: -1;
|
|
|
|
background-color: rgba(0, 0, 0, .7);
|
|
|
|
-webkit-filter: blur(2px);
|
|
filter: blur(2px);
|
|
-webkit-filter: blur(2px);
|
|
-moz-filter: blur(2px);
|
|
-ms-filter: blur(2px);
|
|
-o-filter: blur(2px);
|
|
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
|
|
/* When fullscreen is active. */
|
|
.player:fullscreen {
|
|
max-width: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.player:-webkit-full-screen {
|
|
max-width: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.player__button {
|
|
background: none;
|
|
border: 0;
|
|
line-height: 1;
|
|
color: white;
|
|
text-align: center;
|
|
outline: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
max-width: 50px;
|
|
font-size: 16px;
|
|
margin: 0 30px;
|
|
}
|
|
|
|
.player__button:focus {
|
|
border-color: #00A933;
|
|
}
|
|
|
|
.player__slider {
|
|
width: 10px;
|
|
height: 30px;
|
|
}
|
|
|
|
.player__controls {
|
|
background-color: #000;
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
transform: translateY(100%) translateY(-10px);
|
|
transition: all .3s;
|
|
flex-wrap: wrap;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.player:hover .player__controls {
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
.player:hover .progress {
|
|
height: 12px;
|
|
}
|
|
|
|
.progress {
|
|
flex: 10;
|
|
position: relative;
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
height: 7px;
|
|
transition: height 0.3s;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.progress__filled {
|
|
width: 50%;
|
|
background: #00A933;
|
|
flex: 0;
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
.backBtn img {
|
|
width: 10px;
|
|
}
|
|
|
|
.forwardBtn img {
|
|
width: 10px;
|
|
}
|
|
|
|
.volume {
|
|
/* width: 10px; */
|
|
height: 25px;
|
|
}
|
|
|
|
.control_item {
|
|
display: flex;
|
|
align-items: end;
|
|
}
|
|
|
|
.playeer {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.bigger {
|
|
font-size: 24px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 0;
|
|
}
|
|
|
|
.videoShow {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
input[type=range] {
|
|
-webkit-appearance: none;
|
|
background: transparent;
|
|
border-radius: 50px;
|
|
width: 100%;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
input[type=range]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
width: 100%;
|
|
height: 8.4px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border-radius: 1.3px;
|
|
border: 0.2px solid rgba(1, 1, 1, 0);
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
height: 15px;
|
|
width: 15px;
|
|
border-radius: 50px;
|
|
background: #00A933;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
margin-top: -3.5px;
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
background: rgba(255, 255, 255, .5);
|
|
}
|
|
|
|
input[type=range]::-moz-range-track {
|
|
width: 100%;
|
|
height: 8.4px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
|
|
background: #ffffff;
|
|
border-radius: 1.3px;
|
|
border: 0.2px solid rgba(1, 1, 1, 0);
|
|
}
|
|
|
|
input[type=range]::-moz-range-thumb {
|
|
box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
|
|
height: 15px;
|
|
width: 15px;
|
|
border-radius: 50px;
|
|
background: #00A933;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Another Page ================ */
|
|
/* Search Page =============== */
|
|
.right_side .form {
|
|
position: relative;
|
|
}
|
|
|
|
.right_side .form .input input {
|
|
/* position: absolute; */
|
|
width: calc(100% - 50px);
|
|
margin-bottom: 30px;
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
padding: 10px 30px 10px 20px;
|
|
border-radius: 5px;
|
|
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.found_news {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.quantity_num {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Archive Page =============== */
|
|
/* Calendar */
|
|
|
|
.calendar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.calendar input {
|
|
width: 100%;
|
|
display: none;
|
|
font-family: 'Poppins', sans-serif;
|
|
|
|
}
|
|
|
|
/* Another Page ================ */
|
|
/* Contact Page =============== */
|
|
.contact_wrapper {
|
|
display: flex;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.contact_form {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: -20px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.contact_form input,
|
|
.contact_form textarea {
|
|
font-family: 'Poppins', sans-serif;
|
|
border: 1px solid #CED8D7;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.contact_form input:focus,
|
|
.contact_form textarea:focus {
|
|
outline: 1px solid rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
.form-input {
|
|
margin: 20px;
|
|
width: calc(50% - 45px);
|
|
|
|
}
|
|
|
|
.form-input input {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
padding: 15px;
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
|
|
.form-textarea {
|
|
width: calc(100% - 50px);
|
|
max-width: calc(100% - 50px);
|
|
}
|
|
|
|
.contact_textarea {
|
|
width: calc(100% - 30px);
|
|
max-width: calc(100% - 30px);
|
|
min-width: calc(70% - 40px);
|
|
height: 150px;
|
|
min-height: 50px;
|
|
max-height: 250px;
|
|
border-radius: 5px;
|
|
|
|
position: relative;
|
|
padding: 15px;
|
|
margin: 20px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.form-group {
|
|
width: 100%;
|
|
margin: 20px;
|
|
}
|
|
|
|
.contact_btn {
|
|
padding: 15px 100px;
|
|
text-align: center;
|
|
background: #00A933;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.5;
|
|
|
|
position: relative;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.contact_btn:focus {
|
|
outline: none;
|
|
border: 1px solid #CED8D7;
|
|
|
|
}
|
|
|
|
.contact_btn:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: -30%;
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #00912C;
|
|
|
|
transform: skewX(35deg);
|
|
-moz-transform: skewX(35deg);
|
|
-ms-transform: skewX(35deg);
|
|
-webkit-transform: skewX(35deg);
|
|
-o-transform: skewX(35deg);
|
|
|
|
z-index: -1;
|
|
transition: width .4s;
|
|
-moz-transition: width .4s;
|
|
}
|
|
|
|
.contact_btn:hover::before {
|
|
width: 150%;
|
|
}
|
|
|
|
.contact_address {
|
|
display: flex;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.contact_icon {
|
|
display: flex;
|
|
align-items: center;
|
|
border: 1px solid #00A933;
|
|
border-radius: 50%;
|
|
padding: 7px;
|
|
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.addres_info {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.address_name {
|
|
margin-bottom: 5px;
|
|
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.address_num {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.6;
|
|
color: #00A933;
|
|
}
|
|
|
|
.yandex_map {
|
|
margin-top: 70px;
|
|
display: none;
|
|
}
|
|
|
|
/* Test==================== */
|
|
.hidden_img {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.hidden_img {
|
|
width: 100%;
|
|
height: auto;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
|
|
|
|
/* Weekly page ======================================================== */
|
|
.week_form {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.week_col {
|
|
position: relative;
|
|
}
|
|
|
|
.week_col:last-child {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.magazines {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
margin-top: 50px;
|
|
margin: 0 -30px;
|
|
}
|
|
|
|
.magazine_item {
|
|
width: calc(20% - 60px);
|
|
margin: 25px 30px;
|
|
}
|
|
|
|
.magazine_photo {
|
|
width: 100%;
|
|
/* height: 335px; */
|
|
}
|
|
|
|
.magazine_photo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
.magazine_date {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
margin: 20px 0 10px;
|
|
}
|
|
|
|
.magazine_btn {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
color: #00A933;
|
|
}
|
|
|
|
/* */
|
|
|
|
.custom-select {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-select select {
|
|
display: none;
|
|
}
|
|
|
|
.select-selected {
|
|
background-color: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.select-selected::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0px;
|
|
transform: translateY(-50%);
|
|
width: 10px;
|
|
height: 10px;
|
|
-webkit-clip-path: polygon(100% 50%, 0 50%, 50% 100%);
|
|
clip-path: polygon(100% 50%, 0 50%, 50% 100%);
|
|
background: rgba(0, 0, 0, .4);
|
|
}
|
|
|
|
.select-selected:after {
|
|
position: absolute;
|
|
content: "";
|
|
top: 14px;
|
|
right: 10px;
|
|
width: 0;
|
|
height: 0;
|
|
/* border: 6px solid transparent; */
|
|
/* border-color: #fff transparent transparent transparent; */
|
|
}
|
|
|
|
.select-selected.select-arrow-active:after {
|
|
/* border-color: transparent transparent #fff transparent; */
|
|
top: 7px;
|
|
}
|
|
|
|
.select-items div,
|
|
.select-selected {
|
|
color: #000;
|
|
padding: 8px 16px;
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.select-selecte {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.select-items {
|
|
position: absolute;
|
|
background-color: #fff;
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 9;
|
|
border: 1px solid rgba(0, 0, 0, .2);
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.select-hide {
|
|
display: none;
|
|
}
|
|
|
|
.select-items div:hover,
|
|
.same-as-selected {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Weekly page end ======================================================== */
|
|
|
|
/* Error ======================================================== */
|
|
|
|
.error {
|
|
padding: 200px 0;
|
|
}
|
|
|
|
.error_wrap {
|
|
text-align: center;
|
|
}
|
|
|
|
.error_title {
|
|
font-size: 100px;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
margin-bottom: 30px;
|
|
color: #EB2F31;
|
|
}
|
|
|
|
.error_text {
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
max-width: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.error_link {
|
|
color: #00A933;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
line-height: 2;
|
|
/* display: block; */
|
|
}
|
|
|
|
/* Error end ======================================================== */
|
|
|
|
/* Media Query
|
|
========================================= */
|
|
@media(max-width: 1500px) {
|
|
.auto_container {
|
|
padding: 0 50px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 1430px) {
|
|
.auto_container {
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.languages a {
|
|
width: 300px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.main_content {
|
|
width: 70%;
|
|
}
|
|
|
|
.banner_text {
|
|
/* padding-top: 10px; */
|
|
line-height: 1.6;
|
|
font-size: 22px;
|
|
}
|
|
|
|
.aside {
|
|
width: calc(30% - 20px);
|
|
}
|
|
}
|
|
|
|
@media(max-width: 1350px) {
|
|
.title a {
|
|
font-size: 21px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
.center {
|
|
width: calc(65% - 20px);
|
|
}
|
|
|
|
.right_side {
|
|
width: calc(35% - 20px);
|
|
}
|
|
|
|
.which_page {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.auto_container {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.title a {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.lang {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.right {
|
|
display: none;
|
|
}
|
|
|
|
.main {
|
|
width: calc(60% - 20px);
|
|
}
|
|
|
|
.top_news {
|
|
width: calc(40% - 20px);
|
|
margin-left: 0;
|
|
}
|
|
|
|
.banner {
|
|
margin-right: 0;
|
|
margin: 60px;
|
|
}
|
|
|
|
.banner_text {
|
|
font-size: 22px;
|
|
line-height:1.5;
|
|
}
|
|
|
|
.multiple_main {
|
|
width: calc(70% - 10px);
|
|
}
|
|
|
|
.multiple_aside {
|
|
width: calc(30% - 10px);
|
|
}
|
|
|
|
|
|
.left {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.main_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.content {
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.main_content {
|
|
width: 100%;
|
|
}
|
|
|
|
.media {
|
|
width: 100%;
|
|
}
|
|
|
|
.aside {
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
/* justify-content: space-around; */
|
|
margin-left: 0;
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.book {
|
|
width: calc(50% - 50px);
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.slide {
|
|
margin-top: 0;
|
|
width: calc(50% - 50px);
|
|
margin-left: 50px;
|
|
}
|
|
|
|
.slide .imgs {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.dots {
|
|
bottom: 0px;
|
|
left: -80px;
|
|
}
|
|
|
|
.gallery {
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.item {
|
|
margin-right: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.item:last-child {
|
|
margin-top: 50px;
|
|
margin-right: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.gallery_outer {
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|
}
|
|
|
|
/* Contact Page */
|
|
|
|
.form-input {
|
|
margin: 20px;
|
|
width: calc(100% - 45px);
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 1060px) {
|
|
|
|
.auto_container {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.navs_section {
|
|
min-height: 10px;
|
|
}
|
|
|
|
.privacy {
|
|
padding: 120px 0 70px;
|
|
}
|
|
|
|
/* Header */
|
|
.hide_menu {
|
|
/* transition: none; */
|
|
top: 105px;
|
|
}
|
|
|
|
.header {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
/* height: 11.5%; */
|
|
/* margin-top: 0; */
|
|
}
|
|
|
|
.head_right {
|
|
display: none;
|
|
}
|
|
|
|
.header_inner {
|
|
justify-content: flex-end;
|
|
margin-bottom: 55px;
|
|
}
|
|
|
|
.search_mobile {
|
|
display: block;
|
|
/* width: 100%; */
|
|
padding: 15px;
|
|
}
|
|
|
|
.show {
|
|
max-height: 450px;
|
|
}
|
|
|
|
.input input {
|
|
padding: 10px 40px 10px 20px;
|
|
width: 300px;
|
|
}
|
|
|
|
.input input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
|
|
.search {
|
|
right: 13px;
|
|
}
|
|
|
|
.lang {
|
|
display: none;
|
|
}
|
|
|
|
.langMobile {
|
|
display: flex;
|
|
/* justify-content: center; */
|
|
position: relative;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 15px;
|
|
width: calc(100% - 30px);
|
|
|
|
/* overflow: hidden; */
|
|
z-index: 1;
|
|
}
|
|
|
|
.langMobile:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: -30%;
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #00912C;
|
|
|
|
transform: skewX(35deg);
|
|
-moz-transform: skewX(35deg);
|
|
-ms-transform: skewX(35deg);
|
|
-webkit-transform: skewX(35deg);
|
|
-o-transform: skewX(35deg);
|
|
|
|
z-index: -1;
|
|
transition: width .4s;
|
|
-moz-transition: width .4s;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.langMobile:hover::before {
|
|
width: 150%;
|
|
}
|
|
|
|
.current_langMobile {
|
|
display: flex;
|
|
}
|
|
|
|
.current_langMobile a {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.languagesMobile {
|
|
display: none;
|
|
/* display: flex; */
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
|
|
margin-top: 40px;
|
|
position: absolute;
|
|
/* top: -1px; */
|
|
bottom: -185px;
|
|
left: 0px;
|
|
|
|
background: #fff;
|
|
z-index: 10;
|
|
}
|
|
|
|
.languagesMobile a {
|
|
font-size: 15px;
|
|
line-height: 1.3;
|
|
font-weight: 700;
|
|
padding: 20px;
|
|
|
|
width: 200px;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
z-index: 1;
|
|
border-bottom: 2px solid #CED8D7;
|
|
}
|
|
|
|
.languagesMobile a:hover {
|
|
background: rgb(240, 240, 240);
|
|
}
|
|
|
|
.select_language2 {
|
|
margin-left: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.lang_icon {
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
height: 20px;
|
|
}
|
|
|
|
.current_lang a {
|
|
color: #fff;
|
|
}
|
|
|
|
.languages a {
|
|
color: #fff;
|
|
}
|
|
|
|
.fix {
|
|
/* top: 100px; */
|
|
position: relative;
|
|
}
|
|
|
|
.hamburg {
|
|
display: block;
|
|
}
|
|
|
|
.logo {
|
|
top: 35px;
|
|
left: 315px;
|
|
z-index: 60;
|
|
}
|
|
|
|
.logo a img {
|
|
width: 450px;
|
|
}
|
|
|
|
.new_logo {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.navs_inner {
|
|
display: none;
|
|
|
|
max-height: 0;
|
|
transition: all .9s;
|
|
-moz-transition: all .2s;
|
|
}
|
|
|
|
.navs {
|
|
display: block;
|
|
}
|
|
|
|
.open {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
max-height: 1500px;
|
|
}
|
|
|
|
.menu {
|
|
padding: 15px !important;
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
.navs {
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
.navs .link {
|
|
width: 100%;
|
|
}
|
|
|
|
.hide_media {
|
|
top: 102px;
|
|
left: 0;
|
|
width: 300px;
|
|
}
|
|
|
|
.hide_menu {
|
|
width: 300px;
|
|
}
|
|
|
|
.hide_menu a {
|
|
padding: 20px;
|
|
font-size: 15px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.hide_media a {
|
|
padding: 20px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.stick {
|
|
display: none;
|
|
}
|
|
|
|
.player {
|
|
height: auto;
|
|
}
|
|
|
|
.intro {
|
|
padding-top: 120px;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.banner {
|
|
margin: 60px 10px;
|
|
}
|
|
|
|
.banner_text {
|
|
/* padding-top: 0; */
|
|
font-size: 21px;
|
|
}
|
|
|
|
.main {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.top_news {
|
|
margin-top: 70px;
|
|
width: 100%;
|
|
}
|
|
|
|
.scroll {
|
|
height: initial;
|
|
overflow-y: initial;
|
|
}
|
|
|
|
.scroll .top-news_info::selection .news_col {
|
|
display: block;
|
|
}
|
|
|
|
.scroll .top-news_info:nth-child(n+5):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.block {
|
|
width: calc(50% - 20px);
|
|
}
|
|
|
|
.blocks .block:nth-child(2) {
|
|
margin-right: 0;
|
|
width: calc(50% - 20px);
|
|
}
|
|
|
|
.blocks .block:last-child {
|
|
width: calc(50% - 20px);
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.blocks .block .news_info:nth-child(n+6):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.news_info {
|
|
margin-right: 0;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.news_item {
|
|
width: calc(100% - 40px);
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.channel {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.chanel__items {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.items {
|
|
flex: none;
|
|
width: calc(33.33333% - 20px);
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.items:nth-child(3) {
|
|
border: none;
|
|
}
|
|
|
|
|
|
.items:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
/* .section {
|
|
padding-top: 160px;
|
|
} */
|
|
|
|
.which_page {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.news_page-title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.news_publish {
|
|
margin-top: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.news_page-text {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.para_text {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.center {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.break {
|
|
display: none;
|
|
}
|
|
|
|
.section_wrapper {
|
|
flex-direction: column-reverse;
|
|
-ms-flex-direction: column-reverse;
|
|
}
|
|
|
|
.full {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.calendar {
|
|
width: 60%;
|
|
}
|
|
|
|
/* Contact Page */
|
|
.contact_wrapper {
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.form-input {
|
|
margin: 20px;
|
|
width: calc(50% - 45px);
|
|
}
|
|
|
|
.contact_wrapper .right_side {
|
|
margin-top: 70px;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Footer */
|
|
.foot_logo::before,
|
|
.foot_logo::after {
|
|
width: 38%;
|
|
}
|
|
|
|
.openMobile {
|
|
display: flex;
|
|
max-height: 400px;
|
|
overflow-y: auto;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* Magazine Page ===================== */
|
|
|
|
.magazine_item {
|
|
width: calc(33.33% - 40px);
|
|
margin: 25px 20px;
|
|
}
|
|
|
|
/* Error ================================== */
|
|
.error {
|
|
padding: 250px 0 200px;
|
|
}
|
|
|
|
.error_title {
|
|
font-size: 60px;
|
|
}
|
|
|
|
.error_text {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.error_link {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 850px) {
|
|
.multiple_main {
|
|
width: calc(100% - 0px);
|
|
margin-right: 0;
|
|
}
|
|
|
|
.multiple_aside {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 790px) {
|
|
|
|
.privacy_title {
|
|
font-size: 24px;
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
.privacy_sub-title {
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
|
|
li {
|
|
line-height: 1.6;
|
|
font-size: 16px;
|
|
margin: 10px 0;
|
|
font-weight: 500;
|
|
word-spacing: 1px;
|
|
}
|
|
|
|
.header_inner {
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.logo {
|
|
left: 270px;
|
|
/* align-items: unset; */
|
|
}
|
|
|
|
.logo a img {
|
|
width: 390px;
|
|
}
|
|
|
|
.new_logo {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.hamburg {
|
|
transform: translateY(60%);
|
|
-webkit-transform: translateY(60%);
|
|
-o-transform: translateY(60%);
|
|
-moz-transform: translateY(60%);
|
|
-ms-transform: translateY(60%);
|
|
}
|
|
|
|
.fancybox-show-thumbs .fancybox-thumbs {
|
|
display: none;
|
|
}
|
|
|
|
.main_title {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.title {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.banner_img {
|
|
height: 160px;
|
|
}
|
|
|
|
.banner_text {
|
|
font-size: 20px;
|
|
line-height: 2;
|
|
}
|
|
|
|
.which_page {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.aside {
|
|
justify-content: initial;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.book {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.slide {
|
|
width: 100%;
|
|
margin-top: 70px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.slider .imgs {
|
|
margin: 0;
|
|
}
|
|
|
|
.media {
|
|
margin-top: 90px;
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.photo {
|
|
width: 100%;
|
|
}
|
|
|
|
.video {
|
|
width: 100%;
|
|
margin-top: 70px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.gallery .item {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.item_img {
|
|
height: 300px;
|
|
}
|
|
|
|
.gallery .item:last-child {
|
|
display: none;
|
|
}
|
|
|
|
.mini_news {
|
|
display: block;
|
|
}
|
|
|
|
.mini_news .news_col {
|
|
display: block;
|
|
}
|
|
|
|
.mini_news .news_col:last-child .news_item:last-child {
|
|
display: none;
|
|
}
|
|
/*
|
|
.player__video {
|
|
width: 500px;
|
|
} */
|
|
|
|
/* Category Page */
|
|
.main_news-item {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
/* News Page */
|
|
.news_slider .slider__big {
|
|
width: 100%;
|
|
}
|
|
|
|
.news_slider .slider__mini {
|
|
display: none;
|
|
}
|
|
|
|
/* Galler Page */
|
|
.gallery_outer {
|
|
margin-top: 0;
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|
}
|
|
|
|
/* Footer */
|
|
.foot_logo img {
|
|
width: 130px;
|
|
}
|
|
|
|
.foot_logo::before,
|
|
.foot_logo::after {
|
|
width: 34%;
|
|
}
|
|
|
|
.visit .visit_item:nth-child(n+11):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
ul {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.lang {
|
|
margin-right: 30px;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.vertical_type {
|
|
display: block;
|
|
}
|
|
|
|
.vertical_photo {
|
|
width: 100%;
|
|
}
|
|
|
|
.vertical_text {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.hide_menu a {
|
|
padding: 13px;
|
|
font-size: 15px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.hide_media a {
|
|
padding: 15px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.block {
|
|
width: calc(100% - 0px);
|
|
margin-bottom: 50px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.blocks .block:nth-child(2) {
|
|
margin-right: 0;
|
|
width: calc(100% - 20px);
|
|
}
|
|
|
|
.blocks .block:last-child {
|
|
width: calc(100% - 20px);
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.blocks .block .news_info:nth-child(n+5):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.news_info {
|
|
min-height: 25px;
|
|
}
|
|
|
|
.banner_text {
|
|
width: 90%;
|
|
}
|
|
|
|
.channel {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Contact Page */
|
|
|
|
.form-input {
|
|
margin: 20px;
|
|
width: calc(100% - 45px);
|
|
}
|
|
|
|
.contact_btn {
|
|
width: 100%;
|
|
}
|
|
|
|
.visit .visit_item:nth-child(n+9):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.footer {
|
|
padding-top: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 590px) {
|
|
.logo {
|
|
left: 230px;
|
|
}
|
|
|
|
.logo a img {
|
|
width: 350px;
|
|
}
|
|
|
|
.new_logo {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.search_mobile {
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
.input input {
|
|
width: calc(100% - 60px);
|
|
padding: 10px 40px 10px 20px;
|
|
}
|
|
|
|
.search {
|
|
right: 10px;
|
|
}
|
|
|
|
.hamburg {
|
|
padding: 17px;
|
|
position: relative;
|
|
/* right: 20px; */
|
|
z-index: 1000;
|
|
top: 50%;
|
|
right: 10px;
|
|
transform: translateY(80%);
|
|
-webkit-transform: translateY(80%);
|
|
-o-transform: translateY(80%);
|
|
-moz-transform: translateY(80%);
|
|
-ms-transform: translateY(80%);
|
|
background: #00A933;
|
|
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.hamburg span {
|
|
top: 16px;
|
|
right: 7px;
|
|
}
|
|
|
|
.scroll .top-news_info:nth-child(n+4):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.bg_blur-post {
|
|
height: 400px;
|
|
}
|
|
|
|
.image_inner-post {
|
|
height: 350px;
|
|
}
|
|
|
|
.image_inner-post img{
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
-o-object-fit: contain;
|
|
}
|
|
|
|
|
|
.mini_news {
|
|
display: block;
|
|
}
|
|
|
|
.news_item {
|
|
width: calc(100% - 5px);
|
|
margin-right: 0;
|
|
}
|
|
|
|
.banner_text {
|
|
font-size: 18px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* .section {
|
|
margin-bottom: 50px;
|
|
} */
|
|
|
|
.title {
|
|
font-size: 22px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.which_page {
|
|
margin-bottom: 35px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.page_name {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.page_name:last-child {
|
|
margin-top: 20px;
|
|
/* width: 100%; */
|
|
}
|
|
|
|
.calendar {
|
|
width: 100%;
|
|
}
|
|
|
|
/* News Page */
|
|
.news_page-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.para_text {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.found_news {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Category Pgae */
|
|
.main_news-item {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.main_news-date {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.main_news-title {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.main_news-text {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.direct_btn {
|
|
padding: 4px 10px;
|
|
}
|
|
|
|
.input_page {
|
|
width: 60px;
|
|
height: 30px;
|
|
}
|
|
|
|
.section_end {
|
|
margin-top: 50px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.page_list {
|
|
display: none;
|
|
}
|
|
|
|
/* Footer */
|
|
.foot_logo img {
|
|
width: 100px;
|
|
}
|
|
|
|
.footer_text {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.foot_logo::before,
|
|
.foot_logo::after {
|
|
width: 30%;
|
|
}
|
|
|
|
.visit .visit_item:nth-child(n+7):nth-last-child(n) {
|
|
display: none;
|
|
}
|
|
|
|
.lightpick__previous-action {
|
|
left: 20px;
|
|
}
|
|
|
|
.lightpick__next-action {
|
|
right: 20px;
|
|
}
|
|
|
|
|
|
.player {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.player__video {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Error ================================== */
|
|
.error {
|
|
padding: 200px 0 150px;
|
|
}
|
|
|
|
.error_title {
|
|
font-size: 35px;
|
|
}
|
|
|
|
.error_text {
|
|
font-size: 16px;
|
|
max-width: 90%;
|
|
}
|
|
|
|
.error_link {
|
|
font-size: 16px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 520px) {
|
|
.header_inner {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.logo {
|
|
left: 160px;
|
|
top: 30px;
|
|
}
|
|
|
|
.logo a img {
|
|
width: 280px;
|
|
}
|
|
|
|
.new_logo {
|
|
display: none;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.hamburg {
|
|
transform: translateY(60%);
|
|
-webkit-transform: translateY(60%);
|
|
-o-transform: translateY(60%);
|
|
-moz-transform: translateY(60%);
|
|
-ms-transform: translateY(60%);
|
|
right: 0px;
|
|
}
|
|
|
|
/* .section {
|
|
padding-top: 120px;
|
|
} */
|
|
|
|
.banner_text {
|
|
font-size: 16px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Magazine Page ===================== */
|
|
.magazines {
|
|
margin: 0 -20px;
|
|
}
|
|
|
|
.magazine_item {
|
|
width: calc(50% - 40px);
|
|
margin: 25px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 370px) {
|
|
.header_inner {
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
.logo {
|
|
left: 140px;
|
|
}
|
|
|
|
.logo a img {
|
|
width: 250px;
|
|
}
|
|
|
|
/* .new_logo {
|
|
width: 35px;
|
|
height: 35px;
|
|
} */
|
|
|
|
.lang_icon {
|
|
display: none;
|
|
}
|
|
|
|
/* .section {
|
|
padding-top: 100px;
|
|
} */
|
|
|
|
.slider {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.items {
|
|
width: calc(50% - 10px);
|
|
}
|
|
|
|
.items:nth-child(3) {
|
|
border-right: 1px solid #D2D2D2;
|
|
}
|
|
|
|
.items:nth-child(2) {
|
|
border-right: none;
|
|
}
|
|
|
|
.items:nth-child(4) {
|
|
border-right: none;
|
|
}
|
|
|
|
.items:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
/* .section {
|
|
margin-bottom: 40px;
|
|
} */
|
|
|
|
.news_publish {
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
.publish_date {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.para_text {
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* Magazine Page ===================== */
|
|
.magazine_item {
|
|
width: calc(100% - 0px);
|
|
margin: 25px 0;
|
|
}
|
|
|
|
.magazines {
|
|
margin: 0;
|
|
}
|
|
|
|
.week_form {
|
|
flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.week_col:last-child {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 330px) {
|
|
.items {
|
|
width: calc(100% - 90px);
|
|
border-right: none;
|
|
border-bottom: 1px solid #D2D2D2;
|
|
}
|
|
|
|
.items:nth-child(3) {
|
|
border-right: none;
|
|
}
|
|
|
|
.items:nth-child(2) {
|
|
border-right: none;
|
|
}
|
|
|
|
.items:nth-child(4) {
|
|
border-right: none;
|
|
}
|
|
|
|
.items:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.which_page {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.banner_text {
|
|
line-height: 1.3;
|
|
}
|
|
|
|
/* Footer */
|
|
.foot_logo::before,
|
|
.foot_logo::after {
|
|
width: 26%;
|
|
}
|
|
} |