/*
Theme Name: 4ECMS - blank
Theme URI: https://4e.com.pl
Description: Domyślny szablon
Author: 4e agencja reklamowa
Author URI: https://4e.com.pl
Version: 1.2
*/

* { margin: 0; padding: 0; }
body, html { background: #FFFFFF; font-family: 'Open Sans', sans-serif!important; }
html { font-size: 62.5%; }
body { font-size: 1.3rem; height:100vh; }
body.home { overflow-x: hidden; }
img { border: none; }
.clear { clear: both; }
.width1024 { max-width: 1024px; width: 100%; margin: 0 auto; transition: 350ms ease-in-out all; }
.single-post .menu-portfolio-container, .page-template-default .menu-portfolio-container { margin-top:-1px; }
svg { max-height: 100%; }

/* page global */
.page-template-page_praca #content img { max-width: 100%; height: auto; width: 100%; }

/* AdWords */
#adWords { position: fixed; bottom: 0px; z-index: -1; }

/* globalne odnośniki */
a { color: #484848; text-decoration: underline; }
a:hover { text-decoration: none; }

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* zerowanie filmów */
.ui-btn-inline { margin-right: 2px; }
video { max-width: 100%; height: auto; height: auto; padding: 0px; }
iframe, embed, object { padding: 0px; max-width: 100%; }
.container { padding: 5%; margin:0px auto; background:#fff; box-shadow: 0 0px!important; }
.vendor { padding: 2%; background: #d1eed1; margin-bottom: 2em; }
.unsupported { background: #fddfde; }
.rslides img { width: auto; }
.page .fix-margin p { padding: 1% 0px; font-size: 1.5rem; line-height: 2.3rem }
.page .fix-margin h2 { padding: 0px; }
.page div#content { padding: 5% 35px; }
.page div#content h1 { font-size: 1.8rem!important; font-weight: normal!important; }
.page div#content h2 { font-size: 1.7rem; line-height: 3rem; padding: 20px 0px 10px 0px; }
.page article .box-img { margin: 0px auto; text-align: center; line-height: 100px; }
.page article .box-border .box-item { border: 0px solid #ffffff; }
.page article:hover .box-border .box-item { border: 0px solid #ffffff; }
.page article:hover .box-border { border: 1px solid #f04730; transition: 350ms ease-in-out all; }

/* filmy */
/* .Wtorek #bgvid, .Sobota #bgvid { opacity: 1!important; }
.Środa #bgvid, .Piątek #bgvid { opacity: 0.9!important; }
.Poniedziałek #bgvid, .Czwartek #bgvid { opacity: 0.8!important; }
.Niedziela #bgvid { opacity: 0.6!important; } */

/* breadcrumbs */
.breadcrumbs-link { display: block; padding: 0px 10px 20px 0px; font-size: 1.3rem; }
#breadcrumbs { display: inline; }
#breadcrumbs a { font-size: 1.3rem; color: #ccc; text-decoration: none!important; }
#breadcrumbs a:hover { color: #f04730!important; }
#breadcrumbs span { color: #000; font-size: 1.3rem; }

/* ekstra klasy */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.ui-icon-delete:after { background: url("img/close-4e.png") no-repeat center center; margin-left:-12px!important; margin-top: -12px!important; }
.ui-icon-delete:after, .ui-icon-delete { display: block; border:none!important; width: 25px!important; height: 25px!important; }
.ui-icon-delete { background: none!important; }
.ui-icon-delete:hover { background: none!important; border:none!important; }

/* header */
header#masthead { margin: 0 auto; background: #FFF; }
.top-logo { position: fixed; left: 40px; top: 40px; z-index: 10000000; transition: 350ms ease-in-out all; }
.top-logo svg { width: 56px; height: 56px; transition: 350ms ease-in-out all; }
.top-logo svg#logo_icon circle { fill: none; transition: 350ms ease-in-out all; }
.top-logo svg#logo_icon.whitebg circle { fill: none; transition: 350ms ease-in-out all; }
.main-top img { vertical-align: middle; }
.main-top { position: fixed; top: 0px; height: 75px; margin: 0px auto; }

.mean-container .mean-bar { position: absolute; background: none; top: 0px; }
.mean-container a.meanmenu-reveal span { background: #F04730; }
.mean-container a.meanmenu-reveal { color: #F04730; }
.mean-container .mean-nav { margin-top: 42px; background: #FFFFFF; margin: 0; padding-top: 7px; }
.mean-container a.meanmenu-reveal div { right: 48px; left:auto; white-space:nowrap; }
.mean-container .mean-nav ul li a { color: #343434; }
.mean-container .mean-nav ul li { padding: 0!important; }

.ie8 .fix-ie { width: 1024px; }
ul#menu-main-menu, ul#menu-main-menu-1 { list-style: none; }
ul#menu-main-menu li, ul#menu-main-menu-1 li { display: inline-block; background: #ffffff; }
.ie8 ul#menu-main-menu li, ul#menu-main-menu-1 li { display: block; float: left; }
ul#menu-main-menu li a, ul#menu-main-menu-1 a { padding: 17px 17px; font-size: 1.3rem; font-weight: normal; text-decoration: none; color: #4C4C4C; }
ul#menu-main-menu li a:hover, ul#menu-main-menu-1 li a:hover { text-decoration: none; background: #F04730; color: #ffffff; }
ul#menu-main-menu .current-menu-parent a, ul#menu-main-menu .current-menu-item a, ul#menu-main-menu-1 .current-menu-parent a, ul#menu-main-menu-1 .current-menu-item a, body.single-post ul#menu-main-menu .menu-item-16 a, body.single-post ul#menu-main-menu-1 .menu-item-16 a { text-decoration: none; background: #6D6D6D; color: #ffffff; }
div.ui-header div.width1024 div.mean-bar { z-index: 1000!important; }
div.navbar-wrapper div.mean-bar { z-index: 999; border-bottom: #d1d1d3 1px solid; background: #ffffff; padding: 0; margin: 0; position: relative; }
.mean-nav { margin-bottom: -1px!important; }
a.link-telefon { color: #f04730!important; }
.ui-header-fixed { top: 0px; padding: 0px; height: 0px; border: 0px; }
/* header menu-boxes */
#header-more-menu { margin: 0 auto; }

/* filtrowanie kategorii */
#filtry ul { margin: 0px!important; padding: 2% 1%; }
#filtry ul.kategorie li:first-child { margin-right: 0px!important; }
#filtry li { display: inline-block; padding: 5px; background: #fff; border: #000 1px solid; transition: 400ms ease-in-out all; margin: 3px; cursor: pointer; }
#filtry li:hover { background: #f04730; color: #fff; border: #f04730 1px solid!important; transition: 400ms ease-in-out all; }
#filtry li.aktywnyFiltr { background: #f04730; color: #fff; border: #f04730 1px solid!important; transition: 400ms ease-in-out all; }
#filtry li.filtrPokazWszystkie { background: #f04730; border: #f04730 1px solid!important; color: #fff; transition: 400ms ease-in-out all; }
#filtry span { display: inline-block; }
.home #POKAZ { overflow: hidden; display: block; opacity: 1; padding-top: 40px; padding-bottom: 40px; transition: 600ms ease-in-out all; }
/* #POKAZ { overflow: hidden; display: block; opacity: 1; padding-top: 0px; padding-bottom: 40px; transition: 600ms ease-in-out all; } */
#POKAZ.wczytywanieFiltrow { opacity: 0.5!important; transition: 600ms ease-in-out all; }

.equal {
    display: flex!important;
    flex-wrap: wrap;
}

.equal .hover-effect {
    display: flex!important;
    /*flex: auto;*/
    flex-direction: column;
    margin: 0px;
    max-width: 100%;
}
#boxes.equal article {
    display: flex!important;
    /*flex: auto;*/
    flex-direction: column;
    margin: 0px;
    max-width: 100%;
}
@media screen and (max-width: 1024px){
    .home .section-page.portfolio {
        display: flex!important;
        /*flex: auto;*/
        flex-direction: column-reverse;
        margin: 0px;
        max-width: 100%;
    }
    .home .section-page.portfolio section.left-column { padding: 35px!important; }
    .home .section-page.portfolio section.right-column { padding-right: 0px!important; }
}

@media screen and (max-width: 420px){
    .home h2 { font-size: 2.4rem!important; }
}
@media screen and (max-width: 360px){
    .category #POKAZ > article { width: 48%!important; margin: 0px 1%!important; }
}

@media screen and (min-width: 360px) and (max-width: 500px){
    .category #POKAZ > article { width: 48%!important; float: left; margin-left: 0.9%; }
}

@media screen and (min-width: 500px) and (max-width: 768px){
    .category #POKAZ > article { width: 32%!important; float: left; margin-left: 0.9%; }
}

@media screen and (min-width: 1280px){
	.width1024 { position: relative; transition: 350ms ease-in-out all; }
}

@media screen and (min-width: 768px) and (max-width: 1280px){
    .category .category-portfolio > .ui-block-25 { padding-right: 2%; box-sizing: border-box; }
    .top-logo { position: absolute; left: 10px; top: 10px; }
    .ui-menu { right: 10px!important; top: 14px!important; }
	#player-play-def { position: absolute; top: 14px; bottom: 374px; width: auto; display: inline; height: auto; }
}

/* @media screen and (min-width: 768px) and (max-width: 960px){
    .category #POKAZ > article { width: 48%; float: left; margin-left: 0.9%; }
} */

@media screen and (min-width: 960px) and (max-width: 1366px){
    .category #POKAZ > article { width: 32%; float: left; margin-left: 0.9%; }
}

@media screen and (min-width: 1366px){
    .category #POKAZ > article { width: 24%; float: left; margin-left: 0.9%; }
	.home .section-page.partners .tablecell-display { padding: 70px; }
}
.category #SZKOLENIA article.hover-effect > a { height: 200px; width: 200px; }
.category #POKAZ div > article.hover-effect > a { height: 200px; width: 200px; }
.category .gallery article { display: table-cell; float: left; }
/* .category #POKAZ > article { display: table-cell; float: left; } */
.category #SZKOLENIA article { display: table-cell; float: left; }
.category #SZKOLENIA article a { background: #FB4B2B; display: block; overflow: hidden; }
.category #SZKOLENIA article a img { transform: scale(1.1); transition: 200ms ease all; }
.category #SZKOLENIA article a:hover img { opacity: .4; transform: scale(1.2); }
.category .gallery article a { background: #FB4B2B; display: block; overflow: hidden; }
.category .gallery article a img { transform: scale(1.1); transition: 200ms ease all; }
.category .gallery article a:hover img { opacity: .4; transform: scale(1.2); }
.category #POKAZ > div { display: table; margin-left: .4% }
.category #SZKOLENIA > div { display: table; }
.category #SZKOLENIA > div > article { display: table-cell; float: none; vertical-align: middle; }
.category #SZKOLENIA > div > article:last-of-type { width: calc(100% - 200px); padding-left: 35px; text-align: left; font-weight: 300; }
.category #SZKOLENIA > div > article:last-of-type p { padding-bottom: 15px; }
.category #POKAZ > div > article { display: table-cell; float: none; vertical-align: middle; }
/* .category #SZKOLENIA > div > article.w200 { width: 200px!important; } */
.category-146 #POKAZ > div > article.w200 { width: 200px!important; height: 200px!important; }
/* .category #POKAZ > div > article.w200 > a { height: 200px!important; } */
.category #POKAZ > div > article.wauto { width: auto; }
.category #POKAZ > div > article:last-of-type { width: calc(100% - 200px); padding-left: 35px; text-align: left; font-weight: 300; }
.category #POKAZ > div > article:last-of-type p { padding-bottom: 15px; }
.category #SZKOLENIA h3 { font-size: 3rem; line-height: 3.6rem; font-weight: 700; padding: 75px 0px 0px 0px; text-align: left; }
.category .category-info.cat-container { clear: both; }
.category .category-info.cat-container h3 { font-size: 3rem; line-height: 3.6rem; font-weight: 700; padding: 75px 0px 20px 0px; text-align: left; }
.category .category-info.cat-container p { font-weight: 300; }
.category .category-portfolio .content-wrap h3 { font-size: 3rem; line-height: 3.6rem; font-weight: 700; padding: 75px 0px 20px 0px; text-align: left; }
.category #SZKOLENIA .trener { display: block; overflow: hidden; padding: 50px 0px; border-bottom: 1px solid #EFEEEE; text-align: left; }
.category #SZKOLENIA .trener:last-of-type { border-bottom-width: 0px; }
.category #SZKOLENIA .trener h4 { font-size: 3rem; line-height: 3.6rem; font-weight: 300; padding-bottom: 40px; color: #303030; }
.category #SZKOLENIA .trener p { color: #626262; font-weight: 300; }
.category #SZKOLENIA .trener .ui-block-50:first-of-type { padding: 0px 0px 3px 0px; }
.category #SZKOLENIA .trener .ui-block-50:last-of-type { padding: 0px 0px 3px 35px; }
.category #SZKOLENIA .trener .ui-block-50 { color: #626262; font-weight: 300; width: 50%; padding: 0px 17px; }
.category #SZKOLENIA .trener .ui-block-50 img { width: 100%; height: auto; }
.category .gallery { display: block; overflow: hidden; clear: both; margin-left: -7px; margin-right: -7px; }
.category #SZKOLENIA .gallery { display: block; overflow: hidden; clear: both; margin-left: -7px; margin-right: -7px; }
.category #SZKOLENIA .informacje { display: table; vertical-align: middle; }
.category #SZKOLENIA .informacje .ui-block-50 { display: table-cell; vertical-align: middle; }
.category #SZKOLENIA .gallery article.ui-block-20 { width: 20%; padding: 7px; }
.category .gallery article.ui-block-20 { width: 20%; padding: 7px; }
@media screen and (max-width: 991px){
    .category #SZKOLENIA .gallery article.ui-block-20 { width: 25%; }
    .category #SZKOLENIA .informacje .ui-block-50 { width: 100%; display: block; }
    .category #SZKOLENIA .informacje .ui-block-50 img { display: none; }
    .category #SZKOLENIA .trener .ui-block-50:last-of-type { padding: 0px; }
}
@media screen and (max-width: 680px){ 
    .category #SZKOLENIA h3 { font-size: 2.6rem; line-height: 3.2rem; }
    .category #SZKOLENIA .trener h4 { font-size: 2.4rem; line-height: 3rem; }
    .category #SZKOLENIA > div > article { width: 100%!important; display: block; margin: 0px auto; padding: 0px!important; }
    .category #POKAZ > div > article { width: 100%!important; display: block; margin: 0px auto; padding: 0px!important; }
    .category #SZKOLENIA article.hover-effect a { margin: 0px auto; }
    .category #POKAZ > article.hover-effect a { margin: 0px auto; }
}
@media screen and (max-width: 768px){
    .category #SZKOLENIA .gallery article.ui-block-20 { width: 33.333%; }
}
@media screen and (max-width: 560px){
    .category #SZKOLENIA .gallery article.ui-block-20 { width: 50%; }
}
.category .gallery article.ui-block-20 img, .category #SZKOLENIA .gallery article.ui-block-20 img { width: 100%; height: auto; }
.category article.hover-effect h2 { font-size: 1.3rem; font-weight: 300; text-align: left!important; font-size: 3rem; padding-bottom: 20px; }
.category article.hover-effect header.entry-header { height: 80px; font-size: 1.3rem; text-decoration: none!important; font-weight: 300; padding: 10px 0px; }
.category article.hover-effect a { text-decoration: none!important; color: #000; }
.category article.hover-effect:hover a { color: rgb(240,71,48); transition: 350ms ease-in-out all; }
.category article.hover-effect .relative { position: relative; overflow: hidden; height: 240px; }
.category article.hover-effect .img { height: 100%; max-height: 320px; overflow: hidden; transition: 350ms ease-in-out all; }
/*@supports (-ms-ime-align:auto) {
    .category article.hover-effect img { opacity: 1; height: auto; max-width: none; width: 100%; transition: opacity .35s,transform .45s,filter .45s; -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); }
    .category article.hover-effect:hover img { height: auto; max-width: none; width: calc(100%); transition: opacity .35s,transform .45s,filter .45s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}*/
.category article.hover-effect:hover .text { background: rgba(240,71,48,.82); left: 0px; opacity: 1; width: 100%; box-sizing: border-box; }
.category article.hover-effect .text { background: rgba(240,71,48,0); position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; padding: 5%; opacity: 0; font-size: 1.4rem; transition: 350ms ease-in-out all; }
.category article.hover-effect .text .table-display .tablecell-display div { color: #fff!important; transition: 350ms ease-in-out all; }
.category article.hover-effect:hover .text .table-display .tablecell-display div { transition: 350ms ease-in-out all; }
.category article.hover-effect .text .table-display { display: table; height: 100%; width: 100%; }
.category article.hover-effect .text .tablecell-display { color: #fff!important; display: table-cell; vertical-align: middle; float: none; transition: 350ms ease-in-out all; padding: 0px!important; }
.category article.hover-effect:hover .text .tablecell-display { color: #fff!important; margin-right: 0px; transition: 350ms ease-in-out all; }
.category article.hover-effect { position: relative; float: left; overflow: hidden; max-width: 320px; /*width: 31%;*/ margin: 0px; text-align: center; }
.category article.hover-effect a { display: block; cursor: pointer; }
.category .ui-grid-c{overflow:visible;}

/* szkolenia */
.category .subats { margin-left: -15px!important; margin-right: -15px!important; padding-bottom: 20px; display: block; }
.category .subats li { display: inline-block; }
.category .subats li.cat-item-none { padding: 0px 20px; }
.category .subats li a { display: block; padding: 5px 15px; font-weight: 300; text-decoration: none!important; }

/* content */
div#content p { margin: 3px 0; clear: both; }
body.tag div#content a { text-decoration: none!important; color: #000000; transition: 300ms ease-in-out all; }
body.tag div#content a:hover { text-decoration: none!important; color: #f04730!important; transition: 300ms ease-in-out all; }
.sectiontag { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px 0px; }
.sectiontag:last-child { border-bottom: 0px solid rgba(0,0,0,0.1)!important; padding: 20px 0px 0px 0px!important; }
div#content a { text-decoration: underline; color: #000000; }
div#content a:hover { color:#F04730; }
div#content a.meta-nav { color:#6D6D6D!important; margin: 0px; }
div#content a.meta-nav:hover { color:#ffffff!important; }
.ui-content, #menu-portfolio, .ui-footer { width: 100%; background: #fff; box-sizing: border-box; z-index: 2; }
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { font-weight: normal; }
div#content { margin: 20px auto; display: block; vertical-align: top; max-width: 1024px !important; }
.category div#content { margin: 1.5% 3%; display: block; vertical-align: top; max-width: 100% !important; }
.category #filtry ul { padding: 0px 1%; }
.category .category-portfolio > .ui-block-25 > .ui-block-25 a .box-item { display: table; }
.category .category-portfolio > .ui-block-25 { width: 35%; }
.category .category-portfolio > .ui-block-25 > .ui-block-25 { width: 100%; }
.category .category-portfolio > .ui-block-25 > .ui-block-25 a .box-item { width: 100%; }
.category .category-portfolio > .ui-block-25 > .ui-block-25 a .box-item .box-item-container { display: table-cell; vertical-align: middle; margin: 0px auto; text-align: center; }
.category .category-portfolio > .ui-block-75 { padding: 0px 1% 1% 1%; width: 65%; }
.page-id-6588 .ui-loader, .page-id-6588 > p { display: none!important; }
.page-id-6588 footer p { font-size: 1.5rem; line-height: 2.5rem; padding:0px!important; }
@media screen and (min-width: 768px) and (max-width: 1366px){
    #wpgmza_map_1 { min-height: 100vh; width: 50%!important; }
}

@media screen and (max-width: 1366px){
    .category .category-portfolio > .ui-block-25 { width: 50%; }
    .category .category-portfolio > .ui-block-75 { padding: 0px 0px 0px 1%; width: 50%; }
}

#wpgmza_map_1 { min-height: 100vh; width: 60%; }
#wpgmza_map_2 { height: 400px; width: 100%;}

@media screen and (max-width: 768px){
    /*.category-equal > section { display: flex; flex-direction: column-reverse; }*/
    .home article.col.hover-effect .info, .home .boxload .info, .home .boxload .entry-content { display: none!important; opacity: 0!important; visibility: hidden!important; }
}

@media screen and (min-width: 768px){
    #boxes.equal article { height: 220px; }
}
@media screen and (max-width: 768px){
    #wpgmza_map_1 { min-height: 300px!important; width: 100%!important; height: 300px!important; }
    #autowidth { height: auto!important; }
    .category .category-portfolio > .ui-block-25 { width: 100%; }
    .category .category-portfolio > .ui-block-75 { padding: 30px 0px 0px 0px; width: 100%; }
    p.info { display: none!important; }
}
div#content p.info { opacity: 0; }

/* fix stylow kontentu */
.fix-margin h2, .fix-margin h3, .fix-margin h4, .content-wrap h2, .content-wrap h3, .content-wrap h4 { line-height: 2.2rem; font-weight: normal; font-size: 1.4rem; }
.fix-margin h2, .content-wrap h2 { font-weight: bold!important; }
.fix-margin h1 , .content-wrap h1 { font-size: 1.8rem!important; font-weight: normal!important; }
.fix-margin .ngg-galleryoverview { width: auto; }
.fix-margin .box-border { border: #D1D1D3 1px solid; text-decoration: none!important; }
.fix-margin .flxmap-container { margin: 0 1%!important; }
.article-link a, .article-link { text-decoration: none!important; }
.content-wrap iframe { width: 100%; padding-top: 20px; }
.fix-margin p, .fix-margin h1, .fix-margin h2, .fix-margin h3, .fix-margin h4, .fix-margin h5, .fix-margin .ngg-galleryoverview { padding: 0px; }
div#content section header { position: relative; margin-bottom: 0px; }
div#content header.content-header { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
div#content section.single-site header { margin-bottom: 0px; }
.single-post div#content { padding: 5% 15px 30px 15px; font-size: 1.5rem; line-height: 2.3rem; }
.single-post div#content p { font-size: 1.5rem; line-height: 2.3rem; }
.single-post div#content section header { padding: 0px; display: table; width: 100% }
.single-post div#content section.single-site header { margin-bottom: 30px; }
.single-post div#content header .entry-title-navigation { display: table-cell; vertical-align: bottom; width: 40%; }
.single-post div#content header .entry-title-navigation nav.nav-single { text-align: right }
.single-post div#content section header h1 { display: table-cell; vertical-align: middle; font-size: 3rem; line-height: 3.6rem; font-weight: 300; width: 60%; margin: 4px 0 7px; }
.single-post .gallery { padding: 30px 0px; }
.single-post ul { margin: 0px; }
.single-post h2 { font-size: 1.7rem; line-height: 3rem; padding: 20px 0px 10px 0px; }
.single-post p { font-size: 1.5rem; padding: 0px; }
.category .box-text { padding-top: 10px; }
.category div#content section h1 { font-size: 2rem; line-height: 3.3rem; }
div#content section .entry-title span { display: block; color: #999B9D; font-size: 1.2rem; margin-bottom: 4px; }
div#content section .more-info { border-top: 1px solid #E7E7E7; background: url("img/question.png") 0 10px no-repeat; padding-bottom: 15px; padding-top: 18px; padding-left: 40px; margin-top: 12px; font-size: 1.1rem; color: #484848; }
div#content section ul { margin: 5px 35px; }


@media screen and (max-width: 768px){
.single-post div#content header .entry-title-navigation, .single-post div#content section header h1 { display: block; vertical-align: middle; width: 100%; }
.single-post div#content header .entry-title-navigation nav.nav-single { text-align: left; }
}

/* nav-single */
.nav-single a { min-width: 75px; }

/* showbox */
.imageBox { margin: 20px 0; text-align: center; background: url("img/ajax-loader.gif") no-repeat center center; width: 100%; min-height: 100px; }

/* galeria */
.ngg-galleryoverview { text-align: center; }
.ngg-gallery-thumbnail-box { display: inline-block; margin: 0 auto; text-align: center; opacity: 0.8; transition: 300ms ease-in-out all; }
.ngg-gallery-thumbnail img, .ngg-gallery-thumbnail:hover img { border:none; background-color: transparent; }
.ngg-gallery-thumbnail-box:hover { opacity: 1; transition: 300ms ease-in-out all; }
.ngg-gallery-thumbnail-box { float: none; }

/* floating facebook, vimeo and google */
#likebox { display: block; width: auto; z-index: 100; position:fixed; top:302px; display: inline-block; }
#likebox iframe { max-width: 100%; padding: 0; border: 1px solid #F04730!important; }
#likebox img { display: inline-block; vertical-align: top; position: relative; border: 1px solid #F04730; padding: 15px 20px; border-right: none; float: left; }
#likebox div { border:none; position:relative; display: inline-block; vertical-align: middle; }
#likebox span { bottom: 12px; font: 8px "Open Sans"; position: absolute; right: 6px; text-align: right; z-index: 100; }
#likebox span a { color: #808080; text-decoration:none; }
#likebox span a:hover { text-decoration:underline; }

/* #F04730 */
/*#instagram { border: 1px solid #F04730; display: block; z-index: 101; position: fixed; top: 140px; }
#instagram img { display: inline-block; vertical-align: middle; padding: 15px 20px; position: relative; }
#instagram a { text-align: left; padding-right: 20px; display: inline-block; width: auto; position: relative; vertical-align: middle; }
#instagram , #vimeo, #google { width: 230px; right:-152px; }*/
#likebox { width: 330px; right:-250px; }
#vimeo { background: url("img/vimeo.png") no-repeat; display: block; float: right; padding-left: 34px; z-index: 101; position: fixed; top: 140px; }
#vimeo img { border: 1px solid #696969; position: relative; display: block; }
#vimeo span { position: absolute; bottom: 4px; width: 150px; text-align: center; padding: 0 10px; line-height: 1em; font-size: 1.1rem; font-weight: bold; }
#google { cursor: pointer; border: 1px solid #F04730; display: block; z-index: 101; position: fixed; top: 221px; }
#google img { display: inline-block; vertical-align: middle; padding: 15px 20px; position: relative; }
#google div.google-style { vertical-align: middle; display: inline-block; width: 105px; position: relative; }
#google iframe { max-width: 100%; padding: 0; }

/* contact - forms */
.ufo-cell-left { width: 39%!important; }
.ufo-cell-center { width: 60%!important; }
input, textarea { background: #FCFCFC; }
div.ufo-form button[disabled] { background: #ffffff; }
.ui-input-btn input { opacity:1!important; max-width: 100%!important; }
.ui-btn.ui-input-btn { background: #F04730!important; color: #ffffff!important; }
.ui-btn.ui-input-btn:hover { background: #F04730!important; color: #ffffff!important; }
div.ufo-form button:hover, button:hover { background: #F04730!important; color: #ffffff!important; }
div.ufo-form button, button { cursor: pointer; padding: 0.7em 1em !important; border: 1px solid #A7A7A7; font-weight: normal!important; font-size: 1.3rem!important; background: #ffffff!important; color: #6D6D6D!important; border-radius: 0!important; }
textarea { height: 100px!important; }
#overlay { background-color: rgb(119, 119, 119); opacity: 0.7; display: block; z-index: 200; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
#portfolio-drukowane, #newsletter-popup, #error { display: none; margin: 0 auto; max-width: 400px; padding: 20px; z-index: 201; }
#portfolio .ufo-form div, #contact-us .ufo-form div { margin-left: 0px!important; }
.window_close { background: url("img/close.png") no-repeat 0 0; width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; cursor: pointer; }
#contact-us h2, #portfolio-drukowane h2, #newsletter-popup h2 { border-bottom: 1px solid #ccc!important; margin-bottom: 20px!important; padding-bottom: 10px!important; font-weight: normal; font-size: 1.7rem; }
div.ufo-form p { border-bottom: 1px dotted #444444!important; margin-bottom: 20px!important; padding-bottom: 21px!important; font-weight: normal; font-size: 1.3rem; }
#portfolio h2 { margin: 20px 0px 20px 0px!important; }
div.ufo-form input, div.ufo-form textarea { background: #EBEBEB; border: 1px solid #CFCFCF; padding: 6px 3px; border: 1px solid #CFCFCF; font-size: 1.2rem; }
div.ufo-form label { font-weight: bold; font-size: 1.2rem; }
div.ufo-form button { color: #FFF; font-size: 1.3rem; font-weight: bold; padding: 8px 18px; text-decoration: none; border: 1px solid #CFCFCF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #ffcb05; }
div.ufo-form button[disabled] { background: #EBEBEB; }
.flxmap-container { display: block; float: left; }
.fb-like { margin: 15px 0 0; }
/*.content-wrap { text-align: justify; }*/
.content-wrap h1, .content-wrap h2, .content-wrap h3, .content-wrap h4 { text-align: left; }
.content-wrap img { max-width: 100%; height: auto; }
.g-recaptcha { padding-bottom: 20px; }
.category #mail_svg path { fill: #ffffff; }
.hi-icon-effect-8 .hi-icon:hover svg * { transform: 350ms ease-in-out all; }
.home #boxes .box-img img, .home #boxes .box-img svg, .home #boxes .box-img svg path { transform: 350ms ease-in-out all!important; }
.home #mail_svg path { fill: #f04730; }
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container #mail_svg path { fill: #fff!important; }

/* popupp */
#popup1 { display: none; }
#popup1 #contact-us { display: block }
#popup1 .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
#popup1 .overlay:target {
  visibility: visible;
  opacity: 1;
}

#popup1 .popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

#popup1 .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
#popup1 .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
#popup1 .popup .close:hover {
  color: #06D85F;
}
#popup1 .popup .content {
  max-height: 30%;
  overflow: auto;
}

/*#lightcase-overlay-second { opacity: 0; visibility: hidden; display: block; width: 100%; height: 100%; position: fixed; z-index: 2000; top: 0; left: 0; background: #333; }*/
.lightcase-contentInner #contact-us { display: block; background: #fff; box-sizing: border-box; max-width: 100%!important }
.lightcase-case-form {
    position: fixed;
    z-index: 2002;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    z-index: -1;
    background: rgba(0,0,0,0.85);
    visibility: hidden;
    opacity: 0;
}

.lightcase-case-form #lightcase-content .lightcase-contentInner {
    position: relative;
}

#lightcase-nav a.lightcase-icon-close[class*="lightcase-icon-"] {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1!important;
}

#lightcase-nav a[class*="lightcase-icon-"] {
    width: 1em;
    height: 1em;
}

#contact-us { max-width: 100%!important; }
.lightcase-case-form #lightcase-content {
    max-width: 640px;
    height: auto;
    width: 100%;
    margin: 0px auto;
    padding: 20px;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    opacity: 0;
    display: none;
    transform: scale(0.2);
    box-sizing: border-box;
}

.zgody .zgoda-otrzymywanie, .zgody .zgoda-regulamin { float: left;display: inline-block;width: auto!important;height: 20px;position: relative; }
.zgody > div { 
	display: flex;
	overflow: hidden;
}
.zgody > div > p {display: inline-block;float: left; padding-left: 25px; text-align: left;}
.zgody > div > p:first-child {
	padding-left: 0;
}
.zgody > div > p:first-child .wpcf7-list-item {
	display: initial;
}
.zgody > div > span {display: inline-block;float: left!important;}
.zgody > div > span > div > input{margin: -7px 0 0 0!important;width: 15px!important}
.zgody span.wpcf7-not-valid-tip { display: none!important; }
.zgody input.wpcf7-not-valid { border: 1px solid red!important; }

@media screen and (max-width: 768px){
	.lightcase-case-form #lightcase-content { top: 0px!important; height: 100%!important; overflow-y: scroll; overflow-x: hidden; }
	#lightcase-content .lightcase-icon-close { top: -11px!important; right: -11px!important; background: #f04730!important; }
}
@media screen and (max-height: 865px){
	#lightcase-content .lightcase-icon-close { top: -11px!important; right: -11px!important; background: #f04730!important; }
	.lightcase-case-form #lightcase-content { top: 0px!important; height: 100%!important; overflow-y: scroll; overflow-x: hidden; }
}

.lightcase-case-form form > p { padding: 0px 0px 10px 0px; line-height: 1.7rem; }

div.wpcf7 { overflow: hidden; }
.wpcf7-form textarea { border: 1px solid #ccc; }
.ui-page-theme-a .ui-body-inherit { border: transparent }
label.error { display: none!important; }
.wpcf7-form-control-wrap { width: 100%; }
.theme_1.wpcf7-form input[type=text], .theme_1.wpcf7-form input[type=email], .theme_1.wpcf7-form select, .theme_1.wpcf7-form textarea { border: 1px solid #ccc; }
.theme_1.wpcf7-form input[type=text].error, .theme_1.wpcf7-form input[type=email].error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error { color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1!important; }
.theme_1.wpcf7-form input[type=text].valid, .theme_1.wpcf7-form input[type=email].valid, .theme_1.wpcf7-form select.valid, .theme_1.wpcf7-form textarea.valid { color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6!important; }

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.ui-page-theme-a .ui-btn:hover { border-color: #f04730!important; }

/* home */
.home .section-page { clear: both; font-size: 1.5rem; line-height: 2.3rem; }
.home .section-page.portfolio { padding: 0px; position: relative; background: #fff; }
.home .section-page.portfolio section .content-wrap a { color: #000; transition: 350ms ease-in-out all; }
.home .section-page.portfolio section .content-wrap a:hover { color: #f04730; transition: 350ms ease-in-out all; text-decoration: underline; }
.home .section-page.portfolio section .contact-wrap a { color: #000; transition: 350ms ease-in-out all; text-decoration: none; }
.home .section-page.portfolio section .contact-wrap a:hover { color: #f04730; transition: 350ms ease-in-out all; text-decoration: none; }
.home .section-page.portfolio section:first-child { float: left; width: 40%; }
.home .section-page.portfolio section:first-child .post-container { width: 100%; text-align: left; line-height: 2.5rem; }
.home .section-page.portfolio section:last-child { float: right; width: 60%; }
.home .section-page.portfolio section .tablecell-display { display: table-cell; vertical-align: middle; }
.home .section-page.portfolio section .tablecell-display .contact-wrap .tablecell-display { display: inline-block; vertical-align: middle; }
.home .section-page.portfolio section .tablecell-display .contact-wrap .tablecell-display:first-child { padding-right: 20px; }
.home .section-page.portfolio section .table-display { display: table; height: 100%; width: 100%; }
.home .section-page.portfolio section.left-column, .home .section-page.portfolio section.right-column { height: 100%; }
.home .section-page.portfolio section.left-column { box-sizing: border-box; padding: 70px; }
.home .section-page.portfolio section.right-column { padding: 0px 5% 0px 0px; box-sizing: border-box; }
.home .section-page.portfolio section .content-wrap p { padding-top: 15px; text-align: left; }
.home .section-page.portfolio section .contact-wrap { overflow: hidden; padding-top: 20px; }
.home .section-page.portfolio section .contact-wrap .article-link { border: 0px solid #ffffff!important; width: 160px; }
.home .section-page.portfolio section .contact-wrap .col-left { width: 160px; }
/*.home .section-page.portfolio section .contact-wrap .col-right { padding: 35px 0px 35px 20px; box-sizing: border-box; }*/
.home .section-page.portfolio section .contact-wrap .col-right { padding: 35px 0px 35px 0px; box-sizing: border-box; }
.home .section-page.portfolio section .contact-wrap .col-right header { color: #f04730; font-size: 2rem; font-weight: 300; padding-bottom: 10px; }
.home .section-page.portfolio section .contact-wrap .article-link:hover .box-item { background: transparent; }
.home .section-page.portfolio section .contact-wrap .box-item .box-text { text-align: center; padding: 10px 10px 20px 10px; margin: -15px auto 0 auto; color: #9a9a9a; font-size: 1.4rem; font-weight: normal; transition: 350ms ease-in-out all; }
.home .section-page.portfolio section .contact-wrap .box-item { height: auto; border: #D3D3D3 1px solid; background: transparent!important; transition: 350ms ease-in-out all; }
.home .section-page.portfolio section .contact-wrap .box-item:hover { border: #f04730 1px solid; transition: 350ms ease-in-out all; }
.home .section-page.portfolio section .contact-wrap .box-item:hover .box-text { color: #fff; transition: 350ms ease-in-out all; }
.home .section-page.portfolio section .contact-wrap .box-item .box-img svg path,
.home .section-page.portfolio section .contact-wrap .box-item .box-img svg polygon,
.home .section-page.portfolio section .contact-wrap .box-item .box-img svg rect,
.home .section-page.portfolio section .contact-wrap .box-item .box-img svg circle { fill: #f04730; }
.home .section-page.portfolio section .contact-wrap .box-item .box-img svg { margin-left: -10px; }
.home .section-page.portfolio section.left-column h2 { font-size: 1.3rem; font-weight: 300; text-align: left!important; font-size: 3rem; padding-top: 40px; padding-bottom: 20px; }
.home .section-page.portfolio section.right-column header.entry-header { height: 40px; font-size: 1.3rem; line-height: 1.8rem; color: #000; text-decoration: none!important; font-weight: 300; padding: 10px 0px; }
.home .section-page.portfolio article.hover-effect a { text-decoration: none!important; color: #000; transition: 350ms ease-in-out color; }
.home .section-page.portfolio article.hover-effect:hover a { color: #fff; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect .relative { position: relative; overflow: hidden; height: 240px; }
.home .section-page.portfolio article.hover-effect .img { height: 100%; overflow: hidden; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect { border: 0px; }
.home .section-page.portfolio article.hover-effect a { border: 0px; color: #fff; }
.home .section-page.portfolio article .box-border .box-item { border: 0px; height: 100%; display: table; width: 100%; border: 0px!important }
.home .section-page.portfolio article .box-border .box-item .box-item-container { display: table-cell; vertical-align: middle; margin: 0px auto; text-align: center; width: 100%; border: 1px solid #ddd; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article .box-border .box-item:hover { transition: 350ms ease-in-out all; }
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container { border: 1px solid #f04730; background: #f04730; color: #fff!important; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article .box-border .box-item .box-item-container svg path,
.home .section-page.portfolio article .box-border .box-item .box-item-container svg polygon,
.home .section-page.portfolio article .box-border .box-item .box-item-container svg rect,
.home .section-page.portfolio article .box-border .box-item .box-item-container svg circle { fill: #f04730; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container svg path,
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container svg polygon,
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container svg rect,
.home .section-page.portfolio article .box-border .box-item:hover .box-item-container svg circle { fill: #ffffff; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect img { opacity: 1; height: auto; max-width: none; margin-top: 0px; width: 100%; transition: opacity .35s,transform .45s,filter .45s; }
.home .section-page.portfolio article.hover-effect:hover img { height: auto; max-width: none; width: 100%; transition: opacity .35s,transform .45s,filter .45s; }
.home .section-page.portfolio article.hover-effect:hover .text { background: rgba(240,71,48,.82); left: 0px; opacity: 1; width: 100%; box-sizing: border-box; }
.home .section-page.portfolio article.hover-effect .text { background: rgba(240,71,48,0); position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; padding: 5%; opacity: 0; font-size: 1.4rem; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect .text .table-display .tablecell-display div { color: #fff; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect:hover .text .table-display .tablecell-display div { transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect .text .table-display { display: table; height: 100%; width: 100%; }
.home .section-page.portfolio article.hover-effect .text .tablecell-display { display: table-cell; vertical-align: middle; float: none; transition: 350ms ease-in-out all; padding: 0px!important; }
.home .section-page.portfolio article.hover-effect:hover .text .tablecell-display { margin-right: 0px; transition: 350ms ease-in-out all; }
.home .section-page.portfolio article.hover-effect { position: relative; float: left; overflow: hidden; padding: 0px 14px 15px 14px; box-sizing: border-box; text-align: center; cursor: pointer; }
.home .section-page.portfolio article.hover-effect a { display: block; }

@media all and (max-width: 1366px) {
    .home .section-page.portfolio article.hover-effect .img { height: 100%; overflow: hidden; transition: 350ms ease-in-out all; }
}
@media all and (max-height: 700px) {
    /*.home .section-page.portfolio section, .home .section-page.map section, .home .section-page.partners section { padding: 5% 0px; }*/
}
@media all and (max-height: 850px) {
/*    .home .section-page.portfolio section .tablecell-display,
    .home .section-page.map section:first-child .tablecell-display { padding: 10% 0px; }*/
    .home .section-page.map section:first-child .tablecell-display img { width: 85px; height: auto; float: left; }
    .home .section-page.map section:first-child img:nth-child(3n) { clear: none!important; }
}
@media all and (min-width: 1024px) and (max-width: 1440px) {
	.home .section-page.portfolio section:first-child { width: 45%; }
	.home .section-page.portfolio section:last-child { width: 55%; }
	.home .section-page.portfolio section .content-wrap p,
	.home .section-page.portfolio section:first-child .post-container,
	.home .section-page.map section:first-child .tablecell-display p { font-size: 1.3rem; line-height: 2rem; }
	.home .section-page.partners .table-display { height: calc(100% - 45px)!important; }
}
@media all and (min-width: 1440px) {
	footer { margin-top: -44px!important; }
}
@media all and (min-width: 1024px) and (max-width: 1440px) {
    .home .section-page.portfolio section.left-column { padding: 70px 35px; }
}
@media all and (max-width: 1140px) {
    .content-wrap { text-align: left; }
    .home .section-page.map section:first-child { padding: 35px; }
    .home .section-page.portfolio section.left-column { box-sizing: border-box; height: auto!important; }
    .home .section-page.portfolio section.right-column { padding: 0px 35px 0px 0px; box-sizing: border-box; height: auto!important;  }
    .home .section-page.portfolio article.hover-effect .text { opacity: 1; bottom: 0px; padding: 0px; max-height: 220px; }
    .home .section-page.portfolio article.hover-effect .text .table-display .tablecell-display div { width: 100%; box-sizing: border-box; background: rgba(255,255,255,.85); padding: 10px; height: 75px; color: #777; display: table-cell; vertical-align: middle; }
    .home .section-page.portfolio article.hover-effect .text .tablecell-display { float: none; vertical-align: bottom; }
    .home .section-page.portfolio section:first-child .post-container, .home .section-page.portfolio section:last-child, .home .section-page.portfolio section:first-child { width: 100%; }
    .home .section-page.portfolio article.hover-effect .img { height: 100%; overflow: hidden; transition: 350ms ease-in-out all; }
    .home .section-page.portfolio article.hover-effect { position: relative; float: left; overflow: hidden; text-align: center; cursor: pointer; }
    .box-effect.out-right .info { height: 100%; }
}

.category #autowidth #bgvid { object-fit: cover!important; }
@media all and (max-width: 1024px) {
    .boxload .info, .box-effect .info { display: none!important; }
}

.flexslider .slides li img { z-index: 1; }
.flexslider .slides li.flex-active-slide img { z-index: 2!important; }

.home .section-page.map { position: relative; background: #fff; }
.home .section-page.map section:first-child { float: left; width: 40%; height: 100%; }
.home .section-page.map section:first-child .tablecell-display { display: table; height: 100%; box-sizing: border-box; vertical-align: middle; padding: 70px; }
.home .section-page.map section:first-child .tablecell-display img { padding: 0px; max-width: 180px; width: 33%; height: auto; }
.home .section-page.map section:first-child .tablecell-display h2 { line-height: 3.6rem; font-weight: 300; text-align: left!important; font-size: 3rem; padding-top: 40px; padding-bottom: 20px; }
.home .section-page.map section:first-child .tablecell-display .partners { padding-top: 30px; }
.home .section-page.map section:first-child .table-display { display: table; height: 100%; width: 100%; }
.home .section-page.map section:first-child img:nth-child(3n) { clear: both; }
.home .section-page.map section:first-child img:nth-child(3n):after { content: ""; clear: both; height: 50px; }
.home .section-page.map section:first-child .tablecell-display p { text-align: center; padding-top: 15px; }
.home .section-page.map section:first-child .post-container { width: 90%; text-align: left; line-height: 2.5rem; padding: 10% 0px; }
.home .section-page.map section:last-child { float: right; width: 60%; height: 100%; }

@media all and (max-width: 1500px) {
    .home .section-page.map section:first-child.left-column p img { width: 32%; height: auto; }
}
@media all and (max-width: 1152px) {
    .home .section-page.map section:first-child.left-column p img { width: 20%; height: auto; }
}

.home .section-page.partners { background: #f2f2f2; position: relative; }
.home .section-page.partners section { height: 100%; width: 100%; }
.home .section-page.partners .tablecell-display { display: table-cell; vertical-align: middle; text-align: center; }
.home .section-page.partners .table-display { display: table; height: 100%; margin: 0px auto; }
.home .section-page.partners .table-display img { max-width: 100%!important; height: auto; width: auto; margin: 0px auto; }
.home .section-page.partners section h2 { font-size: 1.3rem; font-weight: 300; font-size: 3rem; padding-bottom: 40px; }
.home .section-page.partners section .owl-container { max-width: 1000px; margin: 0px auto; }
.home .section-page.partners section .owl-container p { font-size: 1.5rem; line-height: 2.3rem; }
.home .section-page.partners section .owl-container .owl-carousel { padding-top: 40px; }
.home .section-page.partners section .owl-container .owl-item { background: #fff; padding: 30px 30px 0px 30px; box-sizing: border-box; }
.home .section-page.partners section .owl-container .owl-item img.quote { padding-bottom: 20px; }
.home .section-page.partners section .owl-container .owl-item header { font-size: 1.6rem; font-weight: 600; color: #626262; }
.home .section-page.partners section .owl-container .owl-item .who { font-size: 1.4rem; color: #afafaf; padding: 10px 0px; }
.home .section-page.partners section .owl-container .owl-item .main { font-size: 1.5rem; color: #626262; line-height: 2.6rem; padding-top: 10px; height: 240px; }
.home .section-page.partners section .owl-controls { position: absolute; top: 50%; left: 0px; right: 0px; margin: -30px auto 0px auto; text-align: center; }
.home .section-page.partners section .owl-prev { font-size: 6rem; color: gray; float: left; margin-left: -60px; background: transparent!important; transition: 350ms ease-in-out all; }
.home .section-page.partners section .owl-next { font-size: 6rem; color: gray; float: right; margin-right: -60px; background: transparent!important; transition: 350ms ease-in-out all; }
.home .section-page.partners section .owl-next:hover, .home .section-page.partners section .owl-prev:hover { color: rgba(240,71,48,.82); transition: 350ms ease-in-out all; }


/* footer */
.ui-footer { margin-top: 20px!important; }
.ui-header, .ui-footer { border: 0px solid transparent!important; }
.footer { height: auto; min-height: 43px!important; }
.footer .fp-tableCell { height: auto!important; margin-bottom: -1px; }
.footer p { font-size: 1.2rem; }
.ui-footer { background: rgba(0,0,0,0.4)!important; }
.ui-footer .foot-info { color: #fff; }
.ui-footer #foot-info { width: 100%; padding: 10px 5%; box-sizing: border-box; }
.ui-footer #foot-info a { color: #ffffff; text-decoration: none; font-weight: normal; }
.ui-footer #foot-info p { color: #ffffff; width: 33%; display: inline-block; }
.ui-footer #foot-info p:last-child { text-align: right; }
.ui-footer #foot-info p:nth-child(2) { text-align: center; }
.ui-footer #foot-info a { text-align: center; }
.ui-footer #foot-info a:hover { text-decoration: underline; }
.ui-footer #foot-info .copyright { float: right; }

/* Button next and previous */
.next-post, .previous-post {
	text-transform: capitalize;
}

@media all and (max-width: 1600px) {
    .home .section-page.partners section .owl-container .owl-carousel { padding-bottom: 40px; }
}

@media all and (max-width: 1366px) {
    .home .section-page.portfolio section.left-column h2 { padding-top: 0px;}
    .home .section-page.movies { padding: 0px; }
    /*.home .section-page.portfolio { padding: 5% 5% 0px 5%; }*/
    .home .section-page.map { padding: 0px; }
    .home .section-page.partners { padding: 0px; }
    .home .section-page.map section:first-child .tablecell-display { padding: 0px; }
    .home .section-page.map section:first-child .partners-left { padding-top: 5%; }
    .home .section-page { overflow: hidden; clear: both; }
    .home .section-page.map section:first-child { width: 50%; padding: 70px 35px; box-sizing: border-box; }
    .home .section-page.map section:first-child .tablecell-display h2{ padding-top: 0px; }
    .home .section-page.map section:last-child { width: 50%; padding: 0px; box-sizing: border-box; }
    .home .section-page.map section:first-child .partners-left { display: block; width: 100%; }
    .home .section-page.map section:first-child .tablecell-display > .partners { padding: 0px; }
    .home .section-page.map section:first-child .tablecell-display .partners { padding-top: 30px; display: block; width: 100%; }
    .home .section-page.map section:first-child .tablecell-display .partners p { float: left; text-align: center; }
    .home .section-page.map section:first-child .tablecell-display .partners p img { width: 32%; max-width: 100%; height: auto; text-align: center; margin: 0px auto; }
    .home .section-page.map section:first-child .partners-left { padding: 0px!important; }
    .home .section-page.map section:first-child .table-display { width: 100%; }
    .home .section-page.partners .table-display { display: block; }
    .home .section-page.partners .tablecell-display { display: block; padding: 0px; }
    .home .section-page.partners section .owl-container .owl-carousel { width: 90%; margin: 0px auto; }
}

@media all and (max-width: 520px) {
    .home .section-page.portfolio article.hover-effect .text .table-display .tablecell-display div { display: none; }
    .home .section-page.portfolio article.hover-effect:hover * { background: transparent!important; }
    .home .section-page.portfolio article.hover-effect .relative { height: 140px; }
}

@media all and (max-width: 768px) {
    .home .section-page.portfolio section.right-column { height: auto!important; }
    .home .section-page.portfolio section.left-column h2 { line-height: 3.6rem; }
    .home .section-page.movies { padding: 0px; }
    .home .section-page.portfolio { padding: 0%; }
    .home .section-page.map { padding: 0%; }
    .home .section-page.partners { padding: 0px; }
	.home .section-page.partners section .owl-controls { display: none!important; }
    .home .section-page { overflow: hidden; clear: both; }
    /*.home .section-page.portfolio article.hover-effect { width: 48%; }*/
    .home .section-page.map section:first-child { width: 100%; padding: 0px; box-sizing: border-box; }
    .home .section-page.map section:first-child .tablecell-display {  padding: 15px!important; }
    .home .section-page.map section.right-column{ width: 100%; clear: both; padding: 0px; box-sizing: border-box; display: block; overflow: hidden; }
    .home .section-page.map section:first-child .partners-left { display: block; width: 100%; }
    .home .section-page.map section:first-child .tablecell-display > .partners { padding: 0px; }
    .home .section-page.map section:first-child .tablecell-display .partners { padding-top: 30px; display: block; width: 100%; }
    .home .section-page.map section:first-child .tablecell-display .partners p { float: left; text-align: center; }
    .home .section-page.map section:first-child .tablecell-display .partners p img { width: 100px; max-width: 100%; height: auto; text-align: center; margin: 0px auto; }
    .home .section-page.map section:first-child .table-display { width: 100%; }
    /*.home .section-page.portfolio article.hover-effect { width: 48%!important; }*/
    .home #foot-info p { display: block!important; float: none!important; text-align: center!important; padding: 5px 0px; width: 100%!important; }
    .ui-footer #foot-info p { display: block!important; float: none!important; text-align: center!important; padding: 5px 0px; width: 100%!important; }
}

@media all and (max-width: 1150px) {
    .home .section-page.portfolio { background: #fafafa; }
    /*.home .section-page.portfolio article.hover-effect { width: 31%; }*/
}

/* galeria */
.imageBox { margin-bottom: 4px; }
.ngg-gallery-thumbnail { float: none; margin-right: 0px; text-align: center; }
.ngg-gallery-thumbnail img { display: block; }
.ie8 .ngg-gallery-thumbnail-box { width: 239px; min-height: 110px; float: left; }
.ie8 .ngg-gallery-thumbnail img { width:239px; height: 110px; display: block; }

/* grid */
.ui-btn { font-size: 1.2rem;}
#contact-us .ui-btn { font-size: 1.2rem; width: 50%; float: right; border: 0px; }
html { background-color: #ffffff; }
#popupVideo { z-index: 10000; }

.skrot { height: 50px; z-index: 1; }
.skrot .width1024 { height: 50px; z-index: 1; }
.skrot .width1024 #player-play-def { bottom: 0px; top: 42px; height: 50px; }
#player-play-def { position: absolute; bottom: 374px; right: 70px; width: auto; display: inline; height: auto; z-index: 2; }
#player-play-def .ui-block-25 { float: left; }
#player-play-def .box-item { background: rgba(255,266,255, 0.4); float: left; }
#player-play-def .box-text { color: #f04730; width: 171px; float: left; line-height: 30px; }
#player-play-def .box-wrap:hover .box-item { background: #ef462f; }
#player-play-def .box-wrap:hover .box-text { color: #ffffff; }
.ui-content , #menu-portfolio, .ui-footer { margin: 0 auto; position: relative !important; }
.box-breakpoint { max-width: 1024px; margin: 0px auto; }
.boxes-wrap { background: #fff; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e, .ui-block-25, .ui-block-solo { position: relative; width: 25%; text-align: left; padding: 0px; }
.ui-block-75 { position: relative; padding: 0px; }

article .box-border .box-item { border: #f04730 1px solid; transition: 350ms ease-in-out all; }
article:hover .box-border .box-item { border: #f04730 1px solid; transition: 350ms ease-in-out all; }

/* odtwórz film */
.odtworz-film { border: 0px solid transparent!important; margin: 0px auto; position: relative; display: block; width: 250px; cursor: pointer!important; font-style: italic; }
.odtworz-film .box-text { transition: 350ms ease-in-out all; }
.odtworz-film:hover .box-text { color: #f04730!important; transition: 350ms ease-in-out all; }
.odtworz-film svg path { fill: #f04730; transition: 350ms ease-in-out all; }
.odtworz-film:hover svg path { fill: #fff; transition: 350ms ease-in-out all; }
.odtworz-film .box-item { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; height: 48px; width: 48px; margin: 0px auto; border: 1px solid #f04730; }
.odtworz-film .box-img svg { width: 18px; height: 30px; margin-right: 4px; }
.odtworz-film .box-img {
    width: 54px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 46px;
    text-align: center;
    margin: 0px auto;
}

/* newsletter */
#mc-embedded-subscribe-form { overflow: hidden; }
#mc-embedded-subscribe-form .ui-btn { width: 40%; float: right; margin: 0px; }
#mc-embedded-subscribe-form input { border: 1px solid #ddd }
#mc-embedded-subscribe-form .email { height: 37px; padding: 0px 20px; }
#mc-embedded-subscribe-form .ui-btn:hover { transition: 350ms ease-in-out all; color: #fff!important; border-color: #f04730; }
#mc-embedded-subscribe-form .ui-btn #mc-embedded-subscribe { background: #ffffff; transition: 350ms ease-in-out all; opacity: 1; color: #fff!important; border-color: #000000; }
#mc-embedded-subscribe-form .ui-btn { background: #ffffff; transition: 350ms ease-in-out all; opacity: 1; color: #000!important; border-color: #000000; }
#mc-embedded-subscribe-form .ui-btn:hover #mc-embedded-subscribe { background: #f04730; transition: 350ms ease-in-out all; opacity: 1; color: #fff!important; border-color: #f04730; }

/* kompetencje */
@media all and (max-width: 540px) {
    .page-template-page_kompetencje .content-wrap article {
        width: 50%;
        transition: 350ms ease-in-out all;
    }
    .box-img img, .box-img svg { height: 80px; width: auto; }
}
@media all and (max-width: 320px) {
    .page-template-page_kompetencje .content-wrap article {
        width: 100%;
        transition: 350ms ease-in-out all;
    }
    .box-img img, .box-img svg { height: 80px; width: auto; }
}
.page-template-page_kompetencje .ui-block-a,
.page-template-page_kompetencje .ui-block-b,
.page-template-page_kompetencje .ui-block-c,
.page-template-page_kompetencje .ui-block-d,
.page-template-page_kompetencje .ui-block-e,
.page-template-page_kompetencje .ui-block-25,
.page-template-page_kompetencje .ui-block-solo {
    position: relative; width: 25%; text-align: left; padding: 1%;
}
.page-template-page_kompetencje h2 {
    padding-top: 25px;
}

.page-template-page_kompetencje p {
    margin: 20px 0px;
}
.page-template-page_kompetencje article:hover .box-item {
    background: #f04730;
}
.page-template-page_kompetencje .content-wrap article .box-text {
    color: #f04730;
    transition: 350ms ease-in-out all;
}
.page-template-page_kompetencje article:hover .box-text {
    color: #fff;
    transition: 350ms ease-in-out all;
}
.page-template-page_kompetencje article .box-item svg path, .page-template-page_kompetencje article .box-item svg rect {
    transition: 350ms ease-in-out all;
    fill: #f04730;
}
.page-template-page_kompetencje article:hover .box-item svg path, .page-template-page_kompetencje article:hover .box-item svg rect {
    transition: 350ms ease-in-out all;
    fill: #ffffff;
}
.page-template-page_kompetencje .box-item {
    display: table;
    width: 100%;
}
.page-template-page_kompetencje .box-item-container {
    display: table-cell;
    vertical-align: middle;
}



/* menu portfolio */
#menu-portfolio { text-align: center; }
#menu-portfolio li { list-style: none; display: inline-block; }
#menu-portfolio li a { margin-left: -3px; transition: background 0.4s ease-in-out 0s; -webkit-transition: background 0.4s ease-in-out 0s; text-align: center; font-weight: normal; font-size: 1.2rem; padding: 17px 17px; display: block; text-decoration: none; color: #343434; }
.menu-portfolio-container { position: relative; background: #ffffff; }
.menu-portfolio-container ul li a { border-bottom: 1px solid #d1d1d3; }
.navbar-wrapper { width: 100%; }
.navbar-wrapper.isStuck { margin-top: 0px; z-index: 100; }
#menu-portfolio .current-menu-item a, #menu-portfolio .current-menu-parent a { background: #6D6D6D; color: #ffffff; }
#menu-portfolio li a:hover { background: #f04730; color: #ffffff; }

/* kategoria */
.article-link { position: relative; display: block; text-decoration: none; overflow: hidden; }
.article-link header { padding: 0!important; }
.article-link .entry-header { height: 30px; }
.entry-wrap, .box-item { position: relative; }
.ui-content .entry-wrap, .box-item { position: relative; width:234px; height: 234px; }
.article-link h2 { line-height: 1; color: #343434; font-size: 1.2rem; font-weight: bold; }
.article-link .entry-content { line-height: 1.8rem; min-height: 70px; font-weight: normal; color: #ffffff; position: absolute; width: 100%; opacity: 0; bottom: -30%; left:0; background-color: rgba(240, 71, 48, 0.9); }
.ie8 .article-link .entry-content { filter: alpha(opacity = 90); background: #f04730; }
.article-link .entry-content span { padding: 0 12px; display: table-cell; height: 70px; vertical-align: middle; }
.portfolio-img img { max-width: 100%; opacity: 1; width: 100%; height: 100%; }
.entry-wrap { position: relative; }
.article-link .white-blur { position: absolute; width: 100%; height: 100%; background: #ffffff; visibility:hidden; top:0; left:0; opacity:0.6; filter: alpha(opacity = 60); transition: visibility 0s linear 0s, opacity 0.6s ease-out 0.0s; -webkit-transition: visibility 0s linear 0s, opacity 0.6s ease-out 0.0s; }
.article-link:hover .white-blur { visibility:visible; opacity:0; filter: alpha(opacity = 0); }
.article-link a { text-decoration: none; }
.article-link:hover h2 { color: #f04730; }
.article-link:hover img { opacity:1; }
.article-link:hover .entry-content { opacity:1; bottom: 0; }

/* menu prawe rozwijane */
.ui-menu { position: fixed; z-index: 10021; right: 40px; top: 44px; padding: 17px 14px; cursor: pointer; border-radius: 50%; background: #f04730; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); transition: 350ms ease-in-out all; }
.ui-menu:hover .ui-menu__line_1 { top: -1px; }
.ui-menu:hover .ui-menu__line_3 { top: 13px; }
.ui-menu__content { position: relative; display: block; width: 20px; height: 14px; }
.ui-menu__line { position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #fff; -webkit-transition: background-color .35s,-webkit-transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1); transition: background-color .35s,transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1); -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); }
.ui-menu__line_1 { top: 0; }
.ui-menu__line_2 { top: 6px; }
.ui-menu__line_3 { top: 12px; }
.root_menu_opened .ui-menu__line_1 { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); top: -2px!important; }
.root_menu_opened .ui-menu__line_2 { opacity: 0; }
.root_menu_opened .ui-menu__line_3 { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); top: 14px!important; }
.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.ui-page { padding-top: 0px!important; position: relative; height: auto; max-height: auto; }
.ui-page-header-fixed > .ui-page-theme-a .ui-bar-inherit { background: transparent!important; border-color: transparent!important; }
.menu__overlay { opacity: 0; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .35s; transition: opacity .35s; }
.big-menu { position: absolute; right: 50px; top:23px; }
.root_menu_opened .menu__overlay { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1001; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .35s; transition: opacity .35s; }
.root_menu_opened #big-menu { -webkit-transition: -webkit-transform .35s cubic-bezier(.215,.61,.355,1); transition: transform .35s cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0); }
#big-menu { position: fixed; z-index: 10011; top: 0px; right: 0px; width: 300px; height: 100%; border-left: 1px solid #e3e3e3; background: #fff; opacity: 1; display: block; -webkit-transition: -webkit-transform .35s cubic-bezier(.215,.61,.355,1); transition: transform .35s cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0); }
.category #big-menu {z-index:1001111; }
#big-menu #portfolio { padding: 0px; margin: 0px; box-shadow: 0px 0px transparent!important; }
#big-menu .menu-container { padding: 54px 0px; }
#big-menu .secondary-menu ul li.menu-item-3247 { display: none!important; }
#big-menu .primary-menu { display: block; position: relative; overflow: hidden; padding: 54px 35px 35px 35px; clear: both; }
#big-menu .secondary-menu { display: block; position: relative; overflow: hidden; padding: 0px 35px 35px 35px; clear: both; }
#big-menu .primary-menu ul li { display: block; background: transparent!important; }
#big-menu .primary-menu ul li a { padding: 5px 0px; display: block; font-size: 2rem; font-weight: 500; transition: color .35s; text-decoration: none; color: #000; background: transparent!important; transition: 250ms ease-in-out all; }
#big-menu .primary-menu ul li.current-menu-item a { transition: color .35s; text-decoration: none; color: #f04730; }
#big-menu .primary-menu ul li a:hover { background: none; color: #f04730; transition: color .35s; }
#big-menu .secondary-menu ul li { display: block; background: transparent!important; }
#big-menu .secondary-menu ul li.current-menu-item a { transition: color .35s; color: #f04730; text-decoration: none; background: transparent!important; }
#big-menu .secondary-menu ul li a { padding: 4px 0px; display: block; font-size: 1.6rem; font-weight: 400; transition: color .35s; color: #999; text-decoration: none; background: transparent!important; transition: 250ms ease-in-out all; }
#big-menu .secondary-menu ul li a:hover { background: none; color: #f04730; transition: color .35s; }
#big-menu .third-menu { padding: 0px 35px 54px 35px; display: block; clear: both; position: absolute; left: 0; bottom: 0; font-size: 1.4rem; width: calc(100% - 70px); transition: 350ms ease-in-out all; }
#big-menu .company { padding-top: 40px; border-top: 2px solid #f04730; transition: 350ms ease-in-out all; }
#big-menu .third-menu > p { padding-bottom: 10px; font-weight: 300; color: #999; }
#big-menu .third-menu p.city { font-size: 1.6rem; font-weight: 600; transition: color .35s; color: #000; text-decoration: none; padding-bottom: 10px; }
#big-menu .third-menu p.address { background: none; color: #000; font-weight: 400; transition: color .35s; }
#big-menu .third-menu p.address a.tel { text-decoration: none; color: #000; transition: color .35s; }
#big-menu .third-menu p.address a { text-decoration: none; color: #000; transition: color .35s; }
#big-menu .third-menu p.address a:hover { color: #f04730; }
#big-menu .menu-main-menu-container { box-sizing: border-box; }

/* tarnsition pod wiekszosc akcji */
.article-link h2, .article-link .entry-content, .box-text, .box-icon, .box-item,.meta-nav, #menu-main-menu li a { transition: background 0.4s ease-in-out 0s; -webkit-transition: background 0.4s ease-in-out 0s; }
.article-link h2, .article-link .entry-content { transition: background 0.4s ease-in-out 0s; -webkit-transition: background 0.4s ease-in-out 0s; }

/* lazy */
.loader-portfolio { position: absolute; left:0; }
.gallery-item a img.size-galeria-image { opacity: 0; display: inline; transition: 400ms ease-in-out all; }
.gallery-item a:hover img.size-galeria-image { opacity: .9!important; }
.gallery-item a img.size-galeria-image.loaded { opacity: 1; display: inline; transition: 800ms ease-in-out all; }
.b-lazy.loaded { opacity: 0!important; transition: 800ms ease-in-out all!important; visibility: visible!important; }
.b-error { display: none!important; }
.b-lazy { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; max-width: 100%; opacity: 0.7; }
.b-lazy.b-loaded, .b-lazy.b-error { opacity: 1; }
.image-wrapper { background: #1E1E1E url('img/ajax-loader.gif') center center no-repeat; width: 100%; }
.ratio_16-9 { padding-bottom: 56.25%; height: 0; }

/* boxy w stopce */
.box-item { background: #ffffff; width: auto; }
.home .box-img { width: 120px; background-position: center center; background-repeat: no-repeat; height: 120px; line-height: 12rem; text-align: center; margin: 0px auto; }
.box-img img, .box-img svg { vertical-align: middle; }
.box-text { text-align: center; padding: 10px; margin: 0 auto 0 auto; color: #9a9a9a; font-size: 1.4rem; font-weight: normal; }
.box-breakpoint .box-text { width: auto;transition: 300ms ease-in-out all; }
.box-wrap:hover { cursor: auto; }
.boxes-wrap article { padding: 1%; }
.boxes-wrap article a .svg { transition: 350ms ease-in-out all; }
.boxes-wrap article a .svg path { fill: #fff; transition: 350ms ease-in-out all; }

.category .contact-with-us { border: 0px solid #fff!important; display: table; }
.category .contact-with-us a { display: table-cell; vertical-align: middle; cursor: pointer; transition: 0ms ease-in-out all; }
.category .contact-with-us a .box-item .box-text { color: #fff; transition: 350ms ease-in-out all; }
.category .contact-with-us a:hover .box-item .box-text { color: #f04730; transition: 350ms ease-in-out all; }
.category .contact-with-us a .box-item { background: #f04730; height: 100%; display: table; vertical-align: middle; margin: 0px auto; text-align: center; width: 100%;}
.category .contact-with-us a:hover .box-item { background: #ffffff; height: 100%; display: table; vertical-align: middle; margin: 0px auto; text-align: center; width: 100%;}
.category .contact-with-us a .box-item .box-text { color: #fff; transition: 350ms ease-in-out all; }
.category .contact-with-us a .box-item .box-item-container { display: table-cell; vertical-align: middle; }
.category .contact-with-us a:hover .svg path,
.category .contact-with-us a:hover .svg polygon,
.category .contact-with-us a:hover .svg rect,
.category .contact-with-us a:hover .svg circle { fill: #f04730; transition: 350ms ease-in-out all; }
.category .contact-with-us a .svg path,
.category .contact-with-us a .svg polygon,
.category .contact-with-us a .svg rect,
.category .contact-with-us a .svg circle { fill: #ffffff; transition: 350ms ease-in-out all; }
.category .contact-with-us a svg#mail_svg path,
.category .contact-with-us a svg#mail_svg polygon,
.category .contact-with-us a svg#mail_svg rect,
.category .contact-with-us a svg#mail_svg circle { fill: #ffffff; transition: 350ms ease-in-out all; }
.home .contact-with-us a svg#mail_svg path,
.home .contact-with-us a svg#mail_svg polygon,
.home .contact-with-us a svg#mail_svg rect,
.home .contact-with-us a svg#mail_svg circle { fill: #f04730; transition: 350ms ease-in-out all; }
.category #content p, .category #content li { font-size: 1.5rem; line-height: 2.5rem; }
.category div#content section ul { margin: 0px; }
.category div#content section .ui-block-75 h2 { padding: 0px 0px 10px 0px!important; }
.category div#content section h2 { font-size: 1.7rem; line-height: 3rem; padding: 40px 0px 10px 0px; }
.category div#content section p { padding: 0px; line-height: 2.8rem!important; font-weight: 300; }
.category .box-text { padding-top: 10px; }
.category div#content section h1 { font-size: 2rem; line-height: 3.3rem; }
.category div#content section header { padding-bottom: 20px; }
.category .ui-content article a .box-item { display: table; width: 100%; }
.category .ui-content article a .box-item .box-item-container { display: table-cell; vertical-align: middle; }
.category .ui-content article a .box-item .box-item-container .box-text { transition: 350ms ease-in-out all; }
.category .ui-content article a .svg { margin-left: -5px; transition: 350ms ease-in-out all; }
.category svg.category-icon-main, .category img.category-icon-main { width: auto; max-width: 100%; height: 100%; max-height: 38px; margin: 0px auto; display: block; }
.category svg.category-icon, .category img.category-icon { width: auto; max-width: 100%; height: 100%; max-height: 38px; margin: 0px auto; display: block; }
.category a:hover svg.category-icon path, .category a:hover svg.category-icon circle, .category a:hover svg.category-icon polygon { fill: #f04730; transition: 350ms ease-in-out all; }
.category #content svg path, .category #content svg circle, .category #content svg polygon { transition: 350ms ease-in-out all; }
.category #content .ui-block-25 svg path, .category #content .ui-block-25 svg circle, .category #content .ui-block-25 svg polygon { fill: #f04730; transition: 350ms ease-in-out all; }
.category #content a:hover svg path, .category #content a:hover svg circle, .category #content a:hover svg polygon { fill: #f04730; transition: 350ms ease-in-out all; }
.category #content .category-portfolio svg { width: 30px; height: 30px; vertical-align: middle; }
.category #content .category-portfolio svg#mail_svg { width: 60px; height: 60px; vertical-align: middle; }
.category .img50x50 { width: 50px; height: 50px; text-align: center; margin: 0px auto; /*border: 1px solid #f04730;*/ display: table; }
.category .main50 { margin-left: -10px; }
.category .img50x50 span { display: table-cell!important; vertical-align: middle; }
.category .entry-title { display: table; }
.category div#content section h1 span { color: #000; display: table-cell; vertical-align: middle; font-size: 2rem!important; line-height: 3.3rem; }
.category .fastCategory { clear: both; display: inline-block; height: auto; float: right; line-height: 50px; }
/* .category-141 .category-equal { padding: 0px 10px; } */
.category .fastCategory a { position: relative; overflow: visible!important; }
.category .fastCategory a div.category-title { position: absolute; top: 0px; background: #f04730; color: #fff; height: 28px; padding: 0px 3px; left: 0px; text-align: center; line-height: 1.4rem; font-size: 1rem; display: none; }
.category .fastCategory a:hover div.category-title { display: block; }
.category .fastCategory-where { display: inline-block; height: 50px; float: left; line-height: 50px; }
.category .fastCategory-where span.orange { color: #f04730; padding-right: 10px; }
.category .fastCategory-where span.black { color: #000000; padding-right: 10px; }
.category .fastCategory a {
    text-decoration: underline;
    color: #000000;
    display: inline-block;
    overflow: hidden;
    height: 50px;
    width: 62px;
}

@media all and (max-width: 630px) {
    .category .fastCategory { display: none!important; }
}

@media all and (max-width: 1300px) {
    .category .fastCategory-where { display: none; }
    .category .fastCategory { position: relative!important; width: 100%; margin: 0px auto; text-align: center; left: 0px; right: 0px; margin-top: 15px;}
    .category .breadcrumbs-link { width: 100%!important; }
}

@media all and (min-width: 1300px) {
    .category .fastCategory a div.category-title { display: none!important; }
    .category .fastCategory a:hover div.category-title { display: none!important; }
}

/* efekt po najechaniu boxa wygenerowanego z shortcode */
a.one-hover { transition: border ease-in-out 0.4s; }
a.one-hover:hover .box-item { background: none; }
a.one-hover:hover .box-text { color:#F04730; }
a.one-hover:hover { border-color: #F04730; }

/* efekt po najechaniu */
.category-portfolio * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-effect { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; padding: 0; perspective: 570px; display: block; }
.box-effect a { display: inline-block; vertical-align: top; text-decoration: none; }
.box-effect h3 { margin: 0; font-size: 1.6rem; color: rgba(255, 255, 255, 0.9); }
.box-effect p { color: #ffffff; margin: 0; padding: 0; box-sizing: border-box; }
.box-effect .info > div { padding: 20px; box-sizing: border-box; display: table-cell; /*height: 190px;*/ vertical-align: middle; width: 100%!important; box-sizing: border-box; }
.box-effect .normal { background-color: #ffffff; color: rgba(52, 73, 94, 0.6); box-shadow: inset 0 2px 20px #e6ebed; box-shadow: inset 0 2px 0px #ffffff!important; text-align: center; font-size: 5rem; }
.boxload .info { background-color: rgba(240, 71, 48, 0.9); }
.box-effect .info { background-color: rgba(240, 71, 48, 0.9); text-align: center; width: 100%!important; display: table; height: 100%; padding: 0px!important; position: absolute; top: 0; left: 0; box-sizing: border-box; color:#ffffff; overflow: hidden; margin: 0px!important; pointer-events: none;  }
.boxload:hover .info {   }
.ie8 .info { filter: alpha(opacity = 80); background: #f04730; }
.box-effect.in-top .info { transform-origin: 50% 0%; animation: in-top 300ms ease-in-out 0ms 1 forwards; }
.box-effect.in-right .info { transform-origin: 100% 0%; animation: in-right 300ms ease-in-out 0ms 1 forwards; }
.box-effect.in-bottom .info { transform-origin: 50% 100%; animation: in-bottom 300ms ease-in-out 0ms 1 forwards; }
.box-effect.in-left .info { -moz-transform-origin: -10% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: -10% 0%; animation: in-left 300ms ease-in-out 0ms 1 forwards; }
.box-effect.out-top .info { transform-origin: 50% -10%; animation: out-top 300ms ease 0ms 1 forwards; }
.box-effect.out-right .info { transform-origin: 110% 50%; animation: out-right 300ms ease 0ms 1 forwards; }
.box-effect.out-bottom .info { transform-origin: 50% 110%; animation: out-bottom 300ms ease 0ms 1 forwards; }
.box-effect.out-left .info { transform-origin: -10% 0%; animation: out-left 300ms ease 0ms 1 forwards; }

@keyframes in-top { from { transform: rotate3d(-1, 0, 0, 90deg); }
    to { transform: rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); }
    to { transform: rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); }
    to { transform: rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); }
    to { transform: rotate3d(0, 0, 0, 0deg); }
}
@keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); }
    to { transform: rotate3d(-1, 0, 0, 102deg); }
}
@keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); }
    to { transform: rotate3d(0, -1, 0, 102deg); }
}
@keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); }
    to { transform: rotate3d(1, 0, 0, 101deg); }
}
@keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); }
    to { transform: rotate3d(0, 1, 0, 102deg); }
}

.category #autowidth{height: 470px!important;}
#containerFlexDiv { position: relative; }
.box-fixed{position: relative;background:#fff;z-index:1111;}
.video-container{position: fixed;width: 100%;}
@media all and (min-width: 1560px) {
    /* .category-141 div#content { width: 100%!important; max-width: 1530px!important; box-sizing: border-box; } */
}
@media all and (min-width: 1024px) {
	.home .section-page.partners .tablecell-display { padding: 35px; }
	.home .section-page.partners section h2 { padding-bottom: 10px; }
	.home .section-page.partners section .owl-container p { font-size: 1.3rem; }
	.home .section-page.partners section .owl-container .owl-item header { font-size: 1.4rem; }
	.home .section-page.partners section .owl-container .owl-item .who { font-size: 1.3rem; }
	.home .section-page.partners section .owl-container .owl-item .main { height: 155px; }
	.home .section-page.partners section .owl-container .owl-carousel { padding: 0px; }
}

@media all and (min-width: 1680px) and (max-width: 1920px) {
	.home .section-page.map section:first-child .tablecell-display img { width: 32%; max-width: 220px; }
}

@media all and (max-width: 1024px) {
    .home .section-page.partners section .owl-container .owl-carousel { width: 100%; margin: 0px auto; padding: 0px 15px; box-sizing: border-box; }
	.home .section-page.partners section .owl-container { padding: 35px 15px 35px 15px; }
	.home .section-page.partners section h2 { padding-bottom: 10px; }
	.home .section-page.partners section .owl-container p { font-size: 1.3rem; }
	.home .section-page.partners section .owl-container .owl-item header { font-size: 1.4rem; }
	.home .section-page.partners section .owl-container .owl-item .who { font-size: 1.3rem; }
	.fp-scrollable, .slimScrollDiv, .fp-tableCell, .section-page { height: auto!important; }
    .home .section-page.partners { padding: 0px; }

    /* spolecznosciowe wtyczki nie widoczne */
    #likebox, #vimeo, #instagram, #google { display: none; }
    .flex-direction-nav { display: none!important; }
    .slider { width: 100%; }
    #player-play { left: 45%; }
    .page div#content, .single-post div#content { padding-top: 50px!important; }

    /* fix na ladny wyglad w menu rozwijanym */
    #menu-portfolio li { width: 25%; }
    #menu-portfolio li a { padding: 1em 0; }
    .article-link img { opacity:1; }
    .article-link .entry-content { box-shadow: inset #CFD0D2 0 0 1px 0; background: #ffffff; margin:0 !important; opacity: 0.90; width: 100%; bottom: 0; color: #9A9A9A; height: 70px; position: absolute; width: 100%; }

    /* zerowanie */
    .top-logo { position: absolute; left: 10px; top: 10px; }
    .big-menu { position: absolute; right: 0; top:7px; }
    .main-top { position: relative; text-align: left; margin: 0px auto; }
    .navbar-wrapper.isStuck { margin-top: 46px; }

    /* fix ipad */
    .article-link .white-blur { display: none; }
    .ui-menu { right: 10px; top: 14px; }
}

@media all and (max-width: 940px) {
    #player-play-def { bottom: 10px; right: 70px; }
    /* główne menu responywne do prawej */
    .main-top .mean-nav, .menu-main-menu-container { width: 240px; }
    .main-top .mean-nav { min-width: 240px; float: right; }
    .main-top .mean-nav li { border-left: 1px solid #D1D1D3; }
    .mean-nav #menu-main-menu { margin-top: 36px; }
    .my-breakpoint .ui-block-a, .my-breakpoint .ui-block-b, .my-breakpoint .ui-block-c, .my-breakpoint .ui-block-d, .my-breakpoint .ui-block-e, .my-breakpoint .ui-block-25 { width: 33%; display: block; clear: none; }
    .my-breakpoint .ui-block-75 { width: 100%; display: block; clear: none; }
    .home .box-img { height: 100px; line-height: 10rem; }
    .home .box-img img, .box-img svg { height: auto; width: 60px; }
    .home article:nth-child(2) .box-img svg { height: auto; width: 40px; }
    .home article:nth-child(4) .box-img svg { height: auto; width: 50px; }
    .entry-wrap, .box-item { width: auto; height: auto; }
    .entry-wrap img { width:100%; height: auto; display: block; }
    .showbox img { width: 110px; height: auto; display: block; }
}

@media all and (max-width: 640px) {
    .home article:nth-child(3) .box-img svg { height: auto; width: 60px; }
    .my-breakpoint .article-link { margin-bottom: 40px; }
    .home .box-img { width: 120px; height: 120px; line-height: 11.5rem; }
    .home .box-img img, .home .box-img svg { height: 40px; width: auto; }
    svg#lat_icon { height: 55px; width: auto; }
    svg#klientow_icon { height: 40px; width: auto; }
    .my-breakpoint .ui-block-a, .my-breakpoint .ui-block-b, .my-breakpoint .ui-block-c, .my-breakpoint .ui-block-d, .my-breakpoint .ui-block-e, .my-breakpoint .ui-block-25, .my-breakpoint .ui-block-75 { width: 100%; }
    .box-breakpoint .box-text { font-size: 1.1rem; }
    div#content header .entry-title-navigation { position: relative; float: right; }
    #menu-portfolio li { width: 50%; }
}

@media all and (max-width: 481px) {
    #player-play-def .my-breakpoint .article-link { margin: 0; }
    .ufo-cell-left, .ufo-cell-center { width: 100%!important; }
    .nav-single a { min-width: 60px; }
    input, textarea { background: #FCFCFC!important; width: 100%!important; }
    div.ufo-form span.ufo-cell-center, div.ufo-form span.ufo-cell-center, textarea { width: 100%!important; }
    .my-breakpoint .ui-block-a, .my-breakpoint .ui-block-b, .my-breakpoint .ui-block-c, .my-breakpoint .ui-block-d, .my-breakpoint .ui-block-e, .my-breakpoint .ui-block-25, .my-breakpoint .ui-block-75, .ui-block-solo { width: 100%; min-height: 0; }
    .home .box-img { height: 90px; line-height: 9rem; }
    .home .box-img img, .home .box-img svg { height: 60px; width: auto; }
    .box-breakpoint .ui-block-a, .box-breakpoint .ui-block-b, .box-breakpoint .ui-block-c, .box-breakpoint .ui-block-d, .box-breakpoint .ui-block-e, .ui-block-solo { width: 50%; }
}

/* Print */
@media print {
    body { background: none !important; color: #000; font-size: 10pt; }
    footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; }
    a { text-decoration: none; }
    .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; }
    .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
    .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; }
    .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
    .site-header h2 { color: #000; font-size: 10pt; text-align: left; }
    .site-header h1 a, .site-header h2 a { color: #000; }
    .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; }
    .wrapper { border-top: none; box-shadow: none; }
    .site-content { margin: 0; width: auto; }
    .singular .entry-header .entry-meta { position: static; }
    .singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title { margin: 0; width: 100%; }
    .entry-header .entry-title, .entry-title, .singular .entry-title { font-size: 21pt; }
    footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; }
    .author-description { float: none; width: auto; }

    /* Comments */
    .commentlist > li.comment { background: none; position: relative; width: auto; }
    .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; }
    .comments-area article header cite, .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; }
}

#fullpage { background: transparent; min-width: 100%; min-height: 100%; position: relative; width: 100%; height: 100%; left: 0px; top: 0px; right:0;bottom:0;margin:auto; background-attachment:scroll!important; -webkit-background-size: cover; /* safari may need this */ background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; }
.movies { text-align:center; overflow: hidden; }
#autowidth { position: relative; margin-top: 0px; height: 1080px; background: transparent; overflow: hidden; }
.category #autowidth { position: relative; margin-top: 0px; height: 1080px; background: #fff; }
.category #autowidth #bgvid { position: relative; height: 466px; }
/*#bgvid { object-fit: cover; object-position: center; position: fixed; right: 0; bottom: 0; top:0; right:0; width: 100%; height: 100%; background-size: 100% 100%; background-color: #fff;  background-image: url(video/prevideo.jpg);  background-position: center center; background-size: cover; }*/
.section-page.movies { overflow: hidden; }
/*#bgvid { right: 0; bottom: 0; top:0; right:0; width: 100%; height: 100%; max-height: 1073px; overflow: hidden; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index:3; mix-blend-mode: unset; }*/
#bgvid { right: 0; bottom: 0; top:0; right:0; width: 103%; height: 103%; /* max-height: 1081px; */ overflow: hidden; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index:3; mix-blend-mode: unset; }
.Poniedziałek #film { background-position: center right!important; }
#boxes-container { background: rgba(255,255,255,0.2); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 25%; border-top: 1px solid #fff; }
#boxes { -webkit-transform: translate3d(0,0,0); position: absolute; height: 100%; display: block; bottom: 0px; width: 100%; z-index: 3; }
#boxes .ui-block-solo { display: inline; width: 11.111%; }
.home #boxes .box-img img, .home #boxes .box-img svg { vertical-align: middle;height: auto!important; position: relative!important; }
#boxes a .box-item { background: none!important; transition: all .35s; display: inline; }
.home #boxes .box-item:hover .box-img svg path, .home #boxes .box-item:hover .box-img svg polygon, .home #boxes .box-item:hover .box-img svg rect, .home #boxes .box-item:hover .box-img svg circle { fill: #f04730; }
.home #boxes .box-item:hover .box-img { transition: all .35s; }
.home #boxes .box-item:hover .box-img { border-radius: 10px!important; }
.home #boxes .box-img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; box-shadow: 0px 0px 0px 0px #fff; transition: all .35s; width: 120px; height: 120px; line-height: 11.5rem; }
#boxes a { overflow: visible; cursor: pointer!important; border-radius: 50%; margin: 0px auto; background: none; border: 0px solid transparent; }
#boxes a:hover .box-text { color: #fff; }
#boxes .box-text { color: #fff; font-weight: bold;  transition: color .35s; }
#boxes .box-item-1, #boxes .box-item-2, #boxes .box-item-3, #boxes .box-item-4, #boxes .box-item-5, #boxes .box-item-6, #boxes .box-item-7, #boxes .box-item-8, #boxes .box-item-9, #boxes .box-item-10 { position: absolute; vertical-align: bottom; right: 0px; opacity: 0; bottom: 60px; padding-bottom: 20px; }

@-webkit-keyframes scale {
    100% { transform: scale(1); opacity: 1; }
}
@keyframes scale {
    100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes opacity {
    100% { opacity: 1; }
}
@keyframes opacity {
    100% { opacity: 1; }
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon img, .hi-icon-effect-8 .hi-icon svg { transition: 300ms ease-in-out all; max-width: 50px; height: auto; }
.hi-icon-effect-8 .hi-icon { border: #fff 1px solid; }
.scroll-down { position: absolute; bottom: 40px; z-index: 3; left: 0px; right: 0px; margin: 0px auto; width: 100px; height: 40px; text-align: center; opacity: 1; }
.scroll-down path, .scroll-down circle { fill: #fff; }
.scroll-down svg { width: 30px; }
.scroll-down svg path:last-child { animation: bounce 4s infinite; }
.scroll-down img { position: relative!important; max-width: 30%; height: auto!important; text-align: center; margin: 0px auto; padding-top: 10px; }
.mouse__wheel { position: absolute; left: 50%; top: 4px; margin-left: -2px; width: 4px; height: 9px; background: #fff; border-radius: 2px; -webkit-animation: mouse-wheel 1.2s infinite linear; animation: mouse-wheel 1.2s infinite linear; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }

@keyframes mouse-wheel {
    0% { transform: scaleY(0.5) translateY(0px); }
    100% { transform: scaleY(1) translateY(6px); }
}

/* Layer with position absolute in order to have it over the video */

.movies .titleContent { -webkit-transform: translate3d(0,0,0); position: absolute; z-index: 4; left: 5%; right: 5%; top: 40%; display: block; opacity: 1; -webkit-transition: opacity .35s cubic-bezier(.215,.61,.355,1), top .65s cubic-bezier(.215,.61,.355,1); transition: opacity .35s cubic-bezier(.215,.61,.355,1), top .65s cubic-bezier(.215,.61,.355,1); }

/* solves problem with overflowing video in Mac with Chrome */
.movies { overflow: hidden; }
#title { color: #fff; font-size: 2.4rem; text-align: left; font-weight: 300; }
#title h1 { transform: translate(0px, -100px); opacity: 0; font-weight: 400; line-height: 5.4rem; text-shadow: 2px 2px rgba(0,0,0,0.1); transition: 350ms ease-in-out all; }
#title p { transform: translate(0px, -150px); opacity: 0; line-height: 3.4rem; margin-top: 11px; text-shadow: 2px 2px rgba(0,0,0,0.1); transition: 350ms ease-in-out all; }
.ui-content { z-index: 2; padding: 0px; }
.stopfade { opacity: .5; }
#filtry { position: relative; display: none; }
.loader { position: absolute; top: 60px; left: 0px; right: 0px; margin: 0px auto; text-align: center; display: none; }
[data-loader='circle-side'] { position: absolute; left: 0px; right: 0px; margin: 0px auto; width: 25px; height: 25px; -webkit-animation: circle infinite .75s linear; -moz-animation: circle infinite .75s linear; -o-animation: circle infinite .75s linear; animation: circle infinite .75s linear; border: 2px solid #fff; border-top-color: rgba(0, 0, 0, .2); border-right-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); border-radius: 100%; }

@-webkit-keyframes circle {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes circle {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes circle {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes circle {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@media all and (max-height: 650px) {
    .home .section-page.map section:first-child .tablecell-display h2 { padding-top: 0px; }
}

@media all and (max-height: 770px) {
    .top-logo { top: 10px; left: 10px!important; }
    .ui-menu { top: 10px; right: 10px!important; }
    .menu-language {top: 70px!important; right: 10px!important;}
    .single-post .menu-language {top: 80px!important;}
    .category .menu-language {top: 80px!important; right: 10px!important;}
    .Wtorek .titleContent, .Piątek .titleContent, .Sobota .titleContent { top: 28%!important; }
    #big-menu .menu-container { padding: 0px 0px 0px 0px!important; }
    #big-menu .menu-container li { line-height: 1.3; }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .category .menu-language, .menu-language{right: 10px!important;top:70px!important; }
}
@media screen and(max-width: 1024px) {
  .category .menu-language{top: 80px!important;}
  .single-post .menu-language{right: 10px!important;}
}
@media screen and (max-width: 640px) {
  .menu-language {top: 10px!important; right: 70px!important;}
  .category .menu-language, .single-post .menu-language{top: 24px!important; right: 70px!important;}
}



/* socials */
#social-mobile {
    display: block;
    width: 100%;
    padding: 0px 35px 35px 0px;
    transition: 350ms ease-in-out all;
}

@media all and (max-height: 900px) {
    #social-mobile {
        display: block;
        width: 100%;
        padding: 0px 35px 15px 0px;
        transition: 350ms ease-in-out all;
    }
    #big-menu .company {
        padding-top: 15px;
        transition: 350ms ease-in-out all;
    }
}

@media all and (max-height: 500px) {
    #big-menu .third-menu .company .city { display: none!important; }
	#big-menu .third-menu .company .address { position: relative; margin-right: -300px; visibility: hidden }
	#big-menu .third-menu .company .address a.tel { position: absolute; top: 0px; visibility: visible!important; }
	#big-menu .third-menu .company .address a:last-child { position: absolute; top: 18px; visibility: visible!important; }
}
@media all and (max-height: 390px) {
    #big-menu .third-menu .company { display: none!important; }
}

@media all and (max-height: 870px) {
	#big-menu .primary-menu ul li a { font-size: 1.6rem; padding: 2px 0px; transition: 250ms ease-in-out all; }
	#big-menu .secondary-menu ul li a { padding: 2px 0px; font-size: 1.4rem; transition: 250ms ease-in-out all; }
    .third-menu { padding: 0px 35px 15px 35px!important; transition: 350ms ease-in-out all; }
    .third-menu .company { transition: 350ms ease-in-out all; }
	#big-menu .third-menu p { font-size: 1.2rem; line-height: 1.6rem; }
}

#social-mobile #facebook svg, #social-mobile #youtube svg, #social-mobile #instagram svg { width: 40px; height: 40px; transition: 350ms ease-in-out all; }
#social-mobile #facebook, #social-mobile #instagram, #social-mobile #youtube {
    position: relative;
    right: 0px;
    overflow: hidden;
    z-index: 5;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}
#social-mobile #facebook:hover svg g path:nth-child(1) { fill:#3B5998!important; }

#social-mobile #instagram:hover svg#instagram_icon path:nth-of-type(1) { fill: url(#SVGID_1_); }
#social-mobile #instagram:hover svg#instagram_icon path:nth-of-type(2) { fill: url(#SVGID_2_); }
#social-mobile #instagram:hover svg#instagram_icon path:nth-of-type(2) { fill: url(#SVGID_2_); }

#social-mobile #youtube:hover svg g path:nth-child(1) { fill:#C4302B!important; }

@media all and (max-width: 560px) {
    .home #boxes .box-img { width: 60px!important; height: 60px!important; line-height: 5.4rem!important; }
    .home #boxes .box-text { font-weight: 300!important; }
    .home #boxes .box-img img, .home #boxes .box-img svg { max-width: 50%!important; }
    .section-page.movies #boxes { padding: 90px 0px 0px 0px!important; }
}
@media all and (max-height: 640px) {
    #big-menu .primary-menu { padding: 15px 35px; }
    #big-menu .primary-menu ul li a { padding: 2px 0px; display: block; font-size: 1.6rem; font-weight: 500; transition: color .35s; text-decoration: none; color: #000; background: transparent !important; transition: 250ms ease-in-out all; }
    #big-menu .secondary-menu ul li a { padding: 2px 0px; font-size: 1.4rem; transition: 250ms ease-in-out all; }
    #social-mobile { float: right; }
}
@media all and (max-height: 460px) {
	#big-menu .primary-menu ul li a { font-size: 1.4rem; line-height: 2rem; }
	#big-menu .secondary-menu ul li a { padding: 0px; font-size: 1.3rem; transition: 250ms ease-in-out all; }
}

@media all and (max-height: 690px) {
    .titleContent { top: 30%!important; }
    #social-mobile #facebook, #social-mobile #instagram, #social-mobile #youtube { position: absolute; right: 15px; margin: 0px!important; }
    #social-mobile #youtube { bottom: 65px; }
    #social-mobile #facebook { bottom: 115px; }
    #social-mobile #instagram { bottom: 15px; }
}

@media all and (max-width: 1199px) {
    .home #boxes .box-img { width: 100px; height: 100px; line-height: 9.5rem; }
    .hi-icon-effect-8 .hi-icon img, .hi-icon-effect-8 .hi-icon svg { max-width: 50px; }
    #title { color: #fff; font-size: 2.4rem; text-align: left; font-weight: 300; }
    #title h1 { transform: translate(0px, -100px); opacity: 0; font-weight: 400; font-size: 3rem; line-height: 3.6rem; text-shadow: 2px 2px rgba(0,0,0,0.1); transition: 350ms ease-in-out all; }
    #title p { transform: translate(0px, -150px); opacity: 0; font-size: 2rem; line-height: 2.2rem; margin-top: 11px; text-shadow: 2px 2px rgba(0,0,0,0.1); transition: 350ms ease-in-out all; }
}

@media all and (max-height: 600px) {
    #title h1 { transform: translate(-600px, 0px)!important; opacity: 1; font-size: 2rem; transition: 350ms ease-in-out all; }
    #title p { transform: translate(-600px, 0px)!important; opacity: 1; font-size: 1.6rem; transition: 350ms ease-in-out all; }
}

@media all and (max-width: 960px) {
    #title h1 { transform: translate(-600px, 0px)!important; opacity: 1; font-size: 2rem; transition: 350ms ease-in-out all; }
    #title p { transform: translate(-600px, 0px)!important; opacity: 1; font-size: 1.6rem; transition: 350ms ease-in-out all; }
    #fullpage { display: table; }
    #title { color: #fff; font-size: 2rem; text-align: left; font-weight: 300; }
    #boxes { display: table-cell; vertical-align: bottom; bottom: 70px; position: absolute!important; padding-bottom: 0px; height: auto; }
    #boxes .box-item-1, #boxes .box-item-2, #boxes .box-item-3, #boxes .box-item-4, #boxes .box-item-5, #boxes .box-item-6, #boxes .box-item-7, #boxes .box-item-8, #boxes .box-item-9, #boxes .box-item-10 { position: relative!important; top: auto !important; right: auto !important; bottom: 0px; }
    #boxes .ui-block-solo { width: 25%!important; }
    #boxes article { opacity: 1; }
    .home #boxes .box-img { width: 100px; height: 100px; line-height: 9.5rem; }
    .hi-icon-effect-8 .hi-icon img, .hi-icon-effect-8 .hi-icon svg { max-width: 50px; }
}

@media all and (min-width: 769px) {
    .ui-input-text input, .ui-input-search input, textarea { border: 1px solid #ccc!important; }
    /*#film { background: transparent!important; }*/
    .other-3 { width: 30%; display: inline-block; float: left; line-height: 37px; }
    .other-4 { width: 40%; display: inline-block; float: left; line-height: 37px; }
    .other-5 { width: 50%; display: inline-block; float: left; line-height: 37px; }
    .other-6 { width: 60%; display: inline-block; float: left; line-height: 37px; }
    .other-7 { width: 70%; display: inline-block; float: left; line-height: 37px; }
    .other-8 { width: 80%; display: inline-block; float: left; line-height: 37px; }
    .wpcf7-form .wpcf7-form-control-wrap { float: right; }
    .wpcf7-form .wpcf7-submit { float: right; max-width: 50% }
}

@media all and (max-width: 768px) {
    #player-play-def { bottom: 10px; right: 0px; height: 50px; }
    .ui-input-text input, .ui-input-search input, textarea { border: 1px solid #ccc!important; }
    .ui-input-btn input { height: auto!important; }
    #contact-us #lightcase-content { top: 0px!important; }
    #lightcase-nav a.lightcase-icon-close[class*="lightcase-icon-"] { background: #f04730; border-radius: 50%; position: absolute; top: -6px!important; right: 0px!important; opacity: 1 !important; border: 0px; border-color: #f04730; color: #fff; }
    #lightcase-nav a[class*="lightcase-icon-"] { font-size: 32px; }
    .section-page.movies { height: auto!important; }
    .section-page.movies #boxes { display: block; position: relative !important; padding: 0px; top: 0px; padding: 90px 0px 60px 0px; overflow: hidden; display: block; height: 100%; }
    #fullpage { position: absolute; display: block!important; height: 100%!important; }
	#film { height: auto!important; }
	.loading { display: none!important; }
    .small-12 { width: 100%; display: block; float: none; }
    .scroll-down { display: none!important; }
    #fullpage { display: table; }
    #boxes { display: table-cell; vertical-align: middle; padding-top: 200px; }
    #boxes article { display: table!important; }
    #boxes article a { display: table-cell!important; vertical-align: top; }
    .movies .titleContent { -webkit-transition: opacity .35s cubic-bezier(.215,.61,.355,1); transition: opacity .35s cubic-bezier(.215,.61,.355,1); opacity: 0!important; z-index: -1; display: none; }
    #fullpage { display: table; }
    #boxes { display: table-cell; vertical-align: bottom; position: absolute!important; padding-bottom: 70px; }
    #boxes article { opacity: 1; }
    #boxes .box-item-1, #boxes .box-item-2, #boxes .box-item-3, #boxes .box-item-4, #boxes .box-item-5, #boxes .box-item-6, #boxes .box-item-7, #boxes .box-item-8, #boxes .box-item-9, #boxes .box-item-10 { opacity: 1!important; position: relative!important; top: auto !important; right: auto !important; bottom: 0px; transition: scale(1)!important; }
    #boxes .ui-block-solo { width: 33.333%!important; }
    #boxes .box-text { opacity: 1!important; padding: 5px 10px 0px 10px; margin: 0 auto 0 auto; line-height: 1.8rem; }
    .ui-footer article a .box-item { height: 160px!important; }
    .video-container{position: relative;}
}

@media all and (max-width: 640px) {
    .home .section-page.partners section .owl-container .owl-item { padding: 15px 15px 0px 15px!important; }
    .home .main-top { background: #fff; }
    .home #boxes .box-img img, .home #boxes .box-img svg * { fill: #fff!important; transform: scale(1)!important; max-width: 50px!important; }
    #fullpage { display: table; background: #f04730!important; }
    #boxes { display: block; position: absolute!important; padding: 0px; }
    #boxes article, #boxes article * { opacity: 1!important; }
    #boxes .box-item-1, #boxes .box-item-2, #boxes .box-item-3, #boxes .box-item-4, #boxes .box-item-5, #boxes .box-item-6, #boxes .box-item-7, #boxes .box-item-8, #boxes .box-item-9, #boxes .box-item-10 { position: relative!important; top: auto !important; right: auto !important; bottom: 0px; }
}

@media all and (max-width: 460px) {
    .home .section-page.portfolio section.left-column { padding: 70px 15px!important; }
    .home .section-page.portfolio section .tablecell-display .contact-wrap .tablecell-display:first-child { width: 100%!important; }
    .home .section-page.portfolio article .box-border .box-item { padding: 0px!important; }
}

@media all and (max-width: 560px) {
    .home .section-page.portfolio section.right-column { padding: 0px!important; }
    #boxes .ui-block-solo { width: 25%!important; }
    .home .section-page.portfolio article.hover-effect { width: 49%!important; }
    .home .section-page.portfolio article.hover-effect .relative { width: 100%!important; height: auto!important; }
    .home .section-page.portfolio article.hover-effect a { width: 100%!important; height: auto!important; }
    .home .section-page.portfolio section .tablecell-display .contact-wrap .tablecell-display { padding: 0px!important; width: 50%; transition: 0ms ease-in-out height!important; }
    .home .section-page.portfolio section .contact-wrap .col-left,
    .home .section-page.portfolio section .contact-wrap .article-link { padding: 0px!important; width: 100%; transition: 0ms ease-in-out height!important; }
    .home .section-page.portfolio article .box-border .box-item { padding: 0 14px 15px 14px; box-sizing: border-box; }
}

@media all and (iidth: 300px) {
    body * { display: none!important; background: #000; content: "Resolution is too small."; color: #fff; }
    body, html { background: #000; }
}

.loading { position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin: -25px 0px 0px -25px; }
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f04730;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #f04730;
    -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/*============================================================================== NEW STYLES ====================================================================*/
.category .top-logo {
  top: 20px;
  z-index: 1111111
}
.category .breadcrumbs-link{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  width: 48%;
}
/*@media screen and (max-width: 1500px) {
  .category .breadcrumbs-link {
    left: 6.4%;
  }
}
@media screen and (max-width: 991px) {
  .category .breadcrumbs-link {
    left: 7%;
  }
}
@media screen and (max-width: 959px) {
  .category .breadcrumbs-link {
    left: 9%;
  }
}*/
.category div#content section h1{padding-left: 9px;}
/*@media screen and (max-width: 1500px) {
  .category div#content section h1{padding-left: 4%;}
}
@media screen and (max-width: 1366px) {
  .category div#content section h1{padding-left: 5%;}
}*/
.category .breadcrumbs-link #breadcrumbs a{color: #000;}
.category .top-logo svg#logo_icon.whitebg circle {fill: none!important;}
.category .ui-menu {top: 24px;z-index:2222222;}
.category div#content{margin:0 auto;width: 88%;padding: 0 50px;position: relative;}
.category .category-portfolio>.ui-block-25{position:relative;width: 100%;}
.category .category-portfolio>.ui-block-25> .category-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;

  /*-webkit-filter: contrast(50%) brightness(140%);
   -moz-filter:  contrast(50%) brightness(140%);
   -o-filter:  contrast(50%) brightness(140%);
   -ms-filter: contrast(50%) brightness(140%);
   filter:  contrast(50%) brightness(140%);*/
}
.category .ui-header.ui-header-fixed.slidedown.ui-bar-inherit{position: relative;z-index: 22222;}
.category .category-portfolio>.ui-block-25> .category-overlay img {min-height: 100%!important;max-width: 100%!important; object-fit: cover;}
.category .ui-block-25 header {margin: 4% 3% 0 4%;}
.category #POKAZ {display: inline-block; margin-left: -0.4%; margin-right: -0.4%; width: 100%;}
.category .ui-block-25 .ui-block-75 {text-align: center;}
.category .category-portfolio .category-info{margin: 1.5% 0;margin-top: 0;margin: 0 auto;clear:both; padding-top: 30px;}
/* .category .category-info .content-wrap {overflow:hidden;} */
.category .fastCategory .img50x50 svg path, .category .fastCategory .img50x50 svg polygon, .category .fastCategory .img50x50 svg circle{fill:#8c8c8c;}
.category #content .ui-block-25 header h1 svg path,.category #content .ui-block-25 header h1 svg polygon, .category #content .ui-block-25 header h1 svg circle{fill: #f04730;}
.category .fastCategory{position: absolute;top: 9px;right: 3%;z-index:10}
/*@media screen and (max-width: 1700px) {
  .category .fastCategory{top: -60px;}
}
@media screen and (max-width: 1500px) {
  .category .fastCategory{top: -50px;}
}
@media screen and (max-width: 1365px) {
  .category .fastCategory{top: -70px;}
}
@media screen and (max-width: 1140px) {
  .category .fastCategory{top: -80px;}
}*/

.contact-us-small{
  display: inline-block;
  height: 56px;
  width: 56px;
  background: #f04730;
  border-radius: 50%;
  position: relative;
  border:1px solid #f04730;
  transition: all 0.3s linear;
  position: fixed;
  left: -60px;
  top: 100px;
  z-index: 22222;
}
.contact-show{left: 0;}
.contact-us-small:hover {
  background: #fff;
  color: #f04730;

  transition: all 0.3s linear;
}
#content .contact-us-small svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 35px;
}
#content .contact-us-small #mail_small_svg path,  #content .contact-us-small #mail_small_svg polygon,  #content  .contact-us-small #mail_small_svg circle{
  fill:#fff;
}
#content .contact-us-small:hover #mail_small_svg path,  #content .contact-us-small:hover #mail_small_svg polygon, #content .contact-us-small:hover #mail_small_svg circle{
  fill:#f04730;
}
.category .ui-block-25 #POKAZ > article a header.entry-header.content-header {margin-top: 0;}
.category .img50x50{border: 1px solid #8c8c8c; border-radius: 50%;transition: all 0.3s linear;}
.category .img50x50:hover{border-radius: 5px; transition: all 0.3s linear;border-color: #f04730;}
.category h1.entry-title .img50x50{margin-right: 10px;border-color: #f04730;}
.category h1.entry-title .img50x50:hover{border-radius: 50%;}
.category .img50x50 svg, .category .img50x50 img{height: 25px;width: 25px;}
.category div#content section header{margin: 0;}
/*@media screen and (max-width: 1700px) {
  .category div#content section header{margin-top: 6%;}
}
@media screen and (max-width: 1365px) {
  .category div#content section header{margin-top: 8%;}
}
@media screen and (max-width: 1145px) {
  .category div#content section header{margin-top: 10%;}
}*/
@media screen and (min-width: 1366px) {
  .category #POKAZ > article {
    width: 19% !important;
    float: left;
    margin-left: .2%;
}
}
@media screen and (min-width: 960px) and (max-width: 1365px) {
  .category #POKAZ > article {
    width: 24% !important;
    float: left;
    margin-left: .2%;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .category #POKAZ > div > article:first-child,
  .category article.hover-effect{
	width: 32% !important;
    /* max-width: 400px; */
    margin-left: 0.9%;
  }
  .category article.hover-effect .img {
    max-height: 400px;
  }
  .category .category-portfolio > .ui-block-25{padding-right: 0;}
}
@media screen and (max-width: 1500px) {
  .category .ui-block-25 header{margin-top: 6%;}
}
@media screen and (max-width: 1140px) {
  .category .ui-block-25 header{margin-top: 8%;}
}
@media screen and (max-width: 991px) {
  .category .ui-block-25 header{margin-top: 10%;}
  .category .fastCategory{position: static;width: 100%; text-align: center;}
  .category div#content section h1{margin: 0 auto; padding-left: 0;margin-bottom: 40px;}
}
@media screen and (max-width: 768px) {
  .category .ui-block-25 header{margin-top: 15%;}
  .category #POKAZ{width: 100%;}
  .category .category-portfolio .category-info{width: 100%;}
  .category div#content{padding: 0 20px;}
  #containerFlexDiv{position: relative;}
  .category #autowidth {height: auto!important;}
}
@media screen and (max-width: 600px) {
  .category .fastCategory a{height: 40px; width: 50px;margin: 0 5px 10px 5px}
}
@media screen and (max-width: 500px) {
  .category .ui-block-25 header{margin-top: 20%;}
  .category #breadcrumbs span{display: inline; word-break: break-all;}
}
@media screen and (max-width: 400px) {
  .category .ui-block-25 header{margin-top: 35%;}
}
@media screen and (min-width: 1366px){
  .category #POKAZ > article {
    width: 25%;
    float: left;
    margin-left: 0.4%;
  }
}

#lightcase-nav a.lightcase-icon-close[class*="lightcase-icon-"]{
  top: -60px;
  right: -50px;
}
@media screen and (max-width: 768px){
  #lightcase-nav a.lightcase-icon-close[class*="lightcase-icon-"]{
    top: -60px!important;
    right: -50px!important;
  }
  #contact-us #lightcase-content{top: 50px!important;}
}
@media screen and (max-width: 500px) {
  #lightcase-nav a.lightcase-icon-close[class*="lightcase-icon-"]{
    top: -60px!important;
    left: 50%!important;
    transform: translateX(-50%);
  }
}
.single-post div#content{
  padding: 5% 50px 30px 50px;
  max-width: 100%!important;
  width: 88%;
}
.single-post .top-logo{top: 20px;}
.single-post .ui-menu{top: 24px;}
.home .section-page.portfolio section.left-column{
  padding: 70px 70px 70px 115px;
}
.home .section-page.map section:first-child .tablecell-display{
  padding: 70px 70px 70px 115px;
}

.menu-language {
  position: fixed;
  top: 100px;
  right: 40px;
  z-index: 1111;
  background: #f04730;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s ease-out;
}
.category .menu-language {
  top: 80px;
  z-index: 111111;
}
.single-post .menu-language{
  top: 80px;
  z-index: 1111;
}
@media screen and (max-width: 1280px) {
  .page-template-index .menu-language{right: 10px;}
}
@media screen and (max-width: 1024px) {
  .category .top-logo{position: fixed;}
}
/*@media screen and (max-height: 770px) {
  .menu-language, .category .menu-language{
    top: 70px;
    right: 10px;
  }

}*/
/*@media screen and (max-width: 767px) {
  .category .menu-language{top: 80px;}
}
@media screen and (max-width: 640px){
  .menu-language, .page-template-index .menu-language{
    top: 10px;
    right: 70px;
  }
}*/
/*@media screen and(max-width: 640px) {
  .single-post .menu-language, .category .menu-language{top: 24px;right: 70px;}
}*/
/*@media screen and (max-width: 359px) {

  .category .menu-language{top: 24px;right:70px;}
}*/
.menu-language:hover {
  color: #fff;;
  background: #f04730;
  transition: all 0.3s ease-in;
}
.menu-language:hover a.lang_sel_sel {
  color:#fff;
  font-weight: bold;
  transition: all 0.3s ease-in;
}
.menu-language a.lang_sel_sel{
  font-size: 0.9rem;
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  transition: all 0.3s ease-out;
  width: 47px;
  height: 47px;
  position: relative;
}
.menu-language a.lang_sel_sel > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}