/*
Theme Name: Hamachon
Version: 0.1.0
*/
/*--------------------------------------------------------------
1.0 Basis
--------------------------------------------------------------*/
:root {
--primary-color: #2ecc71;
--transition: 0.2s;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555;
}
video::-internal-media-controls-download-button {
display: none;
}
video::-webkit-media-controls-enclosure {
overflow: hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
#wpadminbar {
z-index: 999999999;
}
html {
font-size: 62.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.modal{
display:none;
}
#loading-animation {
height: 200px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 100px;
left: 0;
width: 100%;
z-index: 100;
}
#loading-animation img {
max-height: 80px;
max-width: 80px;
}
.tooltips {
text-decoration: underline;
}
.Zebra_Tooltip .Zebra_Tooltip_Message {
padding: 10px;
font-size: 13px;
text-align: center;
}
.added_to_cart.wc-forward {
text-align: center;
font-weight: bold;
border: 1px solid black;
line-height: 1;
padding: 10px 0;
}
.page-id-322 .page img {
width: auto;
}
.post-navigations_cats {
position: relative;
top: -29px;
}
.post-navigations_cats button {
font-weight: bold;
font-size: 25px;
line-height: 25px;
color: #000000;
background: transparent;
outline: none;
border: none;
padding: 0;
margin-left: 20px;
height: 32px;
cursor: pointer;
}
.post-navigations_cats button span {
font-weight: normal;
color: #2ecc71;
}
.post-navigations_cats.post-navigations_cats-small {
display: none;
}
.post-navigation__searchform label {
margin-left: 10px;
margin-right: 10px
}
.who_answers {
width: 100%;
height: 40px;
padding: 4px 8px;
border: 2px solid #2ecc71;
}
#question-form {
direction: rtl;
display: block;
width: 100%;
}
#question-form .search-form__button {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
#question-form .search-form__input {
height: 40px;
max-width: none !important;
width: 100%;
}
#question-form > .row {
margin-left: -16px;
margin-right: -16px;
}
#question-form [class|="col"] {
padding-left: 16px !important;
padding-right: 16px !important;
}
.posts.questions h4,
.posts.questions .c3 {
font-weight: 700;
}
.about h2 {
font-weight: 900;
font-size: 30px;
}
.about p {
margin-top: 0;
}
.questions.front-grid-2 video {
width: 100%;
height: 400px;
background: #000;
}
.questions.front-grid-2 .video-title {
font-size: 45px;
color: #000000;
font-weight: 700;
}
.video-box video {
width: 100%;
height: 202px;
background: #000;
-o-object-fit: cover;
object-fit: cover;
}
.video .video-item .video-box.wp-video-box {
padding-bottom: 0;
}
#register-1 .star-label,
#register-3 .star-label {
position: absolute;
color: red;
right: 19px;
top: 5px;
}
.home-first-block video {
width: 100%;
height: 100%;
background: #000;
}
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select,
.woocommerce-form-coupon input {
height: 33px;
padding-left: 5px;
padding-right: 5px;
font-size: inherit;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #a9a9a9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper textarea {
height: 87px;
resize: none;
padding: 5px;
font-size: inherit;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #a9a9a9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bread-cont-wrap {
padding-top: 20px;
position: relative;
z-index: 10;
}
.bread-cont-wrap .breadcrumb-container li a {
transition: 0.2s;
-webkit-transition: 0.2s;
}
.bread-cont-wrap .breadcrumb-container li a:hover {
color: #2ecc71 !important;
}
.main__content .wp-caption-text {
margin-top: 0;
}
.search-results .post__thumbnail-wrap {
border: 2px solid #bfbfbf;
}
.search-results .bread-cont-wrap {
display: none;
}
.custom-btn-item button, .custom-btn-item-2 > a {
display: block;
width: 100%;
margin-top: 20px;
text-align: center;
background: #000;
color: #fff;
padding: 3px 10px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
cursor: pointer;
border: none;
outline: none;
font-size: 18px;
height: 32px;
}
.custom-btn-item button:hover, .custom-btn-item-2 > a:hover {
background: #2ecc71;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
color: #ffffff;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body {
color: #000;
font-family: 'Heebo', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin: 0;
}
#icredit-iframe{
border:0;
}
.price select{
border: 2px solid rgb(255, 255, 255)!important;
color: #2ecc71;
font-size: 25px!important;
}
#isdirectdebit .container {
display: block;
position: relative;
padding-right: 35px;
margin-bottom: 12px;
line-height: 24px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
#isdirectdebit .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
#isdirectdebit .checkmark {
position: absolute;
top: 0;
right: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
#isdirectdebit .container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
#isdirectdebit .container input:checked ~ .checkmark {
background-color: #2ecc71;
}
/* Create the checkmark/indicator (hidden when not checked) */
#isdirectdebit .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
#isdirectdebit .container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
#isdirectdebit .container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (min-width: 1200px) {
body {
font-size: 18px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
font-weight: 400;
margin: 0;
}
h1 {
font-size: 32px;
}
@media (min-width: 768px) {
h1 {
font-size: 80px;
}
}
@media (min-width: 1024px) {
h1 {
font-size: 96px;
}
}
h2 {
font-size: 28px;
}
@media (min-width: 768px) {
h2 {
font-size: 32px;
}
}
h3 {
font-size: 24px;
}
@media (min-width: 768px) {
h3 {
font-size: 28px;
}
}
h4 {
font-size: 20px;
}
@media (min-width: 768px) {
h4 {
font-size: 24px;
}
}
h5 {
font-size: 16px;
}
@media (min-width: 768px) {
h5 {
font-size: 20px;
}
}
h6 {
font-size: 14px;
}
@media (min-width: 768px) {
h6 {
font-size: 16px;
}
}
p {
margin-top: 16px;
margin-bottom: 0;
}
p:first-child {
margin-top: 0;
}
a {
color: #000;
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
text-decoration: none!important;
}
a:hover {
color: #2ecc71;
text-decoration: none!important;
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
input:disabled {
background: #4d4d4d !important;
cursor: auto !important;
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.posts.questions .posts__item.post {
cursor: pointer;
padding-bottom: 20px;
padding-top: 20px;
max-width: 400px;
margin: 0 auto;
}
@media (min-width: 768px) {
.posts.questions .posts__item.post {
max-width: none;
}
}
.accordion-answer {
margin-bottom: 20px;
padding: 10px;
display: none;
}
/*--------------------------------------------------------------
4.0 Helpers
--------------------------------------------------------------*/
.container {
max-width: 1200px;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
/*--------------------------------------------------------------
5.0 Header
--------------------------------------------------------------*/
.header__top-line {
background-color: #1f1f1f;
padding-top: 8px;
padding-bottom: 8px;
}
.header__top-line-container .header__button {
padding: 0;
background-color: transparent;
width: 85px;
}
.header__top-line-container .header__button:hover {
background-color: transparent !important;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.header__top-line-container .header__button img {
width: 100%;
}
@media (min-width: 1024px) {
.header__top-line {
background-color: #fff;
border-bottom: 1px solid #2ecc71;
padding-top: 0;
padding-bottom: 0;
}
}
.header__top-line-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
}
.header__navigation-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__brand {
margin-left: 32px;
}
.header__search-form {
display: none;
}
@media (min-width: 768px) {
.header__search-form {
display: block;
margin-right: auto;
/* margin-right: 16px;
margin-left: 16px; */
}
}
@media (max-width: 1023px) {
.header__brand {
position: fixed;
z-index: 100000001;
top: 8px;
max-height: 36px;
width: auto;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.header__brand img {
max-height: 40px;
}
.header__top-line-container .menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__top-line-container .button {
left: 0;
}
.header__top-line-container .header__button {
background-color: white;
padding: 3px 5px;
width: auto;
height: 30px;
display: inline-block;
border-radius: 2px;
}
.header__top-line-container .header__button:hover {
background-color: white !important;
}
.header__top-line-container .header__button img {
width: auto;
height: 100%;
max-width: none;
display: block;
}
.header__top-line-container .header__search-form {
left: 0;
}
.search-form__input {
max-width: 120px;
}
.header__top-line {
position: fixed;
width: 100%;
z-index: 100000001;
top: 0;
}
.header__navigation {
margin-top: 56px;
}
.post-navigations_cats.post-navigations_cats-large {
display: none;
}
body .post-navigation-custom-articles {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.post-navigations_cats.post-navigations_cats-small {
display: block;
direction: ltr;
top: 0;
min-width: 600px;
width: 600px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.post-navigations_cats.post-navigations_cats-small .item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
direction: rtl;
min-height: 65px;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
}
.post-navigations_cats.post-navigations_cats-small #cat-slider .owl-nav {
padding: 0;
margin: 0;
}
.post-navigations_cats.post-navigations_cats-small #cat-slider .owl-nav .owl-prev {
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 100%;
background: url('assets/images/icons/owl-prev.png') no-repeat;
background-position: center;
padding: 0;
margin: 0;
}
.post-navigations_cats.post-navigations_cats-small #cat-slider .owl-nav .owl-next {
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 100%;
background: url('assets/images/icons/owl-next.png') no-repeat;
background-position: center;
padding: 0;
margin: 0;
}
.post-navigations_cats.post-navigations_cats-small button {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.header__banner,
.header__menu--show {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: 0;
}
.header__banner li a,
.header__menu--show li a {
padding: 8px 16px 8px 32px;
}
#header__menu li.menu-item-has-children > a:after {
left: 16px;
}
.header__brand img {
max-height: 36px;
}
.header__top-line-container .header__search-form {
display: block;
position: fixed;
top: 52px;
right: -100%;
left: auto;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
/* padding: 20px;
background: #1f1f1f;
transform: translate(50%, -50%);*/
}
.header__top-line-container .header__search-form.show {
right: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header__top-line-container .header__search-form .search-form__input {
max-width: 100%;
}
.post-navigations_cats.post-navigations_cats-small {
min-width: 100%;
width: 100%;
max-width: 100%;
}
.post-navigations_cats button {
font-size: 18px;
}
}
.header__toggle-search {
position: relative;
display: none;
height: 28px;
border: none;
background: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
margin-left: auto;
right: 0;
cursor: pointer;
}
.header__menu-toggle {
margin-left: auto;
}
@media (max-width: 767px) {
.header__toggle-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__menu-toggle {
margin-left: 15px;
}
}
.header__banner {
position: relative;
height: 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
}
.header__banner:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.25);
z-index: 0;
content: '';
}
@media (min-width: 768px) {
.header__banner {
height: 200px;
}
}
@media (min-width: 1200px) {
.header__banner {
height: 350px;
}
}
.header__heading {
font-weight: 700;
/* color: #fff;
text-shadow: 0px 7px 7px #000000; */
text-shadow: none !important;
margin: 30px auto;
max-width: 1200px;
}
/*--------------------------------------------------------------
5.0 Button
--------------------------------------------------------------*/
.button {
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #fff;
padding: 4px 12px;
background-color: #2ecc71;
display: inline-block;
cursor: pointer;
}
@media (min-width: 768px) {
.button {
padding: 8px 24px;
}
}
.button:hover {
color: #fff;
background-color: #000000;
}
/*--------------------------------------------------------------
5.0 Search Form
--------------------------------------------------------------*/
.search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-form__input {
width: 240px;
padding: 4px 8px;
border: 2px solid #2ecc71;
height: 100%;
}
.search-form__button {
font-size: 0;
background-color: #2ecc71;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACd0lEQVRIia2W32vOURjAP+82o9dqsh8lhShqklZqft5tRinF4nqFCxeSXOzClT+BCyk34pIiV8MuhpWoEeG9spSREW1DW3g/Lr7nbce398d3s6eevuc853nO55zn/PrmVKpIPdAJbAHagRlgDHgMTFQLrChqOW1Sz6kfLS9/1EF1e4X4ilrOuFv9UAGUlqJ6WV26UOBRdTbq8Jl6Uu1QW9TVao96Sf0Z+Q2HrMwLuCOCzajH1brQtl7tTAWvUR9G0NtqLiuwUS2EwFm1O9i7wywNnac7aFTvRtC+rMD+KOhssJ0w2RzTIYWHKnSyQv0UYgu1ZlkqDIeA92HU29Tf6mt1ba1Rq6ejAXfVAubVX8H5Qmi4GWybM8BQ20M2VM9X860DNgAN4Vg+Cd99wAPgVcbjPBEuBICOao4NQHMqcBlwEXiaEVaSzySDz9cCfo/qK0mur4F5wgBawvdbNac64C1QDPXOBYAgydK6UH5XCzgFjIb64WCbr/QBS0L5XlXPsHtORdu6P+POLGleHYuOVX2Wc7g8OKtOqlsywnLq9Wiwx2rFxJUDJre/6ld1b43gJvVaBHukNgTNBEQ9E0GL6g21N6St5LNJHVDHI1hBbQuDGFX3ZAWiHlF/+K8Uw6zTdtUhk5umUb0TbNMm72omIOoq9UoFQElemrwOOZMLfDDVXhaa06r/NHmgm+R8tjH3TzMEFCK/W8DBMvHTwH5gJH0s/ldbnHs30zKl7qqV0oVoq/q8AnRS3ZklpfOVVuA+sLVM2ySwcSHXWDX5AvQAL8q0NQO9iw2E5JnqrgAdX8w1TGubOhKt41U1t9hrmJZ6oIvkjXwD8BcpOFE1CUk/WQAAAABJRU5ErkJggg==');
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
width: 48px;
height: 32px;
padding: 0;
border: none;
cursor: pointer;
}
.search-form__button:hover {
background-color: #000000;
}
/*--------------------------------------------------------------
5.0 Main
--------------------------------------------------------------*/
.main {
position: relative;
z-index: 3;
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 992px) {
.main {
padding-top: 48px;
padding-bottom: 48px;
}
}
.main__navigation {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-top: 16px;
padding-bottom: 16px;
}
/*--------------------------------------------------------------
5.0 Page
--------------------------------------------------------------*/
.page__background {
position: relative;
overflow: hidden;
}
.page__background::before,
.page__background::after {
content: '';
background-image: url('assets/images/background/main-background.jpg');
background-repeat: repeat-y;
background-position: 0% -240px;
width: 500px;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
opacity: 0.1;
z-index: -1;
}
#wine{
position: relative;
z-index: 100;
}
.page-id-90631 .header__banner{
display: none;
}
.page-id-90631 .header__heading{
display: none;
}
.page__background::after {
right: 0;
left: inherit;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
/*--------------------------------------------------------------
5.0 Posts
--------------------------------------------------------------*/
.posts {
list-style: none;
padding-right: 0;
padding-left: 0;
margin-top: 24px;
margin-bottom: 0;
}
@media (min-width: 768px) {
/*.posts {*/
/* display: -ms-grid;*/
/* grid-row-gap: 32px;*/
/* display: grid;*/
/* -ms-grid-columns: (1fr) [ 2 ];*/
/* grid-template-columns: repeat(2, 1fr);*/
/* grid-column-gap: 32px;*/
/* margin-top: 32px;*/
/*}*/
}
@media (min-width: 1024px) {
/*.posts {*/
/* -ms-grid-columns: (1fr) [ 3 ];*/
/* grid-template-columns: repeat(3, 1fr);*/
/*}*/
.posts {
display: -ms-grid;
grid-row-gap: 32px;
display: grid;
-ms-grid-columns: (1fr) [ 2 ];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 32px;
margin-top: 32px;
}
.posts.field-yields {
display: block;
}
.posts.articles-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 32px;
}
.posts.articles-posts .posts__item.post {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
padding: 10px;
}
}
.post-type-archive-field-yield .posts.field-yields {
display: block;
font-size: 0;
text-align: center;
}
.post-type-archive-field-yield .posts.field-yields li {
display: inline-block;
vertical-align: top;
width: calc(25% - 20px);
margin: 10px;
min-width: 250px;
}
.post-type-archive-field-yield .posts.field-yields li .nm-button-1 {
font-size: large;
}
#search-results .posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
#search-results .posts .search-post {
display: inline-block;
vertical-align: top;
width: calc(50% - 20px);
margin: 10px;
}
@media only screen and (max-width: 480px) {
#search-results .posts .search-post {
width: calc(100% - 20px);
}
}
.post__thumbnail-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 56.25%;
}
.post__thumbnail-wrap > img {
/* .post__thumbnail */
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.post__author {
margin-top: 16px;
margin-bottom: 0;
}
/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/
.footer {
border-top: 1px solid #bfbfbf;
padding-top: 16px;
padding-bottom: 16px;
position: relative;
}
.footer::after {
content: '';
background-image: url('assets/images/background/footer-background.png');
width: 100%;
height: 450px;
position: absolute;
bottom: 0;
z-index: 2;
}
.footer__container {
display: -ms-grid;
display: grid;
position: relative;
z-index: 3;
grid-row-gap: 10px;
-ms-grid-columns: 0.5fr 3fr;
grid-template-columns: 0.5fr 3fr;
-ms-grid-rows: 1fr 0fr 0fr;
grid-template-rows: 1fr 0fr 0fr;
}
.footer__container > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__container > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__container > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__container > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__container > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__container > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__heading {
display: table;
padding-bottom: 4px;
border-bottom: 2px solid #2ecc71;
}
.footer__links {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 4;
grid-row-end: 4;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}
.footer__menu {
font-size: 14px;
list-style: none;
padding-right: 0;
padding-left: 0;
margin-top: 12px;
margin-bottom: 0;
grid-column-gap: 12px;
max-width: 320px;
}
@media (min-width: 1024px) {
.footer__menu {
font-size: 12px;
}
}
.footer__menu {
color: #9a9a9a;
}
.footer__menu a {
color: #9a9a9a;
}
.footer__menu a:hover {
color: #2ecc71;
}
.footer__made-in {
font-weight: bold;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
}
@media (min-width: 768px) {
.footer__made-in {
text-align: left;
}
}
.footer__made-in a {
color: #2ecc71;
}
.footer__made-in a:hover {
color: #000;
}
.footer__made-in:lang(il) .development_by {
color: #000;
}
.footer__made-in:lang(il) a {
color: #2ecc71;
}
.footer__made-in:lang(il) a:hover {
color: #000;
}
/*--------------------------------------------------------------
5.0 Menu
--------------------------------------------------------------*/
.menu {
display: none;
font-size: 14px;
list-style: none;
padding: 16px 0;
margin: 0 -16px;
background-color: #efefef;
}
.header__menu--show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.header__menu--show {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
.menu {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1024px) {
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
}
}
.menu li a {
padding: 8px 16px;
display: block;
}
@media (min-width: 768px) {
.menu li a {
margin-right: 16px;
margin-left: 16px;
padding: 28px 0 24px 0;
border-bottom: 6px solid transparent;
}
}
.menu li a:hover,
.menu li.current-menu-item a {
color: #fff;
background-color: #2ecc71;
}
@media (min-width: 768px) {
.menu li a:hover,
.menu li.current-menu-item a {
color: #000;
border-color: #2ecc71;
background-color: transparent;
}
}
#header__menu li {
position: relative;
}
#header__menu li.menu-item-has-children > a:after {
content: '\f107';
display: block;
position: absolute;
line-height: inherit;
font-size: inherit;
font-weight: 900;
font-family: 'Font Awesome 5 Free';
left: 3px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header__menu li.menu-item-has-children > ul {
position: absolute;
display: none;
width: 250px;
z-index: 1000;
border-top: 10px solid transparent;
background: transparent;
padding: 0;
list-style: none;
top: 100%;
right: -109px;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#header__menu li.menu-item-has-children > ul.active {
display: block !important;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#header__menu li.menu-item-has-children > ul li {
background: #fff;
}
#header__menu li.menu-item-has-children > ul li a {
margin: 0;
border-bottom: 0;
border-right: 5px solid transparent;
position: relative;
padding: 5px 15px;
}
#header__menu li.menu-item-has-children > ul li a:hover {
border-bottom: 0;
border-right: 5px solid #2ecc71;
}
#header__menu li.menu-item-has-children > ul ul {
border-top: 0px solid transparent;
position: relative;
display: none;
width: 100%;
background: #fff;
padding: 0;
list-style: none;
border-right: 5px solid #ccc;
border-left: 5px solid #ccc;
}
#header__menu li.menu-item-has-children > ul ul.active {
display: block;
}
#header__menu li.menu-item-has-children > ul ul li a {
margin: 0;
border-bottom: 0;
border-right: 5px solid transparent;
padding: 5px 15px;
}
#header__menu li.menu-item-has-children > ul ul li a:hover {
border-bottom: 0;
border-right: 5px solid #2ecc71;
}
@media (max-width: 767px) {
#header__menu li {
position: relative;
}
#header__menu li.menu-item-has-children > a:after {
top: 18px;
}
}
/*--------------------------------------------------------------
5.0 Contacts
--------------------------------------------------------------*/
.footer__contacts.contacts {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
}
.contacts {
list-style: none;
padding-right: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.contacts__item {
padding-top: 16px;
}
@media (min-width: 768px) {
.contacts__item {
margin-top: 0;
margin-right: -4px;
margin-left: -4px;
padding-right: 8px;
padding-left: 8px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.contacts__item:nth-child(3n+1) {
padding-left: 0;
}
.contacts__item:nth-child(3n+3) {
padding-right: 0;
}
}
@media (min-width: 1px) and (max-width: 767px) {
.contacts__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.footer__contacts.contacts {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
.footer__contacts.contacts {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1024px) {
.contacts__item {
padding-top: 0;
margin-right: auto;
}
.contacts__item:first-child {
padding-left: 0;
}
.contacts__item:last-child {
padding-right: 0;
}
}
.contacts__headline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
}
.contacts__title {
line-height: 1;
font-size: 14px;
}
.contacts__title,
.contacts__caption {
margin-right: 4px;
margin-left: 4px;
}
.contacts__caption {
font-size: 12px;
color: #000;
opacity: 0.5;
margin-top: 4px;
}
.contacts__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 4px;
margin-left: 4px;
}
.contacts__icon--email {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(46, 204, 113)' d='M16.370,9.142 L25.000,1.574 L25.000,16.533 L16.370,9.142 ZM0.568,0.491 C0.889,0.187 1.322,-0.000 1.798,-0.000 L23.202,-0.000 C23.682,-0.000 24.114,0.185 24.435,0.487 L12.500,10.799 L0.568,0.491 ZM-0.000,16.533 L-0.000,1.580 L8.630,9.142 L-0.000,16.533 ZM12.500,12.599 L15.593,9.870 L24.431,17.511 C24.111,17.813 23.678,17.999 23.202,17.999 L1.798,17.999 C1.319,17.999 0.886,17.813 0.564,17.511 L9.407,9.870 L12.500,12.599 Z'/%3E%3C/svg%3E");
}
/*--------------------------------------------------------------
5.0 Single
--------------------------------------------------------------*/
.single__meta {
margin-top: 4px;
}
.single__content {
margin-top: 32px;
}
/*--------------------------------------------------------------
5.0 Letter Navigation
--------------------------------------------------------------*/
.letter-navigation__heading {
font-weight: bold;
}
.letter-navigation__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
padding-right: 0;
padding-left: 0;
margin-top: 8px;
margin-bottom: 0;
}
.letter-navigation__item:first-child .letter-navigation__symbol {
width: 66px;
}
.letter-navigation__symbol {
font-size: 24px;
font-weight: bold;
background-color: #000;
color: #fff;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
display: block;
cursor: pointer;
}
.letter-navigation__symbol.active {
background: #2ecc71;
}
.letter-navigation__symbol:hover {
background-color: #2ecc71;
color: #fff;
cursor: pointer;
}
@media screen and (min-width: 992px) {
.letter-navigation .letter-navigation__list {
margin-right: 0px !important;
}
.letter-navigation .prev,
.letter-navigation .next {
display: none;
}
.main-nav-letter {
position: relative;
overflow: hidden;
}
}
@media screen and (max-width: 991px) {
.letter-navigation {
padding: 0 50px;
position: relative;
}
.letter-navigation h4 {
display: none;
}
.letter-navigation .letter-navigation__list {
width: 1000px;
}
.letter-navigation .prev,
.letter-navigation .next {
display: block;
position: absolute;
font-size: 28px;
cursor: pointer;
z-index: 10;
line-height: 1;
color: #2ecc71;
}
.letter-navigation .prev:hover,
.letter-navigation .next:hover {
color: #000;
}
.letter-navigation .prev {
bottom: 0;
right: 10px;
}
.letter-navigation .next {
bottom: 0;
left: 10px;
}
.main-nav-letter {
position: relative;
overflow: hidden;
}
}
/*--------------------------------------------------------------
5.0 Word Navigation
--------------------------------------------------------------*/
.word-navigation {
/* display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; */
/* grid-row-gap: 32px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
.word-navigation .word-navigation__section {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0;
}
@media (min-width: 768px) {
.word-navigation {
/* -ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 32px; */
width: calc(100% + 20px);
margin-right: -10px;
margin-top: 32px;
}
.word-navigation .word-navigation__section {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 10px;
}
/* .word-navigation.show-letter {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.word-navigation.show-letter .word-navigation__list {
-ms-grid-columns: (1fr) [ 6 ];
grid-template-columns: repeat(6, 1fr);
} */
}
@media (min-width: 1025px) {
/* .word-navigation.show-letter {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.word-navigation.show-letter .word-navigation__list {
-ms-grid-columns: (1fr) [ 8 ];
grid-template-columns: repeat(8, 1fr);
} */
}
.word-navigation__list {
/* display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [ 3 ];
grid-template-columns: repeat(3, 1fr); */
list-style: none;
padding-left: 0;
padding-right: 0;
margin-top: 12px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.word-navigation__list {
/* -ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 16px; */
margin-top: 24px;
}
.word-navigation.show-letter .word-navigation__section {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
/* @media (max-width: 375px) {
.word-navigation__list {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
} */
.word-navigation__item {
/* -ms-flex-preferred-size: 100%;
flex-basis: 100%; */
display: inline;
/* border-left: 1px solid;
padding-left: 10px;
margin-left: 10px; */
line-height: 2.2;
}
/* .word-navigation__item:last-child {
border-left: none;
} */
.word-navigation__item i {
margin: 0 10px;
color: #2ecc71;
}
.word-navigation__item:last-child i {
display: none;
}
.word-navigation__item .word-navigation__title {
font-weight: bold;
}
@media (min-width: 768px) {
/* .word-navigation__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
} */
}
.word-navigation__heading {
display: block;
font-weight: bold;
color: #fff;
background-color: #2ecc71;
text-align: center;
line-height: 1;
padding: 4px 12px;
}
@media (min-width: 768px) {
.word-navigation__heading {
padding: 8px 24px;
}
}
/*--------------------------------------------------------------
5.0 Gallery Page
--------------------------------------------------------------*/
.gallery-navigation__headline {
/*display: none;*/
}
@media (min-width: 768px) {
.gallery-navigation__headline {
display: block;
font-weight: bold;
}
}
@media (min-width: 768px) {
.gallery-navigation__select {
display: none;
}
}
.gallery-navigation__list {
padding: 0;
}
@media (min-width: 768px) {
.gallery-navigation__list {
padding-right: 0;
padding-left: 0;
margin-top: 8px;
margin-bottom: 0;
list-style: none;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
border-top: 1px solid #a6a6a6;
}
}
.gallery-navigation__item {
font-size: 16px;
padding: 8px 16px;
border-right: 1px solid #a6a6a6;
border-left: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gallery-navigation__item:nth-child(3n+1),
.gallery-navigation__item:nth-child(3n+3) {
border-right: 0;
border-left: 0;
}
.gallery-navigation__item .gallery-navigation__link {
cursor: pointer;
}
@media (max-width: 767px) {
.gallery-navigation__item {
border: 0 !important;
border-bottom: 1px solid #a6a6a6 !important;
}
.gallery-navigation__item:last-child {
border-bottom: 0 !important;
}
}
.gallery {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-column-gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 24px;
}
@media (min-width: 992px) {
.gallery {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr auto;
margin-top: 32px;
}
}
.gallery__main-photo {
order: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.gallery__main-photo .gallery__image {
padding: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.32);
max-width: 500px;
}
}
.gallery__thumbnails {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 12px;
list-style: none;
padding-right: 0;
padding-left: 0;
margin-top: 17px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.gallery__thumbnails {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 16px;
}
}
@media (min-width: 992px) {
.gallery__thumbnails {
margin-top: 0;
}
.gallery__main-photo {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
.gallery-main-thumbnails {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.gallery__thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
border: 4px solid transparent;
}
.gallery__thumbnail--active {
border-color: #2ecc71;
}
.gallery__image {
width: 100%;
}
/*--------------------------------------------------------------
5.0 Post Navigation
--------------------------------------------------------------*/
@media (min-width: 768px) {
.post-navigation {
padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
grid-column-gap: 32px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.select {
width: 100%;
border: 1px solid #2ecc71;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='28' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EFEFEF' d='M0 0h28v8H0z'/%3E%3Cpath fill='%23000' d='M14 8L8 0h12z'/%3E%3C/g%3E%3C/svg%3E");
padding: 0 8px;
font-size: 16px;
font-weight: bold;
height: 24px;
background-color: #efefef;
}
@media (min-width: 768px) {
.select {
display: none;
}
}
.post-navigation__list {
display: none;
}
.post-navigation__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-right: -16px;
margin-left: -16px;
}
.post-navigation__item {
font-weight: bold;
font-size: 14px;
padding-right: 16px !important;
padding-left: 16px !important;
}
.post-navigation-custom-articles .post-navigation__item {
padding-right: 10px !important;
padding-left: 10px !important;
}
@media (min-width: 992px) {
.post-navigation__item {
font-size: 16px;
}
}
.post-navigation__count {
color: #2ecc71;
}
.post-navigation__count::after {
content: '';
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%20%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%20%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20enable-background%3D%22new%200%200%2014%2012%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpolygon%20points%3D%223.862%2C7.931%200%2C4.069%207.725%2C4.069%20%22/%3E%3C/svg%3E);
width: 14px;
height: 12px;
display: inline-block;
margin-left: 8px;
}
.post-navigation__searchform {
display: none;
}
.post-navigation__searchform.post-navigation__searchform-articles {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.post-navigation__searchform.post-navigation__searchform-articles .search-form__input {
max-width: 240px;
height: 32px;
}
body .post-navigation__searchform_questions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1024px) {
.post-navigation__searchform {
display: block;
}
}
/*--------------------------------------------------------------
5.0 Press
--------------------------------------------------------------*/
.press {
padding-right: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
display: -ms-grid;
display: grid;
grid-row-gap: 32px;
}
@media (min-width: 768px) {
.press {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 32px;
}
}
@media (min-width: 1024px) {
.press {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1200px) {
.press {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/*--------------------------------------------------------------
5.0 PDF
--------------------------------------------------------------*/
.pdf__thumbnail-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding-top: calc(62.5% * 2);
}
.pdf__thumbnail-wrap > img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.pdf__button {
font-size: 12px;
font-weight: bold;
background-color: #fff;
padding: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
-webkit-box-shadow: 0px 10px 9px 1px rgba(0, 0, 0, 0.32);
box-shadow: 0px 10px 9px 1px rgba(0, 0, 0, 0.32);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.pdf__thumbnail-wrap:hover .pdf__button {
color: #fff;
background-color: #2ecc71;
}
.pdf__button-text {
margin-right: 4px;
margin-left: 4px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.pdf__icon-zoom {
margin-right: 4px;
margin-left: 4px;
stroke: #000;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.pdf__thumbnail-wrap:hover .pdf__icon-zoom {
stroke: #fff;
}
.pdf__title {
margin-top: 16px;
}
.pdf__meta {
margin-top: 4px;
}
/*--------------------------------------------------------------
5.0 Menu Toggle
--------------------------------------------------------------*/
.menu-toggle {
position: relative;
display: none;
height: 28px;
cursor: pointer;
border: none;
background: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-toggle:focus {
outline: none;
}
.menu-toggle .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 2px;
margin: auto;
-webkit-transition: 0.2s;
transition: 0.2s;
background-color: #fff;
}
.menu-toggle .icon:before {
position: absolute;
width: inherit;
height: inherit;
content: '';
-webkit-transition: inherit;
transition: inherit;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
background-color: inherit;
}
.menu-toggle .icon:after {
position: absolute;
width: inherit;
height: inherit;
content: '';
-webkit-transition: inherit;
transition: inherit;
-webkit-transform: translateY(6px);
transform: translateY(6px);
background-color: inherit;
}
.menu-toggle--on .icon {
background-color: transparent;
}
.menu-toggle--on .icon:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
background-color: #fff;
}
.menu-toggle--on .icon:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
background-color: #fff;
}
/*--------------------------------------------------------------
5.0 Pagination
--------------------------------------------------------------*/
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 32px;
font-size: 18px;
}
.page-numbers {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #2ecc71;
margin-left: 4px;
margin-right: 4px;
}
.page-numbers.current,
.page-numbers:hover {
color: #fff;
background-color: #2ecc71;
}
.next.page-numbers,
.prev.page-numbers {
font-size: 40px;
border: none;
color: #cccccc;
}
.next.page-numbers:hover,
.prev.page-numbers:hover {
color: #fff;
}
/*--------------------------------------------------------------
5.0 Brand
--------------------------------------------------------------*/
.brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rotate-snip {
-webkit-animation-name: rotatespin;
animation-name: rotatespin;
-webkit-animation-duration: 2500ms;
animation-duration: 2500ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes rotatespin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotatespin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#get_gallery i.fa-spinner {
font-size: 30px;
color: #2ecc71;
margin: 30px auto 0;
display: table;
}
#get_gallery .sa-pagination .next, #get_gallery .sa-pagination .prev {
display: none;
}
#get_gallery .gallery__thumbnail {
cursor: pointer;
}
#get_gallery .gallery__thumbnail img {
border: 2px solid transparent;
-o-object-fit: cover;
object-fit: cover;
}
#get_gallery .gallery__thumbnail:hover img {
border: 2px solid #2ecc71;
}
#get_gallery .sa-pagination {
padding-top: 15px;
}
#get_gallery .sa-pagination .pagi {
margin-bottom: -45px;
}
.main img {
max-width: 100%;
/* width: 100%; */
height: auto;
}
.main .applied_research img {
width: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.col-12 {
width: 100%;
}
.col-md-3 {
padding: 0 15px;
width: 25% !important;
}
.col-md-4 {
padding: 0 15px;
width: 33.33333333% !important;
}
.col-md-5 {
padding: 0 15px;
width: 41.66666667% !important;
}
.col-md-6 {
padding: 0 15px;
width: 50% !important;
}
.col-md-7 {
padding: 0 15px;
width: 58.33333333% !important;
}
.col-md-8 {
padding: 0 15px;
width: 66.66666667% !important;
}
.col-md-9 {
padding: 0 15px;
width: 75% !important;
}
@media screen and (max-width: 767px) {
.post-navigation__searchform_questions .search-form__input {
max-width: 90px;
}
.col-12 {
width: 100% !important;
}
body .post-navigation__searchform_questions #question-form {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.accordion-answer {
text-align: center;
}
}
.header__heading {
/* text-align: center;
text-overflow: ellipsis;
overflow: hidden;
display: block;
max-height: 50%;
width: 100%;
z-index: 1; */
font-size: 50px;
/* border-bottom: 3px solid #2ecc71;
display: table;
width: auto;
text-align: center;
line-height: 1;
padding-bottom: 15px; */
/* background-color: #2ecc71; */
/* max-width: none; */
text-align: center;
/* line-height: 1;
padding: 25px 0; */
color: white;
margin: 35px auto 0 auto;
}
.header__heading .inner {
display: inline-block;
max-width: 1200px;
margin: 0 auto;
line-height: 1;
padding: 8px 25px;
background-color: #2ecc71;
}
@media only screen and (max-width: 768px) {
.header__heading {
font-size: 42px;
margin: 25px auto 0 auto;
}
.header__heading .inner {
padding: 7px 20px;
}
}
@media only screen and (max-width: 600px) {
.header__heading {
font-size: 33px;
padding: 10px 0;
}
}
@media only screen and (max-width: 480px) {
.header__heading {
font-size: 27px;
}
}
.page img {
max-width: 100%;
height: auto;
}
/* Video Page */
.video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.video .video-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 33.33333333%;
padding: 15px;
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.video .video-item .video-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.video .video-item .video-box iframe,
.video .video-item .video-box object,
.video .video-item .video-box embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video .video-item .video-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px;
}
.video .video-item .video-text .video-title {
font-weight: bold;
font-size: 24px;
}
@media screen and (max-width: 767px) {
.video .video-item {
width: 100%;
}
}
/* END - Video Page */
/* SA Pagination */
@media (min-width: 992px) {
.sa-pagination {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
}
.sa-pagination .center-block {
width: 100%;
text-align: center;
}
.sa-pagination .center-block .pagi {
direction: ltr;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.sa-pagination .center-block .pagi li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
width: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #2ecc71;
margin: 0 4px;
cursor: pointer;
}
.sa-pagination .center-block .pagi li.active {
border: 1px solid #000;
}
/* END - SA Pagination */
/* laboratory */
.laboratory .f-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
margin-bottom: 40px;
}
.laboratory .f-row .b1 {
width: 60%;
padding-left: 30px;
}
.laboratory .f-row .b2 {
width: 40%;
}
.laboratory .f-row .b2 img {
max-width: 100%;
}
.laboratory .f-row .b2 .video-box video {
height: 280px;
}
.laboratory .s-row {
padding: 0 40px;
margin-bottom: 20px;
}
.laboratory .s-row .slick-next,
.laboratory .s-row .slick-prev {
width: 30px;
height: 30px;
}
.laboratory .s-row .slick-next:before,
.laboratory .s-row .slick-prev:before {
font-size: 30px;
}
.laboratory .s-row .slick-prev {
right: -40px;
}
.laboratory .s-row .slick-next {
left: -40px;
}
@media screen and (max-width: 767px) {
.laboratory .f-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.laboratory .f-row .b1 {
width: 100%;
padding-left: 0;
text-align: center;
margin-bottom: 20px;
}
.laboratory .f-row .b2 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.laboratory .f-row .b2 img {
max-width: 400px;
}
}
.slick-next:before,
.slick-prev:before {
color: #ccc !important;
}
/* END - laboratory */
/* Supervision */
.supervision .textarea {
margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.supervision .block-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.supervision .block-btns .btn-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(33.333% - 30px);
margin: 0 15px;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.supervision .block-btns .btn-item a {
padding: 20px 10px;
color: #fff;
font-size: 24px;
line-height: 2.5;
width: 100%;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.supervision .block-btns .btn-item a:hover {
color: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
z
@media screen and (max-width: 767px) {
.supervision .block-btns .btn-item {
width: calc(50% - 30px);
margin-bottom: 30px;
}
}
@media screen and (max-width: 425px) {
.supervision .block-btns .btn-item {
width: 100%;
margin-bottom: 30px;
}
}
/* END - Supervision */
/* Category of Supervision */
.ilan .btn-item a,
.category-of-supervision .btn-item a,
.laboratory .btn-item a {
width: 100%;
background: #000;
color: #fff;
display: block;
text-align: center;
padding: 5px;
}
.ilan .btn-item a:hover,
.category-of-supervision .btn-item a:hover,
.laboratory .btn-item a:hover {
background: #2ecc71;
color: #fff;
}
.ilan .block-tables .title-for-table,
.category-of-supervision .block-tables .title-for-table {
text-align: center;
}
.ilan .block-tables .title-for-table h2,
.category-of-supervision .block-tables .title-for-table h2 {
display: inline-block;
position: relative;
margin-bottom: 30px;
}
.ilan .block-tables .title-for-table h2::before,
.category-of-supervision .block-tables .title-for-table h2::before {
position: absolute;
display: block;
content: '';
height: 3px;
width: 50%;
bottom: -10px;
right: 50%;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
background: #2ecc71;
}
.ilan .block-tables .sa-table,
.category-of-supervision .block-tables .sa-table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
text-align: center;
table-layout: fixed;
margin-bottom: 40px;
}
.ilan .block-tables .sa-table thead th,
.category-of-supervision .block-tables .sa-table thead th {
border-bottom: 3px solid #2ecc71;
border-left: 3px solid #000;
text-align: center;
padding: 5px;
}
.ilan .block-tables .sa-table thead th:last-child,
.category-of-supervision .block-tables .sa-table thead th:last-child {
border-left: 0;
}
.ilan .block-tables .sa-table tbody td,
.category-of-supervision .block-tables .sa-table tbody td {
border-bottom: 1px solid #000;
border-left: 3px solid #000;
text-align: center;
padding: 5px;
word-break: break-word;
word-wrap: break-word;
}
.ilan .block-tables .sa-table tbody td:first-child {
font-weight: bold;
color: #0057c3;
}
.ilan .block-tables .sa-table tbody td:last-child,
.category-of-supervision .block-tables .sa-table tbody td:last-child {
border-left: 0;
}
/* END - Supervision */
/* Applied Research */
.applied_research .ministry-credit {
text-align: center;
margin-bottom: 40px;
}
.applied_research .ministry-credit .inner {
display: inline-block;
border: 1px solid rgb(210, 210, 210);
padding: 8px 12px;
}
.applied_research .ministry-credit img {
vertical-align: middle;
width: 60px;
margin-left: 8px;
}
.applied_research .ministry-credit p {
display: inline;
vertical-align: middle;
}
.applied_research .bg-title {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 40px;
}
.applied_research .bg-title .sa-title {
padding: 3rem 15px;
color: #fff;
text-align: center;
font-weight: 700;
text-shadow: 0px 7px 7px #000000;
font-size: 66px;
}
.applied_research .textarea h4 {
color: #2ecc71;
margin-top: 20px;
}
.applied_research .textarea h4 + p {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.applied_research .bg-title .sa-title {
padding: 15px 10px;
font-size: 28px;
}
}
@media screen and (max-width: 374px) {
.applied_research .bg-title .sa-title {
padding: 5px;
font-size: 24px;
}
}
/* END - Applied Research */
/* Contact page */
.contact .sa-contact-form:lang(he) {
direction: rtl;
}
.contact .sa-contact-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
margin-left: -15px;
margin-right: -15px;
}
.contact .sa-contact-form .c1,
.contact .sa-contact-form .c2 {
display: block;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.contact .sa-contact-form .c1 input,
.contact .sa-contact-form .c2 input,
.contact .sa-contact-form .c1 textarea,
.contact .sa-contact-form .c2 textarea,
.contact .sa-contact-form .c1 select,
.contact .sa-contact-form .c2 select {
width: 100%;
padding: 5px;
font-size: inherit;
font-family: Arial;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #a9a9a9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact .sa-contact-form .wpcf7-form-control-wrap {
display: block;
position: relative;
}
.contact .sa-contact-form span.wpcf7-not-valid-tip {
position: absolute;
display: block;
top: 0;
width: 100%;
z-index: -1;
text-align: left;
padding: 5px;
line-height: normal;
left: 0;
}
.contact .sa-contact-form .c2 .message,
.contact .sa-contact-form .c2 textarea {
height: 87px;
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact .sa-contact-form .send-btn {
padding: 0 15px;
width: 100%;
}
.contact .sa-contact-form .send-btn input {
width: 100%;
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #000;
color: #fff;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact .sa-contact-form .send-btn input:hover {
background: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.contact .sa-contact-form:lang(he) input,
.contact .sa-contact-form:lang(he) textarea,
.contact .sa-contact-form:lang(he) select {
direction: rtl;
}
@media screen and (max-width: 767px) {
.contact .sa-contact-form .c1,
.contact .sa-contact-form .c2 {
width: 100%;
}
.contact .sa-contact-form .c1 p,
.contact .sa-contact-form .c2 p {
margin: 0 !important;
}
}
/* END - Contact page */
/* Basic Concepts */
.basic_concepts .textarea {
margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.basic_concepts .block-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basic_concepts .block-btns .btn-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% / 3 - 30px);
margin: 0 auto 20px;
background-color: #2ecc71;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
-webkit-transition: all 0.5 ease;
transition: all 0.5 ease;
}
.basic_concepts .block-btns .btn-item:hover {
background-color: #000;
-webkit-transition: all 0.5 ease;
transition: all 0.5 ease;
}
.basic_concepts .block-btns .btn-item a {
padding: 10px;
color: #fff;
font-size: 24px;
line-height: 2.5;
width: 100%;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.basic_concepts .block-btns .btn-item a:hover {
color: #fff;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media screen and (max-width: 767px) {
.basic_concepts .block-btns .btn-item {
width: calc(50% - 30px);
margin-bottom: 30px;
}
}
@media screen and (max-width: 425px) {
.basic_concepts .block-btns .btn-item {
width: 100%;
margin-bottom: 30px;
}
}
/* END - Basic Concepts */
/* Concept Page */
.concept_category .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.concept_category .row .b1 {
width: 33.33333333%;
padding: 0 15px;
}
.concept_category .row .b2 {
width: 66.66666667%;
padding: 0 15px;
}
.concept_category .btn-item {
margin: 20px 0;
padding: 0 15px;
}
.concept_category .btn-item a {
display: block;
width: 100%;
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #000;
color: #fff;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_category .btn-item a:hover {
background: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media screen and (max-width: 767px) {
.concept_category .row .b1,
.concept_category .row .b2 {
width: 100%;
}
}
/* END - Concept Page */
/* Concept Page - All posts*/
.concept_all_posts .row {
margin: 0;
}
.concept_all_posts .row,
.concept_all_posts .row > a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.concept_all_posts .row > a {
margin: 20px 0;
padding: 15px 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a * {
color: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a:hover {
-webkit-box-shadow: 0 2px 15px 0px #ccc;
box-shadow: 0 2px 15px 0px #ccc;
border-radius: 3px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a:hover h2 {
color: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a:hover .content {
color: #000 !important;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a:hover img {
border-radius: 7px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.concept_all_posts .row > a .b1 {
width: 25%;
padding: 0 15px;
}
.concept_all_posts .row > a .b2 {
width: 100%;
padding: 0 15px;
}
.concept_all_posts .row > a .b1 + .b2 {
width: 75%;
}
.concept_all_posts .row > a img {
float: right;
}
@media screen and (max-width: 767px) {
.concept_all_posts .row .b1,
.concept_all_posts .row .b2 {
width: 100%;
}
}
/* END - Concept Page - All posts*/
.ilan .sa-btn {
display: inline-block;
margin-bottom: 2em;
font-weight: bold;
border: 2px solid #2ecc71;
padding: 3px 10px;
}
.ilan .sa-btn:hover {
background-color: #2ecc71;
color: white;
}
.press-btn {
margin: 20px 0 40px;
}
.press-btn a {
display: block;
width: 100%;
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #000;
color: #fff;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.press-btn a:hover {
background: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.press-title {
padding: 10px 15px;
margin-top: 30px;
margin-bottom: 30px;
background-size: cover;
background-repeat: none;
background-position: center;
}
.press-title h2 {
font-weight: 700;
color: #fff;
text-shadow: 0 7px 7px #000000;
font-size: 6rem;
text-align: center;
}
.posts.news .post__thumbnail-wrap {
padding-top: 45%;
}
.posts.news h6 {
margin-top: 15px;
}
.posts.field-yields .post__thumbnail-wrap {
padding-top: 140%;
}
.posts.field-yields .post__title {
display: block;
text-align: center;
margin-top: 10px;
}
.posts.field-yields .post__title h5 {
display: inline-block;
min-height: 50px;
}
.posts.field-yields .post__title h5.btn {
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #2ecc71;
color: #fff;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.posts.field-yields .post__title h5.btn:hover {
background: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.posts.field-yields a.post__title:hover {
color: #000;
}
.posts.field-yields .post__title:hover h5 {
color: #000;
}
.posts.field-yields .post__title:hover h5.btn {
color: #fff;
background: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* HOME IL */
/* .home .page__background {
margin-top: calc(-6.5rem - 40px);
z-index: 90000000;
position: relative;
} */
/*
.home .page__background:before,
.home .page__background:after {
top: calc(6.5rem + 40px);
} */
.home-top-banner {
max-width: 1200px;
text-align: center;
margin: 0 auto 25px auto;
}
.home-top-banner a {
display: none;
max-width: 100%;
-webkit-box-shadow: 0 0 30px 0px grey;
box-shadow: 0 0 30px 0px grey;
}
.home-top-banner a:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.home-top-banner a:first-child {
display: inline-block;
}
.home-top-banner a img {
display: block;
width: 100%
}
.front-grid-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
.front-grid-1 .home-second-block,
.front-grid-1 .video-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
padding: 20px;
-webkit-box-shadow: 0 0 50px -13px grey;
box-shadow: 0 0 50px -13px grey;
background: #fff;
}
.front-grid-1 .home-second-block {
margin-left: 10px;
margin-bottom: 0;
width: calc(40% - 10px);
}
.front-grid-1 .video-block {
margin-right: 10px;
width: calc(60% - 10px);
}
.front-grid-1 .video-block .title {
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;
text-align: center;
color: #fff;
font-size: 2.5rem;
line-height: 2;
font-weight: bold;
background: #54d98c;
background-position: center;
background-size: cover;
background-image: url('./assets/images/background/Layer_10_copy_7.png');
}
.front-grid-1 .video-block .video {
position: relative;
margin: 20px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
/* padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; */
}
.front-grid-1 .video-block .video iframe,
.front-grid-1 .video-block .video object,
.front-grid-1 .video-block .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.front-grid-1 .video-block .b-block {
}
.front-grid-1 .video-block .enter-to-account {
display: block;
padding: 3px 10px;
text-align: center;
background: #000;
color: #fff;
width: 100%;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.front-grid-1 .video-block .enter-to-account:hover {
background: #2ecc71;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-second-title,
.home-fourth-title,
.home-title-4-1,
.home-title-4-2 {
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;
text-align: center;
color: #fff;
font-size: 2.5rem;
line-height: 2;
font-weight: bold;
background: #54d98c;
background-position: center;
background-size: cover;
background-image: url('./assets/images/background/Layer_9_copy_3.png');
}
.front-grid-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
margin: 10px 0;
}
.front-grid-2 a {
display: block;
width: 100%;
border-radius: 40px;
border: 2px dashed #2ecc71;
opacity: 1;
margin: 10px 0;
-webkit-transition: all 0.2s linear, border 0.5s linear;
transition: all 0.2s linear, border 0.5s linear;
}
.front-grid-2 a:hover {
border: 2px dashed #d9d9d9;
}
.front-grid-2 .item {
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.front-grid-2 .item img {
width: 50px;
}
.front-grid-2 .item .b2 {
width: calc(100% - 60px);
margin-right: 10px;
opacity: 0.6;
word-break: break-word;
word-wrap: break-word;
}
.front-grid-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.front-grid-3 .b1, .front-grid-3 .b2 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.front-grid-3 .b1 {
margin-left: 10px;
}
.front-grid-3 .b2 {
margin-right: 10px;
}
.front-grid-3 .b1 a,
.front-grid-3 .b2 a {
display: block;
width: 100%;
text-align: center;
padding: 3px 5px;
}
.front-grid-3 .b1 a {
background: #2ecc71;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.front-grid-3 .b1 a:hover {
background: #000;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.front-grid-3 .b2 a {
background: #000;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.front-grid-3 .b2 a:hover {
background: #2ecc71;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-third-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-link-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 33.333%;
}
.page-link-box.supervision-box {
margin-left: 20px;
}
.page-link-box.lab-box {
margin-left: 20px;
}
.page-link-box .page-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page-link-box .home-title-4-2 {
margin-bottom: 20px;
}
.front-grid-4 {
width: 33.333%;
}
.front-grid-4 .home-title-4-1 {
margin-bottom: 20px;
background-image: url('./assets/images/background/Layer_10_copy_4.png');
}
.front-grid-4 .home-title-4-2 {
margin-bottom: 20px;
background-image: url('./assets/images/background/Layer_10_copy_5.png');
}
.front-grid-4 .b1 {
}
.front-grid-4 .b1 .btn-all-post {
width: 100%;
}
.front-grid-4 .b1 h4 {
margin-top: 16px;
height: 56px;
overflow: hidden;
}
.front-grid-4 .b1 .post:nth-last-of-type(1) {
margin-left: 0;
}
.front-grid-4 .b1 .post__thumbnail-wrap, .front-grid-4 .b2 .post__thumbnail-wrap {
/* padding-top: 21em; */
}
.front-grid-4 .b2 {
/* display: -ms-grid;
display: grid;
grid-template-rows: -webkit-min-content;
-ms-grid-rows: min-content;
grid-template-rows: min-content; */
}
.front-grid-4 .b2 h4 {
margin-top: 16px;
height: 56px;
overflow: hidden;
}
.front-grid-4 .btn-single-link {
background: #2ecc71;
margin-left: 20px;
}
.front-grid-4 .btn-single-link:hover{
background-color: black;
}
@media only screen and (max-width: 768px) {
.front-grid-4 .b1 {
display: block;
width: 100%;
padding-left: 0;
margin: 0 auto 20px auto;
/*max-width: 600px;*/
}
.front-grid-4 .b1 .post {
display: block;
width: 100%;
margin: 0 auto 20px auto;
}
.front-grid-4 .b2 {
display: block;
width: 100%;
/*max-width: 400px;*/
margin: 0 auto;
}
.posts.field-yields .post__title h5 {
min-height: 0;
}
}
.front-grid-4 .b2 .btn-all-post {
width: 100%;
-ms-flex-item-align: end;
align-self: flex-end;
}
.front-grid-5 ul.posts.field-yields {
margin-top: 0;
}
a.btn-all-post {
display: block;
width: 100%;
margin-top: 20px;
text-align: center;
background: #000;
color: #fff;
padding: 3px 10px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
a.btn-all-post:hover {
background: #2ecc71;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-first-block,
.home-second-block,
.home-third-block {
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.front-grid-1 {
display: block;
max-width: 500px;
margin: 0 auto;
}
.front-grid-1 .home-second-block {
margin-left: 0;
margin-top: 20px;
width: 100%;
}
.front-grid-1 .video-block {
margin-right: 0;
width: 100%;
}
.home-third-block {
display: block;
max-width: 500px;
margin: 0 auto;
}
.page-link-box {
width: 100%;
}
.page-link-box.supervision-box {
margin: 0 0 20px 0;
}
.page-link-box.lab-box {
margin: 0 0 20px 0;
}
.page-link-box .page-img {
padding-bottom: 100%;
}
.front-grid-4 {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.home-fourth-block {
display: block !important;
max-width: 500px;
margin: 0 auto;
}
.home-fourth-block > .b1 {
width: 100% !important;
margin: 0 0 20px 0 !important;
}
.home-fourth-block > .b1 .post {
margin-bottom:20px;
}
.home-fourth-block > .b2 {
width: 100% !important;
margin: 0 0 20px 0 !important;
}
.front-grid-5 .post__thumbnail-wrap {
padding: 0 !important;
}
.front-grid-5 .post__thumbnail-wrap img {
position: static;
}
}
@media (min-width: 1670px) {
.front-grid-1 {
/* grid-gap: 30px; */
}
.front-grid-1 .last-post {
/* grid-gap: 30px; */
padding: 30px;
}
/* .front-grid-1 .video-block {
padding: 30px;
} */
.questions.front-grid-2 {
/* grid-gap: 30px; */
margin: 30px 0;
}
.questions.front-grid-2 .item {
/* grid-gap: 30px; */
padding: 20px 30px;
}
.front-grid-3 {
/* grid-gap: 30px; */
}
.home-first-block,
.home-second-block,
.home-third-block {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.front-grid-1,
.front-grid-2,
.front-grid-4,
.front-grid-5 {
/* -ms-grid-columns: 1fr;
grid-template-columns: 1fr; */
}
.front-grid-5 ul.posts.field-yields {
/* -ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; */
}
.front-grid-1 .video-block {
/* -ms-grid-row: 1;
grid-row: 1; */
}
.home .page__background {
margin-top: 0;
}
.front-grid-1 .last-post,
.front-grid-1 .video-block {
-webkit-box-shadow: none;
box-shadow: none;
}
.front-grid-1 .last-post .item .item-link {
padding: 20px 10px;
}
.front-grid-2 .item.d-mob-n3 {
display: none;
}
.front-grid-2 .item.d-mob-n4 {
display: none;
}
.front-grid-2 .item.d-mob-n5 {
display: none;
}
}
@media screen and (max-width: 425px) {
.front-grid-5 ul.posts.field-yields {
/* -ms-grid-columns: 1fr;
grid-template-columns: 1fr; */
}
}
.home-fourth-title {
background-image: url('./assets/images/background/Layer111.png');
margin-bottom: 20px;
}
/* Book Store */
.woocommerce ul.products {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 20px;
}
@media (min-width: 768px) {
.woocommerce ul.products {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.woocommerce ul.products {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
.woocommerce ul.products:before {
display: none !important;
}
.woocommerce ul.products li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100% !important;
margin: 0 !important;
}
.woocommerce ul.products li .product-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
grid-gap: 15px;
margin-bottom: 15px;
}
.woocommerce ul.products li .product-grid .b1 img {
margin: 0 !important;
}
.woocommerce ul.products li .product-grid .b2 {
line-height: 1.2;
}
.woocommerce ul.products li .product-grid .b2 .c1 {
display: block;
position: relative;
padding-bottom: 20px;
}
.woocommerce ul.products li .product-grid .b2 .c1:after {
display: block;
position: absolute;
content: '';
height: 4px;
width: 90px;
right: 0;
bottom: 10px;
background: #000;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.woocommerce ul.products li .product-grid .b2 .c1 .product-title .woocommerce-loop-product__title {
padding: 0;
color: #2ecc71;
font-size: 1.3em;
}
.woocommerce ul.products li .product-grid .b2 .c2 {
display: -ms-grid;
display: grid;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce ul.products li .product-grid .b2 .product-price {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
margin-top: 10px;
}
.woocommerce ul.products li .product-grid .b2 .product-price span {
display: inline;
}
.woocommerce ul.products li .product-grid .b2 .product-price .price {
margin: 0 !important;
font-size: 2.5rem;
color: #000;
}
.woocommerce ul.products li .product-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
.woocommerce ul.products li .product-btn .button {
margin-top: 0 !important;
border-radius: 0 !important;
width: 100%;
text-align: center;
background: #2ecc71;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.woocommerce ul.products li .product-btn .button:not(.out-of-stock):hover {
background: #000;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.woocommerce ul.products li .product-btn .button.out-of-stock {
background-color: rgb(140, 140, 140);
cursor: default;
}
.woocommerce ul.products li .product-btn .button.added {
display: none;
}
/* END - Book Store */
/* Product front page */
.home-fourth-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-fourth-block > .b1, .home-fourth-block > .b2 {
width: calc(50% - 10px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.home-fourth-block > .b1 {
margin-left: 10px;
}
.home-fourth-block > .b1 .home-title-4-1 {
margin-bottom: 20px;
}
.home-fourth-block > .b1 > .row {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.home-fourth-block > .b1 .post__thumbnail-wrap {
padding-top: 65%;
margin-bottom: 10px;
}
.home-fourth-block > .b2 {
margin-right: 10px;
}
.home-fourth-block .front-grid-6 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.home-fourth-block .btn-all-post {
margin-top: 0;
}
.home-fourth-block ul.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-fourth-block ul.products:before {
display: none !important;
}
.home-fourth-block ul.products li.product {
width: calc(50% - 10px) !important;
margin: 0 !important;
background: #ededed;
}
.home-fourth-block ul.products li.product:nth-child(1) {
margin-left: 10px !important;
}
.home-fourth-block ul.products li.product:nth-child(2) {
margin-right: 10px !important;
}
.home-fourth-block ul.products li.product .product-front-page {
width: 100%;
}
.home-fourth-block ul.products li.product .product-front-page .b1 a {
margin: 0 auto !important;
}
.home-fourth-block ul.products li.product .product-front-page .b2 {
position: relative;
}
.home-fourth-block ul.products li.product .product-front-page .b2 .c1 {
position: relative;
margin-top: -15px;
width: 100%;
text-align: center;
z-index: 10;
}
.home-fourth-block ul.products li.product .product-front-page .b2 .c1 .product-title {
display: block;
max-width: 90%;
width: 100%;
margin: 0 auto;
}
.home-fourth-block ul.products li.product .product-front-page .b2 .c1 .product-title .woocommerce-loop-product__title {
display: inline-block;
padding: 5px 10px;
background: #252525;
color: #fff;
border-radius: 15px;
}
.home-fourth-block ul.products li.product .product-front-page .b2 .c2 {
position: relative;
height: 70px;
background: #ededed;
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;
}
.home-fourth-block ul.products li.product .product-front-page .b2 .c2 .price {
margin-bottom: 0;
color: inherit;
font-size: 1.2em;
}
.home-fourth-block ul.products li.product .product-btn .button {
margin-top: 0 !important;
border-radius: 0 !important;
width: 100%;
text-align: center;
background: #2ecc71;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-fourth-block ul.products li.product .product-btn .button:not(.out-of-stock):hover {
background: #000;
color: #fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-fourth-block ul.products li.product .product-btn .button.out-of-stock {
background-color: rgb(140, 140, 140);
cursor: default;
}
@media only screen and (max-width: 500px) {
.home-fourth-block ul.products {
display: block !important;
}
.home-fourth-block ul.products li.product {
width: 100% !important;
}
.home-fourth-block ul.products li.product:first-child {
margin: 0 0 20px 0 !important;
}
}
/* END - Product front page */
/* Open Question */
.main.open-question .text-2 {
padding: 7px 15px;
background: #2ecc71;
color: #fff;
}
.main.open-question .text-1,
.main.open-question .text-2,
.main.open-question .text-3,
.main.open-question .contact_form_7_shortcode {
margin-bottom: 20px;
width: 100%;
}
.main.open-question .contact_form_7_shortcode {
width: 100%;
}
.main.open-question .contact_form_7_shortcode form {
direction: rtl;
}
.main.open-question .contact_form_7_shortcode .contact-grid-1-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.main.open-question .contact_form_7_shortcode input,
.main.open-question .contact_form_7_shortcode textarea,
.main.open-question .contact_form_7_shortcode select {
width: 100%;
padding: 5px;
font-family: 'Heebo', sans-serif;
font-size: inherit;
margin-bottom: 20px;
}
.main.open-question .contact_form_7_shortcode textarea {
max-height: 125px;
}
.main.open-question .contact_form_7_shortcode .send-btn input {
width: 100%;
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #000;
color: #fff;
margin-bottom: 0;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main.open-question .contact_form_7_shortcode .send-btn input:hover {
background: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (min-width: 1670px) {
.main.open-question .contact_form_7_shortcode {
margin-bottom: 30px;
}
.main.open-question .contact_form_7_shortcode .contact-grid-1-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
}
@media (max-width: 767px) {
.main.open-question .contact_form_7_shortcode .contact-grid-1-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
/* END - Open Question */
/* Menu 768 */
@media (max-width: 767px) {
.header__navigation {
margin-top: 0px;
}
.header__banner {
margin-top: 52px;
}
.header__menu--show {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: 0;
}
.header__menu--show li {
border-bottom: 1px solid #fff;
}
.header__menu--show li a {
padding: 8px 16px 8px 32px;
}
#header__menu li.menu-item-has-children > a:after {
left: 16px;
}
#header__menu li.menu-item-has-children > ul.active {
position: inherit;
width: 100%;
border-top: 0;
}
.header__menu--show li a:hover {
background-color: #69dd9a;
}
.header__navigation {
position: fixed;
width: 100%;
z-index: 900000000;
}
.footer__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer__links {
display: none;
}
}
/* END - Menu */
/* Questions */
ul.posts.questions {
display: block;
}
ul.posts.questions li {
/* display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4fr;
grid-template-columns: 1fr 4fr;
grid-gap: 20px; */
/*-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
max-width: none !important;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
ul.posts.questions li:last-child {
border-bottom: 0;
}
ul.posts.questions li > .b1 {
display: inline-block;
vertical-align: top;
width: 250px;
padding-top: 10px;
padding-left: 20px;
border-left: 5px solid #ccc;
}
ul.posts.questions li .b1 .c2 h6 {
text-align: center;
margin-top: 5px;
}
ul.posts.questions li > .b2 {
display: inline-block;
vertical-align: top;
width: calc(100% - 255px);
padding: 10px 20px;
word-break: break-word;
word-wrap: break-word;
}
ul.posts.questions li .b2 .c3 {
display: inline-block;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 5px;
line-height: 1;
padding-bottom: 2px;
}
ul.posts.questions li .b2 .c2 {
color: #4d4d4d;
}
ul.posts.questions li .b2 .c2 p {
color: #4d4d4d;
}
ul.posts.questions li .b2 .open-answer-btn {
display: inline-block;
margin-top: 10px;
width: 200px;
background-color: #2ecc71;
color: white;
padding: 4px 0;
font-weight: bold;
font-family: 'Heebo', sans-serif;
border: 0;
outline: 0;
font-size: 0.9em;
cursor: pointer;
-webkit-transition: .5s all;
-moz-transition: .5s all;
transition: .5s all;
}
ul.posts.questions li:hover .b2 .open-answer-btn {
background-color: black;
}
@media screen and (max-width: 768px) {
ul.posts.questions li {
border-bottom: 5px solid #ccc;
}
ul.posts.questions li > .b1 {
display: block;
margin: 0 auto 10px auto;
border-left: 0;
border-bottom: 1px solid #ccc;
padding: 0 0 20px 0;
width: 300px;
max-width: 100%;
}
ul.posts.questions li > .b2 {
width: 100%;
text-align: center;
}
}
/* END - Questions */
#popup_enter_to_system_bg {
display: none;
position: fixed;
z-index: 99999999999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
}
#popup_enter_to_system {
display: none;
position: fixed;
z-index: 9999999999999;
top: 50%;
right: 50%;
max-width: 500px;
width: 100%;
background: #fff;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
#popup_enter_to_system .sa-close {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px 10px;
font-family: arial;
font-weight: bold;
color: #fff;
cursor: pointer;
}
#popup_enter_to_system .col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
#popup_enter_to_system .title {
text-align: center;
font-size: 40px;
padding: 10px;
background: #2ecc71;
color: #fff;
}
#popup_enter_to_system #form-lostpassword {
display: none;
}
#popup_enter_to_system #form-login,
#popup_enter_to_system #form-lostpassword {
padding: 20px 10px 30px 10px;
}
#popup_enter_to_system #form-login .col.col-input input,
#popup_enter_to_system #form-lostpassword .col.col-input input {
width: 100%;
padding: 7px;
font-size: 20px;
margin-bottom: 20px;
border: 1px solid #ccc;
}
#popup_enter_to_system #form-login .col.col-input label.error,
#popup_enter_to_system #form-lostpassword .col.col-input label.error {
margin-top: -20px;
display: block;
color: #dc3545;
font-size: 12px;
}
#popup_enter_to_system #form-login .col.sa-btn input,
#popup_enter_to_system #form-lostpassword .col.sa-btn input {
width: 100%;
padding: 7px;
font-size: 32px;
background: #000;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
border: 0;
color: #fff;
cursor: pointer;
}
#popup_enter_to_system #form-login .col.sa-btn input:hover,
#popup_enter_to_system #form-lostpassword .col.sa-btn input:hover {
background: #2ecc71;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
border: 0;
color: #fff;
cursor: pointer;
}
#popup_enter_to_system #form-login .col.sa-btn-lightgreen a,
#popup_enter_to_system #form-lostpassword .col.sa-btn-lightgreen a {
background: #5ad500;
color: #fff;
display: block;
width: 90%;
margin: 10px auto;
text-align: center;
font-size: 16px;
padding: 5px 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup_enter_to_system #form-login .col.sa-btn-lightgreen a:hover,
#popup_enter_to_system #form-lostpassword .col.sa-btn-lightgreen a:hover {
background: #2ecc71;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup_enter_to_system #activation-lostpassword {
background: #2ecc71;
color: #fff;
padding: 2px 10px;
margin-bottom: 10px;
display: inline-block;
cursor: pointer;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup_enter_to_system #activation-lostpassword:hover {
background: #000;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup_enter_to_system #login-form-error {
margin-top: 10px;
color: #dc3545;
font-size: 12px;
}
/* Home EN */
html:lang(en) .page__background {
margin-top: 0;
}
.home-en .front-grid-1 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.home-en .front-grid-1 .video-block {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.home-en .front-grid-1 .video-block {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-flex-line-pack: justify;
align-content: space-between;
grid-gap: 20px;
}
.home-en .front-grid-1 .video-block .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.home-en .front-grid-1 .video-block .video iframe,
.home-en .front-grid-1 .video-block .video object,
.home-en .front-grid-1 .video-block .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.home-en .front-grid-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
/* END - Home EN */
.header__banner .banner-logo {
max-height: 85%;
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
/*
@media (max-width: 1199px) {
.header__banner .banner-logo {
max-height: 180px;
}
}
@media (max-width: 767px) {
.header__banner .banner-logo {
max-height: 80px;
}
} */
.header__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
left: 0;
margin-right: auto;
}
.header__card .img-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.header__card .img-block img {
max-height: 20px;
}
.header__card .img-block .count {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
right: 0;
bottom: 0;
color: #fff;
background: #2ecc71;
border-radius: 50px;
font-size: 10px;
width: 13px;
height: 13px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate(4px, 3px);
transform: translate(4px, 3px);
}
.header__card .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__card .text a {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1023px) {
.header__card {
display: none;
}
}
.header__language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
left: 0;
margin-right: 0;
}
.header__language a {
font-size: 14px;
}
.header__sep {
margin: 0 10px;
color: #2ecc71;
font-weight: bold;
}
@media (max-width: 1023px) {
.header__language {
display: none;
}
.header__sep {
display: none;
}
}
@media (min-width: 1024px) {
.hide-desktop {
display: none;
}
}
.footer-image {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
text-align: center;
}
@media (min-width: 768px) {
.footer-image {
text-align: left;
}
}
ul.footer__contacts .footer-image {
display: block;
width: 100%;
text-align: left;
margin-top: 20px;
}
ul.footer__contacts .footer-image img {
max-height: 50px;
}
@media (max-width: 1023px) {
ul.footer__contacts .footer-image {
display: none;
}
}
.footer-system-grid {
margin-top: 20px;
}
.footer-system-grid .b1 {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* margin-top: 40px; */
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-system-grid .b1 > span,
.footer-system-grid .b1 > a,
.footer-system-grid .b1 > svg {
margin: 0 5px;
}
@media (min-width: 768px) {
.footer-system-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
margin-top: 40px;
}
.footer-system-grid .b1 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer-system-grid .b2 {
text-align: center;
}
@media (min-width: 768px) {
.footer-system-grid .b2 {
text-align: left;
}
}
.footer-system-grid .b2 a {
background: #3b3b3b;
color: #fff;
padding: 2px 10px;
border-radius: 30px;
}
.footer-system-grid .b2 a:hover {
background: #2ecc71;
color: #fff;
}
.add_to_cart_button i {
font-size: 16px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #2ecc71;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 0.618em 1em;
font-weight: 700;
font-size: 16px;
width: 100px;
}
.cart-collaterals h2 {
margin-bottom: 20px;
}
.woocommerce-cart table.cart input {
font-size: 16px;
font-weight: bold;
padding: 5px;
}
.woocommerce-info {
border-top-color: #2ecc71;
}
.woocommerce-info::before {
color: #2ecc71;
}
#add_payment_method #payment ul.payment_methods img,
.woocommerce-cart #payment ul.payment_methods img,
.woocommerce-checkout #payment ul.payment_methods img {
width: auto;
}
.woocommerce a.added_to_cart {
display: block;
width: 100%;
background: #fff;
}
.gallery-navigation__item .gallery-navigation__link.active {
cursor: default;
color: #2ecc71;
}
.main.open-question .contact_form_7_shortcode textarea {
resize: none;
}
.main.open-question > div > .row {
margin: 0;
}
@media screen and (max-width: 767px) {
.footer__made-in {
-ms-grid-column: 1;
grid-column-start: 1;
grid-column-end: 3;
text-align: center !important;
}
}
.search .pagination {
margin-left: auto;
margin-right: auto;
}
body .breadcrumb-container.theme2 a {
border: 0;
}
body .breadcrumb-container.theme2 ul li:first-child span {
display: none;
}
body .breadcrumb-container.theme2 ul li:last-child a + span {
display: none;
}
.home-en-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 75%;
}
.home-en-video > video {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
max-height: 100%;
}
.form-open-question .wpcf7-form-control-wrap {
display: block;
position: relative;
}
.form-open-question span.wpcf7-not-valid-tip {
position: absolute;
display: block;
top: 0;
width: 100%;
z-index: -1;
text-align: left;
padding: 5px;
line-height: normal;
left: 0;
}
.form-open-question input,
.form-open-question input,
.form-open-question textarea {
width: 100%;
padding: 5px;
font-size: inherit;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #a9a9a9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-response-output.wpcf7-display-none {
margin: 0;
}
div.wpcf7-response-output {
text-align: right;
border: 0;
color: #ff0000;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 0;
padding: 0;
}
div.wpcf7-mail-sent-ok {
color: #398f14;
padding: 0;
}
.woocommerce form .form-row .woocommerce-input-wrapper textarea {
font-family: Arial;
}
#opc-messages, #opc-product-selection, #opc-product-selection + #customer_details {
display: none;
}
/* .wcopc .woocommerce-form-coupon-toggle {
display: none;
} */
.opc_order_review {
display: none;
}
#order_review_heading {
display: none;
}
.wcopc,
#order_review {
width: 100%;
}
.h-auto {
height: auto !important;
}
.text-center {
text-align: center !important;
}
.nm-button-1 {
padding: 0 7px;
font-weight: 700;
cursor: pointer;
border: 0;
background: #2ecc71;
color: #fff;
font-size: 18px;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nm-button-1:hover {
background: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
}
.text-6 {
font-size: 22px;
font-weight: 400;
}
.d-inline-block {
display: inline-block !important;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.nm-container {
max-width: 1200px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
@media (min-width: 768px) {
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 992px) {
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.d-block {
display: block !important;
}
.img-fluid {
max-width: 100% !important;
height: auto;
}
.nm-mb-2 {
margin-bottom: 5px !important
}
.nm-mb-3 {
margin-bottom: 10px !important
}
.nm-mb-4 {
margin-bottom: 20px !important
}
.nm-mb-5 {
margin-bottom: 20px;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
@media (min-width: 768px) {
.nm-mb-md-0 {
margin-bottom: 0 !important;
}
}
@media (min-width: 992px) {
.nm-mb-lg-0 {
margin-bottom: 0 !important;
}
.nm-mb-lg-0.post-navigation__filter {
margin-bottom: -10px !important;
}
.nm-mb-lg-0.nm-mb-3 {
margin-bottom: 10px !important
}
.nm-mb-lg-4 {
margin-bottom: 20px !important
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
}
@media (min-width: 1670px) {
.nm-mb-5 {
margin-bottom: 30px;
}
}
.single-bug #breadcrumbs > span > span > span {
/*pointer-events: none;*/
}
.mt-0 {
margin-top: 0 !important;
}
.position-relative {
position: relative !important;
}
.post-navigation-custom-articles .post-navigation__count:after {
display: none;
}
.bold {
font-weight: 700 !important;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.p-0 {
padding: 0 !important
}
.nm-py-3 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.nm-pr-4 {
padding-right: 20px !important;
}
.nm-pl-4 {
padding-left: 20px !important;
}
.nm-required {
color: #f00;
position: absolute;
right: 7px;
bottom: 0;
display: block;
height: 100%;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
.text-left {
text-align: left !important;
}
.margin-minus-16 {
margin-right: -16px !important;
margin-left: -16px !important;
}
.post-navigation__name.active {
color: #2ecc71;
}
.search-info {
height: 27px;
display: block;
margin-top: 10px;
}
.search-info.hide > span, .search-info.hide > div {
display: none !important;
}
.d-none {
display: none !important;
}
.post-border {
border: 2px solid #bfbfbf;
}
.nm-button-1 {
padding: 7px;
font-weight: 600;
cursor: pointer;
border: 0;
background: #2ecc71;
color: #fff;
font-size: inherit;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nm-button-1:hover {
background: #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nm-button-2 {
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #fff;
padding: 4px 12px;
background-color: #2ecc71;
display: inline-block;
cursor: pointer;
}
@media (min-width: 768px) {
.nm-button-2 {
padding: 8px 24px;
}
}
.nm-button-2:hover {
color: #fff;
background-color: #000000;
}
.w-auto {
width: auto !important;
}
@media (min-width: 768px) {
.d-md-block {
display: block !important;
}
}
.cursor-none {
pointer-events: none;
}
.px-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.object-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
body.woocommerce-order-received header:not(.header) {
display: none;
}
body.woocommerce-order-received table.my_account_orders {
display: none;
}
.places{
margin: 0 5%;
}
#myoverlay {
position: absolute;
top: 27px;
bottom: 0;
left: 0;
right: 0;
height: 80%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #2ecc71;
}
#myoverlay:hover {
opacity: 0.5;
cursor:pointer;
}
.myplace{
position:relative;
}
.mytext{
position:absolute;
top:42%;
right:42%;
color:#fff;
}
@media (min-width: 1180px) {
.fright{
float:right;
margin-left:2%;
margin-bottom: 70px;
margin-top:70px;
}
.fright img{
width:100%;
}
}
@media (max-width: 780px) {
.fright{
float:right;
width:100%;
margin-bottom: 10px;
margin-top:10px;
}
.fright img{
width:100%;
}
.main img{
width:100%;
}
}
.m-l-0{
float:right;
margin-left:0;
}