/*
Theme Name: gfolio
Text Domain: gpesoc
Version: 1.0
Author: pxloclxb
Author URI: http://looqi.ru
*/

@font-face {
 font-family: "Tate Regular"; src:url("fonts/TateNewPro-Regular.woff") format("woff");
 font-weight: normal;
 font-style: normal;}

@font-face {
 font-family: "Neuzeit Office SR Pro"; src:url("fonts/NeuzeitOfficeSRPro-Regular.otf") format("opentype");
 font-weight: 400;
 font-style: normal;}

@font-face {
 font-family: "Neuzeit Office SR Pro"; src:url("fonts/NeuzeitOfficeSRPro-Bold.otf") format("opentype");
 font-weight: 700;
 font-style: normal;}

*, *::before, *:after {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}

a, a:link, a:visited, a:hover, a:active {
 text-decoration: none;
 outline: none;}

input, input:focus,
button, button:focus, button:active,
textarea, select {
 box-shadow: none;
 outline: none;}

button:hover {
 font-family: "Neuzeit Office SR Pro";
 cursor: pointer;}

ul {
 list-style: none;
 margin: 0;
 padding: 0;}

html,
body {
 height: 100%;}

body {
 position: relative;
 font-family: "Neuzeit Office SR Pro";
 background: #FAFAFA;
 color: #555;}

ul.menu li a {
 -webkit-transition: All 0.1s ease;
 -moz-transition:    All 0.1s ease;
 -o-transition:      All 0.1s ease;
 -ms-transition:     All 0.1s ease;
 transition:         All 0.1s ease;}

#header {
 display: block;
 width: 100%;
 margin: 60px auto 60px;}

ul.menu {
 position: relative;
 width: 100%;
 height: 48px;}

ul.menu li:nth-child(2) {
 padding-left: 45px;}

ul.menu li,
ul.menu li a {
 display: inline-block;}

ul.menu li a.logo {
 width: 180px;
 height: 48px;
 background: url(img/logotype.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}


ul.menu li a.fb {
 margin: 0 5px;
 width: 12px;
 height: 48px;
 background: url(img/icon_fb.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.ig {
 margin: 0 10px;
 width: 20px;
 height: 48px;
 background: url(img/icon_instagram.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.send {
 margin: 0;
 width: 74px;
 height: 48px;
 background: url(img/animation.gif);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: -12px -6px;}

ul.menu li span.email {
 position: absolute;
 z-index: 100;
 left: 20%;
 top: 44px;
 content: '';
 width: 204px;
 height: 14px;
 background: url(img/send_email.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}


ul.menu li a.artworks {
 margin: 0 10px;
 width: 110px;
 height: 48px;
 background: url(img/nav_artworks.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.artworks_active {
 margin: 0 10px;
 width: 110px;
 height: 48px;
 background: url(img/nav_artworks_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.tattoos {
 margin: 0 10px;
 width: 96px;
 height: 48px;
 background: url(img/nav_tattoos.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.tattoos_active {
 margin: 0 10px;
 width: 96px;
 height: 48px;
 background: url(img/nav_tattoos_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.findme {
 margin: 0 10px;
 width: 102px;
 height: 48px;
 background: url(img/nav_find_me.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.findme_active {
 margin: 0 10px;
 width: 102px;
 height: 48px;
 background: url(img/nav_find_me_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.about {
 margin: 0 10px;
 width: 68px;
 height: 48px;
 background: url(img/nav_about.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.menu li a.about_active {
 margin: 0 10px;
 width: 68px;
 height: 48px;
 background: url(img/nav_about_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

.socico {
 text-align: center;}

#newheader {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 15px auto 15px;}

ul.newmenu li,
ul.newmenu li a {
 display: inline-block;}

ul.newmenu li a.logo {
 float: left;
 width: 90px;
 height: 24px;
 background: url(img/logotype.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.artworks {
 float: right;
 margin: 0;
 width: 55px;
 height: 20px;
 background: url(img/nav_artworks.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.artworks_active {
 float: right;
 margin: 0;
 width: 55px;
 height: 20px;
 background: url(img/nav_artworks_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.findme {
 float: left;
 margin: 0;
 width: 52px;
 height: 24px;
 background: url(img/nav_find_me.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.findme_active {
 float: left;
 margin: 0;
 width: 52px;
 height: 24px;
 background: url(img/nav_find_me_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.tattoos {
 float: right;
 width: 48px;
 height: 24px;
 background: url(img/nav_tattoos.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.tattoos_active {
 float: right;
 width: 48px;
 height: 24px;
 background: url(img/nav_tattoos_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.about {
 float: left;
 width: 34px;
 height: 24px;
 background: url(img/nav_about.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

ul.newmenu li a.about_active {
 float: left;
 width: 34px;
 height: 24px;
 background: url(img/nav_about_red.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

.newsocico {
 display: block;
 overflow: hidden;
 position: absolute;
 text-align: center;
 right: 10px;
 top: -15px;
 z-index: 999;
 width: auto;}

.newsocico a.newsend {
 display: block;
 width: 46px;
 height: 30px;
 background: url(img/animation.gif);
 background-size: 46px auto;
 background-repeat: no-repeat;
 background-position: 6px 3px;}

.newsocico a.newfb {
 display: block;
 width: 46px;
 height: 30px;
 background: url(img/icon_fb.png);
 background-size: 8px auto;
 background-repeat: no-repeat;
 background-position: center;}

.newsocico a.newig {
 display: block;
 width: 46px;
 height: 20px;
 background: url(img/icon_instagram.png);
 background-size: 13px auto;
 background-repeat: no-repeat;
 background-position: center;}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 960px;
  }
}

.content-fluid {
 padding-left: 30px;
 padding-right: 30px;}

.previews {
 display: none;
 overflow: none;
 text-align: center;
 margin-bottom: 30px;}

.previews h6 {
 text-align: center;
 margin: 15px 0 0;
 line-height: 1.5;
 font-size: 14px;
 font-weight: 400;
 color: #000;}

.vision {
 display: block;
 position: fixed;
 z-index: 100;
 right: calc(50% + 520px);
 top: calc(50% - 80px);
 width: 60px;}

.controls {
 position: absolute;
 z-index: 100;
 left: 0;
 top: 0;
 width: 60px;}

.section_content .container {
 position: relative;}

.controls li {
 display: inline-block;
 cursor: pointer;
 margin: 0 0 10px;
 width: 100%;
 height: 24px;}

.controls li:nth-child(1) {
 background: url(img/controls_all1.png);
 background-size: auto 24px;
 background-repeat: no-repeat;
 background-position: 100% center;}

.controls li:nth-child(2) {
 background: url(img/controls_20161.png);
 background-size: auto 20px;	
 background-repeat: no-repeat;
 background-position: 80% center;}

.controls li:nth-child(3) {
 background: url(img/controls_20171.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 80% center;}

.controls li:nth-child(4) {
 background: url(img/controls_20181.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 70% center;}

.controls li:nth-child(5) {
 background: url(img/controls_20191.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 70% center;}

.controls li:nth-child(6) {
 background: url(img/controls_20201.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 70% center;}

.controls li:nth-child(7) {
 background: url(img/controls_20211.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 70% center;}

.controls li:nth-child(8) {
 background: url(img/controls_20221.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 65% center;}

.controls li:nth-child(9) {
 background: url(img/controls_20231.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 60% center;}

.controls li:nth-child(10) {
 background: url(img/controls_20241.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 60% center;}

.controls li:nth-child(11) {
 background: url(img/controls_20251.png);
 background-size: auto 20px;
 background-repeat: no-repeat;
 background-position: 60% center;}

.controls li:nth-child(12) {
 background: url(img/controls_20261.png);
 background-size: auto 21px;
 background-repeat: no-repeat;
 background-position: 60% center;}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-navigation {
 display: none;}

.anatomy {
 position: relative;
 padding-top: 60px;
 padding-bottom: 480px;}

.anatomy span {
 position: absolute;
 z-index: 100;
 left: -40px;
 top: 0;
 content: '';
 width: 360px;
 height: 40px;
 background: url(img/where_you_can_find_me.png);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

.anatomy a {
 position: absolute;
 z-index: 100;
 left: calc(50% - 140px);
 top: calc(100% - 480px);
 bottom: auto;
 content: '';
 width: 400px;
 height: 60px;
 background: url(img/where-are-you-in-the-world.gif);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center;}

.photos {
 text-align: center;}

.photos a {
 display: block;
 overflow: hidden;
 margin-bottom: 30px;
 padding: 15px;}

.desc {
 margin-top: 60px;
 margin-bottom: 15px;}

.desc h2 {
 padding: 0;
 font-size: 26px;
 line-height: 34px;}

ul.priority {
 display: block;
 overflow: hidden;
 width: 100%;}

ul.priority li h3 {
 display: inline-block;
 width: 100%;
 padding-left: 0;
 text-transform: uppercase;
 font-size: 14px;
 line-height: 21px;
 letter-spacing: 0.11em;}

ul.priority li span {
 display: inline-block;
 width: 100%;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0.01em;}

@media (max-width: 767.98px) {
.desc {
 padding-left: 30px;
 margin-bottom: 0;}
.desc h2 {
 padding: 0;
 font-size: 18px;
 line-height: 24px;}
ul.priority {
 padding-left: 0;}
ul.priority li h3 {
 margin: 0;
 font-size: 8px;
 line-height: 14px;}
ul.priority li span {
 margin: 0;
 font-size: 10px;
 line-height: 14px;}
}

ul.theysay li {
 display: block;
 overflow: hidden;
 width: 100%;
 height: 48px;}

ul.theysay li:first-of-type {
 margin-bottom: 60px;}

ul.theysay li h2 {
 position: relative;
 z-index: 100;
 content: '';
 width: 100%;
 height: 48px;
 background: url(img/what_they_say_about_me.png);
 background-size: auto 95%;
 background-repeat: no-repeat;
 background-position: center;}

ul.theysay li a {
 display: inline-block;
 line-height: 24px;
 text-transform: uppercase;
 font-size: 12px;
 letter-spacing: 0.11em;
 color: #555;}

#wrapper {
 display: block;
 overflow: hidden;
 padding-top: 50px;
 position: relative;
 min-height: 100%;}

.content {
 position: relative;
 padding-bottom: 60px;}

.qrcode,
.newqrcode {
 position: absolute;
 left: 0;
 bottom: 25px;
 padding-right: 15px;
 padding-left: 15px;
 width: 100%;
 text-align: left;}

.qrcode img,
.newqrcode img {
 width: 3.6%;}

.copyrght,
.newcopyrght {
 position: absolute;
 left: 0;
 bottom: 0;
 padding-right: 15px;
 padding-left: 15px;
 width: 100%;
 height: 50px;
 text-align: right;}

.copyrght img,
.newcopyrght img {
 width: 16%;}

@media (max-width: 767.98px) {
.qrcode,
.copyrght {
 display: none;}
}

.newspapper img {
 width: 80%;}

.logopapper img {
 width: 85%;}

.whiteline {
 display: block;
 width: 100%;}

.footer {
 display: block;
 overflow: hidden;
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 100px;
 padding-top: 15px;
 padding-bottom: 15px;}

.footer .col-3 img {
 width: 90%;}
/* PESOC 2026-06-18: copyright — fixed in bottom-right corner (all pages) */
footer.footer { position: fixed; pointer-events: none; }