@charset "UTF-8";

/*
Theme Name: White Games
Author: Author
Author URI: https://www.website.com/
Version: 1
*/
@font-face {font-family:"Futura";
src:url(fonts/FuturaPT-Book.woff) format(woff),
    url(fonts/FuturaPT-Book.woff2) format(woff2); font-weight:400; font-style:normal;}
@font-face {font-family:"Futura";
src:url(fonts/FuturaPT-Light.woff) format(woff),
    url(fonts/FuturaPT-Light.woff2) format(woff2); font-weight:300; font-style:normal;}
@font-face {font-family:"Futura";
src:url(fonts/FuturaPT-Medium.woff) format(woff),
    url(fonts/FuturaPT-Medium.woff2) format(woff2); font-weight:500; font-style:normal;}
@font-face {font-family:"Futura";
src:url(fonts/FuturaPT-Demi.woff) format(woff),
    url(fonts/FuturaPT-Demi.woff2) format(woff2); font-weight:600; font-style:normal;}
  
#wpadminbar {height:3px !important; overflow:hidden; z-index:9999;}
#wpadminbar:hover {height:32px !important;}
.post-edit-link {position:absolute; top:20px; right:20px; color:red; z-index:2000;}

* {border:medium none; margin:0; padding:0;}
*:hover, *:active, *:focus {outline:none !important;}
html {height:100%;}
body {background:#fff; height:100%; color:#111; font:normal 20px 'Futura',Arial,sans-serif; font-weight:300; display:flex; flex-direction:column;}

* {-moz-box-sizing:border-box; box-sizing:border-box; float:none;}
table {border-spacing:0; padding:0;}
a {color:#000; outline:medium none; text-decoration:none;}
a:hover, a:active, a:focus {color:inherit; text-decoration:none;}
img {max-width:100%; display:block;}
input {font:normal 16px 'Futura',Arial,sans-serif;}
strong, b {font-weight:600;}
ul {padding-left:21px;}
ul li {padding:0 0 15px;}
h3 {padding:12px 0 24px; font-size:32px;}
@media(min-width:768px){
  h3 {font-size:42px;}
}

.clr {clear:both;}
@media (max-width:991px) {
  .row-sm {margin:0 -15px;}
  .tp {padding-bottom:24px;}
}
@media (max-width:767px) {
  .row-xs {margin:0 -15px;}
  .mp, .tp {padding-bottom:15px;}
}

.container {width:100%; padding:0 15px; margin:0 auto;}
.row {margin:0 -15px; display:flex; flex-wrap:wrap;}
.row > * {width:100%; max-width:100%; padding:0 15px; flex-shrink:0;}
@media (min-width:576px){
  .container {max-width:576px;}
  .col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width:768px){
  .container {max-width:768px;}
  .col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width:992px){
  .container {max-width:990px;}
  .col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}
}
@media (min-width:1200px){
  .container {max-width:1200px;}
  .col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}
}

#header {min-height:76px; flex:0 0 auto;}
#header.fixed {background:#111; width:100%; position:fixed; left:0; top:0; z-index:10;}
#header > .container {width:100%; min-height:76px; display:flex; flex-flow:row nowrap; align-items:center;}
.logo {background:#fff; width:100px; padding:0; flex:0 0 auto;}
.logo img {width:100%; display:block;}
@media(max-width:767px){
  #header.open::before {content:''; background:#111; width:100%; height:60px; position:fixed; left:0; top:0; z-index:8;}
}
@media(min-width:768px){
  #header, #header > .container {min-height:104px; justify-content:space-between;}
  .logo {width:120px;}
}
@media(min-width:992px){
  .logo {width:152px;}
}

.mLogo {background:#fff; width:150px; padding:0;}
.mLogo img {width:100%; display:block;}
.mLogo + ul {margin-top:10vh !important;}
.mTel {padding:10vh 0 0; color:#fff; font-size:20px; text-align:center;}
.mTel a {color:#fff; transition:color ease .15s;}
.mTel a:hover {color:#ff6105;}
.hTS {padding:0 40px 0 12px; display:flex; flex-flow:column nowrap;}
.hTel a {color:#fff; font-size:5vw; font-weight:400; white-space:nowrap; transition:color ease .15s; display:block;}
.hTel a:hover {color:#ff6105;}
.hSoc {width:100%; padding:5px 0 0; display:flex; flex-flow:row nowrap;}
.hSoc a {background-position:center center; background-repeat:no-repeat; background-size:contain; width:24px; height:24px; margin-left:8px; display:block;}
.hSoc a:first-child {margin-left:0 !important;}
.hSoc .tg {background-image:url(images/tg.svg); background-size:30px auto;}
.hSoc .vb {background-image:url(images/vb.svg);}
.hSoc .email {background-image:url(images/email.svg); width:22px; height:22px;}
.hSoc .fb {background-image:url(images/fb.svg);}
.hSoc .insta {background-image:url(images/insta.svg);}
@media(min-width:768px){
  .hTS {padding:0 0 0 12px; text-align:right; display:block;}
  .hTel a {font-size:20px;}
  .mLogo, .mTel {display:none !important;}
  .mLogo + ul {margin-top:0 !important;}
  .hSoc {padding:8px 0 0; justify-content:flex-end;}
  .hSoc a {width:26px; height:26px; margin-left:10px;}
  .hSoc .tg {background-size:34px auto;}
  .hSoc .email {width:26px; height:26px;}
}
@media(min-width:992px){
  .hTS {min-width:374px;}
}
@media(min-width:1200px){
  .hTS {min-width:480px;}
}

main {flex:1 0 auto;}
footer {flex:0 0 auto;}

.menuBtn {width:30px; height:30px; display:inline-block; position:absolute; right:20px; top:16px; z-index:15;}
.menuBtn span {background:#fff; width:26px; height:3px; margin-left:2px; position:relative; display:block; border-radius:1px; transition:ease .3s;}
.menuBtn span {margin-top:5px;}
#header.open .menuBtn span {background:#fff;}
#header.open .menuBtn span:nth-child(1) {transform:rotate(45deg) translateZ(0px); top:5px; left:0;}
#header.open .menuBtn span:nth-child(2) {display:none;}
#header.open .menuBtn span:nth-child(3) {transform:rotate(-45deg) translateZ(0px); top:-3px; left:0;}
@media (min-width:768px) { 
  .menuBtn {display:none;}
}

.menuBox, .menuBox ul {margin:0; padding:0; list-style:none;}
.menuBox li {padding:0 !important;}
.menuBox li > a {width:100%; padding:7px 15px; color:#fff; font-size:20px; font-weight:600; text-align:center; text-decoration:none !important; display:block; transition:color ease .3s;}
.menuBox li > a:hover {color:#ff7e05;}
.menuBox li:nth-child(2) > a:hover {color:#ff6105;}
.menuBox li:nth-child(3) > a:hover {color:#ff1a05;}
@media (max-width:767px) {
  .menuBox {background:#111; width:100%; height:100%; text-align:center; overflow:scroll; position:fixed; left:0; top:0; z-index:4; display:none;}
  .menuBox ul {display:block !important; height:auto !important;}
  .menuBox .container {height:100%;}
  .menuInner {min-height:100vh; min-height:100svh; /* min-height:-webkit-fill-available; */ padding:64px 15px 40px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
}
@media (min-width:768px) {
  .menuBox {height:auto !important; padding:0; display:block !important;}
  .menuBox ul {display:flex; flex-flow:row nowrap;}
  .menuBox li > a {padding:10px 8px; font-size:16px;}
  .menuBox li:first-child > a
  {padding-left:0 !important;}}
@media (min-width:992px) {
  .menuBox {min-width:374px;}
  .menuBox li > a {padding:10px 14px; font-size:18px;}
}
@media(min-width:1200px){
  .menuBox {min-width:480px;}
  .menuBox li > a {padding:10px 16px; font-size:20px;}
}

.intro {width:100%; overflow:hidden; position:relative;}
.introBox {width:100%; max-width:1200px; padding:126px 15px 0; /* padding:196px 15px 0; */ margin:0 auto; text-align:center; display:flex; flex-flow:column nowrap;}
.introBox h1 {padding:0 0 6px; margin:0; font-size:50px; line-height:1.1; position:relative; z-index:3;}
.introBox h2 {padding:0 0 24px; margin:0; font-size:30px; line-height:1.1; font-weight:600; text-transform:uppercase; position:relative; z-index:3;}
.dpBtn {padding:7vh 0 5vh; display:flex; flex-flow:row nowrap; justify-content:center;}
.dpBtn a {width:300px; max-width:100%; height:49px; color:#ff6105; font-size:16px; font-weight:600; border:2px solid #ff6105; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; text-transform:uppercase; transition:ease .3s;}
.dpBtn a:hover {background:#ff6105; border:2px solid #ff6105; color:#fff;}
.introImg {display:none; position:relative; z-index:1;}
.mIntroImg {position:relative; z-index:1;}
.mIntroImg img {margin:0 auto;}
.wass {padding:24px 0 0; font-size:7vw; font-weight:600;}
@media(min-width:350px){
  .introBox h1 {font-size:54px;}
}
@media(min-width:768px){
  /* .intro::before {width:100px; border-right:100px solid #ff1a05; right:82%;} */
  .introBox {padding:196px 15px 0;}
  .introBox h1 {font-size:100px;}
  .introBox h2 {font-size:36px;}
  .introBox h2 br {display:none !important;}
  .dpBtn {padding:40px 0;}
  .dpBtn a {width:360px; height:60px;}
  .wass {padding:0; font-size:30px;}
}
@media(min-width:992px){
  .introBox {width:100%; padding:160px 15px 0 90px; text-align:left; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; position:relative;}
  .intro::before {content:''; background:#ff6105; width:48px; height:2000px; border-right:60px solid #ff1a05; border-left:100vw solid #ff7e05; position:absolute; right:90%; top:-590px; -moz-transform:rotate(15deg); transform:rotate(15deg); z-index:2;}
  .intro::before {right:96%;}
  .introBox h1 {font-size:86px;}
  .introBox h2 {font-size:38px;}
  .dpBtn {justify-content:flex-start;}
  .introInfo {position:relative; z-index:2;}
  .introImg {margin-left:-140px; display:block;}
  .mIntroImg {display:none;}
  .wass {font-size:24px;}
  .wass br {display:none !important;}
}
@media(min-width:1200px){
  .introBox {padding:110px 15px 0 90px;}
  .introBox h1 {padding:30px 0 10px; font-size:120px;}
  .introBox h2 {padding:0 0 52px 0; font-size:44px;}
  .introImg {margin-left:-260px;}
}
@media(min-width:1880px){
  .intro::before {right:85%;}
}
@media(min-width:1950px){
  .intro::before {right:86%;}
}
@media(min-width:2100px){
  .intro::before {right:88%;}
}

.title {padding:0 0 20px; font-size:24px; font-weight:600; text-align:center;}
@media(min-width:768px){
  .title {padding:0 0 40px; font-size:32px;}
}
@media(min-width:992px){
  .title {font-size:38px;}
}

#about {padding:130px 0 40px; position:relative;}
#about::before {content:''; background:#ff6105; width:100%; height:30px; border-top:30px solid #ff7e05; border-bottom:30px solid #ff1a05; position:absolute; left:0; top:0;}
@media(min-width:768px){
  #about {padding:150px 40px 80px;}
}

#price {padding:130px 0 40px; position:relative;}
#price::before {content:''; background:#ff6105; width:100%; height:30px; border-top:30px solid #ff7e05; border-bottom:30px solid #ff1a05; position:absolute; left:0; top:0;}
#price .title {max-width:800px; margin:0 auto;}
@media(min-width:768px){
  #price {padding:150px 40px 60px;}
}

#contacts {background:linear-gradient(to right bottom,#ff1a05,#ff6105,#ff6105,#ff7e05,#ff7e05); padding:30px 0 40px; text-align:center;}
.conBox * {color:#fff; font-size:24px;}
.conBox p {padding:0 0 3px;}
.conLink {padding:30px 15px 0; display:flex; flex-flow:row nowrap; justify-content:center;}
.conLink a {min-width:180px; padding:10px 24px; color:#fff; font-size:22px; font-weight:600; border:2px solid #fff; transition:ease .3s;}
.conLink a:hover {background:#fff; padding:10px 24px; color:#ff6105; border:2px solid #fff;}
@media(min-width:768px){
  #contacts {padding:40px 0 54px;}
  .conBox p {padding:0 0 6px;}
  .conBox * {font-size:32px;}
  .conList {width:100%; display:flex; flex-flow:row nowrap; justify-content:center;}
}

.stat {padding:60px 0; line-height:1.1; text-align:center;}
.stat .row > div + div {padding-top:30px;}
.stat p {padding:8px 0; font-size:24px;}
.stat b {font-size:42px;}
@media(min-width:768px){
  .stat {padding:90px 0;}
  .stat .row > div + div {padding-top:0;}
  .stat b {font-size:48px;}
}

.fList {width:100%; padding:20px 0 0; margin:0; display:grid; grid-template-columns:1fr; gap:40px 20px;}
.fList > div {padding:0 0 0 68px; font-size:20px; font-weight:600; display:flex; flex-flow:column nowrap; justify-content:center; position:relative;}
.fList > div::before {content:''; background:none; background-size:contain; background-repeat:no-repeat; width:48px; height:48px; min-height:100%; border-radius:0; position:absolute; left:0; top:0; background-position:center center;}
.fList > div::before {background-image:url(images/1.svg);}
.fList > div:nth-child(2)::before {background-image:url(images/2.svg);}
.fList > div:nth-child(3)::before {background-image:url(images/3.svg);}
.fList > div:nth-child(4)::before {background-image:url(images/4.svg);}
.fList > div:nth-child(5)::before {background-image:url(images/5.svg);}
.fList > div:nth-child(6)::before {background-image:url(images/6.svg);}
.fList > div:nth-child(7)::before {background-image:url(images/7.svg);}
.fList > div:nth-child(8)::before {background-image:url(images/8.svg);}
.fList > div:nth-child(9)::before {background-image:url(images/9.svg);}
@media(min-width:768px){
  .fList {grid-template-columns:1fr 1fr; gap:60px 20px;}
  .fList > div {font-size:22px; padding:0 0 0 90px;}
  .fList > div::before {width:70px; height:70px;}
}
@media(min-width:992px){
  .fList {grid-template-columns:1fr 1fr 1fr; gap:80px 20px;}
}
@media(min-width:1200px){
  .fList > div {font-size:24px;}
}

.prForm {width:100%; max-width:760px; margin:0 auto;}
.prForm br {display:none;}
.prForm label {padding:3vh 0 0; display:block;}
.prForm label > span {margin:2vh 0 0; display:block;}
.prName input, .prPhone input, .prEmail input {width:100%; height:50px; padding:0; font-size:16px; border-bottom:1px solid #000;}
.prName input {margin-top:0;}
.prName label {padding:18px 0 0;}
.acceptCheck * {font-size:14px; line-height:1.2; text-transform:initial;}
.prForm .wpcf7-submit {background:#fff; width:100%; max-width:240px; margin:30px auto 0; height:60px; font-size:16px; font-weight:600; text-align:center; border:2px solid #000; text-transform:uppercase; cursor:pointer; display:block; transition:ease .3s;}
.prForm .wpcf7-submit:hover {background:#ff6105; color:#fff; border:2px solid #ff6105;}
.prForm form {display:flex; flex-flow:column nowrap;}
.prForm form > * {order:2;}
.wpcf7-spinner {display:none !important;}
.wpcf7-not-valid-tip {padding:8px 0 0; margin:0 0 -10px; font-size:10px !important; color:#ea233f !important;}
.wpcf7 form .wpcf7-response-output {margin:15px 0 0; padding:0; border:0; font-weight:500; order:1;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color:#ea233f !important; font-size:12px !important;}


.fTxt {background:#000; padding:30px 0; color:#fff; font-size:16px; line-height:1.6;}

.serv {padding:40px 0 0;}
.servImg {height:260px; position:relative;}
.servImg::before {content:''; width:60px; height:60px; border:21px solid #ff6105; border-radius:50%; position:absolute; right:50%; margin-right:-136px; top:0; z-index:1;}
.borderImg {background:url(images/borderImg.jpg) no-repeat center center; background-size:cover; width:200px; height:200px; border:6px solid #ff6105; border-radius:50%; position:absolute; left:50%; margin-left:-120px; top:0; z-index:2;}
.borderImg::before {content:''; background:#ff6105; width:60px; height:60px; border-radius:50%; position:absolute; left:50%; margin-left:-115px; top:130px; z-index:1;}
.borderImg2 {background:url(images/borderImg2.jpg) no-repeat center center; background-size:cover; width:100px; height:100px; border:8px solid #ff6105; border-radius:50%; position:absolute; right:50%; margin-right:-130px; top:120px; z-index:3;}
@media(min-width:768px){
  .serv {padding:100px 0 0; display:flex; flex-flow:row nowrap; align-items:center;}
  .servImg {width:280px; flex:0 0 auto; top:-20px;}
  .servInfo {padding:0 0 0 30px;}
}
@media(min-width:992px){
  .servImg {width:280px;}
}
@media(min-width:1200px){
  .servImg {width:480px; top:-40px;}
  .servImg::before {width:86px; height:86px; margin-right:-220px; border-width:28px;}
  .borderImg {width:300px; height:300px; margin-left:-150px; border-width:9px;}
  .borderImg::before {width:90px; height:90px; margin-left:-160px; top:200px;}
  .borderImg2 {width:150px; height:150px; margin-right:-228px; top:170px; border-width:12px;}
  .servInfo {padding:0 0 0 70px;}
}

.about {font-size:22px;}

.chList {padding-left:0; list-style:none;}
.chList li {padding:0 0 24px 34px; position:relative;}
.chList li::before {content:''; background:linear-gradient(to bottom,#ff1a05,#ff6105,#ff7e05); width:20px; height:20px; border-radius:50%; position:absolute; left:0; top:4px;}
.chList li::after {content:''; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; left:7px; top:8px; display:inline-block;}
@media(min-width:768px){
  .chList {font-size:20px;}
  .chList li::before {top:6px;}
  .chList li::after {top:10px;}
}
@media(min-width:992px){
  .chList {font-size:24px;}
  .chList li {padding:0 0 26px 38px;}
  .chList li::before {width:22px; height:22px; top:6px;}
  .chList li::after {left:8px; top:11px;}
}

.afterPrice {padding:40px 0 0;}
@media(min-width:768px){
  .afterPrice {padding:60px 0 0;}
}

.wide {padding:60px 0 0; text-align:center;}
.wideBox {max-width:820px; padding:30px 12px; margin:0 auto; border:2px solid #ff6105;}
.wideTt {font-size:7vw; font-weight:600;}
.wideEl {padding:72px 0 0; margin:24px 0 0; position:relative;}
.wideEl::before {content:''; background:none; background-size:contain; background-repeat:no-repeat; width:100%; height:54px; border-radius:0; position:absolute; left:0; top:0; background-position:center 0;}
.wideEl:nth-child(1)::before {background-image:url(images/wide1.svg);}
.wideEl:nth-child(2)::before {background-image:url(images/wide2.svg); height:52px;}
.wideEl:nth-child(3)::before {background-image:url(images/wide3.svg); height:58px;}
.wideEl i {padding:5px 0 0; font-size:15px; font-weight:400; font-style:normal; line-height:1.4; display:block;}
@media(min-width:768px){
  .wide {padding:100px 0 0;}
  .wideTt {font-size:48px;}
  .wideList {width:100%; padding:24px 0 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
}
@media(min-width:1200px){
  .wideBox {padding:40px 70px;}
}

.projects {padding:40px 0 0;}
.proImgs {width:100%; padding:40px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.proList p {padding:0 0 5px;}
.proList strong {font-size:22px; font-weight:500;}
@media(min-width:768px){
  .projects {padding:100px 0 0;}
  .proFlex {width:100%; display:flex; flex-flow:row nowrap;}
  .proList {width:100%; padding:0 30px 0 0;}
  .proImgs {width:400px; height:400px; padding:18px 0 0; flex:0 0 auto;}
}
@media(min-width:992px){
  .proImgs {width:560px; height:560px;}
}
@media(min-width:1200px){
  .proImgs {width:680px; height:680px; padding:0;}
  .proList {font-size:22px;}
  .proList strong {font-size:24px;}
}

.positions {padding:60px 0;}
.posTt {font-size:7.5vw; font-weight:600; line-height:1.1; text-align:center;}
.posList {width:100%; max-width:600px; margin:0 auto; padding:15px 0 0;}
.posEl {width:100%; padding:36px 0 0; display:flex; flex-flow:row nowrap;}
.posElImg {width:40vw; flex:0 0 auto;}
.posElImg div {padding:14px; border:8px solid #ff6105; position:relative;}
.posElImg div:before {content:''; width:0; height:0; border-bottom:12px solid rgba(0,0,0,0); border-top:12px solid rgba(0,0,0,0); position:absolute; top:50%; margin-top:-12px;}
.posEl:nth-child(even) .posElImg div:before {border-right:12px solid #fff; right:-8px;}
.posEl:nth-child(odd) .posElImg div:before {border-left:12px solid #fff; left:-8px;}
.posElTx {width:100%; padding:0 0 0 4vw; display:flex; flex-flow:column nowrap; justify-content:center;}
.posElTx ul {padding:5px 0 0 17px;}
.posElTx li {padding:0 0 3px; font-size:5vw; list-style:none; position:relative;}
.posElTx li:before {content:''; width:4px; height:4px; border:1px solid #222; border-radius:50%; position:absolute; left:-16px; top:10px;}
@media(min-width:480px){
  .posList {padding:60px 0 0;}
  .posEl {padding:0;}
  .posElTx {padding:15px 0 15px 24px;}
  .posElTx li {font-size:18px;}
  .posElTx li:before {top:11px;}
  .posElImg {width:50%;}
  .posElImg div {padding:20px; border-width:10px;}
}
@media(min-width:480px) and (max-width:991px){
  .posEl:nth-child(odd) .posElTx {padding:0 24px 0 0;}
  .posEl:nth-child(even) .posElImg div:before {right:-10px;}
  .posEl:nth-child(odd) .posElImg div:before {left:-10px;}
}
@media(min-width:768px){
  .positions {padding:100px 0;}
  .posTt {font-size:48px;}
  .posElImg div {padding:39px; border-width:14px;}
  .posEl:nth-child(odd) .posElImg div:before {left:-15px;}
  .posEl:nth-child(even) .posElImg div:before {right:-15px;}
  .posElTx li {font-size:22px;}
}
@media(max-width:991px){
  .posEl:nth-child(odd) .posElTx {padding:15px 3vw 15px 0; order:1;}
  .posEl:nth-child(odd) .posElImg {order:2;}
} 
@media(min-width:992px){
  .posTt {font-size:56px;}
  .posList {max-width:100%; display:grid; grid-template-columns:1fr 1fr; gap:0;}
  .posElImg {width:50%;}
  .posEl:nth-child(4n+1) .posElTx {padding:0 3vw 0 0; order:1;}
  .posEl:nth-child(4n+1) .posElImg {order:2;}
  .posEl:nth-child(4n+2) .posElTx {padding:0 3vw 0 0; order:1;}
  .posEl:nth-child(4n+2) .posElImg {order:2;}
  .posElTx {padding:0 24px !important;}
  .posElTx li {font-size:18px;}
}
@media(min-width:1200px){
  .posElTx p strong {font-size:24px;}
  .posElTx li {font-size:21px;}
  .posElImg div {min-height:100%;}
  .posElImg img {max-width:186px;}
}

.projects {display:none !important;}