.gallery-load-more {
display: flex;
align-items: center;
justify-content: center;
margin: 28px 0;
}
button.load-more-btn {
cursor: pointer;
}.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-right.trp-color-light {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-right.trp-color-dark {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-light {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-left.trp-color-light {
min-width: 200px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-left.trp-color-dark {
min-width: 200px;
}
#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-top: 12px;
}
#trp-floater-ls.trp-floater-ls-flags.trp-bottom-left.trp-color-light #trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-top: 15px;
}
#trp-floater-ls.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-dark.trp-poweredby:hover {
position: fixed;
z-index: 9999999;
top: 0px;
bottom: auto;
display: block;
width: 192px;
height: auto;
border-radius: 0px 0px 8px 8px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-light.trp-poweredby:hover {
position: fixed;
z-index: 9999999;
top: 0px;
bottom: auto;
display: block;
width: 192px;
height: auto;
border-radius: 0px 0px 8px 8px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-dark.trp-poweredby:hover {
position: fixed;
z-index: 9999999;
top: 0px;
bottom: auto;
display: block;
width: 192px;
height: auto;
border-radius: 0px 0px 8px 8px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-light.trp-poweredby:hover {
position: fixed;
z-index: 9999999;
top: 0px;
bottom: auto;
display: block;
width: 192px;
height: auto;
border-radius: 0px 0px 8px 8px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-top:6px;
}
#trp-floater-ls-language-list .trp-language-wrap.trp-floater-ls-disabled-language.trp-ls-disabled-language:hover {
padding: 0px;
width: auto;
}
#trp-floater-ls .trp-language-switcher-container.trp-floater-ls-codes.trp-top-left.trp-color-light.trp-poweredby.trp-with-flags.trp-floater-ls-disabled-language.trp-ls-disabled-language.trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-bottom:10px;
margin-top: 0px;
}
#trp-floater-ls {
position: fixed;
z-index: 9999999;
bottom: 0;
display: block;
overflow: hidden;
height: 58px;
text-align: center;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.trp-floater-ls-disabled-language.trp-ls-disabled-language {
width: auto;
} #trp-floater-ls:hover {
position: fixed;
z-index: 9999999;
bottom: 0;
display: block;
height: auto;
border-radius: 8px 8px 0px 0px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-floater-ls-flags:hover {
position: fixed;
z-index: 9999999; display: block;
width: 66px;
height: auto;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-floater-ls-flags.trp-poweredby:hover {
position: fixed;
z-index: 9999999;
bottom: 0;
display: block;
width: 192px;
height: auto;
border-radius: 8px 8px 0px 0px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-floater-ls-flags{
position: fixed;
z-index: 9999999;
bottom: 0;
display: block;
overflow: hidden;
width: 66px;
height: 58px;
text-align: center;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
#trp-floater-ls.trp-color-dark{
background: #1E1E1E;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
border-radius: 8px 8px 0 0;
}
#trp-floater-ls.trp-color-light{
background: #FFFFFF;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
border-radius: 8px 8px 0 0;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-light.trp-poweredby:hover {
width: 192px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-dark.trp-poweredby:hover {
width: 192px;
}
#trp-floater-ls.trp-color-dark-old{
background: rgb(27,27,27);
background: linear-gradient(0deg, rgba(27,27,27,1) 0%, rgba(84,84,84,1) 100%);
}
#trp-floater-ls.trp-color-light-old{
background: rgb(214,214,214);
background: linear-gradient(0deg, rgba(214,214,214,1) 0%, rgba(250,250,250,1) 100%);
}
#trp-floater-ls.trp-bottom-right{
top:auto;
bottom: 0;
right:10%;
}
#trp-floater-ls.trp-bottom-left{
top:auto;
bottom: 0;
left: 10%;
}
#trp-floater-ls.trp-top-right{
bottom:auto;
top: 0;
right:10%;
border-radius: 0 0 5px 5px;
}
#trp-floater-ls.trp-top-left{
bottom:auto;
top: 0;
left: 10%;
border-radius: 0 0 5px 5px;
}
body.admin-bar #trp-floater-ls.trp-top-right,
body.admin-bar #trp-floater-ls.trp-top-left{
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar #trp-floater-ls.trp-top-right,
body.admin-bar #trp-floater-ls.trp-top-left {
top: 46px;
}
}
@media screen and (max-width: 1000px) {
#trp-floater-ls-language-list{
display: flex;
flex-direction: column;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 105px;
}
#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-top: 15px!important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 60px;
}
}
@media screen and (max-width: 500px) {
#trp-floater-ls-language-list{
display: flex;
flex-direction: column;
}
#trp-floater-ls:hover .trp-language-wrap a.trp-floater-ls-disabled-language {
margin-top: 0;
}
.trp-floater-ls-disabled-language {
margin-top: 0!important;
padding-top:16px!important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark.trp-poweredby {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark.trp-poweredby {
left: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light.trp-poweredby {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-light.trp-poweredby {
left: 10%;
min-width: 60px;
}
#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
margin-top: 5px!important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 105px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 66px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark {
left: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light {
right: 10%;
min-width: 60px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-light {
left: 10%;
min-width: 60px;
}
}
#trp-floater-ls.trp-floater-ls-codes  #trp-floater-ls-current-language a,
#trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-language-list {
text-align: center;
margin-top: 6px;
}
#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-current-language a img,
#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-language-list a img {
text-align: center;
display: block;
margin: 0 auto;
}
#trp-floater-ls-language-list {
display: none;
}
.trp-poweredby #trp-floater-ls-language-list .trp-language-wrap{
padding: 10px;
width: auto;
}
#trp-floater-ls .trp-language-wrap.trp-language-wrap-top{
padding:10px;
}
#trp-floater-ls .trp-language-wrap.trp-language-wrap-bottom{
padding:11px;
}
#trp-floater-ls.only-flags div.trp-language-wrap{
padding:11px 0;
}
#trp-floater-ls.trp-top-right.trp-poweredby.trp-color-dark #trp-floater-ls-language-list #trp-floater-poweredby,
#trp-floater-ls.trp-top-left.trp-poweredby.trp-color-dark #trp-floater-ls-language-list #trp-floater-poweredby{
border-top: none;
border-bottom: 1px solid #747474;
}
#trp-floater-ls.trp-top-right.trp-poweredby.trp-color-light #trp-floater-ls-language-list #trp-floater-poweredby,
#trp-floater-ls.trp-top-left.trp-poweredby.trp-color-light #trp-floater-ls-language-list #trp-floater-poweredby{
border-top: none;
border-bottom: 1px solid #aaaaaa;
}
.trp-color-dark.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
border-top: 1px solid #747474;
color: #b3b3b3;
}
.trp-color-light.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
border-top: 1px solid #aaaaaa;
color: #808080;
}
.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
padding: 5px 12px 5px 12px;
text-align: center;
font-size: 12px;
}
.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a{
display: inline;
padding: 0px 3px;
border-radius: 30px;
line-height: 11px;
text-decoration: underline;
}
.trp-color-light.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a{
color: #3858E9;
text-decoration: none;
}
.trp-color-dark.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a{
color: #b3b3b3;
}
.trp-color-dark.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a:hover{
color: #ffffff;
opacity: 1;
}
.trp-color-light.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a:hover{
color: #3858E9;
text-decoration: underline;
}
#trp-floater-ls:focus #trp-floater-ls-current-language,
#trp-floater-ls:hover #trp-floater-ls-current-language {
display: none;
}
#trp-floater-ls:focus #trp-floater-ls-language-list,
#trp-floater-ls:hover #trp-floater-ls-language-list {
display: block;
}
#trp-floater-ls-current-language a {
display: block;
padding: 10px 12px 10px 12px;
font-size: 90%;
}
.trp-language-wrap a{
display: block;
padding: 10px 12px 10px 12px;
font-size: 90%;
}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language{
display: block;
padding: 10px 24px 10px 24px;
font-size: 90%;
}
#trp-floater-ls-current-language,
#trp-floater-ls-language-list {
text-align: left;
}
#trp-floater-ls-current-language.trp-with-flags,
#trp-floater-ls-language-list.trp-with-flags {
text-align: left;
}
#trp-floater-ls-current-language {
display: block;
width: 100%;
height: 100%;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-dark #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-right.trp-color-light #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-dark #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-bottom-left.trp-color-light.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-dark.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-dark #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-light.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right.trp-color-light #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-dark.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-dark #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-light.trp-poweredby #trp-floater-ls-current-language,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left.trp-color-light #trp-floater-ls-current-language {
display: block;
width: 100%;
height: 100%;
padding-top: 3px;
}
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-right .trp-language-wrap,
.trp-language-switcher-container.trp-floater-ls-flags.trp-top-left .trp-language-wrap {
padding: 9px!important;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-top-right .trp-language-wrap,
.trp-language-switcher-container.trp-floater-ls-codes.trp-top-left .trp-language-wrap {
padding: 0 9px 9px 9px!important;
}
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-right .trp-language-wrap,
.trp-language-switcher-container.trp-floater-ls-codes.trp-bottom-left .trp-language-wrap {
padding: 9px 9px 6px 9px!important
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-right .trp-language-wrap,
.trp-language-switcher-container.trp-floater-ls-names.trp-top-left .trp-language-wrap {
padding: 0 12px 12px 12px!important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right .trp-language-wrap,
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left .trp-language-wrap {
padding: 12px 12px 6px 12px!important
}
#trp-floater-ls div:not(#trp-floater-poweredby) > a {
display: flex!important;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.trp-color-dark #trp-floater-ls-current-language a,
.trp-color-dark #trp-floater-ls-language-list a {
color: #BDBDBD;
}
.trp-color-light #trp-floater-ls-current-language a,
.trp-color-light #trp-floater-ls-language-list a {
color: #404040;
}
.trp-color-dark #trp-floater-ls-current-language a,
.trp-color-dark #trp-floater-ls-language-list a,
.trp-color-light #trp-floater-ls-current-language a,
.trp-color-light #trp-floater-ls-language-list a,
.trp-with-flags.trp-color-dark #trp-floater-ls-current-language a,
.trp-color-dark #trp-floater-ls-language-list a,
.trp-with-flags.trp-color-light #trp-floater-ls-current-language a,
.trp-color-light #trp-floater-ls-language-list a,
.trp-color-light #trp-floater-ls-current-language a,
.trp-color-dark #trp-floater-ls-language-list a {
display: block;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-color-light #trp-floater-ls-language-list .trp-language-wrap a:hover {
color: #1E1E1E;
background: #F0F0F0;
border-radius: 2px;
}
.trp-color-dark #trp-floater-ls-language-list .trp-language-wrap a:hover {
color: #FFFFFF;
background: #4F4F4F;
border-radius: 2px;
}
.trp-floater-ls-disabled-language {
margin-top:6px;
}
#trp-floater-ls .trp-floater-ls-disabled-language {
pointer-events: none;
cursor: default;
}
#trp-floater-ls .trp-with-flags .trp-flag-image {
margin-right: 5px;
vertical-align: middle;
height: auto;
max-width: 100%;
display: inline;
padding: 0;
}
.trp-flag-image:dir(rtl) {
margin-left: 5px;
}
#trp-floater-ls a {
text-decoration: none;
}
#trp-floater-ls-language-list {
max-height: 300px;
overflow-y: auto;
}
.only-flags #trp-floater-ls-language-list {
overflow-y: overlay;
}.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
}
#wp-admin-bar-wp-rocket .trp-flag-image {
width: 18px !important;
height: 12px !important;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(//creolab.shop/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
}.trp-ls-shortcode-current-language {
background: #1C1C1C !important;
padding: 0px !important;
border: 0px !important;
border-radius: 20px !important;
}
div#trp-floater-ls {
display: none;
}
a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
color: #fff;
}
a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
background: #1C1C1C !important;
padding: 0px !important;
border: 0px !important;
border-radius: 20px !important;
width: 53px !important;
display: flex !important;
justify-content: space-between;
height: 48px !important;
align-items: center;
margin-left: 0px;
}
.trp-ls-shortcode-language {
width: 54px !important;
background: #1C1C1C !important;
border: 0px !important;
border-radius: 20px !important;
cursor: pointer;
}
.trp-language-switcher.trp-language-switcher-container {
width: 43px!important;
}
.trp-language-switcher > div > a{
color: #fff;
background: #1C1C1C !important;
margin-left: -10px;
}
.trp-ls-shortcode-current-language {
width: 53px !important;
padding: 14px !important;
display: flex !important;
justify-content: center;
height: 48px !important;
align-items: center;
}
.lang_btn.btn.btn--grey {
display: none!important;
}
div#fluentform_1_success {
color: #fff;
}
@media(min-width: 1400px){
.translatepress-en_US .feedback h3 {
margin-bottom: 219px;
}
}
.menu__mobile--social .btn--grey img {
margin-left: 12px;
margin-right: 0px;
}
.menu__mobile--social a.btn.btn--green {
color: #000;
}
div#fluentform_1_success{
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
}
#marquee-container {
width: 100%;
overflow: hidden; 
white-space: nowrap; 
box-sizing: border-box;
padding: 10px 0;
}
#marquee {
display: inline-block; 
}
.eng{
display:none;
}
.translatepress-en_US .rus{
display:none;
}
.translatepress-en_US .eng{
display:block;
}html{
scroll-behavior: smooth;
}
body {
background: #000000;
} .header {
padding: 12px 0;
color: #FFFFFF;
}
.header ul {
list-style-type: none;
}
.header a {
display: flex;
font-family: "Montserrat", serif;
color: #FFFFFF;
text-decoration: none;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0%;
align-items: center;
}
.container {
width: 1312px;
margin: 0 auto;
}
.header__logo.logo {
display: flex;
}
.header__container {
display: flex;
justify-content: space-between;
}
.header__middle {
display: flex;
}
.header__menu ul {
display: flex;
}
.header__menu ul a {
padding: 0px 12px;
}
.header__menu ul a:hover {
color: #D5FF3F;
}
.header__menu ul a:active {
color: #D5FF3F;
}
.gallery-tags {
color: #fff;
}
.gallery-item video {
width: 100%;
}
.video-description{
display: none;
}
.block img {
height: auto;
}
.block {
width: 31%;
}
.block img {
width: 100%;
}
.template-page-main .load-more-btn {
display: none;
} .main-top__container {
display: flex;
justify-content: space-between;
padding: 48px 0 73px 0;
} .topline {
font-family: Montserrat;
font-weight: 500;
font-size: 24px;
line-height: 29.26px;
letter-spacing: 0%;
text-align: center;
color: #D5FF3F;
text-transform: uppercase;
background: #1C1C1C;
padding: 13px 0 6px 0
}
span.dot {
padding: 0 12px;
} .contant {
padding: 64px 0 20px 0;
}
.contant__tags {
color: #FFFFFF;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
padding-bottom: 32px;
}
.contant__tags span.btn--grey {
cursor: pointer;
padding: 16px;
display: inline-block;
}
.contant__contant {
display: flex;
flex-wrap: wrap;
gap: 22px;
}
.contant__tags {
display: flex;
justify-content: space-between;
}
.feedback__right .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
width: 100%;
width: 564;
height: 72px;
gap: 12px;
border-radius: 16px;
padding-top: 21px;
padding-right: 16px;
padding-bottom: 21px;
padding-left: 16px;
font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
margin-top: 33px;
background: #D5FF3F;
color: #000;
}
textarea#ff_1_message {
width: 564px;
height: 210px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
background: #2A2A2A;
border: 0px;
resize: none;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #D4D4D4;
color: #FFFFFF;
}
textarea#ff_1_message:hover {
background: #313131;
color: #d4d4d4;
}
textarea#ff_1_message:active {
background: #454545;
color: #FFFFFF;
}
.feedback__right label {
display: none !important;
}
textarea#ff_1_message {
width: 564px;
height: 210px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
background: #2A2A2A;
border: 0px;
resize: none;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #D4D4D4;
color: #FFFFFF;
}
textarea#ff_1_message:hover {
background: #313131;
color: #d4d4d4;
}
textarea#ff_1_message:active {
background: #454545;
color: #FFFFFF;
}
textarea#ff_1_message::placeholder {
color: #D4D4D4;
} .feedback__right {
width: 644;
height: 642;
padding-top: 56px;
padding-right: 40px;
padding-bottom: 56px;
padding-left: 40px;
border-radius: 32px;
gap: 10px;
}
.feedback__right .ff-el-input--label.asterisk-right {
display: none;
}
.feedback__right .ff-el-group .ff-el-input--content .form__input {}
.feedback__right .ff-el-group .ff-el-input--content .form__input {
background: #2A2A2A;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #FFFFFF;
border: 0px;
width: 564;
height: 72px;
top: 20px;
left: 20px;
gap: 10px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
}
.feedback__right .ff-el-group .ff-el-input--content .form__input:hover {
color: #D4D4D4;
background: #313131;
}
.feedback__right .ff-el-group .ff-el-input--content .form__input:active {
background: #454545;
color: #FFFFFF;
}
.feedback__right .ff-el-group .ff-el-input--content .form__input::placeholder {
color: #D4D4D4;
}
.ff-el-input--content {
margin-bottom: 4px;
} .work {
font-family: Montserrat;
font-weight: 500;
font-size: 24px;
line-height: 29.26px;
letter-spacing: 0%;
color: #fff;
}
.work .work__number {
width: 148px;
height: 148px;
border-radius: 16px;
padding-top: 40px;
padding-right: 24px;
padding-bottom: 40px;
padding-left: 24px;
background: #1C1C1C;
font-weight: 800;
font-size: 160px;
line-height: 195.04px;
letter-spacing: 0%;
color: #2A2A2A;
display: flex;
align-items: center;
justify-content: center;
padding: unset;
}
.work h2 {
color: #fff;
font-family: "Inter", sans-serif;
font-weight: 800;
font-size: 68px;
line-height: 81.15px;
letter-spacing: 0%;
}
.work__top {
display: flex;
gap: 24px;
margin-bottom: 24px;
}
.work__bottom {
display: flex;
gap: 24px;
flex-direction: row-reverse;
}
.work .work__text {
width: 472px;
height: 148px;
gap: 10px;
border-radius: 16px;
padding-top: 40px;
padding-right: 24px;
padding-bottom: 40px;
padding-left: 24px;
background: #1C1C1C;
display: flex;
align-items: center;
padding: 0 24px;
} .feedback-container {
display: flex;
gap: 24px;
}
.feedback__left {
width: 644px;
height: 642px;
border-radius: 32px;
background: #1C1C1C;
padding: 56px 40px;
box-sizing: border-box;
}
.feedback__right {
width: 644px;
height: 642px;
gap: 10px;
border-radius: 32px;
padding-top: 56px;
padding-right: 40px;
padding-bottom: 56px;
padding-left: 40px;
background: #1C1C1C;
box-sizing: border-box;
}
.feedback {
padding: 80px 0 69px 0;
color: #FFFFFF;
}
.feedback h3 {
font-family: "Inter", sans-serif;
font-weight: 800;
font-size: 68px;
line-height: 81.15px;
letter-spacing: 0%;
color: #FFFFFF;
margin: 0px;
margin-bottom: 135px;
}
.feedback span {
display: flex;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
margin-bottom: 56px;
}
.feedback a.btn.btn--green {
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #000;
gap: 12px;
border-radius: 16px;
padding-top: 21px;
padding-right: 16px;
padding-bottom: 21px;
padding-left: 16px;
font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
} .footer-container {
display: flex;
justify-content: space-between;
padding: 24px 0;
align-items: center;
}
.footer__social a {
padding: 0 4px;
} .btn {
border-radius: 16px;
}
.btn--grey {
background: #1C1C1C;
padding: 14px;
}
.btn--grey.active {
background: #D5FF3F;
color: #000000;
}
.btn--grey.active:hover {
background: #D5FF3F;
color: #000000;
}
.btn--grey.active:active {
background: #D5FF3F;
color: #000000;
}
.btn--grey img {
margin-right: 12px;
}
.btn--grey:hover {
background: #313131;
}
.btn--grey:active {
background: #454545;
}
.btn--green {
background: #D5FF3F;
border: 0px;
}
.btn--green:hover {
background: #B7DF29;
}
.btn--green:active {
background: #AACF25;
}
.btn_green {
cursor: pointer;
}
.btn_green:hover {
fill: #B7DF29;
}
.btn_green:active {
background: #AACF25;
}
.btn--clrgreen {
border: 1px solid #D5FF3F;
color: #D5FF3F;
}
.btn--mobile {
display: none;
}
.mobile-menu {
display: none;
}
.--mobile {
display: none;
}
@media(max-width: 1400px) {
.container {
width: 90%;
}
.feedback-container.container {
width: 100%;
}
.main__left {
display: flex;
align-items: center;
}
.main__left img.--pc {
width: 90%;
}
.block {
width: 31%;
}
.block img {
width: 95%;
}
.work {
font-size: 22px;
}
.feedback__right {
width: 50%;
}
.feedback__left {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.feedback h3 {
font-family: "Inter", sans-serif;
font-weight: 800;
font-size: 55px;
line-height: 57.15px;
}
}
@media(max-width: 1120px) {
.menu__mobile--wrp .header__menu a{
font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
color: #FFFFFF;
margin-bottom: 32px;
z-index: 200;
display: block;
position: relative;
}
.menu__mobile--social {
display: flex;
justify-content: center;
gap: 10px;
margin-top: -20px;
}
.menu__mobile--social a{
padding: 14px 46px;
}
.menu__mobile--wrp {
display: flex;
flex-direction: column;
height: 100vh;
justify-content: space-around;
padding-top: 74px;
}
.menu__mobile--social a.open-popup{
color: #000;
}
.mobile-menu {
z-index: 101;
}
.container.main-top__container .--mobile {
display: none;
}
.work.work--mobile.--mobile {
display: flex;
align-items: center;
}
.container {
width: 90%;
}
.--mobile {
display: flex;
flex-direction: column;
}
.work.--pc {
display: none;
}
.work__block {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.contant__contant {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.mobile-menu {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: #1C1C1C;
border-radius: 16px;
}
.nav-icon {
position: relative;
width: 12px;
height: 2px;
background-color: #D8D8D8;
border-radius: 1.5px;
}
.mobile-nav-btn {
--time: 0.1s;
--line-height: 3px;
--spacing: 3px;
--color: #B68C6E;
--radius: 4px;
width: 20px;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
position: relative;
z-index: 99;
}
.nav-icon::before,
.nav-icon::after {
content: "";
display: block;
position: absolute;
left: 0;
width: 20px;
height: 2px;
border-radius: 1.5px;
background: #D8D8D8;
-webkit-transition: top var(--time) linear var(0.1s), -webkit-transform var(--time) ease-in;
transition: top var(--time) linear var(--time), -webkit-transform var(--time) ease-in;
transition: transform var(--time) ease-in, top var(--time) linear var(--time);
transition: transform 0.1s;
}
.nav-icon::after {
width: 16px;
}
.nav-icon::before {
top: calc(-1*(var(--line-height) + var(--spacing)));
}
.nav-icon::after {
top: calc(var(--line-height) + var(--spacing));
}
.nav-icon.nav-icon--active::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-icon.nav-icon--active::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-icon.nav-icon--active {
background: transparent;
width: 16px;
margin-left: 0px;
}
.nav-icon.nav-icon--active::after {
width: 16px;
top: 0px;
}
.nav-icon.nav-icon--active::before {
top: 0px;
width: 16px;
}
button.mobile-nav-btn {
display: flex;
z-index: 101;
}
.header__logo.logo {
display: flex;
z-index: 101;
}
.header__container .btn--mobile.nav--active {
display: none;
}
.header--wrp {
display: flex;
gap: 20px;
}
.header__lang.nav--active{
display: flex;
z-index: 101;
}
.header__middle {
display: none;
}
.header__lang {
display: none;
}
.btn--mobile .btn {
width: 102px;
height: 48px;
cursor: pointer;
}
.btn--mobile {
display: flex;
}
.--mobile {
display: flex;
}
.nav-icon {
margin-left: -6px;
}
.container.main-top__container {
display: flex;
justify-content: center;
align-items: center;
}
span.btn.btn--grey {
margin: 4px 4px;
}
.block {
width: 45%;
}
.block img {
width: 100%;
}
}
@media(max-width: 1120px) {
.header__container .btn--mobile {
display: none;
}
.feedback-container.container {
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
}
.feedback {
padding: 24px;
}
.feedback__left {
width: 100%;
height: 298px;
gap: 10px;
border-radius: 32px;
padding: 24px;
}
.feedback__left h3 {
font-weight: 800;
font-size: 32px;
line-height: 38.19px;
letter-spacing: 0%;
margin-bottom: 40px;
}
.feedback__left span {
margin-bottom: 24px;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
}
.feedback a.btn.btn--green {
height: 24px;
}
.feedback__social {
font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0%;
}
.feedback__right {
width: 100%;
height: 376px;
}
.feedback__right {
height: auto;
}
textarea#ff_1_message {
width: 100%;
}
}
@media(max-width: 768px) {
.header__container .btn--mobile {
display: flex;
}
.container.main-top__container .--mobile {
display: flex;
}
.container {
width: auto;
margin: 0 12px;
}
.contant {
padding: 32px 0 3px 0;
}
.work.work--mobile.--mobile {
display: flex;
align-items: flex-start;
}
.feedbak__social a img {
width: 20px;
height: 20px;
}
.contant__tags {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.--pc {
display: none;
}
.main__left img.--mobile {
margin-left: -10px;
} .work--mobile {
display: flex;
flex-direction: column; align-items: center;
margin: 0 auto;
}
.work__block {
display: flex;
gap: 8px;
margin-bottom: 8px;
flex-direction: row-reverse;
width: 100%;
}
.work--mobile .work__number {
width: 92px;
height: 92px;
font-size: 100px;
min-width: 92px;
}
.work--mobile h2 {
font-family: Montserrat;
font-weight: 700;
font-size: 32px;
line-height: 39.01px;
letter-spacing: 0%;
}
.work--mobile .work__text {
width: 100%;
height: 92px;
font-family: Montserrat;
font-weight: 500;
font-size: 15px;
line-height: 20px;
letter-spacing: 0%;
}
.work__block:nth-child(2n) {
flex-direction: row;
} .contant {
display: flex;
flex-direction: column;
align-items: center;
}
.feedback__right {
padding: 24px;
}
.feedback a.btn.btn--green {
height: 6px;
font-size: 16px;
}
textarea#ff_1_message {
font-size: 16px;
height: 120px;
}
.feedback__right .ff-el-group .ff-el-input--content .form__input {
font-size: 16px;
height: 48px;
}
button.ff-btn.ff-btn-submit.ff-btn-md.btn.btn--green.ff_btn_style {
font-size: 16px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.feedback {
padding: 0px;
}
.contant__contant {
display: flex;
flex-wrap: wrap;
gap: 22px;
}
}
@media(max-width: 500px) {
.feedback__left {
height: auto;
}
}
.popup-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 99;
}
.popup {
position: fixed;
background: #000000;
width: 400px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 30px;
padding-top: 60px;
width: 668px;
height: auto;
border-radius: 16px;
padding: 32px;
box-sizing: border-box;
}
.no-scroll {
overflow-y: hidden;
}
.close-popup {
cursor: pointer;
position: absolute;
top: 20px;
right: 45px;
font-size: 20px;
}
.popup .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
width: 100%;
width: 564;
height: 72px;
gap: 12px;
border-radius: 16px;
padding-top: 21px;
padding-right: 16px;
padding-bottom: 21px;
padding-left: 16px;
font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
margin-top: 33px;
}
textarea#ff_1_2_message {
width: 564px;
height: 210px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
background: #2A2A2A;
border: 0px;
resize: none;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #D4D4D4;
color: #FFFFFF;
}
textarea#ff_1_2_message:hover {
background: #313131;
color: #d4d4d4;
}
textarea#ff_1_2_message:active {
background: #454545;
color: #FFFFFF;
}
.popup label {
display: none !important;
}
textarea#ff_1_2_message {
width: 100%;
height: 210px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
background: #2A2A2A;
border: 0px;
resize: none;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #D4D4D4;
color: #FFFFFF;
}
textarea#ff_1_2_message:hover {
background: #313131;
color: #d4d4d4;
}
textarea#ff_1_2_message:active {
background: #454545;
color: #FFFFFF;
}
textarea#ff_1_2_message::placeholder {
color: #D4D4D4;
}
.popup .ff-el-input--label.asterisk-right {
display: none;
}
.popup .ff-el-group .ff-el-input--content .form__input {}
.popup .ff-el-group .ff-el-input--content .form__input {
background: #2A2A2A;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
letter-spacing: 0%;
color: #FFFFFF;
border: 0px;
width: 564;
height: 72px;
top: 20px;
left: 20px;
gap: 10px;
border-radius: 16px;
padding-top: 16px;
padding-right: 22px;
padding-bottom: 16px;
padding-left: 22px;
}
.popup .ff-el-group .ff-el-input--content .form__input:hover {
color: #D4D4D4;
background: #313131;
}
.popup .ff-el-group .ff-el-input--content .form__input:active {
background: #454545;
color: #FFFFFF;
}
.popup .ff-el-group .ff-el-input--content .form__input::placeholder {
color: #D4D4D4;
}
.popup .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
height: 72px;
gap: 12px;
border-radius: 16px;
padding-top: 21px;
padding-right: 16px;
padding-bottom: 21px;
padding-left: 16px;
background: #D5FF3F;
color: #000000;
font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
}
.popup h3 {
margin: 0 0 32px 0;
font-family: Montserrat;
font-weight: 700;
font-size: 48px;
line-height: 58.51px;
letter-spacing: 0%;
color: #FFFFFF;
}
.popup h3 a {
text-decoration: underline;
}
@media(max-width: 768px) {
.popup {
width: 90%;
}
.popup h3 {
font-size: 34px;
line-height: 34.51px;
}
}
@media(max-width: 505px) {
.close-popup {
right: 4px;
}
.popup {
padding: unset;
padding-top: 60px;
}
}
.main__title{
display: none;
}
.portfolio__btn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 28px;
}
button.btn--green.btn {
padding: 16px;
font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 24.38px;
}
.page-template-page-portfolio .contant {
padding: 64px 0 34px 0;
} .header__mobile {
display: none;
position: fixed;
top: 0px;
left: 0;
height: 100%;
width: 100%;
z-index: 100; 
border-radius: 0px;
background: #000;
}  
.header__mobile .header__menu ul {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.header__mobile {
padding-top: 0; } } .header__mobile .mm__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 100; }
.lock{
overflow: hidden;
} .h2x{--acc:#D5FF3F;--pink:#E45BD8;--card:#1C1C1C;--card2:#2A2A2A;--mut:#A6A6A6;color:#fff;font-family:"Montserrat",sans-serif}
.h2x *{box-sizing:border-box}
.h-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h2x .acc{color:var(--acc)}
.h-sec{padding:72px 0 0}
.h-title{font-family:"Inter",sans-serif;font-weight:800;font-size:56px;line-height:1.1;margin:0 0 32px;color:#fff}
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 28px;border-radius:16px;font-weight:600;font-size:18px;text-decoration:none;transition:background .2s,color .2s;cursor:pointer}
.h-btn--green{background:var(--acc);color:#000}
.h-btn--green:hover{background:#B7DF29;color:#000}
.h-btn--ghost{border:1px solid #3a3a3a;color:#fff}
.h-btn--ghost:hover{border-color:var(--acc);color:var(--acc)} .h-hero{padding:40px 0 48px}
.h-hero__art img{max-width:100%;height:auto;display:block}
.h-hero__sub{max-width:720px;font-size:20px;line-height:1.5;color:#d4d4d4;margin:28px 0 28px}
.h-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.h-hero__badges{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.h-hero__badges li{background:var(--card);border-radius:12px;padding:10px 14px;font-weight:600;font-size:15px}
.h-hero__badges li:before{content:"✓";color:var(--acc);margin-right:8px} .h-stats{padding:48px 0 0}
.h-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h-stat{background:var(--card);border-radius:20px;padding:28px 24px}
.h-stat b{display:block;font-family:"Inter",sans-serif;font-weight:900;font-size:44px;line-height:1;color:var(--acc)}
.h-stat span{display:block;margin-top:10px;color:var(--mut);font-size:15px} .h-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h-card{background:var(--card);border-radius:20px;padding:24px;display:flex;flex-direction:column;min-height:220px;transition:transform .2s,background .2s}
.h-card:hover{background:#242424;transform:translateY(-3px)}
.h-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#fff}
.h-card p{margin:0;color:var(--mut);font-size:15px;line-height:1.45;flex:1}
.h-card em{font-style:normal;margin-top:18px;font-weight:700;font-size:22px;color:var(--acc)}
.h-verticals,.h-sources{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.h-verticals span,.h-sources span{border:1px solid #333;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:500;color:#e5e5e5} .h-case{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.h-case__nums{background:var(--card);border-radius:24px;padding:32px;display:flex;align-items:center;justify-content:space-around;gap:16px}
.h-case__nums span{display:block;color:var(--mut);font-size:15px;margin-bottom:8px}
.h-case__nums b{display:block;font-family:"Inter",sans-serif;font-weight:900;font-size:64px;line-height:1}
.h-case__nums small{display:block;color:var(--mut);font-size:13px;margin-top:10px;max-width:170px}
.h-case__arrow{font-size:40px;color:var(--pink)}
.h-case__txt{background:var(--card);border-radius:24px;padding:32px}
.h-case__tag{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:#2a2a2a;font-size:13px;font-weight:600;color:var(--acc)}
.h-case__txt h3{margin:0 0 14px;font-family:"Inter",sans-serif;font-weight:800;font-size:32px}
.h-case__txt blockquote{margin:0 0 24px;padding-left:16px;border-left:3px solid var(--pink);color:#d4d4d4;font-size:17px;line-height:1.5} .h-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h-why>div{background:var(--card);border-radius:20px;padding:24px}
.h-why b{font-family:"Inter",sans-serif;font-weight:900;font-size:28px;color:#3a3a3a}
.h-why h3{margin:12px 0 8px;font-size:20px;font-weight:700}
.h-why p{margin:0;color:var(--mut);font-size:15px;line-height:1.45} .h-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h-tier{background:var(--card);border-radius:20px;padding:28px;display:flex;justify-content:space-between;align-items:center}
.h-tier span{font-size:18px;font-weight:600}
.h-tier b{font-family:"Inter",sans-serif;font-weight:900;font-size:40px;color:var(--acc)}
.h-tier--hot{background:var(--acc);color:#000}
.h-tier--hot b{color:#000}
.h-note{color:var(--mut);margin:16px 0 0;font-size:16px} .h-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h-steps li{background:var(--card);border-radius:20px;padding:24px;position:relative;overflow:hidden;min-height:170px}
.h-steps b{font-family:"Inter",sans-serif;font-weight:900;font-size:110px;line-height:1;color:#2A2A2A;position:absolute;right:12px;bottom:-14px}
.h-steps p{position:relative;margin:0;font-size:18px;font-weight:500;line-height:1.4;max-width:80%} .h-reviews{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.h-rev{scroll-snap-align:start;background:#1f2a14;border-radius:20px 20px 20px 6px;padding:22px}
.h-rev p{margin:0 0 12px;font-size:17px;line-height:1.45;font-weight:500}
.h-rev span{font-size:13px;color:#9fb58a} .h-faq{display:grid;gap:10px;max-width:900px}
.h-faq details{background:var(--card);border-radius:16px;padding:0 22px}
.h-faq summary{cursor:pointer;list-style:none;padding:20px 0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary:after{content:"+";color:var(--acc);font-size:24px;line-height:1}
.h-faq details[open] summary:after{content:"−"}
.h-faq p{margin:0 0 20px;color:#cfcfcf;line-height:1.55}
.h2x .feedback{margin-top:72px}
.h2x .feedback h3 .acc{display:inline} @media(max-width:1120px){
.h-title{font-size:40px}
.h-cards{grid-template-columns:repeat(2,1fr)}
.h-stats__grid{grid-template-columns:repeat(2,1fr)}
.h-why{grid-template-columns:repeat(2,1fr)}
.h-steps{grid-template-columns:repeat(2,1fr)}
.h-case{grid-template-columns:1fr}
}
@media(max-width:768px){
.h-sec{padding-top:48px}
.h-title{font-size:30px;margin-bottom:20px}
.h-hero{padding:16px 0 32px}
.h-hero__sub{font-size:16px;margin:20px 0}
.h-hero__cta .h-btn{flex:1 1 100%}
.h-btn{font-size:16px;padding:15px 20px}
.h-stat{padding:20px 16px}.h-stat b{font-size:30px}
.h-cards,.h-why,.h-tiers,.h-steps{grid-template-columns:1fr;gap:10px}
.h-card{min-height:0}
.h-case__nums{padding:24px 16px}.h-case__nums b{font-size:40px}
.h-case__txt{padding:24px}.h-case__txt h3{font-size:24px}
.h-steps li{min-height:110px}.h-steps b{font-size:80px}
.h-tier{padding:20px}.h-tier b{font-size:30px}
.h-faq summary{font-size:16px}
.h2x .feedback{margin-top:48px}
}
.h-hero .--mobile{display:none}
@media(max-width:768px){.h-hero .--pc{display:none}.h-hero .--mobile{display:block}}
.h2x .feedback h3 .acc{display:inline;font:inherit;margin:0;color:var(--acc)}
.h2x #portfolio .contant{padding-top:0}
.h-reviews{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}
.h-reviews::-webkit-scrollbar{height:6px}.h-reviews::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.h-reviews::-webkit-scrollbar-track{background:transparent} .h-marquee{overflow:hidden;white-space:nowrap}
.h-marquee__track{display:inline-flex;animation:hMarq 40s linear infinite;will-change:transform}
.h-marquee__track span{flex:none}
.h-marquee:hover .h-marquee__track{animation-play-state:paused}
@keyframes hMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.h-case{grid-template-columns:minmax(0,420px) 1fr;align-items:start}
.h-case__shot{display:block;border-radius:24px;overflow:hidden;background:#1C1C1C}
.h-case__shot img{display:block;width:100%;height:auto}
.h-case__lead{color:#d4d4d4;font-size:17px;line-height:1.5;margin:0 0 20px}
.h-case__txt .h-case__nums{background:#2A2A2A;border-radius:20px;padding:24px;margin:0 0 20px;justify-content:space-between}
.h-case__txt .h-case__nums b{font-size:40px}
.h-note--top{margin:-16px 0 24px}
.h-shots{columns:3 300px;column-gap:16px}
.h-shot{display:block;break-inside:avoid;margin:0 0 16px;border-radius:16px;overflow:hidden;background:#1C1C1C;transition:transform .2s}
.h-shot:hover{transform:translateY(-3px)}
.h-shot img{display:block;width:100%;height:auto}
@media(max-width:1120px){.h-case{grid-template-columns:1fr}.h-case__shot{max-width:420px}}
@media(max-width:768px){.h-case__txt .h-case__nums b{font-size:28px}.h-case__txt .h-case__nums{padding:18px 14px}.h-shots{columns:1}}
.h-hero__h{margin:0;font-family:"Inter",sans-serif;font-weight:900;font-size:88px;line-height:.95;letter-spacing:-2px;color:#D5FF3F}
.h-hero__h span{font-size:.62em;color:#E45BD8}
@media(max-width:768px){.h-hero__h{font-size:46px;letter-spacing:-1px}}
.h-hero__in{position:relative} .h-show{position:absolute;right:0;top:0;width:470px;height:420px}
.h-show__card{position:absolute;width:200px;border-radius:22px;overflow:hidden;background:#1c1c1c;box-shadow:0 24px 60px rgba(0,0,0,.6);transition:transform .35s ease;text-decoration:none}
.h-show__card img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.h-show__card span{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;font:600 12px/1 Montserrat,sans-serif;padding:7px 10px;border-radius:999px}
.h-show__card--1{left:10px;top:40px;transform:rotate(-9deg);z-index:1}
.h-show__card--2{left:130px;top:0;transform:rotate(3deg);z-index:3}
.h-show__card--3{left:250px;top:50px;transform:rotate(11deg);z-index:2}
.h-show:hover .h-show__card--1{transform:rotate(-13deg) translate(-18px,6px)}
.h-show:hover .h-show__card--3{transform:rotate(15deg) translate(18px,6px)}
.h-show .h-show__card:hover{z-index:5;transform:rotate(0) scale(1.06)}
.h-show__badge{position:absolute;left:0;bottom:30px;z-index:4;background:#D5FF3F;color:#000;border-radius:16px;padding:12px 16px;font:600 13px/1.2 Montserrat,sans-serif;transform:rotate(-4deg);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.h-show__badge b{display:block;font:900 26px/1 Inter,sans-serif}
@media(max-width:1400px){.h-show{transform:scale(.85);transform-origin:top right}}
@media(max-width:1120px){.h-show{display:none}}
.h-empty{background:#1C1C1C;border-radius:24px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.h-empty p{margin:0;max-width:640px;color:#d4d4d4;font-size:18px;line-height:1.5} .gallery-container.contant__contant{gap:15px}
.gallery-container .gallery-item.block{width:calc((100% - 75px)/6)}
.gallery-container .gallery-item video,.gallery-container .gallery-item img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:16px;display:block;background:#1C1C1C}
@media(max-width:1300px){.gallery-container .gallery-item.block{width:calc((100% - 45px)/4)}}
@media(max-width:1120px){.gallery-container .gallery-item.block{width:calc((100% - 30px)/3)}}
@media(max-width:768px){.gallery-container.contant__contant{gap:10px}.gallery-container .gallery-item.block{width:calc((100% - 10px)/2)}}