body,html,p,h1,h2,h3,h4,h5,h6,section,header,footer{
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
}
/*menu*/
.menu_btn{
display:none;
width:30px;
height:30px;
position:relative;
z-index: 11;
cursor: pointer;
}
.menu_btn span,
.menu_btn span::before,
.menu_btn span::after{
position:absolute;
top:50%;
width:30px;
height:3px;
background-color: #fff;
margin:-1px 0px 0px -15px;
left:50%;
}
.menu_btn span::before,
.menu_btn span::after{
content:'';
display:block;
-webkit-transition:0.25s;
-o-transition:0.25s;
transition:0.25s;
}
.menu_btn span::before{
-webkit-transform:translateY(-11px);
-ms-transform:translateY(-11px);
transform:translateY(-11px);
}
.menu_btn span::after{
-webkit-transform:translateY(11px);
-ms-transform:translateY(11px);
transform:translateY(11px);
}
.menu_btn_active span::before{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width:30px;
}
.menu_btn_active span::after{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width:30px;
}
.menu_btn_active span{
height: 0;
}
.menu_nav,
.menu_popup{
z-index: 10;
overflow: hidden;
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
padding-top: 0px;
padding-bottom: 0px;
}
.popup_menu .menu_block{
flex-direction: column;
height: 80%;
}
.popup_menu li{
margin-top: 10vh;
}
.menu_nav__link{
display: inline-block;
text-decoration:none;
color:#90f;
margin-right: 20px;
}
.menu_block{
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
list-style: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
padding: 0;
}
.menu_nav_active{
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%);
width: 100%;
}
.menu-item{
margin-left: 10px;
margin-right: 10px;
text-transform: uppercase;
}
.menu-item a,
.footer a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 17px;
}
menu{
padding-left: 0px;
}
.footer a{
border-bottom:2px solid transparent;
}
.footer a:hover{
border-bottom:2px solid #fff;
}
.menu-item a{
border-bottom:2px solid transparent;
}
.menu-item a:hover{
text-decoration: none;
border-bottom:2px solid white;
}
.current-menu-item a{
color: #585E20;
}
.current-menu-item a:hover{
border-bottom:2px solid #585E20;
}
ol,ul{
margin: 0;
padding: 0;
list-style: none;
}
/*end menu*/
.header{
background: #262626;
}
menu{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 22px 0px;
}
.section{
background: #1A1A1A;
padding: 35px 0 35px 0;
}
.item_box{
border-radius: 10px;
overflow: hidden;
margin-bottom: 25px;
}
.item_box a{
text-decoration: none;
color: #212529;
}
.item_box a:hover{
color: #585E20;
}
.text_box{
min-height: 165px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.title{
font-size: 22px;
display: inline-block;
margin-bottom: 10px;
}
.image:hover,
.title:hover,
.category:hover{
cursor: pointer;
}
.description{
font-size: 13px;
}
.category{
text-transform: uppercase;
font-size: 10px;
display: inline-block;
margin-top: 10px;
}
.image>img{
width: 100%;
height: 100%;
height: 260px;
object-fit: cover;
}
.text_box{
background: #fff;
box-sizing: border-box;
padding: 10px 20px 10px 20px;
}
.small_image>img{
height: 210px;
}
.col-sm-12:nth-child(6n-1) .item_box{
margin-top: -47px;
}
.popup_menu{
display: none;
position: fixed;
bottom:0;
left: 0;
right: 0;
top: 0;
z-index: 3;
background: #262626;
}
.popup_menu_active{
display: block;
}
.footer{
background: #262626;
text-align: center;
}
.footer a{
display: inline-block;
margin-top: 35px;
margin-bottom: 35px;
}
.transparent{
background: #262626;
}
.transparent .row{
opacity: 0;
}
.overflow_hidden{
overflow: hidden;
}
/*language block*/
/* Dropdown Content (Hidden by Default) */
.dropdown-content_lang {
display: none;
top:20px;
position: absolute;
background-color: #252525;
width: 60px;
z-index: 99;
}
.dropdown_lang{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
cursor: pointer;
width: 61px;
margin: 0 auto;
position: relative;
}
.dropbtn_lang{
padding-left: 25px;
width: 60px;
color: #fff;
}
.dropbtn_lang::after {
background: rgba(0, 0, 0, 0) url(../img/flags/arrow_down.png) no-repeat scroll center center;
content: "";
height: 16px;
position: absolute;
right: -3px;
top: 3px;
width: 16px;
}
.dropdown-content_lang a:first-child
{
background: no-repeat left center;
}
.dropdown-content_lang a:last-child
{
background: no-repeat left center;
}
/* Links inside the dropdown */
.dropdown-content_lang a {
color: #fff;
padding: 2px 0 2px 25px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content_lang a:hover {color: #00656C}
/* Show the dropdown menu on hover */
.dropdown_lang:hover .dropdown-content_lang {
display: block;
}
/*end language block*/
.header .row{
position: relative;
justify-content: space-between;
padding: 15px;
}
.lang{
align-self: center;
}
/*Pagination block*/
.nav-links{
color: #fff;
margin-left: 35px;
position: relative;
}
.nav-links a,
.nav-links span{
color: #6E6E6E;
}
.nav-links span.current{
color: #fff;
}
.nav-links .page-numbers{
font-size: 1.5em;
}
.nav-links .prev,
.nav-links .next{
font-size: 1em;
}
.screen-reader-text{
font-size: 0;
}
/*End pagination block*/
/*Media Requests*/
/*PC*/
/*4k mac*/
/*6720x3780*/
/*в браузере: 3360x1755*/
@media screen and (max-width: 3380px)and (max-height:1760px){
}
/*4K windows*/
/*3840x2160*/
/*в браузере: 2543x1300*/
@media screen and (max-width: 2600px)and (max-height:1350px){
}
/*2K*/
/*2048x1536*/
/*в браузере: 2031x1386*/
@media screen and (max-width: 2033px)and (max-height:1390px) {
}
/*1920x1200*/
/*в браузере: 1903x1050*/
@media screen and (max-width: 1920px)and (max-height:1060px) {
}
/*1920x1080*/
/*Мій комп на хромі*/
/*в браузере: 1903x969*/
@media screen and (max-width: 1920px)and (max-height:970px) {
}
/*1920x1080*/
/*в браузере: 1903x930*/
@media screen and (max-width: 1910px)and (max-height:940px) {
}
/*1680x1050*/
/*в браузере: 1663x900*/
@media screen and (max-width: 1665px)and (max-height:910px) {
}
/*1600x787*/
/*в браузере: 1600x787 - Asus X75*/
@media screen and (max-width: 1600px)and (max-height:787px) {
}
/*1600x1200*/
/*в браузере: 1583x1050*/
@media screen and (max-width: 1585px)and (max-height:1055px) {
}
/* Андрій - комп*/
/*в браузере: 1520x722*/
@media screen and (max-width: 1536px)and (max-height:730px) {
}
/*Media requests*/
/*Windows 1440*900 */
@media screen and (max-width: 1440px)and (max-height:789px) {
}
/*Ipad Pro 12.9 2018 - album*/
@media screen and (max-width: 1367px)and (max-height:981px) {
}
/*undefined*/
@media screen and (max-width: 1367px)and (max-height:955px) {
}
/*Windows 1366*768*/
@media screen and (max-width: 1367px)and (max-height:658px) {
}
/*Windows 1280*1024*/
@media screen and (max-width: 1280px)and (max-height:914px) {
}
/*Windows 1280*800*/
@media screen and (max-width: 1280px)and (max-height:690px) {
}
/*undefined*/
@media screen and (max-width: 1280px)and (max-height:619px) {
}
@media screen and (max-width: 1199px){
.title{
font-size: 18px;
}
.description{
font-size: 12px;
}
.category{
font-size: 10px;
}
.col-sm-12:nth-child(6n-1) .item_box {
margin-top: -40px;
}
.text_box{
padding: 10px;
min-height: 190px;
}
.menu-item a,
.footer a{
font-size: 15px;
}
.image>img{
height: 240px;
}
.small_image>img{
height: 200px;
}
}
/*Ipad Pro 11 2018 - album*/
@media screen and (max-width: 1195px)and (max-height:791px) {
}
/*Samsung Galaxy Tab S4 - Album*/
@media screen and (max-width: 1152px)and (max-height:545px) {
}
/*Ipad Pro 12.9 2017 - Portrait*/
@media screen and (max-width: 1025px)and (max-height:1327px) {
}
/*Ipad Pro 12.9 2018 - portrait*/
@media screen and (max-width: 1025px)and (max-height:1293px) {
}
/*air 2, Ipad Pro 9.7 2016 - Album - Safary*/
@media screen and (max-width: 1025px)and (max-height:729px) {
}
/*air, ipad 4 - Album - Safary*/
@media screen and (max-width: 1025px)and (max-height:692px) {
}
/*air 2, Ipad Pro 9.7 2016, air, ipad 4 - Album - Chrome*/
@media screen and (max-width: 1025px)and (max-height:653px) {
}
/*Samsung Galaxy Tab S3 - Album - not tested*/
@media screen and (max-width: 1025px)and (max-height:649px) {
}
/*Windows 1024*768*/
@media screen and (max-width: 1024px)and (max-height:657px) {
}
@media screen and (max-width: 992px){
.col-sm-12:nth-child(6n-1) .item_box {
margin-top: -29px;
}
.image>img{
height: 190px;
}
.small_image>img{
height: 160px;
}
}
/*Nexus 7 - Album - Chrome*/
@media screen and (max-width: 961px)and (max-height:527px) {
}
/*Nexus 7 - Album - Mozilla*/
@media screen and (max-width: 961px)and (max-height:424px) {
}
/*Ipad Pro 11 2018 - portrait*/
@media screen and (max-width: 835px)and (max-height:1151px) {
}
/*Iphone XS max, Iphone XR - Album - Safary*/
@media screen and (max-width: 809px)and (max-height:415px) {
}
/*Tab 4 - Portrait*/
@media screen and (max-width: 801px)and (max-height:1160px) {
}
/*Samsung Galaxy S9*/
@media screen and (max-width: 799px)and (max-height:333px) {
}
/*Xiaomi Denis - Album*/
@media screen and (max-width: 787px)and (max-height:311px) {
}
@media screen and (max-width: 767px){
.menu_btn{
display: block;
}
.menu_nav{
display: none;
}
.title{
font-size: 17px;
}
.description{
font-size: 9px;
}
.category{
font-size: 8px;
}
.col-sm-12:nth-child(6n-1) .item_box {
margin-top: 0px;
}
.container{
max-width: 420px;
}
.title{
font-size: 22px;
}
.description{
font-size: 13px;
}
.category{
font-size: 10px;
}
.n{
margin: 7px 0px;
}
.image>img{
height: 300px;
}
.small_image>img{
height: 300px;
}
}
/*Air 2, Ipad Pro 9.7 2016 - Portrait - Safary*/
@media screen and (max-width: 769px)and (max-height:985px) {
}
/*Ipad 4. Air - Portrait - Safary*/
@media screen and (max-width: 769px)and (max-height:928px) {
}
/*air 2, ipad 4, Ipad Pro 9.7 2016 - Portrait - Chrome*/
@media screen and (max-width: 769px)and (max-height:909px) {
}
/*undefined*/
@media screen and (max-width: 769px)and (max-height:905px) {
}
/*Google Pixel 3Xl - Album - Chrome*/
@media screen and (max-width: 750px)and (max-height:384px) {
}
/*Google Pixel 3XL - Album - Mozilla*/
@media screen and (max-width: 744px)and (max-height:326px) {
}
/*Iphone 8+, 6+ - Album - Safary*/
@media screen and (max-width: 737px)and (max-height:415px) {
}
/*Iphone 6+ - Album - Chrome /office*/
@media screen and (max-width: 737px)and (max-height:364px) {
}
/*Iphone 8+, 6+ - Album - Chrome*/
@media screen and (max-width: 737px)and (max-height:338px) {
}
/*Iphone X, XS, 11Pro - Album - Safary */
@media screen and (max-width: 725px)and (max-height:376px) {
}
/*Iphone X, XS - Album - Chrome*/
@media screen and (max-width: 725px)and (max-height:320px) {
}
/*Samsung Galaxy Tab S4 - Portrait*/
@media screen and (max-width: 720px)and (max-height:1066px) {
}
/*720*281 - Ksu device*/
@media screen and (max-width: 720px)and (max-height:281px) {
}
/*Samsung Galaxy S9, S8, A8 - Album - Chrome*/
@media screen and (max-width: 693px)and (max-height:337px) {
}
/*Nexus 6, Google Pixel 2 - Album - Mozilla*/
@media screen and (max-width: 690px)and (max-height:388px) {
}
/*Nexus 6, Google Pixel 2 - Album - Chrome*/
@media screen and (max-width: 690px)and (max-height:384px) {
}
/*Nexus 6P - Album - Mozilla*/
@media screen and (max-width: 684px)and (max-height:335px) {
}
/*Iphone 6,7,8 - Album */
@media screen and (max-width: 668px)and (max-height:376px) {
}
/*Samsung Galaxy S7 - Album - Chrome*/
@media screen and (max-width: 641px)and (max-height:336px) {
}
@-moz-document url-prefix() {
/*Samsung Galaxy S7 - Album - Mozilla*/
@media screen and (max-width: 641px) and (max-height: 336px) {
}
}
/*Samsung Galaxy J5 - Album /office*/
@media screen and (max-width: 641px)and (max-height:281px) {
}
/*Nexus 7 - portrait*/
@media screen and (max-width: 601px)and (max-height:888px) {
}
/*Lg G5, MotorolaX 2nd, Sony XPeria 5Z - album - Chrome*/
@media screen and (max-width: 599px)and (max-height:337px) {
}
/*Lg G5, MotorolaX 2nd, Sony XPeria 5Z - album - Mozilla*/
@media screen and (max-width: 599px) and (max-height: 280px) {
}
/*Iphone 5S - Album - Safary*/
@media screen and (max-width: 569px)and (max-height:320px) {
}
/*Iphone 5S - Album - Chrome*/
@media screen and (max-width: 569px)and (max-height:244px) {
}
/*Iphone 4S - Album */
@media screen and (max-width: 481px)and (max-height:209px) {
}
@media screen and (max-width: 450px) {
.menu_btn{
display: block;
}
.menu_nav{
display: none;
}
menu{
margin:12px 0;
}
.logo_container{
height: 54px;
}
.logo_container img{
height: 100%;
}
.footer a{
font-size: 16px;
}
}
/*Iphone Xs max, Iphone XR - Port - Safary*/
@media screen and (max-width: 415px)and (max-height:832px) {
.image>img{
height: 270px;
}
.small_image>img{
height: 270px;
}
}
/*Iphone 6+, 8+ - Port - Safary??*/
@media screen and (max-width: 415px)and (max-height:696px) {
}
/*Iphone 6+, 8+ - Port - Chrome*/
@media screen and (max-width: 415px)and (max-height:660px) {
}
/*Iphone 7+ - Port*/
@media screen and (max-width: 415px)and (max-height:629px) {
}
/*Iphone 8+, Iphone 6s+ - Port*/
@media screen and (max-width: 415px)and (max-height:623px) {
}
/* Google Pixel 2, Pixel XL, Pixel - Port*/
@media screen and (max-width: 414px)and (max-height:660px) {
}
/*Nexus 6 - Port*/
@media screen and (max-width: 408px)and (max-height:598px) {
}
/*Iphone XS max(Chrome), Iphone X , Iphone XS - Port - Chrome*/
@media screen and (max-width: 376px)and (max-height:748px) {
}
/*Iphone 11 PRO (Safary) - Port*/
@media screen and (max-width: 376px)and (max-height:635px) {
}
/*Iphone 7, Iphone 6s(Chrome) - Port*/
@media screen and (max-width: 376px)and (max-height:628px) {
}
/*Iphone 6s ,Iphone 8 - Port*/
@media screen and (max-width: 376px)and (max-height:554px) {
}
/*Samsung Galaxy A8, S8, S9, S6, S7 - Port - Chrome*/
@media screen and (max-width: 361px)and (max-height:668px) {
.image>img{
height: 220px;
}
.small_image>img{
height: 220px;
}
}
/*Undefined*/
@media screen and (max-width: 361px)and (max-height:640px) {
}
/*Samsung Galaxy S6,S7 - Port - Chrome */
@media screen and (max-width: 361px)and (max-height:617px) {
}
@-moz-document url-prefix() {
/*Samsung Galaxy A8, S8, S9 - Port - Mozilla*/
@media screen and (max-width: 361px)and (max-height:612px) {
}
}
/*Lg G5, - Port*/
@media screen and (max-width: 361px)and (max-height:574px) {
}
@-moz-document url-prefix() {
/*Samsung Galaxy S7,S6 - Port - Mozilla*/
@media screen and (max-width: 361px)and (max-height:561px) {
}
}
/*MotorolaX 2nd, Sony XPeria Z5 - Port*/
@media screen and (max-width: 361px)and (max-height:513px) {
}
/*undefined*/
@media screen and (max-width: 321px)and (max-height:504px) {
}
/*Iphone 5S - Port*/
@media screen and (max-width: 321px)and (max-height:492px) {
}
/*Iphone SE - Port*/
@media screen and (max-width: 321px)and (max-height:455px) {
}
/*Iphone 4S - Port */
@media screen and (max-width: 321px)and (max-height:357px) {
}
/*Iphone 4S ? - Port*/
@media screen and (max-width: 321px)and (max-height:335px) {
}
/*Undefined*/
@media screen and (max-width: 280px)and (max-height:480px){
}