@import url('https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900&subset=latin-ext'); @import url('style-reset.min.css'); @import url('style-animation.min.css'); @import url('style-markdown-dark.css'); /** * VARS */ :root { --yoolk-clr-blue:#4B6FFF; --yoolk-clr-white:#FFFFFF; --yoolk-clr-gray:#363D49; --yoolk-clr-gray:#1E2229; --yoolk-clr-gray:#131519; } /** * UTILS CLASSES */ .clear{clear:both} .clear:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .hidden {display: none !important;} .visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} .vspacer {height:100px;} /** * BASE */ ::selection {background: #4B6FFF;color:#fff;} ::-moz-selection {background: #4B6FFF;color:#fff;} h1, h2, h3, h4 {font-family:'Lato',Arial,sans-serif;} body {font-family:'Lato',Arial,sans-serif;font-size:1em;color:#fff;background-color: #131519;font-weight:400;} .site-content {top:120px;position: relative;min-height: 100vh;overflow-y: visible;} .content-wrapper{opacity: 0;min-height: calc(100vh - 280px);} html { --scrollbarBG: #272A36; --thumbBG: #90A4AE; } body::-webkit-scrollbar { width: 11px; } body { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } body::-webkit-scrollbar-track { background: var(--scrollbarBG); } body::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); } /** * LOADING */ .spinner-container {width: 64px;height: 64px;opacity:0;position: relative;position:fixed;top:48%;left:50%;z-index:99999;margin-left:-32px;} /** * HEADER MOBILE */ #header-mobile {display: none;} #header-mobile {background:transparent;height: 80px;position: fixed;top: 0;transition: top 0.2s ease-in-out;width: 100%;z-index:99999;} #static-bt-mobile {display:block;width:76px;height:76px;line-height: 76px;vertical-align: middle;text-align: center} #static-bt-mobile svg {height:40px;width:40px;display: inline-block;overflow: visible;vertical-align: middle;} #trigger-overlay {position:fixed;top:5px;right:15px;z-index:1;color: #fff;display: inline-block;margin: 0;border: none;background: none;} #trigger-overlay span {display: block;} .overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:rgba(19, 21, 25, .9);z-index:97;} .overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .overlay ul.top-nav {list-style: none;padding: 0;margin: 0 auto;position: relative;} .overlay ul.top-nav li {} .overlay ul li a {font-size: 2rem;display: inline-block;padding:15px 0;letter-spacing: 2px;font-weight: 600;text-decoration: none;color:#fff;text-transform: uppercase;} .overlay ul li a:hover {color: #4B6FFF} .overlay ul li a span {position: relative;display: block;cursor: pointer;} .overlay-data {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;visibility: 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;} .overlay-open {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .lines-button {padding: 2rem 1rem;transition: .3s;cursor: pointer;user-select: none;border-radius: 0;} .lines-button:hover {opacity: 1;} .lines-button:active {transition: 0;} .lines {display: inline-block;width: 30px;height: 5px;background: #FFFFFF;border-radius: 0;transition: 0.3s;position: relative;} .lines:before, .lines:after {display: inline-block;width: 30px;height: 5px;background: #FFFFFF;border-radius: 0;transition: 0.3s;position: absolute;left: 0;content: '';-webkit-transform-origin: 0 center;transform-origin: 0 center;} .lines:before {top: 10px;} .lines:after {top: -10px;} .lines-button:hover .lines:before {top: 10px;} .lines-button:hover .lines:after {top: -10px;} .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8);transform: scale3d(0.8, 0.8, 0.8);} .lines-button.x.close .lines {background: transparent;} .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;top: 0;width: 30px;} .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);} .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);} .overlay-social {text-align: center;width:100%;position:absolute;left:0;z-index:1;bottom:20px;} .overlay-social ul li {display: inline-block;margin:5px;} .overlay-social ul li a {display:block;text-align: center;vertical-align: middle !important;opacity:1;color:#FFF;background-color: transparent;} .overlay-social ul li a:hover {color:#FFF;} .overlay-social ul li a i {font-size: 20px;line-height: 40px;width:40px;height:40px;vertical-align: middle} /** * HEADER DESKTOP */ #header-desktop { background:rgba(19, 21, 25, 0);height: 80px;position: fixed;top:0;transition: top 0.2s ease-in-out;width: 100%;z-index:10;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #header-desktop.header-up {top: -80px !important;} #static-bt {display:block;width:76px;height:76px;line-height: 76px;vertical-align: middle;text-align: center} #static-bt svg {height:40px;width:40px;display: inline-block;overflow: visible;vertical-align: middle;} #nav-static {display:flex;align-items: center;width: 100%;} #top-nav {flex-grow: 1;align-content: end} .menu-static {float:right;padding-right:15px} .menu-static ul li {padding:18px 10px 0px;display: inline-block;float:left;} .menu-static ul li.current-menu-item a {color:#4B6FFF; } .menu-static ul li.current-page-ancestor a {color:#4B6FFF; } .menu-static ul li a {color:#fff;text-transform: uppercase;} .menu-static ul li a:hover {color:#4B6FFF;} .priv-nav {float:right;padding-right:20px} .priv-nav li {padding:2px 5px 0px;display: inline-block;float:left;} .priv-nav li.current-menu-item a {color:#FFF; } .priv-nav li a {color:rgba(255,255,255,0.5);text-transform: uppercase;font-size: 11px;} .priv-nav li a:hover {color:rgba(255,255,255,1);} .priv-nav li a.active, .priv-nav li a.active:hover {color:#4B6FFF;} /** * ARTICLE */ .content-article {background-color: #1E2229;border-radius:5px;padding:3rem 0;} .content-article .article-spacer {margin:0 30px;} .content-article h1, .content-article h2, .content-article h3, .content-article h4, .content-article h5, .content-article p {margin-top:1rem;margin-bottom:1rem;line-height: 1.6} .content-article p a {color:var(--yoolk-clr-blue);text-decoration: underline;} .content-article p a:hover {color:var(--yoolk-clr-blue-dark);} .content-article img, .content-article svg {max-width:100% !important;height: auto !important;display:inline-block;} .content-article ul {margin:1rem 0;list-style-type:none;} .content-article ol {margin:1rem 0 1rem 1rem;list-style-type:numeric;} .content-article ul li, .content-article ol li {line-height: 1.6;} .content-article ul li::before {content: "\2022";font-weight: bold;display: inline-block;width:1em;} .content-article blockquote {border-left: 1px solid var(--oto-yoolk-blue);padding-left:1rem;} .content-article td {vertical-align:middle;} /** * FOOTER */ footer {padding:50px 30px;text-align: center;} footer .copyright {color:#4B6FFF;font-size:11px;font-style: italic;text-transform: uppercase;} .social-contact {} .social-contact li {display: inline-block;} .social-contact li a {font-size:20px;color:#fff;display: block;padding:15px 10px 15px 0px;} .social-contact li a:hover {opacity:.7;} /** * DISCLAIMER */ .disclaimer-wrapper {position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;background-color: rgba(18, 21, 25, .9)} .disclaimer {position:fixed;bottom:20px;left:50%;max-width:320px;width:96%;padding:16px 22px;border-radius:6px;background-color:#1E2229;z-index:999;font-size:.8rem;color:#66747b;font-weight:400;transform: rotate(-1deg) translateX(-50%);box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);height:auto;} .disclaimer p {font-size:16px;line-height: 150%;max-width:320px;line-break: auto} .disclaimer a {color:inherit;text-decoration: underline} .disclaimer button {position:absolute;top:-16px;right:6px;outline:0;border:none;color:#fff;border-radius:4px;padding:10px 16px;background-color: #4D74FA;transform: rotate(4deg);cursor: pointer;transition: .2s;} .disclaimer button:hover {background-color: #FFF;color: #4D74FA;} /** * HOMEPAGE */ .home-projects-wrapper {margin:0 30px;position:relative;} .home-projects-wrapper:before {content:"My awesome projects";position:absolute;top:-20px;left:-8px;padding:16px 22px;border-radius:6px;background-color:#fff;z-index:2;font-size:.9rem;color:#4D74FA;font-weight: 700;transform: rotate(-6deg);box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);} #home-projects {display:grid;grid-template-columns:repeat(4, 1fr);column-gap:30px;} #home-projects .project-item h2 {font-size:1.12rem;padding:16px 0 8px;font-weight: 600;letter-spacing: 1px} #home-projects .project-item {position: relative;background: #1E2229;border-radius: 4px;padding:20px 30px;text-align: center;color:#fff;outline:3px solid transparent;transition:.2s;} #home-projects .project-item:hover {outline:3px solid #66747b;} #home-projects .project-item:active {outline:3px solid #4D74FA;} #home-projects .project-item:focus {outline:3px solid #4D74FA;} #home-projects .project-item p { font-weight: 500;font-size: 0.9rem;letter-spacing: 1px;line-height: 120%;padding-bottom: 0;color: rgba(255,255,255,0.8);font-style: italic;} #home-projects .project-item .project-icon {display: inline-block;border-radius: 12px; overflow: hidden;position: relative;width:80px;line-height: 80px;vertical-align: middle;height:80px;transition:all .1s ease-in;background-color:#FFF;} #home-projects .project-item .project-icon img {width:60px;height:60px;display:inline-block;vertical-align: middle} @media (min-width: 768px) and (max-width: 1023px){ #home-projects {display:grid;grid-template-columns:repeat(2, 1fr);column-gap:30px;row-gap: 30px} } @media (min-width: 1px) and (max-width: 767px){ #home-projects {display:grid;grid-template-columns:repeat(1, 1fr);column-gap:30px;row-gap: 30px} } .endless-stuff {position: relative;} .endless-stuff:before {content:"My Endless blog";position:absolute;top:-10px;left:58px;padding:16px 22px;border-radius:6px;background-color:#fff;z-index:2;font-size:.9rem;color:#4D74FA;font-weight: 700;transform: rotate(-6deg);box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);} /** * GRID INFINITESCROLL LOADING */ .page-heading {padding:50px 30px 0;text-align: center;} .page-heading h1.page-heading-title {font-size:2.4em;color: #fff;font-weight: 900;text-transform: uppercase;letter-spacing:2px;padding-bottom:23px;background: url('https://yoolk.ninja/wp-content/themes/synthtwo/images/item-sep.png') bottom center no-repeat;margin-bottom:20px;} .page-heading-text {color:#4B6FFF;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;font-style: italic;display:inline-block;line-height: 120%;text-align: justify;text-align-last:center;max-width:440px;} .page-heading-text a {color: #FFF} /** * GRIDS */ .grid {margin:0 15px;flex-grow: 1} .grid.are-images-unloaded {opacity: 0;} .grid__item {} .grid__col-sizer {} .grid__gutter-sizer {} .grid.are-images-unloaded .image-grid__item {opacity: 0;} .grid__item {border-radius:4px;} .grid__item img {width:100%;display: block;max-width: 100%;height:auto;} .new {font-size: 1em;display: inline-block;color:#4B6FFF;margin-right:5px;font-weight: bold} /** * GRID ICONS */ .grid__item.icons {} .grid__item.icons .grid-item {padding:0;position: relative;margin:0 15px;background:#1E2229;margin-bottom:30px;} .grid__item.icons .grid-item a {display:block;position: relative;} .grid__item.icons .grid-item a img {width:110%;display:block;height:auto;} .grid__item.icons .grid-item .item-ttl {z-index:2;position:absolute;top:5px;left:5px; right:5px;text-align: center;} .grid__item.icons .grid-item .item-ttl em {display:inline-block;text-decoration: none;text-transform: uppercase;font-size: 10px;color:rgba(255,255,255,0.4);text-decoration: none;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: 1px;background-color: #262a33;padding:5px 8px;border-radius: 4px;margin:0 auto;max-width:100%;box-shadow: 0 5px 30px 0 rgb(0 0 0 / 20%);} /** * GRID TOYS */ .grid__item.toys {} .grid__item.toys .grid-item {padding:0;position: relative;margin:0 15px;background:#1E2229;margin-bottom:30px;} .grid__item.toys .grid-item a {display:block;position: relative;overflow: hidden;border-radius:6px;} .grid__item.toys .grid-item a .unpixelated {position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} .grid__item.toys .grid-item a:hover .unpixelated {opacity:1;} .grid__item.toys .grid-item a img {width:110%;display:block;height:auto;} .grid__item.toys .grid-item .item-ttl {z-index:2;position:absolute;bottom:8px;right:8px;} .grid__item.toys .grid-item .item-ttl em {display:inline-block;text-decoration: none;text-transform: uppercase;font-size:22px;color:#fff;text-decoration: none;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: 1px;background-color: rgba(0,0,0,0.6);padding:6px;border-radius: 3px;margin:0 auto;max-width:100%;} /** * GRID REFS */ .grid__item.refs {} .grid__item.refs .grid-item {position: relative;margin:0 15px;border-radius:3px;margin-bottom:30px;} .grid__item.refs .grid-item .thumb-link {display:block;position: relative;} .grid__item.refs .grid-item .thumb-link .border {position: absolute;top:0;bottom:0;left:0;width:100%;border:3px solid transparent;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .grid__item.refs .grid-item .thumb-link img {-webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear;} .grid__item.refs .grid-item .thumb-link:hover img {opacity:0.2} .grid__item.refs .grid-item .thumb-link .thumb-link-btns {opacity:0;position: absolute;top:70%;left:0;width:100%;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .grid__item.refs .grid-item .thumb-link .thumb-link-btns a {padding:12px 16px;font-size:1em;border-radius:6px;display: inline-block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;letter-spacing: 1px;} .grid__item.refs .grid-item .thumb-link .thumb-link-btns a:hover {color:#fff !important;border-color:#fff !important;} .grid__item.refs .grid-item .thumb-link:hover .thumb-link-btns {opacity:1;top:50%;} .grid__item.refs .grid-item .txt-wrapper {position: relative} .grid__item.refs .grid-item .txt:before{content: "";position: absolute;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #1E2229;top: -15px;left: 27px;z-index: 5;} .grid__item.refs .grid-item .txt {padding:15px 20px;background:#1E2229;margin-top:30px;border-radius:4px;} .grid__item.refs .grid-item .txt h2 {font-weight: 500;font-size: 1em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color: #666;} .grid__item.refs .grid-item .txt p {font-weight: 500;font-size:0.9em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color:#66747b;font-style: italic} .grid__item.refs .grid-item .txt p strong {font-weight: 800;color: #FFF;} .grid__item.refs .grid-item .txt p a {text-decoration: underline} .grid__item.refs .grid-item .txt p a:hover {color:#fff;} /** * GRID ITEMS HOVER */ .grid__item.type-icons .grid-item, .grid__item.type-post .grid-item {outline:3px solid transparent;border-radius: 4px;transition:.2s;} .grid__item.type-icons .grid-item:hover, .grid__item.type-post .grid-item:hover {outline:3px solid #66747b;} .grid__item.type-icons .grid-item:active, .grid__item.type-post .grid-item:active, .grid__item.type-icons .grid-item:focus, .grid__item.type-post .grid-item:focus {outline: 3px solid #4E74FB} .grid__item.type-product .grid-item {outline:3px solid transparent;border-radius: 4px;transition:.2s;} .grid__item.type-product .grid-item:hover {outline:3px solid #66747b;} .grid__item.type-product .grid-item:active {outline:3px solid #4E74FB;} .grid__item.type-product .grid-item:focus {outline:3px solid #4E74FB;} /** * GRID INFINITESCROLL LOADING */ .page-load-status {display: none;padding-top: 20px;text-align: center;color: #fff;} .blink {display: inline;color: #4E74FB;animation: blink .1s steps(1) infinite;-webkit-animation: blink .1s steps(1) infinite;} @keyframes blink { 50% { color: transparent; } } @-webkit-keyframes blink { 50% { color: transparent; } } /** * SHOP */ .shop-wrap {display:flex;width:100%;} /** * SHOP SIDEBAR & WIDGETS */ .filters {margin:0 0 0 35px;font-size:.9rem;padding-top:80px;max-width: 200px;} .filters .widget {margin:0 0 6px;} .filters .widget-title {padding:0 3px 10px 0;color:#4b6fff;line-height:24px;} .filters li {color:#fff;padding:0 0 6px;font-size:.8rem;line-height: 150%;} .filters li a {color:#fff;transition: .2s} .filters li a:hover {color:#4b6fff;} .filters li.current-cat a:before {background-color:orange;width:6px;height:6px;content:'';display:inline-block;border-radius:3px;margin-right:3px;} .filters li span {color:rgba(255, 255, 255, 0.359);} .filters svg {width:12px;height:12px;vertical-align: middle} .filters path {fill:orange;} /** * SHOP - RELATED PRODUCTS */ .grid-static-related img {margin: 0 auto 0 !important;} /** * SINGLE COLOR */ .color-table {display:table;width:100%;table-layout: fixed;border-radius:3px;overflow: hidden;} .color-table .row {display:table-row;} .color-table .cell {display:table-cell;min-height:60px;} /** * ARCHIVES - PROJECTS */ .projects-cats-list {margin:0 30px;padding-top:50px;text-align: center} .projects-cats-list a {display: inline-block;line-height: 30px;padding:0 12px;background: #353e4a;color:#d3d8df;border-radius:4px;margin:0 2px 2px 0;font-size:11px;text-transform: uppercase;transition: .2s;} .projects-cats-list a span {opacity:0.7} .projects-cats-list a:hover {background: #4b5768} /* BELOW MUST BE CLEANED .uc-table {display:table;table-layout: fixed;width: 100%;height:100%;position: absolute;top:0;left:0;bottom:0;z-index:999;} .uc-table-row {display: table-row;} .uc-table-cell {display: table-cell;} .uc-table-cell-left {background-color: #4B6FFF;position: relative;} .uc-table-cell-right {background-color:transparent;position: relative;overflow: hidden;} .uc-text {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .uc-text-inner {width:70%;margin:0 auto;} .uc-text-inner p {font-size:3em;line-height: 140%;} .uc-text-bottom {position: absolute;bottom:50px;left:0;width: 100%;} .uc-text-bottom-inner {width:70%;margin:0 auto;} .uc-text-bottom p {font-size: 0.8em;line-height: 120%;font-style: italic;} .uc-text-bottom p strong {font-weight: 700;} .uc-text-bottom p a {color:inherit;text-decoration: none;} .uc-anim {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;} .uc-anim svg {width:300px;height:300px} .uc-logo-client {position: absolute;bottom:50px;right:50px;} .uc-logo-client img {width:200px;height: auto;} .static-page{opacity:1 !important;} #loading{opacity:0 !important;} */ .t-right { width:100%; height:100%; display:block; overflow:hidden; position:fixed; top:calc(100vh/5); left:0; z-index: 3; opacity:0; } .t-right svg {width:100%;height:auto;display:block;} #toggle-view-home {position:fixed;top:10px;left:15px;width:160px;z-index:2;text-align:left;opacity: 0;} #toggle-view-home a {display: block} .announcements li {} .announcements li:first-child {background-color:transparent !important;} .post-heading {padding:15px 0;margin:0 15px 15px;line-height: 22px;vertical-align: middle;border-bottom:3px solid #313844;} .post-heading i {color:#4E74FB;font-size:18px;vertical-align: middle} .post-heading span {color: #FFF;font-size:13px;text-transform: capitalize;letter-spacing: 1px;font-weight: 600;margin-left:10px;vertical-align: middle} .post-heading a {color:#fff;} .item-date {height:40px;line-height: 40px;vertical-align: middle;padding:0 30px;} .items-list-icons {margin:0 15px;padding-top:10px;} .items-list-icons li.col-25 {width:25%;float:left;} .items-list-icons li.col-50 {width:50%;float:left;} .items-list-icons li.col-33 {width:33.33%;float:left;} .items-list-icons li.col-100 {width:100%;} .items-list-icons li .mini-item {margin:0 15px;} .items-list-icons li.col-100 .mini-item {background-color:#4B6FFF;} .items-list-icons li img {width:100%;display: block;} .items-list-www {margin:0 20px;padding-top:0;} .items-list-www li.col-25 {width:25%;float:left;} .items-list-www li.col-33 {width:33.33%;float:left;} .items-list-www li.col-50 {width:50%;float:left;} .items-list-www li.col-100 {width:100%;} .items-list-www li .www-item {margin:0 10px;position: relative;border-radius:5px;background-color: #363D49} .items-list-www li.col-100 .mini-item {} .items-list-www li img {width:100%;display: block;overflow: hidden;border-radius: 5px;} .items-list-www li img.tl {border-radius:0;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .snippets-row {display:table;table-layout:fixed;width:100%;} .snippets-right-col {display:table-cell;width:auto;min-height: 100vh;vertical-align: top;} .snippets-left-col {display:table-cell;width:180px;min-height: 100vh;vertical-align: top;} .category-javascript .post-heading a.cat, .category-javascript .post-heading i {color: #EED739 !important} .category-php .post-heading a.cat, .category-php .post-heading i {color: #7478AB !important} .category-html .post-heading a.cat, .category-html .post-heading i {color: #E76334 !important} .category-css .post-heading a.cat, .category-css .post-heading i {color: #3B96CD !important} .category-wordpress .post-heading a.cat, .category-wordpress .post-heading i {color: #267295 !important} .category-marketo .post-heading a.cat, .category-marketo .post-heading i {color: #923EE3 !important} .category-server .post-heading a.cat, .category-server .post-heading i {color: #547CF5 !important} .category-email .post-heading a.cat, .category-email .post-heading i {color: #CE2184 !important} .cats-nav {margin:0 30px 6px;position: sticky;top:20px;} .cats-nav li {display:block;margin-bottom:4px;} .cats-nav li a {display:block;padding:10px 16px;color:#fff;font-size:10px;text-transform: uppercase;} .cats-nav li.menu-item-4536 a {border-left:3px solid #CE2184} .cats-nav li.menu-item-4177 a {border-left:3px solid #F98B35} .cats-nav li.menu-item-5450 a {border-left:3px solid #F98B35} .cats-nav li.menu-item-4170 a {border-left:3px solid #4097CB} .cats-nav li.menu-item-4172 a {border-left:3px solid #ECD54A} .cats-nav li.menu-item-4173 a {border-left:3px solid #BAA4FD} .cats-nav li.menu-item-4174 a {border-left:3px solid #7579AA} .cats-nav li.menu-item-4175 a {border-left:3px solid #5178F8} .cats-nav li.menu-item-4176 a {border-left:3px solid #2B7394} .cats-nav li.menu-item-4185 a {border-left:3px solid #923EE3} .cats-nav li.menu-item-412 a {} .cats-nav li.menu-item-4536.current-menu-item a {background-color: #1E2229;color:#CE2184 !important;} .cats-nav li.menu-item-4177.current-menu-item a {background-color: #1E2229;color:#F98B35 !important;} .cats-nav li.menu-item-5450.current-menu-item a {background-color: #1E2229;color:#F98B35 !important;} .cats-nav li.menu-item-412 a, .cats-nav li.menu-item-4170.current-menu-item a {background-color: #1E2229;color:#4097CB !important;} .cats-nav li.menu-item-4172.current-menu-item a {background-color: #1E2229;color:#ECD54A !important;} .cats-nav li.menu-item-4173.current-menu-item a {background-color: #1E2229;color:#BAA4FD !important;} .cats-nav li.menu-item-4174.current-menu-item a {background-color: #1E2229;color:#7579AA !important;} .cats-nav li.menu-item-4175.current-menu-item a {background-color: #1E2229;color:#5178F8 !important;} .cats-nav li.menu-item-4176.current-menu-item a {background-color: #1E2229;color:#2B7394 !important;} .cats-nav li.menu-item-4185.current-menu-item a {background-color: #1E2229;color:#923EE3 !important;} .cats-nav-alt {margin:0 30px 6px;text-align: center;list-style:none;} .cats-nav-alt li {display: inline-block;margin-right:4px;margin-bottom:4px;} .cats-nav-alt li a {background-color:#363D49;display:block;padding:6px 8px;border-radius:3px;color:#fff;font-size:10px;text-transform: uppercase;opacity:0.2;} .cats-nav-alt li a:hover {opacity:1;} .items-list-web {width:100%;} .col-www-th {margin-bottom:20px;} .homepage-container {background-color: transparent !important;z-index:4;position:absolute;top:0;left:0;bottom:auto !important;height:50% !important;right:0;overflow: hidden;} .the-end {width:24px;height:220px;margin:0 auto;display: block} .post-edit-link {} li.announcement {position: relative;} li.announcement.show {} .bgg {opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background-color: blue;z-index:-2;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .show .bgg {opacity:0.1;} .show .item-content-inner { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: .5s; transition-delay: .5s; } .show .item-content-inner-title { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: .8s; transition-delay: .8s; } .show .item-content-inner-txt { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: .8s; transition-delay: .8s; } .show .bgg { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; } #home {position:absolute;bottom:0;width:100%;z-index:99;text-align: center;overflow: visible; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* reveal grid after images loaded */ .grid-item .precode .shadow {z-index:2;position:absolute;bottom:0;left:0;height:80px;width:100%;background: rgb(30,34,41);background: -moz-linear-gradient(0deg, rgba(30,34,41,1) 0%, rgba(30,34,41,0) 100%);background: -webkit-linear-gradient(0deg, rgba(30,34,41,1) 0%, rgba(30,34,41,0) 100%);background: linear-gradient(0deg, rgba(30,34,41,1) 0%, rgba(30,34,41,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2229",endColorstr="#1e2229",GradientType=1);} .grid-item .precode {height:80px;position: relative;} .grid-item .precode.expanded {height:auto;} .grid-item .precode.expanded .shadow {display:none;} .grid-item .expand {position:absolute;bottom:10px;right:0;z-index:3;display: inline-block;cursor: pointer;color:#fff;} .grid-item .expand:hover {opacity:0.5;} .grid-item .precode.expanded .expand {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);} .grid__item.links {} .grid__item.links .grid-item {padding:0;position: relative;margin:0 15px;background:#1E2229;margin-bottom:30px;} .grid__item.links .grid-item a {display:block;position: relative;color: #fff} .grid__item.links .grid-item a::before {} .grid__item.links .grid-item a:hover::before {} .grid__item.links .grid-item .txt {line-height: 30px;vertical-align: middle;padding:8px 15px;font-size:15px;font-style: italic;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .grid__item.links .grid-item .txt i {color: #4E74FB;font-size:18px;vertical-align: middle;font-style: normal} .grid__item.photos .grid-item {position: relative;margin:0 15px;} .grid__item.photos .grid-item a {display: block;margin-bottom:30px;} .grid__item.photos .grid-item a {position:relative;display:block;border-radius:4px;outline:3px solid transparent;transition:.2s;overflow: hidden;text-align: center} .grid__item.photos .grid-item a:hover {outline:3px solid rgba(255,255,255,0.6);} .grid__item.photos .itm-img {} .photo-metas {position:absolute;bottom:6px;left:50%;transform: translateX(-50%);z-index:2;display:inline-block;padding:6px 8px;font-size:10px;color:#fff;background-color: rgba(0,0,0,0.4);border-radius:3px;letter-spacing: 1px;} .photos-toolbar {position:fixed;bottom:0;left:0;right:0;background-color:rgb(75, 111, 255);display: flex;z-index:10;} .photos-toolbar a {color:#fff} .photos-toolbar-items {margin:0 10px;padding:10px 0 8px;display: flex;flex-grow:1;align-items: center;} .photos-toolbar-item {display: flex;flex-grow:1;align-items: center;} .writers {display:block;} .writers a {display:inline-block;padding:6px 8px;border-radius:3px;font-size:11px;background: rgba(0,0,0,0.2);margin:0 2px 4px 0;text-transform: uppercase} .writers a:hover {background: rgba(0,0,0,0.6);} .single-photos .photo-single-banner {margin:0 30px;} .single-photos .photo-pad {margin:0;padding-bottom:30px;} .single-photos .photo-single-banner img, .single-photos .grid img {width: 100%;height: auto;display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;border-radius:4px;} .mini-grid {display: grid;grid-template-columns: auto auto auto auto;justify-items: start;grid-gap: 30px;margin-bottom:30px;} .mini-grid .mini-grid-item {position: relative;text-align: center;display:block;border-radius:4px;} .mini-grid a {display:block;position: relative;margin-bottom:0 !important;border-radius:4px;overflow: hidden} .mini-grid a:hover {outline:3px solid rgba(255,255,255,0.6);} .mini-grid img {display: block;width: 100%;height: auto;} .mini-grid .mini-grid-item:last-child:before{content:'+';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:22px;} .grid__item.pub {} .grid__item.pub .grid-item {position: relative;margin:0 15px;border-radius:3px;margin-bottom:30px;} .grid__item.pub .grid-item .thumb-link {display:block;position: relative;} .grid__item.pub .grid-item .thumb-link .border {position: absolute;top:0;bottom:0;left:0;width:100%;border:3px solid transparent;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .grid__item.pub .grid-item .thumb-link img {-webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear;} .grid__item.pub .grid-item .thumb-link:hover img {opacity:0.2} .grid__item.pub .grid-item .thumb-link .thumb-link-btns {opacity:0;position: absolute;top:70%;left:0;width:100%;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .grid__item.pub .grid-item .thumb-link .thumb-link-btns a {padding:12px 16px;font-size:1em;border-radius:6px;display: inline-block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;letter-spacing: 1px;} .grid__item.pub .grid-item .thumb-link .thumb-link-btns a:hover {color:#fff !important;border-color:#fff !important;} .grid__item.pub .grid-item .thumb-link:hover .thumb-link-btns {opacity:1;top:50%;} .grid__item.pub .grid-item .txt-wrapper {position: relative} .grid__item.pub .grid-item .txt:before{content: "";position: absolute;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #1E2229;top: -15px;left: 27px;z-index: 5;} .grid__item.pub .grid-item .txt {padding:15px 20px;background:#1E2229;margin-top:30px;border-radius:4px;} .grid__item.pub .grid-item .txt h2 {font-weight: 500;font-size: 1em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color: #666;} .grid__item.pub .grid-item .txt p {font-weight: 500;font-size:0.9em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color:#66747b;font-style: italic} .grid__item.pub .grid-item .txt p strong {font-weight: 800;color: #FFF;} .grid__item.pub .grid-item .txt p a {text-decoration: underline} .grid__item.pub .grid-item .txt p a:hover {color:#fff;} .grid__item.pub .topbar {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color:#F5F5F5;padding:8px;text-align: left;} .grid__item.pub .topbar-table {display:table;table-layout: fixed;width: 100%;} .grid__item.pub .topbar-table-tr {display:table-row;} .grid__item.pub .topbar-table-td {display:table-cell;vertical-align:middle;} .grid__item.pub .topbar-table-td-btns {width:68px;} .grid__item.pub .topbar-table-td-btns span.btns {width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 3px;display: inline-block;} .grid__item.pub .topbar-table-td-btns span.btns.btn-red {background-color: #F45F5B;margin-left:3px;} .grid__item.pub .topbar-table-td-btns span.btns.btn-yellow {background-color: #FED351;} .grid__item.pub .topbar-table-td-btns span.btns.btn-green {background-color: #B5E167;} .grid__item.pub .topbar-table-td-bar {} .grid__item.pub .topbar-table-td-bar .statuses {background-color:#fff;padding:0 8px;height:30px;line-height: 30px;border-radius:3px;border: 1px solid #f1f1f1} .grid__item.pub .topbar-table-td-bar .dead {font-size:11px;color:#DB4337;} .grid__item.pub .topbar-table-td-bar .live {font-size:11px;color:#999;} /* WWW */ .grid__item.projets {} .grid__item.projets .grid-item {position: relative;margin:0 15px;border-radius:3px;margin-bottom:30px;} .case-study {position:relative;display:block;border-radius:4px;outline:3px solid transparent;transition:.2s;overflow: hidden;text-align: center} .case-study:hover {outline:3px solid #66747b;} .case-study:focus {outline:3px solid #4E74FB;} .case-study:active {outline:3px solid #4E74FB;} .case-study .case-study-overlay {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:2;width:96%;} .case-study img.bg-case-study {width:100%;height:auto;display:block;} .case-study-icon {display:block;border-radius: 12px; overflow: hidden;position: relative;width:80px;line-height: 80px;vertical-align: middle;height:80px;transition:all .1s ease-in;margin:0 auto;box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);} .case-study-icon img {width:80px;height:80px;display:block;vertical-align: middle} .bg-case-study-alt {position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;} .case-study h2 {font-size: 1.12rem; padding: 16px 0 8px; margin:0 12px; font-weight: 600; letter-spacing: 1px;color: #fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .case-study p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin:0 12px;font-size:11px;} .grid__item.projets .grid-item .thumb-link {display:block;position: relative;} .grid__item.projets .grid-item .thumb-link .border {position: absolute;top:0;bottom:0;left:0;width:100%;border:3px solid transparent;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .grid__item.projets .grid-item .thumb-link img {-webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear;} .grid__item.projets .grid-item .thumb-link:hover img {opacity:0.2} .grid__item.projets .grid-item .thumb-link .thumb-link-btns {opacity:0;position: absolute;top:70%;left:0;width:100%;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .grid__item.projets .grid-item .thumb-link .thumb-link-btns a {padding:12px 16px;font-size:1em;border-radius:6px;display: inline-block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;letter-spacing: 1px;} .grid__item.projets .grid-item .thumb-link .thumb-link-btns a:hover {color:#fff !important;border-color:#fff !important;} .grid__item.projets .grid-item .thumb-link:hover .thumb-link-btns {opacity:1;top:50%;} .grid__item.projets .grid-item .txt-wrapper {position: relative} .grid__item.projets .grid-item .txt:before{content: "";position: absolute;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #1E2229;top: -15px;left: 27px;z-index: 5;} .grid__item.projets .grid-item .txt {padding:15px 20px;background:#1E2229;margin-top:30px;border-radius:4px;} .grid__item.projets .grid-item .txt h2 {font-weight: 500;font-size: 1em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color: #666;} .grid__item.projets .grid-item .txt p {font-weight: 500;font-size:0.9em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color:#66747b;font-style: italic} .grid__item.projets .grid-item .txt p strong {font-weight: 800;color: #FFF;} .grid__item.projets .grid-item .txt p a {text-decoration: underline} .grid__item.projets .grid-item .txt p a:hover {color:#fff;} .topbar {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color:#1E2229;padding:8px;text-align: left;} .topbar-table {display:table;table-layout: fixed;width: 100%;} .topbar-table-tr {display:table-row;} .topbar-table-td {display:table-cell;vertical-align:middle;} .topbar-table-td-btns {width:68px;} .topbar-table-td-btns span.btns {width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 3px;display: inline-block;} .topbar-table-td-btns span.btns.btn-red {background-color: #F45F5B;margin-left:3px;} .topbar-table-td-btns span.btns.btn-yellow {background-color: #FED351;} .topbar-table-td-btns span.btns.btn-green {background-color: #B5E167;} .topbar-table-td-bar {} .topbar-table-td-bar .statuses {background-color:#121519;padding:0 8px;height:30px;line-height: 30px;border-radius:3px;} .topbar-table-td-bar .dead {font-size:11px;color:#DB4337;} .topbar-table-td-bar .live {font-size:11px;color:#999;} /* TEMPLATES */ .grid__item.templates {} .grid__item.templates .grid-item {position: relative;margin:0 15px;border-radius:3px;margin-bottom:30px;} .grid__item.templates .grid-item .thumb-link {display:block;position: relative;} .grid__item.templates .grid-item .thumb-link .border {position: absolute;top:0;bottom:0;left:0;width:100%;border:3px solid transparent;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .grid__item.templates .grid-item .thumb-link img {-webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear;} .grid__item.templates .grid-item .thumb-link:hover img {opacity:0.2} .grid__item.templates .grid-item .thumb-link .thumb-link-btns {opacity:0;position: absolute;top:70%;left:0;width:100%;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .grid__item.templates .grid-item .thumb-link .thumb-link-btns a {padding:12px 16px;font-size:1em;border-radius:6px;display: inline-block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;letter-spacing: 1px;} .grid__item.templates .grid-item .thumb-link .thumb-link-btns a:hover {color:#fff !important;border-color:#fff !important;} .grid__item.templates .grid-item .thumb-link:hover .thumb-link-btns {opacity:1;top:50%;} .grid__item.templates .grid-item .txt-wrapper {position: relative} .grid__item.templates .grid-item .txt:before{content: "";position: absolute;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #1E2229;top: -15px;left: 27px;z-index: 5;} .grid__item.templates .grid-item .txt {padding:15px 20px;background:#1E2229;margin-top:30px;border-radius:4px;} .grid__item.templates .grid-item .txt h2 {font-weight: 500;font-size: 1em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color: #666;} .grid__item.templates .grid-item .txt p {font-weight: 500;font-size:0.9em;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color:#66747b;font-style: italic} .grid__item.templates .grid-item .txt p strong {font-weight: 800;color: #FFF;} .grid__item.templates .grid-item .txt p a {text-decoration: underline} .grid__item.templates .grid-item .txt p a:hover {color:#fff;} .grid__item.templates .topbar {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color:#F5F5F5;padding:8px;text-align: left;} .grid__item.templates .topbar-table {display:table;table-layout: fixed;width: 100%;} .grid__item.templates .topbar-table-tr {display:table-row;} .grid__item.templates .topbar-table-td {display:table-cell;vertical-align:middle;} .grid__item.templates .topbar-table-td-btns {width:68px;} .grid__item.templates .topbar-table-td-btns span.btns {width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 3px;display: inline-block;} .grid__item.templates .topbar-table-td-btns span.btns.btn-red {background-color: #F45F5B;margin-left:3px;} .grid__item.templates .topbar-table-td-btns span.btns.btn-yellow {background-color: #FED351;} .grid__item.templates .topbar-table-td-btns span.btns.btn-green {background-color: #B5E167;} .grid__item.templates .topbar-table-td-bar {} .grid__item.templates .topbar-table-td-bar .statuses {background-color:#fff;padding:0 8px;height:30px;line-height: 30px;border-radius:3px;border: 1px solid #f1f1f1} .grid__item.templates .topbar-table-td-bar .dead {font-size:11px;color:#DB4337;} .grid__item.templates .topbar-table-td-bar .live {font-size:11px;color:#999;} /* GIST */ .grid__item.post {} .grid__item.post .grid-item {position: relative;margin:0 15px;background:#1E2229;border-radius:3px;margin-bottom:30px;} .grid__item.post .grid-item-gist {padding:0;margin:0;overflow: hidden;margin-bottom:30px;} .grid__item.post .grid-item-coloors {padding:0;margin:0;max-height:934px;overflow: hidden;} .grid__item.post .grid-item-coloors .txt {line-height: 30px;vertical-align: middle;padding:8px 15px;font-size:15px;font-style: italic;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .grid__item.post .grid-item-coloors .txt i {color: #4E74FB;font-size:18px;vertical-align: middle;font-style: normal} .grid__item.post .grid-item-coloors svg text {display: none !important;} .grid__item.post .grid-item-coloors svg {width: 100%;} .grid__item.post .grid-item-coloors rect {width: 100%;height:250px} /* ICONSETS */ .grid__item.iconsets {} .grid__item.iconsets .grid-item {position: relative;margin:0 15px;background:#1E2229;border-radius:3px;margin-bottom:30px;} .grid__item.iconsets .grid-item a.thumb-link {display:block;position: relative;} .grid__item.iconsets .grid-item a.thumb-link .border {position: absolute;top:0;bottom:0;left:0;width:100%;border:3px solid transparent;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .grid__item.iconsets .grid-item .thumb-link img {opacity:0.5} .grid__item.iconsets .grid-item .thumb-link:hover img {} .grid__item.iconsets .grid-item .txt-wrapper {position:absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left:0;width:100%;z-index:1} .grid__item.iconsets .grid-item .txt {padding:15px 20px;margin-top:30px;border-radius:4px;text-align: center} .grid__item.iconsets .grid-item .txt h2 {font-weight: 700;font-size: 1.4em;letter-spacing: 1px;line-height: 120%;padding-bottom:15px;color:#FFF;} .grid__item.iconsets .grid-item .txt p {font-weight: 500;font-size:0.9em;letter-spacing: 1px;line-height: 120%;padding-bottom:15px;color:#66747b;font-style: italic} .grid__item.iconsets .grid-item .txt p strong {font-weight: 800;color: #FFF;} .grid__item.iconsets .grid-item .txt a {padding:12px 16px;border:3px solid #4B6FFF;color:#4B6FFF;font-size:1em;border-radius:6px;display: inline-block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;letter-spacing: 1px;} .grid__item.iconsets .grid-item .txt a:hover {color:#fff;border-color:#fff;} .grid__item.iconsets .topbar {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color:#F5F5F5;padding:8px;text-align: left;} .grid__item.iconsets .topbar-table {display:table;table-layout: fixed;width: 100%;} .grid__item.iconsets .topbar-table-tr {display:table-row;} .grid__item.iconsets .topbar-table-td {display:table-cell;vertical-align:middle;} .grid__item.iconsets .topbar-table-td-btns {width:68px;} .grid__item.iconsets .topbar-table-td-btns span.btns {width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 3px;display: inline-block;} .grid__item.iconsets .topbar-table-td-btns span.btns.btn-red {background-color: #F45F5B;margin-left:3px;} .grid__item.iconsets .topbar-table-td-btns span.btns.btn-yellow {background-color: #FED351;} .grid__item.iconsets .topbar-table-td-btns span.btns.btn-green {background-color: #B5E167;} .grid__item.iconsets .topbar-table-td-bar {} .grid__item.iconsets .topbar-table-td-bar .statuses {background-color:#fff;padding:0 8px;height:30px;line-height: 30px;border-radius:3px;border: 1px solid #f1f1f1} .grid__item.iconsets .topbar-table-td-bar .dead {font-size:11px;color:#DB4337;} .grid__item.iconsets .topbar-table-td-bar .live {font-size:11px;color:#999;} .iframe-container { position: relative; overflow: hidden; padding-top: 56.25%; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } video[poster]{ object-fit:cover; } /* or object-fit:fill */ /* HOME NAV */ .home-nav {width:auto;margin:30px auto 0;} .home-nav ul {display: block;} .home-nav ul li {display: inline-block;text-align: center;} .home-nav ul li a {padding:10px;text-transform: uppercase;margin:0 5px;letter-spacing: 1px;font-size: 16px;color:#4B6FFF} .home-nav ul li a:hover, .home-nav ul li.current-menu-item a {color: #fff !important;} .home-social {position:absolute;top:10px;width:100%;z-index:99;text-align: center;opacity: 0;} .home-social ul {display: block;} .home-social ul li {display: inline-block;text-align: center;} .home-social ul li a {padding:5px;font-size: 1.4em;color:rgba(255,255,255,1);} .home-social ul li a:hover {color:rgba(255,255,255,0.6);} .single-separator {text-align: center;padding-top: 50px;opacity:.5;} .single-separator svg {width:100%;height:auto;margin:0 auto;} #video-background { position: fixed; top:-50px; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; opacity: 0.2 } .page-template-page-resume .widget {margin-bottom:50px;} /* Resume */ .resume-page {margin:50px auto 0;width:100%} .resume-table {display:table;table-layout: fixed;max-width: 1020px;width: 96%;margin: 0 auto;} .resume-table-tr {display:table-row;} .resume-table-td {display:table-cell;vertical-align: top;} .lang-table {display:table;table-layout: fixed;width:100%;} .lang-tr {display:table-row;} .lang-td {display:table-cell;vertical-align: top;text-transform: uppercase;letter-spacing: 1px;padding-bottom:8px;font-size:0.8em;font-weight: 600} .lang-desc {text-align: right;color: #7782BC} .resume-table-td-side {width:320px;} .resume-table-td-side h2 {color:#FFF;font-weight: 600;font-size:1.2em;letter-spacing: 1px;text-transform: uppercase;padding-bottom:10px;margin:0 0 20px;text-align:left;border-bottom:3px solid #5965A6;} .single-video {max-width:1240px;margin:50px auto 0;} .single-video #video {padding-top:50px;} .resume-table-td-content .inner {padding:0 0 0 50px} .resume-table-td-content h1, .resume-table-td-content h2 {text-align: left;font-size:2em;color: #fff;font-weight: 900;text-transform: uppercase;letter-spacing:2px;padding-bottom:20px;} .resume-table-td-content .text {color:#fff;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;font-style: italic;text-align: justify;line-height: 120%;padding-top:20px;} .widget-contact a {display:block;height:50px;line-height: 46px;padding:0 15px;vertical-align: middle;color:#fff;font-size:1em;letter-spacing: 2px;text-transform: uppercase;} .widget-contact a i {font-size:1.2em;vertical-align: middle} .widget-contact a span {vertical-align: middle} .widget-contact a:hover {background-color: #4B6FFF !important} .widget-contact a.phone {background-color:#2B3254;} .widget-contact a.email {background-color:#363F6A;} .widget-contact a.skype {background-color:#5965A6;} .widget-contact a.lnkd {background-color:#7782BC;} .widget-prog {margin-bottom:35px;} .widget-cms {margin-bottom:35px;} .widget-mkt {margin-bottom:35px;} .neapolitan { background:#5965A6; position:relative; height:3px; } .neapolitan:before { content:''; background:#363F6A; width:33%; position:absolute; top:0; left:0; height:3px; } .neapolitan:after { content:''; background:#7782BC; width:33%; position:absolute; top:0; right:0; height:3px; } .bio-table .xp-table-td-date span {color: #7782bc;display: block;font-size:1em;padding-bottom:10px;} .bio-table .xp-table-td-txt h3 {text-align: left;font-size:1em;color: #fff;font-weight: 900;text-transform: uppercase;letter-spacing:2px;padding-bottom:6px;} .bio-table .xp-table-td-txt span {color: #5965A6;display: block;font-size:0.8em;padding-bottom:10px;text-transform: uppercase;font-style: italic;} .bio-table .xp-table-td-txt p {color:#fff;font-weight: 500;font-size:.9em;letter-spacing: 1px;text-align: justify;line-height: 120%;font-family: 'Lato',Arial,sans-serif;} .bio-table .xp-table-td-txt em {color:#fff;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;text-align: justify;line-height: 120%;padding-bottom:6px;display: block} .bio-table .xp-table-td-txt em i {color:#7883BA;} .widget-prog {} .skill-table {display: table;width:100%;table-layout: fixed} .skill-tr {display: table-row;} .skill-td {display: table-cell;vertical-align: middle;} .skill-td-title {font-size:13px;color: #fff;letter-spacing: 1px;text-transform: uppercase;min-width:1%; white-space:nowrap;font-weight: 600;width: 120px;} .skill-td-progress {width:auto;} .skill-td-desc {text-align: right;padding-bottom:15px;text-transform: uppercase;font-style: italic;font-size:10px;color: #5965A6} .prograss-bar-wrapper {margin:0 0 0 15px;position:relative;background-color: #2B3254;height:6px;} .bar-expert {position:absolute;top:0;left:0;width:100%;height:6px;background-color:#7782BC;} .bar-advanced {position:absolute;top:0;left:0;width:80%;height:6px;background-color:#7782BC;} .bar-intermediate {position:absolute;top:0;left:0;width:60%;height:6px;background-color:#7782BC;} .bar-beginner {position:absolute;top:0;left:0;width:40%;height:6px;background-color:#7782BC;} .bar-noob {position:absolute;top:0;left:0;width:20%;height:6px;background-color:#7782BC;} #protected {display: none;} #protected.show {display: block !important;} #pwd-form {text-align: center;padding-top:50px;} .pwd-form-label {font-size:13px;padding-top:10px;color: #5B69A2;text-transform: uppercase;font-style: italic} .pwd-form-fields {display: inline-block;margin:0 auto;} .pwd-form-fields li {float:left;} .post-password-form input[type="password"], .pwd-form-field input[type="password"] {font-family: 'Lato',Arial,sans-serif;width: 100% !important;height:50px;font-size:16px;line-height:50px;vertical-align:middle;padding:0 8px;border:0;-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;} .post-password-form input[type="password"]:focus, .pwd-form-field input[type="password"]:focus {border:3px solid #0047BA;box-shadow: none;outline-width:0;outline: none;-webkit-transition: .4s;transition: .4s;} .post-password-form input[type="submit"], .pwd-form-field input[type="button"] {-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;cursor:pointer;display:block;border:0;background-color:#5A67A4;color:#fff;height:50px;font-size:16px;line-height:50px;text-decoration: none;font-size: 15px;font-weight: 500;margin:0;letter-spacing: 1px;padding:0 16px;} .post-password {max-width:320px;margin:0 auto;padding:50px 0 150px;} .post-password-form {display: flex;width:100%;} .post-password p {font-size:11px;padding-bottom:16px;text-transform: uppercase} .btn-edit-post-link {color: #4E74FB;font-size:18px;vertical-align: middle;font-style: normal} #basket-nav {padding-right:30px;} .basketicon {padding:16px;background: rgba(255,255,255,0.9);border-radius:6px;box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);transform:rotate(-2.4deg);display: block;transition: .2s} .basketicon:hover {outline: 3px solid #4E74FB;} .basketicon__icon {position:relative;display: block;vertical-align: middle} .basketicon__icon i {font-size:26px;color: orange} .basketicon__icon span {position: absolute;top:-6px;right:-8px;background: orangered;color: #fff;padding:4px 6px;font-size:11px;border-radius:4px;transform:rotate(2deg);} /* ARCHIVE SHOP */ .demo_store {display:none !important;} .taxonomy-product-cat h1, .woocommerce-shop h1 { font-size: 2.4em; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background: url(images/item-sep.png) bottom center no-repeat; margin-bottom: 20px; text-align: center; padding:80px 0 23px; } .soldout {color:orange} .woocommerce-shop {} .grid-static {display:grid;grid-template-columns: repeat(2, 1fr);} .taxonomy-product-cat .grid-item, .woocommerce-shop .grid-item, .grid-static .grid-item , .grid__item.type-product .grid-item {padding:0;position: relative;margin:0 15px 30px;background:#1E2229;} .taxonomy-product-cat .grid-item a, .woocommerce-shop .grid-item a, .grid-static .grid-item a, .grid__item.type-product a {display:block;position: relative;color: #fff;border-radius: 4px !important;} .taxonomy-product-cat .grid-item .txt, .woocommerce-shop .grid-item .txt, .grid-static .grid-item .txt, .grid__item.type-product .txt {position: absolute;bottom: -10px;left: 50%;padding: 16px 22px;border-radius: 6px;background-color: #fff;z-index: 2;font-size: .9rem;color: #4D74FA;font-weight: 700;box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);width:90%;display:flex;align-items: center;z-index:2;} .taxonomy-product-cat .grid-item .txt h3, .woocommerce-shop .grid-item .txt h3, .grid-static .grid-item .txt h3, .grid__item.type-product .txt h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;padding-right:16px;color: #333} .taxonomy-product-cat .grid-item .txt p, .woocommerce-shop .grid-item .txt p, .grid-static .grid-item .txt p, .grid__item.type-product .txt p {color: #4E74FB;font-size:18px;vertical-align: middle;font-style: normal} .grid__item.type-product .txt p.price {text-align: right;flex-grow: 1;} .taxonomy-product-cat .grid__item .txt, .woocommerce-shop .grid__item .txt, .grid-static .grid__item .txt, .grid__item.type-product .txt { transform:rotate(-1deg) translateX(-50%);} .taxonomy-product-cat .grid__item:nth-of-type(2n) .txt, .woocommerce-shop .grid__item:nth-of-type(2n) .txt, .grid-static .grid__item:nth-of-type(2n) .txt { transform:rotate(-1.2deg) translateX(-50%);} .taxonomy-product-cat .grid__item:nth-of-type(3n) .txt, .woocommerce-shop .grid__item:nth-of-type(3n) .txt, .grid-static .grid__item:nth-of-type(3n) .txt { transform:rotate(1.2deg) translateX(-50%);} .taxonomy-product-cat .grid__item:nth-of-type(4n) .txt, .woocommerce-shop .grid__item:nth-of-type(4n) .txt, .grid-static .grid__item:nth-of-type(4n) .txt { transform:rotate(0deg) translateX(-50%);} .taxonomy-product-cat .grid__item:nth-of-type(5n) .txt, .woocommerce-shop .grid__item:nth-of-type(5n) .txt, .grid-static .grid__item:nth-of-type(5n) .txt { transform:rotate(-1.2deg) translateX(-50%);} .taxonomy-product-cat .grid__item:nth-of-type(6n) .txt, .woocommerce-shop .grid__item:nth-of-type(6n) .txt, .grid-static .grid__item:nth-of-type(6n) .txt { transform:rotate(1deg) translateX(-50%);} .woocommerce-cart h1 { font-size: 2.4em; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background: url(images/item-sep.png) bottom center no-repeat; margin-bottom: 20px; text-align: center; padding:130px 0 23px; } .woocommerce-cart .woocommerce { padding-top: 30px; margin: 0 auto; max-width: 880px; width: calc(100% - 60px); } .woocommerce-cart-form {margin-bottom:2rem;padding:30px;border-radius:5px;background: #1E2229} .woocommerce-cart-form .product-quantity, .woocommerce-cart-form .product-subtotal, .woocommerce-cart-form .actions {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} .woocommerce-cart-form table {width:100%} .woocommerce-cart-form tr.cart-item {} .woocommerce-cart-form .shop_table th {display: none !important} .woocommerce-cart-form td {vertical-align:middle;padding:12px 8px} .woocommerce-cart-form .product-thumbnail img {width:80px;height: auto;display: block;border-radius: 4px;} .woocommerce-cart-form a {color:#fff;transition: .2s} .woocommerce-cart-form a:hover {color: #4E74FB;} .woocommerce-notices-wrapper {margin-bottom:2rem;} .woocommerce-cart .cart-collaterals {} .woocommerce-cart .cart-collaterals h2 {padding:0 8px 12px;opacity:0.4} .woocommerce-cart .cart-collaterals table {width:100%;} .woocommerce-cart .cart-collaterals th {width: 50%} .woocommerce-cart .cart-collaterals th, .woocommerce-cart .cart-collaterals td {vertical-align:middle;padding:12px 8px} .woocommerce-cart .cart-collaterals th {color: #4E74FB;} .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {padding:30px 8px 0;text-align:right;} .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.button {display:inline-block;background-color: #4B6FFF;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;height:46px;transition: .2s;line-height: 46px;vertical-align: middle;text-align:center;} .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.button:hover {background-color: #FFF;padding:0 25px;color:#4B6FFF;} .woocommerce-cart .wc-block-components-sidebar-layout {max-width: 880px !important;margin:0 auto !important;} .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {} .woocommerce-cart .wc-block-components-sidebar {background: #1E2229;padding:20px;} .woocommerce-checkout h1 { font-size: 2.4em; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background: url(images/item-sep.png) bottom center no-repeat; margin-bottom: 20px; text-align: center; padding:130px 0 23px; } .woocommerce-checkout .woocommerce { padding-top: 30px; margin: 0 auto; max-width: 880px; width: calc(100% - 60px); } .woocommerce-checkout .form-row {padding-bottom:1rem;} .woocommerce-checkout .woocommerce-billing-fields h3 {font-size: 1.4rem;text-align: center;padding-bottom:2rem;opacity: 0.6} .woocommerce-checkout .woocommerce-billing-fields label {display: none} .woocommerce-checkout .woocommerce-billing-fields input, .woocommerce-checkout .woocommerce-billing-fields select {width:100%;padding:1rem;border-radius:5px;font-size:16px;font-family: 'Lato',Arial,sans-serif;vertical-align:middle;border:0;-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;border:3px solid transparent} .woocommerce-checkout .woocommerce-billing-fields input:focus, .woocommerce-checkout .woocommerce-billing-fields select:focus {border:3px solid #4B6FFF;box-shadow: none;outline-width:0;outline: none;-webkit-transition: .4s;transition: .4s;} #order_review_heading {font-size: 1.4rem;text-align: center;padding:2rem 0;opacity: 0.6} #order_review table {width:100%;margin-bottom:1rem;} #order_review th, #order_review td {vertical-align:middle;padding:12px 8px} #order_review th {color: #4E74FB;} .order-total .amount {color: #FFA400} .includes_tax {opacity: 0.6} .includes_tax .amount {color: #FFF} .woocommerce-privacy-policy-text {padding-bottom:2rem;} .woocommerce-privacy-policy-text p {font-size: .8rem;opacity: 0.6} .woocommerce-privacy-policy-text p a {color:inherit;text-decoration: underline;line-height: 130%} #payment .wc_payment_method {padding-bottom:1rem;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} #payment .payment_box {display: none;} .woocommerce-checkout #place_order {display:block;width:100%;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;height:54px;transition: .2s;line-height: 54px;vertical-align: middle;text-align:center;outline: 0;border:0;box-shadow: none;text-indent: -5000px;overflow: hidden;cursor: pointer} .woocommerce-checkout #place_order:hover {padding:0 25px;color:#fbb73c;} .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {color: inherit;text-decoration: underline} abbr {text-decoration: none !important;} .woocommerce-terms-and-conditions-wrapper .validate-required {margin-bottom:2rem;padding:30px;border-radius:5px;background: #1E2229} .woocommerce-checkout #place_order{background: #FFC33A url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxcHgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxMDEgMzIiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHhtbG5zPSJodHRwOiYjeDJGOyYjeDJGO3d3dy53My5vcmcmI3gyRjsyMDAwJiN4MkY7c3ZnIj48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDEyLjIzNyAyLjggTCA0LjQzNyAyLjggQyAzLjkzNyAyLjggMy40MzcgMy4yIDMuMzM3IDMuNyBMIDAuMjM3IDIzLjcgQyAwLjEzNyAyNC4xIDAuNDM3IDI0LjQgMC44MzcgMjQuNCBMIDQuNTM3IDI0LjQgQyA1LjAzNyAyNC40IDUuNTM3IDI0IDUuNjM3IDIzLjUgTCA2LjQzNyAxOC4xIEMgNi41MzcgMTcuNiA2LjkzNyAxNy4yIDcuNTM3IDE3LjIgTCAxMC4wMzcgMTcuMiBDIDE1LjEzNyAxNy4yIDE4LjEzNyAxNC43IDE4LjkzNyA5LjggQyAxOS4yMzcgNy43IDE4LjkzNyA2IDE3LjkzNyA0LjggQyAxNi44MzcgMy41IDE0LjgzNyAyLjggMTIuMjM3IDIuOCBaIE0gMTMuMTM3IDEwLjEgQyAxMi43MzcgMTIuOSAxMC41MzcgMTIuOSA4LjUzNyAxMi45IEwgNy4zMzcgMTIuOSBMIDguMTM3IDcuNyBDIDguMTM3IDcuNCA4LjQzNyA3LjIgOC43MzcgNy4yIEwgOS4yMzcgNy4yIEMgMTAuNjM3IDcuMiAxMS45MzcgNy4yIDEyLjYzNyA4IEMgMTMuMTM3IDguNCAxMy4zMzcgOS4xIDEzLjEzNyAxMC4xIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDM1LjQzNyAxMCBMIDMxLjczNyAxMCBDIDMxLjQzNyAxMCAzMS4xMzcgMTAuMiAzMS4xMzcgMTAuNSBMIDMwLjkzNyAxMS41IEwgMzAuNjM3IDExLjEgQyAyOS44MzcgOS45IDI4LjAzNyA5LjUgMjYuMjM3IDkuNSBDIDIyLjEzNyA5LjUgMTguNjM3IDEyLjYgMTcuOTM3IDE3IEMgMTcuNTM3IDE5LjIgMTguMDM3IDIxLjMgMTkuMzM3IDIyLjcgQyAyMC40MzcgMjQgMjIuMTM3IDI0LjYgMjQuMDM3IDI0LjYgQyAyNy4zMzcgMjQuNiAyOS4yMzcgMjIuNSAyOS4yMzcgMjIuNSBMIDI5LjAzNyAyMy41IEMgMjguOTM3IDIzLjkgMjkuMjM3IDI0LjMgMjkuNjM3IDI0LjMgTCAzMy4wMzcgMjQuMyBDIDMzLjUzNyAyNC4zIDM0LjAzNyAyMy45IDM0LjEzNyAyMy40IEwgMzYuMTM3IDEwLjYgQyAzNi4yMzcgMTAuNCAzNS44MzcgMTAgMzUuNDM3IDEwIFogTSAzMC4zMzcgMTcuMiBDIDI5LjkzNyAxOS4zIDI4LjMzNyAyMC44IDI2LjEzNyAyMC44IEMgMjUuMDM3IDIwLjggMjQuMjM3IDIwLjUgMjMuNjM3IDE5LjggQyAyMy4wMzcgMTkuMSAyMi44MzcgMTguMiAyMy4wMzcgMTcuMiBDIDIzLjMzNyAxNS4xIDI1LjEzNyAxMy42IDI3LjIzNyAxMy42IEMgMjguMzM3IDEzLjYgMjkuMTM3IDE0IDI5LjczNyAxNC42IEMgMzAuMjM3IDE1LjMgMzAuNDM3IDE2LjIgMzAuMzM3IDE3LjIgWiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik0gNTUuMzM3IDEwIEwgNTEuNjM3IDEwIEMgNTEuMjM3IDEwIDUwLjkzNyAxMC4yIDUwLjczNyAxMC41IEwgNDUuNTM3IDE4LjEgTCA0My4zMzcgMTAuOCBDIDQzLjIzNyAxMC4zIDQyLjczNyAxMCA0Mi4zMzcgMTAgTCAzOC42MzcgMTAgQyAzOC4yMzcgMTAgMzcuODM3IDEwLjQgMzguMDM3IDEwLjkgTCA0Mi4xMzcgMjMgTCAzOC4yMzcgMjguNCBDIDM3LjkzNyAyOC44IDM4LjIzNyAyOS40IDM4LjczNyAyOS40IEwgNDIuNDM3IDI5LjQgQyA0Mi44MzcgMjkuNCA0My4xMzcgMjkuMiA0My4zMzcgMjguOSBMIDU1LjgzNyAxMC45IEMgNTYuMTM3IDEwLjYgNTUuODM3IDEwIDU1LjMzNyAxMCBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny43MzcgMi44IEwgNTkuOTM3IDIuOCBDIDU5LjQzNyAyLjggNTguOTM3IDMuMiA1OC44MzcgMy43IEwgNTUuNzM3IDIzLjYgQyA1NS42MzcgMjQgNTUuOTM3IDI0LjMgNTYuMzM3IDI0LjMgTCA2MC4zMzcgMjQuMyBDIDYwLjczNyAyNC4zIDYxLjAzNyAyNCA2MS4wMzcgMjMuNyBMIDYxLjkzNyAxOCBDIDYyLjAzNyAxNy41IDYyLjQzNyAxNy4xIDYzLjAzNyAxNy4xIEwgNjUuNTM3IDE3LjEgQyA3MC42MzcgMTcuMSA3My42MzcgMTQuNiA3NC40MzcgOS43IEMgNzQuNzM3IDcuNiA3NC40MzcgNS45IDczLjQzNyA0LjcgQyA3Mi4yMzcgMy41IDcwLjMzNyAyLjggNjcuNzM3IDIuOCBaIE0gNjguNjM3IDEwLjEgQyA2OC4yMzcgMTIuOSA2Ni4wMzcgMTIuOSA2NC4wMzcgMTIuOSBMIDYyLjgzNyAxMi45IEwgNjMuNjM3IDcuNyBDIDYzLjYzNyA3LjQgNjMuOTM3IDcuMiA2NC4yMzcgNy4yIEwgNjQuNzM3IDcuMiBDIDY2LjEzNyA3LjIgNjcuNDM3IDcuMiA2OC4xMzcgOCBDIDY4LjYzNyA4LjQgNjguNzM3IDkuMSA2OC42MzcgMTAuMSBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5MC45MzcgMTAgTCA4Ny4yMzcgMTAgQyA4Ni45MzcgMTAgODYuNjM3IDEwLjIgODYuNjM3IDEwLjUgTCA4Ni40MzcgMTEuNSBMIDg2LjEzNyAxMS4xIEMgODUuMzM3IDkuOSA4My41MzcgOS41IDgxLjczNyA5LjUgQyA3Ny42MzcgOS41IDc0LjEzNyAxMi42IDczLjQzNyAxNyBDIDczLjAzNyAxOS4yIDczLjUzNyAyMS4zIDc0LjgzNyAyMi43IEMgNzUuOTM3IDI0IDc3LjYzNyAyNC42IDc5LjUzNyAyNC42IEMgODIuODM3IDI0LjYgODQuNzM3IDIyLjUgODQuNzM3IDIyLjUgTCA4NC41MzcgMjMuNSBDIDg0LjQzNyAyMy45IDg0LjczNyAyNC4zIDg1LjEzNyAyNC4zIEwgODguNTM3IDI0LjMgQyA4OS4wMzcgMjQuMyA4OS41MzcgMjMuOSA4OS42MzcgMjMuNCBMIDkxLjYzNyAxMC42IEMgOTEuNjM3IDEwLjQgOTEuMzM3IDEwIDkwLjkzNyAxMCBaIE0gODUuNzM3IDE3LjIgQyA4NS4zMzcgMTkuMyA4My43MzcgMjAuOCA4MS41MzcgMjAuOCBDIDgwLjQzNyAyMC44IDc5LjYzNyAyMC41IDc5LjAzNyAxOS44IEMgNzguNDM3IDE5LjEgNzguMjM3IDE4LjIgNzguNDM3IDE3LjIgQyA3OC43MzcgMTUuMSA4MC41MzcgMTMuNiA4Mi42MzcgMTMuNiBDIDgzLjczNyAxMy42IDg0LjUzNyAxNCA4NS4xMzcgMTQuNiBDIDg1LjczNyAxNS4zIDg1LjkzNyAxNi4yIDg1LjczNyAxNy4yIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDA5Y2RlIiBkPSJNIDk1LjMzNyAzLjMgTCA5Mi4xMzcgMjMuNiBDIDkyLjAzNyAyNCA5Mi4zMzcgMjQuMyA5Mi43MzcgMjQuMyBMIDk1LjkzNyAyNC4zIEMgOTYuNDM3IDI0LjMgOTYuOTM3IDIzLjkgOTcuMDM3IDIzLjQgTCAxMDAuMjM3IDMuNSBDIDEwMC4zMzcgMy4xIDEwMC4wMzcgMi44IDk5LjYzNyAyLjggTCA5Ni4wMzcgMi44IEMgOTUuNjM3IDIuOCA5NS40MzcgMyA5NS4zMzcgMy4zIFoiPjwvcGF0aD48L3N2Zz4') no-repeat center center;} /* SINGLE PRODUCT */ .single-product h1 { font-size: 2.4em; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background: url(images/item-sep.png) bottom left no-repeat; margin:0 auto 20px; text-align: left; padding:0 0 23px; } .single-product .product-infos {padding-top:150px;margin:0 auto;max-width:880px;width:calc(100% - 60px);} .single-product .description p {padding-bottom:16px;line-height: 150%;text-align:left;margin:0 auto;} .single-product p.price {color:#4B6FFF;font-size:1.4rem;font-weight: 600;} .single-product .metas {padding-bottom:50px;} .single-product .metas .price {padding-bottom:16px;} .single-product img {border-radius:5px;max-width: 100%;height:auto;display:inline-block;margin:0 auto 50px} .single-product .buy-now a {display:inline-block;background-color: #4B6FFF;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;height:46px;transition: .2s;line-height: 46px;vertical-align: middle;} .single-product .buy-now a:hover {background-color: #FFF;padding:0 25px;color:#4B6FFF;} #up { background:#4B6FFF; width:30px; height:30px; position:fixed; bottom:0; right:0; z-index:9; text-align: center; line-height: 30px; vertical-align: middle; color:#fff; cursor: pointer; opacity:0;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } #down { display: none; background:#4B6FFF; width:30px; height:30px; position:fixed; bottom:30px; right:30px; z-index:9; text-align: center; line-height: 30px; vertical-align: middle; color:#fff; cursor: pointer; opacity:0 } #down:hover, #up:hover {color: #000;background-color: #fff;} /* Agence */ .agence-page {margin:80px 0 0;} .agence-page .page-heading {padding-bottom: 50px;text-align: center;} .agence-page .page-heading h1 {} .agence-page h2 {color:#fff;font-weight: 900;font-size:1.4em;letter-spacing: 1px;text-transform: uppercase;margin:20px;text-align: center;padding-bottom:23px;background: url('https://yoolk.ninja/wp-content/themes/synthtwo/images/item-sep.png') bottom center no-repeat;} .agence-page h3 {color:#fff;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;margin:20px;text-align: center;} .agence-page .page-heading .page-heading-text {width:980px;max-width: 90%;margin:0 auto;text-align: justify;line-height: 140%;-moz-text-align-last:center; text-align-last:center;} .agence-contact-us {text-align: center;padding-top:30px;} .agence-contact-us a {display:inline-block;background-color: #4B6FFF;padding:15px 20px;color:#fff;text-transform: uppercase;font-size: 0.8em;font-weight: 600;} .agence-contact-us a:hover {background-color: #FFF;padding:15px 25px;color:#4B6FFF;} .services-list {width:1020px;max-width: 90%;margin:0 auto;} .services-list-item {float:left;width:50%;text-align: center;padding-top:30px;} .services-list-item-inner {padding:0 30px;} .services-list-item-inner p {color:#4B6FFF;font-weight: 600;font-size:.7em;letter-spacing: 1px;text-transform: uppercase;font-style: italic;text-align:center;line-height: 140%;-moz-text-align-last:center; text-align-last:center;} .services-list-icon {max-width: 50%;margin:0 auto;} .services-tags {padding-top:15px;display: table; /* Allow the centering to work */ margin: 0 auto;text-align: center;} .services-tags li {display:inline-block;position:relative;padding-bottom:4px;width:fit-content;} .services-tags span{ height:24px; line-height:24px; background:#363F6A; color:#fff; font-size:0.6em; padding:6px; border-radius: 3px; margin:0 1px; } .services-tags span div {padding:6px;} .solo-template {max-width: 1200px;margin:0 auto;padding-top: 50px} .solo-template img {max-width: 100%;display: block;} /* SECTION PORTFOLIO */ .container-imagegrid {column-count: 2;column-gap: 30px;max-width: 1280px;width: 90%;margin: 50px auto 0;} .container-imagegrid img {max-width: 100%;display: block;} .container-imagegrid figure {margin: 0 0 10px;break-inside: avoid;} .container-imagegrid figure > img {-webkit-box-shadow: 0px 0px 9px -4px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 9px -4px rgba(0,0,0,0.2);box-shadow: 0px 0px 9px -4px rgb(0 0 0 / 20%);text-align: center;} .container-imagegrid figure:first-child > .topbar {margin-top:10vh;} .container-imagegrid figure a {color: black;text-decoration: none;} .container-imagegrid figcaption {display:block;position: relative;padding-bottom:20px;} .container-imagegrid figcaption .txt {position: relative;z-index:1;padding:15px 20px;background-image: linear-gradient(to bottom, #f9fafb, #ffffff, #ffffff, #ffffff, #ffffff);margin-top:0;border-radius:4px;font-weight: 500;font-size:0.8rem;letter-spacing: 1px;line-height: 120%;text-align: left;font-style:italic;} .container-imagegrid figcaption .txt {position: relative} .container-imagegrid figcaption .txt:before {content: "";position: absolute;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #1E2229;top: -15px;left: 27px;z-index: 5;} .container-imagegrid figcaption .txt {padding:15px 20px;background:#1E2229;margin-top:30px;border-radius:4px;font-weight: 500;font-size:0.8rem;letter-spacing: 1px;line-height: 120%;} .container-imagegrid figcaption .txt h2 {font-weight: 500;font-size: 1rem;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color: #666;} .container-imagegrid figcaption .txt p {font-weight: 500;font-size:0.8rem;letter-spacing: 1px;line-height: 120%;padding-bottom:0;color:#66747b;font-style: italic} .container-imagegrid figcaption .txt p strong {font-weight: 800;color: #FFF;} .container-imagegrid figcaption .txt p a {text-decoration: underline} .container-imagegrid figcaption .txt p a:hover {color:#fff;} .container-imagegrid-mobile {column-count: 4;column-gap: 30px;max-width: 1280px;width: 90%;margin: 50px auto 0;} .container-imagegrid-mobile .ct {text-align: center;break-inside: avoid;margin-bottom:30px;border-radius: 8px;overflow: hidden;-webkit-box-shadow: 0px 0px 9px -4px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 9px -4px rgba(0,0,0,0.2);box-shadow: 0px 0px 9px -4px rgb(0 0 0 / 20%);} .container-imagegrid-mobile img {max-width: 100%;display: block;} .container-imagegrid-mobile figure {margin: 0;} .container-imagegrid-mobile figure a {color: black;text-decoration: none;} .fake-mobile {padding:8px 12px;line-height: 12px;vertical-align: middle;text-align: right;} .fake-mobile span {font-size:11px;font-weight: 600;float:left;color: inherit} .fake-mobile i {color: inherit;margin-left:5px;} .container-imagegrid-title {padding: 50px 50px 10px; font-weight: 900; font-size: 2em; display: block; text-transform: uppercase; letter-spacing: 2px; text-align: center;} .page-projects {margin:80px 0 0;} .page-projects .page-heading {padding-bottom: 50px;} .section-portfolio {background-color:#4B6FFF;display: block;position: relative;} .project-block {float:left;width:50%;position: relative;overflow: hidden;} .project-block img {width:100%;height:auto;display: block;} .project-block-infos {width: 100%;position: absolute;top: 30%; left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:5;text-align: center;} .project-block-infos h2 {color:#fff;font-weight: 900;font-size:1.4em;letter-spacing: 1px;text-transform: uppercase;margin:20px;text-align: center;padding-bottom:23px;background: url('https://yoolk.ninja/wp-content/themes/synthtwo/images/item-sep.png') bottom center no-repeat;} .project-block-infos h3 {color:#fff;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;margin:20px;text-align: center;} .project-block-infos svg {width:60%;height:auto;} .project-block-prev {position: absolute;bottom:-30px;left:0;width:100%;z-index:3} .project-block-prev img {display:block;} .project-block-pattern { position:absolute;top:0;left:0;bottom:0;width:100%;z-index:2; background: url('data:image/svg+xml;utf8,');background-size:4px 4px;background-repeat: repeat; box-shadow: inset 0px 0px 0px 1px transparent; -webkit-box-shadow: inset 0px 0px 0px 1px transparent; -moz-box-shadow: inset 0px 0px 0px 1px transparent; -o-box-shadow: inset 0px 0px 0px 1px transparent; opacity:.8; mix-blend-mode: color; } /* SECTION LINKS */ .page-links {margin:80px 0 0;} .page-links .page-heading {padding-bottom: 50px;} .section-links-inner li {float:left;width:25%;} .section-links-inner li img {width:100%;height:auto;display: block;} /* PORTFOLIO SINGLE */ .portfolio-static {background-color: #131519;} .single-separator {text-align: center;padding-top: 50px;opacity:.5;} .single-separator svg {width:100%;height:auto;margin:0 auto;} .single-hero-cover-titles p { font-weight: 400; font-size: .9em; font-style: italic !important; text-align: center; padding:16px 0 0; color:#FFF; line-height: 140%; } .single-hero-cover-titles .bt-url-client {text-align: center;padding:20px 0 0;} .single-hero-cover-titles .bt-url-client a {display: inline-block;color:#fff;padding:14px 18px;border-radius: 3px;text-transform: uppercase;} .single-hero-cover-titles .bt-url-client a:hover {background-color: #fff;} /* PORTFOLIO SINGLE HERO COVER */ .single-hero-cover {position: relative;min-height: 60vh;} .single-hero-gradient {position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;} .single-hero-cover img.bg-hero {width:100%;height:auto;mix-blend-mode:multiply;display: block;} .single-hero-cover-titles { z-index:2; position: absolute; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .single-hero-cover-titles h1 { font-family:'Lato',Arial,sans-serif; font-weight: 900; font-size: 4em; display: block; padding-bottom:15px; text-transform: uppercase; letter-spacing: 2px; color:#FFF; } .single-hero-cover-titles span { font-weight: 400; color: #fff; font-size: 1.6em; text-transform: uppercase; } .single-favicon {width:80px;height:80px;margin:0 auto 20px;border-radius: 16px;overflow: hidden;-webkit-box-shadow: 0px 0px 21px -6px rgba(0,0,0,0.58); -moz-box-shadow: 0px 0px 21px -6px rgba(0,0,0,0.58); box-shadow: 0px 0px 21px -6px rgba(0,0,0,0.58);} .single-favicon img {width:100%;height:auto;} /* PORTFOLIO SINGLE PREVIEWS */ .single-mobile-mockup-title, .single-desktop-screens-title, .single-fonts-title { padding:50px 50px 10px; font-weight: 900; font-size: 2em; display: block; text-transform: uppercase; letter-spacing: 2px; text-align: center; } .single-mobile-mockup-desc, .single-desktop-screens-desc { font-weight: 400; font-size: 1em; text-align: center; padding-bottom:30px; color:#FFF; text-transform: uppercase; } .single-tech-title { padding:50px 50px 50px; font-weight: 900; font-size: 2em; display: block; text-transform: uppercase; letter-spacing: 2px; text-align: center;} .tech-list {max-width: 1000px;width:90%;margin:50px auto 0;text-align:center;} .tech-list li {display:inline-block;width:20%;text-align: center;padding-bottom:50px;} .tech-list i {font-size:64px;} .tech-list svg {width:64px;height:auto;} .tech-list span {display:block;padding-top:20px;font-weight: 400;font-size: .8em;display: block;text-transform: uppercase;letter-spacing: 1px;color: #fff;text-align: center;padding-bottom: 30px;} .single-tech-subtitle {color:#fff;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;margin:20px;text-align: center;} .platform-list {max-width: 1000px;width:90%;margin:50px auto 0;text-align:center;} .platform-list li {display:inline-block;width:25%;text-align: center;padding-bottom:50px;} .platform-list i {font-size:64px;} .platform-list svg {width:64px;height:auto;} .platform-list span {display:block;padding-top:20px;font-weight: 400;font-size: 1em;display: block;text-transform: uppercase;letter-spacing: 1px;color: #fff;text-align: center;padding-bottom: 30px;} .single-mobile-mockup img {width:100%;height: auto;} .single-screens-slideshow-container {position: relative;margin:30px 0; } .single-screens-slideshow-container img {width:100%;height:auto;display: block} .single-screens-slideshow-overlay {position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;} .single-screens-slideshow {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;} .rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.rslides li:first-child{position:relative;display:block;float:left}.rslides img{display:block;height:auto;float:left;width:100%;border:0}centered-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;margin-top:-45px}.centered-btns_nav:active{opacity:1.0}.centered-btns_nav.next{left:auto;background-position:right top;right:0}.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus{outline:none}.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs{margin-top:10px;text-align:center}.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;display:inline-block;_display:block;*display:block;width:16px;height:16px}.centered-btns_here a,.transparent-btns_here a,.large-btns_here a{background:#ffffff !important} /* PORTFOLIO SINGLE COLORS */ .colors-list {max-width: 1000px;width:90%;margin:50px auto 0;} .colors-list li {float:left;width:33.33%;text-align: center;} .color-circle {width:100px;height:100px;border-radius:50%;margin: 0 auto;border: 3px solid #131519;box-shadow: 0 0 0 2px #333;} .colors-list li h3 { font-weight: 400; font-size: .8em; display: block; text-transform: uppercase; letter-spacing: 1px; color: #4B6FFF; text-align: center; padding-bottom:30px; } .colors-list li h4 { font-weight: 600; font-size: 1em; display: block; letter-spacing: 2px; color: #FFF; text-align: center; text-transform: uppercase; padding:30px 0 6px; } /* PORTFOLIO SINGLE TYPO */ .fonts-list {max-width: 1000px;width:90%;margin:50px auto 0;} .fonts-list li {text-align: center;} .fonts-list li h3 { font-weight: 600; font-size: .8em; display: block; text-transform: uppercase; letter-spacing: 1px; color: #4B6FFF; text-align: center; padding-bottom:20px; } .fonts-list li p { font-size: 1.4em; letter-spacing: 2px; color: #FFF; text-align: center; padding:0 0 20px; line-height: 140%; } .fonts-list li p strong {text-transform: uppercase;} .icones-list {max-width: 1000px;width:90%;margin:50px auto 0;} .icones-list li {float:left;width:33.33%;text-align: center;padding-bottom:30px;} .icones-list li img {width:100%;height: auto;} .icones-list-item {width:100px;height:100px;margin: 0 auto;} .h2-vectorheroes-list a {color:#fff;} .h2-vectorheroes-list {text-align: center;font-size:1.8rem;text-transform: uppercase;font-weight:bold;display:block;transition: .2s;letter-spacing: 1px;} .single-stats-dates {color:#999;font-style: italic;font-size: 12px;text-align: center; } .single-stats-geo {width:1000px;max-width: 80%;margin:0 auto;padding:50px 0;} .stats-list {max-width: 400px;width:90%;margin:50px auto 0;} .stats-list li {float:left;width:50%;text-align: center;padding-bottom:30px;} .stats-list li h3 { font-weight: 400; font-size: .8em; display: block; text-transform: uppercase; letter-spacing: 1px; color: #4B6FFF; text-align: center; padding-bottom:30px; } .stats-list li h4 { font-weight: 600; font-size: 1em; display: block; letter-spacing: 2px; color: #FFF; text-align: center; text-transform: uppercase; padding:30px 0 6px; } div.google-visualization-tooltip {color: #FFF !important;border:none;box-shadow: none;} div.google-visualization-tooltip span {color: #FFF !important;} .ico-circle {width:100px;height:100px;color:#FFF;border-radius: 50%;vertical-align: middle;line-height:100px;margin:0 auto;font-size: 36px;border: 3px solid #131519;box-shadow: 0 0 0 2px #333;} .stats-list li:last-child i {font-size:50px;} /* LAB */ .page-lab {margin:80px 0 0;} .lab-list {padding-top:30px;} .lab-list-item {position: relative;} .lab-list-item-infos {text-align: center;} .lab-list-item-img img {width:70%;height: auto;display: block;margin:0 auto;} .lab-list-item-infos h2 {color: #4B6FFF;text-transform: uppercase;font-weight: 900;font-size:1.4em;letter-spacing: 1px;padding-bottom: 15px;} .lab-list-item-infos h2 span {color: #fff;font-style: italic;text-transform: uppercase;font-weight: 600;} .lab-list-item a:hover {opacity:.8;} .lab-list-new-container {width: 100%;padding:50px 0;} .lab-list-new-container-item {max-width:1000px;width:100%;position: relative;margin:0 auto;} .lab-list-new-container li:nth-child(odd) .lab-list-new-infos {text-align: center;} .lab-list-new-container li:nth-child(even) .lab-list-new-infos {text-align: center;} .lab-list-new {padding:50px 0;margin:0 50px;} .lab-list-new-infos {position:absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left:50px;right:50px;z-index:2;} .lab-list-new-infos h2 {color: #4B6FFF;text-transform: uppercase;font-weight: 900;font-size:1.4em;letter-spacing: 1px;padding-bottom: 15px;} .lab-list-new-infos span {color: #fff;font-style: italic;text-transform: uppercase;font-weight: 600;display: block;} .lab-list-new-infos a.view {display: inline-block;background-color: #4B6FFF;padding:15px 20px;color:#fff;text-transform: uppercase;font-size: 0.8em;font-weight: 600;margin:15px 0 0 0;} .lab-list-new-infos a.view:hover {background-color: #FFF;padding:15px 25px;color:#4B6FFF;} .lab-list-new li {float:left;width:20%;opacity: 0.2;} .grid-icon-new {margin:0 5px;} .grid-icon-new img {width:100%;height: auto;display: block;} .page-lab-osx {margin:80px 0 0;} .page-lab-osx h2 {color: #FFF;text-transform: uppercase;font-weight: 900;font-size:1.4em;letter-spacing: 1px;padding:50px 30px 25px;text-align: center} .icons-toolbar {padding:2rem 0 3rem;} .icons-toolbar ul {font-size:0;display:inline-flex;margin:0 auto;align-items: flex-start} .icons-toolbar ul li {font-size:0;} .icons-toolbar li.request-table {display: flex;} .icons-toolbar li.request-table span {display:block;background-color: #3f4754;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;line-height:46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex-grow:1} .icons-toolbar li.select-cat {display: flex;} .icons-toolbar .select-container {display: flex;width: 100%;} .icons-toolbar .select-container select:not([multiple]) {font-size: inherit;border:0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='none' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cg id='Layer0_0_FILL'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='%0AM 13.55 3.9%0AQ 12.933984375 3.9052734375 12.5 4.35%0AL 8.05 8.8 3.6 4.35%0AQ 3.1658203125 3.9052734375 2.55 3.9 1.933984375 3.9052734375 1.5 4.35 1.0552734375 4.783984375 1.05 5.4 1.0552734375 6.0158203125 1.5 6.45%0AL 7 11.95%0AQ 7.433984375 12.39453125 8.05 12.4 8.6658203125 12.39453125 9.1 11.95%0AL 14.6 6.45%0AQ 15.04453125 6.0158203125 15.05 5.4 15.0447265625 4.783984375 14.6 4.35 14.166015625 3.9052734375 13.55 3.9 Z'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='matrix( 1, 0, 0, 1, 0,0) '%3E%3Cuse xlink:href='%23Layer0_0_FILL'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left 0.8em center/1.4em, #363D49;-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;font-family:inherit;font-weight: 600;padding:15px 20px 15px 3em; border-radius:0; box-shadow: none; cursor: pointer;color:#ECECEC;text-transform: uppercase;font-size:13px;display:block;height:46px;overflow:hidden;margin:0;max-width:100%;} .icons-toolbar .select-container select:not([multiple]):focus {outline: none;} .icons-toolbar .select-container select:not([multiple])::-ms-expand {display: none;} .icons-toolbar .select-container select:not([multiple]) option {color: inherit;} .icons-toolbar .select-container .reset-select {padding:0 20px;text-transform: uppercase;font-size:13px;font-weight: 600;line-height:46px;transition: .2s;background-color: #4B6FFF;color:#fff;} .icons-toolbar .select-container .reset-select:hover {background-color: #FFF;padding:0 25px;color:#4B6FFF;} .icons-toolbar a.btn {display:inline-block;padding:0 20px;text-transform: uppercase;font-size:13px;font-weight: 600;line-height:46px;transition: .2s;} .icons-toolbar a.btn.btn-base {background-color: #4B6FFF;color:#fff;} .icons-toolbar a.btn.btn-base:hover {background-color: #FFF;padding:0 25px;color:#4B6FFF;} .icons-toolbar a.btn.btn-discord {background-color: #717cf4;color:#fff;} .icons-toolbar a.btn.btn-discord:hover {background-color: #FFF;padding:0 25px;color:#717cf4;} .icons-toolbar a.btn.btn-github {background-color: #6F6FF3;color:#fff;} .icons-toolbar a.btn.btn-github:hover {background-color: #FFF;padding:0 25px;color:#6F6FF3} @media (min-width: 1px) and (max-width: 767px){ .icons-toolbar ul {display: block;} .icons-toolbar select:not([multiple]) {max-width:100%;flex-grow: 1} } .osx-dl-bts {padding:20px 0 20px;font-size:0;} .osx-dl-bts li {display: inline-block;margin: 0;text-align: center;vertical-align: middle;} .osx-dl-bts li:last-child {border-right:0} .osx-dl-bts li span {display:inline-block;background-color: #363D49;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;line-height:46px;} .osx-dl-bts li a {display:inline-block;background-color: #4B6FFF;padding:0 20px;color:#fff;text-transform: uppercase;font-size:13px;font-weight: 600;line-height:46px;} .osx-dl-bts li a:hover {background-color: #FFF;padding:0 25px;color:#4B6FFF;} .gen-avatar {margin-right:2px;} .icn-txt {padding-top: 15px;padding-bottom: 10px;} .icn-txt p a:hover {color:#FFF;} .icn-txt p {color:#363D49;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;font-style: italic;} .icn-txt p a {color:inherit;} .grid-icon {position: relative;} /* .term-charavatar .osx-dl-bts{display:inline-flex;margin:0 auto;align-items: flex-start} @media (min-width: 1px) and (max-width: 767px){ .term-charavatar .osx-dl-bts {display: block} .term-charavatar .osx-dl-bts li {width: 100%;overflow: hidden} .term-charavatar .osx-dl-bts li:last-of-type a {width: 100%;display:block;} .term-charavatar .select-container select:not([multiple]) {flex-grow: 1;max-width:100%} .term-charavatar .osx-dl-bts li span {width:100%;display: block;} } */ .single-icons .gradient-btn { height:46px; width:46px; position: relative; display: inline-block; line-height:46px; vertical-align: middle;transition: .2s; background: #353D49; } .single-icons .gradient-btn:hover {width:56px;background: #4B6FFF;} .single-icons .gradient-btn input {width:46px;height:46px;margin:0;padding:0;outline:none;-webkit-appearance: none;border:none;cursor: pointer;background: url('../images/gradient-off.svg') center center no-repeat;} .single-icons .gradient-btn input:hover {} .single-icons .gradient-btn input:checked {background: url('../images/gradient-on.svg') center center no-repeat;} .icons-osx-list {margin:0 20px;} .icons-osx-list li {float:left;display: block;} .icons-osx-list li .grid-icon {margin:15px;text-align: center;} .icons-osx-list li .grid-icon a.icn-bt {display: block;position: relative;} .icons-osx-list li .grid-icon a .overlay-icn {top:70%;left:0;width:100%;text-align:center;opacity:0;position:absolute;color:#FFF;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;font-size:13px;letter-spacing: 1px;font-weight:600;} .icons-osx-list li .grid-icon a:hover .overlay-icn {top:50%;opacity:1;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-osx-list li .grid-icon img {width: 100%;height: auto;display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-osx-list li .grid-icon a:hover img {opacity: 0.2;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-osx-list li em {display: block;font-size: 0.7em;font-style:normal;text-transform: uppercase;color:rgba(255,255,255,.4);padding-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .icons-osx-list li em a {color: inherit;} .icons-osx-list li em a:hover {color:#4B6FFF;} .icons-vectorheroes-list {} .icons-vectorheroes-list {display: flex;flex-wrap: wrap;justify-content: center;} .icons-vectorheroes-list .grid-item {flex: 0 0 14.28%;min-width: 0;} .icons-vectorheroes-list .grid-item .grid-icon {margin:10px;text-align: center;} .icons-vectorheroes-list .grid-item .grid-icon a.icn-bt {display: block;position: relative;} .icons-vectorheroes-list .grid-item .grid-icon a.icn-bt .overlay-icn {top:70%;left:0;width:100%;text-align:center;opacity:0;position:absolute;color:#FFF;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;font-size:13px;letter-spacing: 1px;font-weight:600;} .icons-vectorheroes-list .grid-item .grid-icon a.icn-bt:hover .overlay-icn {top:50%;opacity:1;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-vectorheroes-list .grid-item .grid-icon img {width: 100%;height: auto;display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-vectorheroes-list .grid-item .grid-icon a.icn-bt:hover img {opacity: 0.2;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-vectorheroes-list .grid-item em {display: block;font-size: 0.7em;font-style:normal;text-transform: uppercase;color:rgba(255,255,255,.4);padding-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;} .icons-vectorheroes-list .grid-item span.itm-cat {font-size:9px;color:#999;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;font-style: italic;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-top:5px;} .icons-vectorheroes-list .grid-item span.itm-cat a {color: inherit;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-vectorheroes-list .grid-item span.itm-cat a:hover {color:#4B6FFF;} .icons-vectorheroes-list .grid-item em a {color: inherit;} .icons-vectorheroes-list .grid-item em a:hover {color:#4B6FFF;} /*.page-template-lab-db {background-color: #1B1B1B}*/ .icons-dbz-list {margin:0 20px;} .icons-dbz-list li {float:left;display: block;} .icons-dbz-list li .grid-icon {margin:10px;text-align: center;} .icons-dbz-list li .grid-icon a.icn-bt {display: block;position: relative;} .icons-dbz-list li .grid-icon a .overlay-icn {top:70%;left:0;width:100%;text-align:center;opacity:0;position:absolute;color:#FFF;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;font-size:13px;letter-spacing: 1px;font-weight:600;} .icons-dbz-list li .grid-icon a:hover .overlay-icn {top:50%;opacity:1;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-dbz-list li .grid-icon img {width: 100%;height: auto;display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-dbz-list li .grid-icon a:hover img {opacity: 0.2;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icons-dbz-list li em {display: block;font-size: 0.7em;font-style:normal;text-transform: uppercase;color:rgba(255,255,255,.4);padding-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .icons-dbz-list li em a {color: inherit;} .icons-dbz-list li em a:hover {color:#4B6FFF;} #palette{padding-top:15px;height:40px;} .palette-color {float:left;width:16.66%;height:24px;} .palette-color:first-child {-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .palette-color:last-child {-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .toy-single-static {} .toy-single-content {padding:100px 0 0;} .toy-single-content h1 {font-size:2.4em;color: #fff;font-weight: 900;text-transform: uppercase;letter-spacing:2px;padding-bottom:23px;background: url('https://yoolk.ninja/wp-content/themes/synthtwo/images/item-sep.png') bottom center no-repeat;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center} .toy-single-content h1 a {color:#363D49;} .toy-single-content h1 a:hover {color:#FFF;} .toy-single-content .toy-txt {padding-top: 15px;padding-bottom: 10px;text-align: center} .toy-single-content .toy-txt p a:hover {color:#FFF;} .toy-single-content .toy-txt p {color:#363D49;font-weight: 600;font-size:.8em;letter-spacing: 1px;text-transform: uppercase;font-style: italic;} .toy-single-content .toy-txt p a {color:inherit;} .toy-single-content .photos-list {padding-top:30px;display: flex;flex-wrap: wrap;justify-content: center;margin:0 35px;} .toy-single-content .photos-list .photo-item .photo-pad {margin:0 15px;padding-bottom:30px;} .toy-single-content .photos-list .photo-item img {width: 100%;height: auto;display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .icon-single-content {padding:6vh 0 0;} .single-icns-table {display: table;table-layout: fixed;width:90%;max-width:1200px;margin:0 auto;} .single-icns-table .table-row {display: table-row;} .single-icns-table .table-cell {display: table-cell;width: 50%;} .single-icns-table .table-cell.table-cell-icn {vertical-align: middle;} .single-icns-table .table-cell.table-cell-infos {vertical-align: middle;} .icn-single-design .icn-single-design-panel {-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;overflow: hidden;position: relative;} .icn-single-design .icn-single-design-panel .gradient {position:absolute;top:0;left:0;width:100%;bottom:0;z-index:1;background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 100%);} .icn-single-design .icn-single-design-panel .inner {margin:0 50px;padding:50px 0;position: relative;z-index:2;} .icn-single-design .icn-single-design-panel img {width:100%;display: block;height: auto;} .icn-single-design-topbar {background-color: #1e2229;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;text-align: left;padding:12px 20px;} .icn-single-design-topbar ul li {display: inline-block;background-color: #363d49;width:18px;height:18px;margin-right:8px;border-radius: 50%;} .single-icns-table .icn-infos {padding:50px 0 50px 50px;text-align: center} .single-icns-table .icn-infos h1 {font-size:2.4em;color: #fff;font-weight: 900;text-transform: uppercase;letter-spacing:2px;padding-bottom:23px;background: url('https://yoolk.ninja/wp-content/themes/synthtwo/images/item-sep.png') bottom center no-repeat;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .single-icns-table .icn-infos h1 a {color:#363D49;} .single-icns-table .icn-infos h1 a:hover {color:#FFF;} .single-next {right:18px;text-align: right;} .single-prev {left:18px;text-align: left;} .single-next, .single-prev {position:fixed;top:50%;color:#4B6FFF;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;font-size:1em;height:24px;line-height: 24px;display: inline-block;margin-top:-12px;z-index:9;} .single-next span, .single-prev span {opacity:0;display: inline-block;padding:0;vertical-align: middle} .single-next i, .single-prev i {font-size:24px;vertical-align: middle} .single-next:hover i, .single-prev:hover i {color: #fff;} .single-next:hover span, .single-prev:hover span {opacity:1;padding:0 5px;} .md-modal {position: fixed; top: 50%; left: 50%; width: 99%; max-width: 350px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .md-overlay {position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .md-effect-1 .md-content {-webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .md-content {position: relative;top: 50%;transform: translateY(-10%);z-index:4;} .md-content .close {position: absolute;top:0;right:0;width:32px;height:32px;line-height: 32px;text-align: center;color:#C4CDC8;font-size:2rem;cursor: pointer;z-index: 5;} .md-content .close:hover {color: #78827C} .md-show {visibility: visible;} .md-show ~ .md-overlay {opacity: 1;visibility: visible;background-color: rgba(30,34,41,.96);} .md-show.md-effect-1 .md-content {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} .canvas-wrapper {position: relative;margin:0 auto;width:100%;max-width:320px;} .canvas-wrapper .canvas-fader {position: absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow: hidden;z-index:5;opacity:1;text-align: center;-webkit-transition: all 0.5s; transition: all 0.5s;} .canvas-wrapper .canvas-fader i {position:relative;top: 50%;margin-top:-23px;color:rgba(255,255,255,0.5);font-size:46px;line-height: 46px;} .canvas-wrapper .canvas-bg {position: relative;margin:0 auto;width:100%;height:auto;display:block;border-radius:50%;background-color:#1E2229;overflow: hidden} .canvas-wrapper #canvas {margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:50%;line-height: 0; outline: 1px solid #1E2229} .canvas-toolbar {padding:1rem 0 3rem;text-align: center;vertical-align: middle;} .canvas-toolbar .color-pick {} .canvas-toolbar .color-pick:hover {} .canvas-toolbar .color-pick input[type='color'] {} .canvas-toolbar .color-pick:hover input[type='color'] {} .canvas-toolbar button {height:46px;padding:0 24px;border-radius:0;color:#fff;background-color:#353D49;border:none;outline:0;margin-left:0;line-height: 46px;vertical-align:top;font-weight:600;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;-webkit-appearance: none;-webkit-transition: all 0.3s; transition: all 0.3s;display:inline-block;font-size:13px;} .canvas-toolbar button:hover {padding:0 36px;background-color:#4B6FFF;} .colorPickWrapper { position: relative; width: 0; height: 0; line-height: 100%; } #colorPick * { -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } #colorPick { background: #353D49; -webkit-backdrop-filter: blur(15px); position: absolute; border-radius: 5px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); padding: 15px; font-family: "Open Sans", sans-serif; width: 140px; box-sizing: content-box; z-index: 999; } #colorPick span { user-select: none; font-size: 9pt; text-transform: uppercase; font-weight: bold; color: rgba(255, 255, 255, 0.6); margin-bottom: 5px; display: block; clear: both; } .customColorHash { border-radius: 5px; height: 23px; width: 122px; margin: 1px 4px; padding: 0 4px; border: 2px solid rgba(0, 0, 0, 0.2); outline: none; background-color: rgba(0,0,0,0.2); color:rgba(255, 255, 255, 0.6); } .customColorHash.error { border-color: #ff424c; color: #ff424c; } .colorPickButton { border-radius: 4px; width: 20px; height: 20px; margin: 0px 3px 3px; cursor: pointer; display: inline-block; border: 2px solid rgba(0,0,0,0.2); } .colorPickButton:hover { transform: scale(1.1); } .colorPickDummy { background: rgba(255, 255, 255, 0.2); border: 1px dashed rgba(255, 255, 255, 0.2); } .colorPickSelector { display: inline-block; border-radius: 0; line-height: 46px; vertical-align: middle; width: 46px; height: 46px; cursor: pointer; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .colorPickSelector:hover { width: 54px; } /* REFS */ .page-refs {margin:80px 0 0;} .refs-list {padding-top:50px;margin:0 15px;} .refs-list-item {position: relative;float:left;width:25%;} .refs-list-item a {display: block;margin:0 15px 15px} .refs-list-item-infos {text-align: left;} .refs-list-item-img {background-color: #4B6FFF;} .refs-list-item-img img {width:100%;height: auto;display: block;margin:0 auto;} .refs-list-item-infos h2 {color: #4B6FFF;text-transform: uppercase;font-weight: 900;font-size:0.8em;letter-spacing: 1px;padding:10px 0 15px;} .refs-list-item-infos h2 span {color: #fff;font-style: italic;text-transform: uppercase;font-weight:400;} .refs-list-item a:hover {opacity:.8;} .woocommerce-message a, .return-to-shop a {color:#fff} /* Contacts */ .contact-page {position: relative;} .table-contact-wrapper {margin:0;padding:80px 0 50px;width:100%;background-color: #131519} .table-contact {display: table;table-layout: fixed;width: 100%;} .table-contact-row {display: table-row;} .table-contact-cell {display: table-cell;vertical-align: top;width:50%;} .table-contact-cell-inner {margin:0 30px;} .contact-bg {background-color: #131519 !important;position: relative} .contact-page-item {padding:80px 0 0;min-height:calc(100vh - 162px);max-width:840px;margin:0 auto;} .line {height:1px;background-color:#4B6FFE;} .line-inner {height:1px;width:0%;} #iw_container .iw_title {font-size: 16px;font-weight: bold;} .iw_content {padding: 15px 15px 15px 0;} .contact-page-item a .a-line {padding:15px 0;color:#4B6FFE;font-family:'Lato',Arial,sans-serif;font-size: 1.2em;text-align:left;font-weight:400;text-transform: uppercase;line-height: 1;letter-spacing: 1px;} .contact-page-item a .a-line span {color:#fff;} .contact-page-item a .line-inner {height:1px;width:0%;background-color: #FFFFFF;} .contact-page-item a:hover .line-inner {width:100%;} .contact-page-item .address {padding-top:20px;} .contact-page-item .address {color:#4B6FFE;font-size: 0.8em;text-transform: uppercase;line-height: 140%;} .contact-page-item .phone {font-size: 1em;text-transform: uppercase;line-height: 140%;color: #fff;} /* SNIPPETS =============================================================== */ /* ================================================================================= */ .lab-snippets {position: relative;height: 100%;padding-top:120px;} .lab-snippets-cols {position: relative;display: flex;align-items: flex-start} .lab-snippets-col {} .lab-snippets-fluid {flex-grow: 1} .lab-snippets-fixed {width: 300px;} @media (min-width: 1px) and (max-width: 767px){ .lab-snippets-fixed {display: none} } .lab-snippets-fixed ul {margin:0 0 0 30px;background: #1E2229;padding:20px 0;border-radius:8px;} .lab-snippets-fixed ul li {margin:0 20px;} .lab-snippets-fixed ul li a {display:inline-block;padding:8px 15px;color:#4B6FFF;letter-spacing: 1px;font-size:0.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius:6px;} .lab-snippets-fixed ul li.parent a {font-size:0.8rem;color: #4B6FFF;font-weight: 600;} .lab-snippets-fixed ul li a.item-apache {color:#CE2184;} .lab-snippets-fixed ul li a.item-apache * {opacity: 0.2} .lab-snippets-fixed ul li a.item-wordpress {color:#2B7394;} .lab-snippets-fixed ul li a.item-woocommerce {color:#5178F8;} .lab-snippets-fixed ul li a.item-vanilla {color:#ECD54A;} .lab-snippets-fixed ul li a.item-html {color:#F98B35;} .lab-snippets-fixed ul li a.item-email {color:#BAA4FD;} .lab-snippets-fixed ul li a.item-hubspot {color:#FFBD4A;} .lab-snippets-fixed ul li a.item-php {color:#7579AA;} .lab-snippets-fixed ul li a.item-jquery {color:#5178F8;} .lab-snippets-fixed ul li a.item-modsecurity {color:#923EE3;} .lab-snippets-fixed ul li a.item-marketo {color:#cc503a;} .lab-snippets-fixed ul li a:hover {color: #fff !important;} .lab-snippets .grid {margin:0 !important;} .lab-snippets-col-c {margin:0 30px} .lab-snippets-col-c h1 {font-size:1.2rem;color: rgba(255,255,255,0.2);font-weight:500;padding:0 0 20px;letter-spacing: 1px;} .lab-snippets-col-c h1 span.title {color:#fff;} .lab-snippets-col-c h1 a {color:#4B6FFF;} .lab-snippets-col-c h1 a:hover {color:#fff;} .snip {padding:15px 20px;background-color: #1E2229;border-radius:5px;margin-right:30px;} .precode p {color:#999;font-size:11px;} .precode p:last-child {padding-bottom:0px;} .precode p a {color:#4B6FFF;} .precode p a:hover {color:#fff;} .snip p {color:#999;font-size:11px;} .snip p:last-child {padding-bottom:0px;} .snip p a {color:#4B6FFF;} .snip p a:hover {color:#fff;} #nav-below-snippets {padding:30px;} #nav-below-snippets a {color:#fff;font-weight: bold;text-transform: uppercase;} #nav-below-snippets a:hover {color:#4B6FFF;} .list-wishlist-page {padding:80px 0 0 0;} .list-wishlist-page .entry-content {margin:0 30px;} .wishlist-desc {text-align: center;padding-bottom:30px;color: #4B6FFF} .wishlist-item-container {float:left;width:33.33%;} .wishlist-item-table {display: table;table-layout: fixed;width:100%;} .wishlist-item-table-row {display: table-row;} .wishlist-item-table-cell {display: table-cell;width:50%;vertical-align: top;} .wishlist-item-table-cell-img img {width:100%;height:auto;display: block;} .wish-item-img {position: relative;} .wish-item-txt {margin:0 15px;} .wish-item-txt h3 {text-transform: uppercase;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom:10px;} .wish-item-txt h3.mark-as {padding-top:15px;margin-top:15px;color: #FFFFFF;border-top:1px solid rgba(255,255,255,0.2);} .wishlist-label-link {padding-top:10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .wishlist-label-link span {color:#4B6FFF;font-weight: bold;} .wishlist-label-link a {color: #fff} .wishlist-label-link a:hover {color: #4B6FFF;} .wishlist-label-price {color: #4B6FFF} .wishlist-form-input {border:0;width:100%;padding:8px;margin-bottom:6px;} .wishlist-form-submit-button {background-color: #3B57C3;color:#fff;padding:12px;width: 100%;display: block;text-align: center;font-weight: bold;border:0;font-size: 15px;text-transform: uppercase;cursor: pointer;} .wishlist-form-submit-button:hover {background-color: #4B6FFF;} .wishlist-promised {padding-top:15px;text-transform: uppercase;font-weight: bold;color: #E74C3C;} .wishlist-item.already-sold {opacity:0.2;pointer-events:none;} .wishlist-image-form {} .wishlist-image-form img {width: 100%;} .wishlist-promised {} .wishlist-label, .wishlist-form-label {} .wishlist-form table {} .wishlist-form-submit-button {} td.wishlist-double-span {} /* MENUS */ canvas { width: 100%; object-fit: contain; display:block; } .carousel-wrapper {margin:0 15px;padding-top:80px;} .carousel-item {float:left;width:33.33%;} .carousel-item a {display:block;margin:0 15px;} /* * RESPONSIVE */ @media (min-width: 1921px) { .home .grid__item {width: 12.5% !important;} .home .grid__col-sizer {width: 12.5% !important;} /*.home .grid__item.post { width: 25% !important;}*/ .home .grid__item.iconsets {width: 25% !important;} .home .grid__item.templates {width: 25% !important} .home .grid__item.refs {width: 25% !important;} .home .grid__item.pub {width: 25% !important;} /*.home .grid__item.projets {width: 25% !important;}*/ .home .grid__item.icons {width: 12.5% !important;} .home .grid__item.links {width: 12.5% !important;} .home .grid__item.toys {width: 12.5% !important} .category .grid__item {width: 50% !important;} .category .grid__col-sizer {width: 50% !important;} .category .grid__item.post { width: 50% !important;} .post-type-archive-toys .grid__item {width: 12.5% !important;} .post-type-archive-toys .grid__col-sizer {width: 12.5% !important;} .post-type-archive-toys .grid__item.post { width: 12.5% !important;} .woocommerce-shop .grid__item {width: 12.5% !important;} .woocommerce-shop .grid__col-sizer {width: 12.5% !important;} .woocommerce-shop .grid__item.post { width: 12.5% !important;} .tax-product_cat .grid__item {width: 12.5% !important;} .tax-product_cat .grid__col-sizer {width: 12.5% !important;} .tax-product_cat .grid__item.post { width: 12.5% !important;} .page-template-blog .grid__item {width: 12.5% !important;} .page-template-blog .grid__col-sizer {width: 12.5% !important;} .page-template-blog .grid__item.post { width: 25% !important;} .page-template-blog .grid__item.iconsets {width: 25% !important;} .page-template-blog .grid__item.templates {width: 25% !important} .page-template-blog .grid__item.refs {width: 25% !important;} .page-template-blog .grid__item.projets {width: 25% !important;} .page-template-blog .grid__item.icons {width: 12.5% !important;} .page-template-blog .grid__item.links {width: 12.5% !important;} .post-type-archive-icons .grid__item {width: 12.5% !important;} .post-type-archive-icons .grid__col-sizer {width: 12.5% !important;} .post-type-archive-icons .grid__item.icons {width: 12.5% !important;} .post-type-archive-templates .grid__item {width: 25% !important;} .post-type-archive-templates .grid__col-sizer {width: 25% !important;} .post-type-archive-templates .grid__item.icons {width: 25% !important;} .page-template-blog-iconsets .grid__item {width: 25% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 25% !important;} .page-template-blog-iconsets .grid__item.icons {width: 25% !important;} .post-type-archive-projets .grid__item {width: 12.5% !important;} .post-type-archive-projets .grid__col-sizer {width: 12.5% !important;} .post-type-archive-projets .grid__item.icons {width: 25% !important;} .tax-projectcat .grid__item {width: 12.5% !important;} .tax-projectcat .grid__col-sizer {width: 12.5% !important;} .tax-projectcat .grid__item.icons {width: 25% !important;} .page-template-snippets .grid__item {width: 25% !important;} .page-template-snippets .grid__col-sizer {width: 25% !important;} .page-template-snippets .grid__item.icons {width: 25% !important;} .post-type-archive-photos .grid__item {width: 33.33% !important;} .post-type-archive-photos .grid__col-sizer {width: 33.33% !important;} .post-type-archive-photos .grid__item.icons {width: 33.33% !important;} .tax-writer_tag .grid__item {width: 33.33% !important;} .tax-writer_tag .grid__col-sizer {width: 33.33% !important;} .tax-writer_tag .grid__item.icons {width: 33.33% !important;} .tax-media_type .grid__item {width: 33.33% !important;} .tax-media_type .grid__col-sizer {width: 33.33% !important;} .tax-media_type .grid__item.icons {width: 33.33% !important;} .post-type-archive-links .grid__item {width: 12.5% !important;} .post-type-archive-links .grid__col-sizer {width: 12.5% !important;} .post-type-archive-links .grid__item.icons {width: 12.5% !important;} .icons-osx-list li {width:10%;} .icons-vectorheroes-list li, .icons-dbz-list li {width:14.28%;} .icons-vectorheroes-list .grid-item {flex: 0 0 14.28%;} .toy-single-content .photos-list .grid__col-sizer {width: 20% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 20%;min-width: 0;} .single-toys .grid__item {width: 33.33% !important;} .single-toys .grid__col-sizer {width: 33.33% !important;} .single-toys .grid__item {width: 33.33% !important;} .single-photos .grid__item {width: 33.33% !important;} .single-photos .grid__col-sizer {width: 33.33% !important;} .single-photos .grid__item {width: 33.33% !important;} } @media (min-width: 1680px) and (max-width: 1920px){ .page-template-blog .grid__item {width: 12.5% !important;} .page-template-blog .grid__col-sizer {width: 12.5% !important;} .page-template-blog .grid__item.post { width: 25% !important;} .page-template-blog .grid__item.iconsets {width: 25% !important;} .page-template-blog .grid__item.templates {width: 25% !important} .page-template-blog .grid__item.refs {width: 25% !important;} .page-template-blog .grid__item.projets {width: 25% !important;} .page-template-blog .grid__item.toys {width: 25% !important;} .page-template-blog .grid__item.icons {width: 12.5% !important;} .page-template-blog .grid__item.links {width: 12.5% !important;} .post-type-archive-toys .grid__item {width: 20% !important;} .post-type-archive-toys .grid__col-sizer {width: 20% !important;} .post-type-archive-toys .grid__item.post { width: 20% !important;} .woocommerce-shop .grid__item {width: 20% !important;} .woocommerce-shop .grid__col-sizer {width: 20% !important;} .woocommerce-shop .grid__item.post { width: 20% !important;} .tax-product_cat .grid__item {width: 20% !important;} .tax-product_cat .grid__col-sizer {width: 20% !important;} .tax-product_cat .grid__item.post { width: 20% !important;} .home .grid__item {width: 12.5% !important;} .home .grid__col-sizer {width: 12.5% !important;} /*.home .grid__item.post { width: 25% !important;}*/ .home .grid__item.iconsets {width: 25% !important;} .home .grid__item.templates {width: 25% !important} .home .grid__item.refs {width: 25% !important;} .home .grid__item.pub {width: 25% !important;} .home .grid__item.pub {width: 25% !important;} /*.home .grid__item.projets {width: 25% !important;}*/ .home .grid__item.icons {width: 12.5% !important;} .home .grid__item.links {width: 12.5% !important;} .home .grid__item.toys {width: 12.5% !important} .category .grid__item {width: 50% !important;} .category .grid__col-sizer {width: 50% !important;} .category .grid__item.post { width: 50% !important;} .toy-single-content .photos-list .grid__col-sizer {width: 25% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 25%;min-width: 0;} .post-type-archive-icons .grid__item {width: 12.5% !important;} .post-type-archive-icons .grid__col-sizer {width: 12.5% !important;} .post-type-archive-icons .grid__item.icons {width: 12.5% !important;} .post-type-archive-templates .grid__item {width: 25% !important;} .post-type-archive-templates .grid__col-sizer {width: 25% !important;} .post-type-archive-templates .grid__item.icons {width: 25% !important;} .page-template-blog-iconsets .grid__item {width: 25% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 25% !important;} .page-template-blog-iconsets .grid__item.icons {width: 25% !important;} .post-type-archive-projets .grid__item {width: 20% !important;} .post-type-archive-projets .grid__col-sizer {width: 20% !important;} .post-type-archive-projets .grid__item.icons {width: 25% !important;} .tax-projectcat .grid__item {width: 20% !important;} .tax-projectcat .grid__col-sizer {width: 20% !important;} .tax-projectcat .grid__item.icons {width: 25% !important;} .page-template-snippets .grid__item {width: 25% !important;} .page-template-snippets .grid__col-sizer {width: 25% !important;} .page-template-snippets .grid__item.icons {width: 25% !important;} .post-type-archive-photos .grid__item {width: 33.33% !important;} .post-type-archive-photos .grid__col-sizer {width: 33.33% !important;} .post-type-archive-photos .grid__item.icons {width: 33.33% !important;} .tax-writer_tag .grid__item {width: 33.33% !important;} .tax-writer_tag .grid__col-sizer {width: 33.33% !important;} .tax-writer_tag .grid__item.icons {width: 33.33% !important;} .tax-media_type .grid__item {width:33.33% !important;} .tax-media_type .grid__col-sizer {width:33.33% !important;} .tax-media_type .grid__item.icons {width:33.33% !important;} .post-type-archive-links .grid__item {width: 20% !important;} .post-type-archive-links .grid__col-sizer {width: 20% !important;} .post-type-archive-links .grid__item.icons {width: 20% !important;} .icons-osx-list li {width:10%;} .icons-vectorheroes-list li, .icons-dbz-list li {width:14.28%;} .icons-vectorheroes-list .grid-item {flex: 0 0 14.28%;} .single-toys .grid__item {width: 33.33% !important;} .single-toys .grid__col-sizer {width: 33.33% !important;} .single-toys .grid__item {width: 33.33% !important;} .single-photos .grid__item {width: 33.33% !important;} .single-photos .grid__col-sizer {width: 33.33% !important;} .single-photos .grid__item {width: 33.33% !important;} } @media (min-width: 1366px) and (max-width: 1679px){ .toy-single-content .photos-list .grid__col-sizer {width: 33.33% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 33.33%;min-width: 0;} .page-template-blog .grid__item {width: 20% !important;} .page-template-blog .grid__col-sizer {width: 20% !important;} .page-template-blog .grid__item.post { width: 40% !important;} .page-template-blog .grid__item.iconsets {width: 40% !important;} .page-template-blog .grid__item.templates {width: 40% !important} .page-template-blog .grid__item.refs {width: 40% !important;} .page-template-blog .grid__item.projets {width: 40% !important;} .page-template-blog .grid__item.icons {width: 20% !important;} .page-template-blog .grid__item.links {width: 20% !important;} .page-template-blog .grid__item.toys {width: 20% !important} .post-type-archive-toys .grid__item {width: 25% !important;} .post-type-archive-toys .grid__col-sizer {width: 25% !important;} .post-type-archive-toys .grid__item.post { width: 25% !important;} .woocommerce-shop .grid__item {width: 25% !important;} .woocommerce-shop .grid__col-sizer {width: 25% !important;} .woocommerce-shop .grid__item.post { width: 25% !important;} .tax-product_cat .grid__item {width: 25% !important;} .tax-product_cat .grid__col-sizer {width: 25% !important;} .tax-product_cat .grid__item.post { width: 25% !important;} .home .grid__item {width: 20% !important;} .home .grid__col-sizer {width: 20% !important;} /*.home .grid__item.post { width: 40% !important;}*/ .home .grid__item.iconsets {width: 40% !important;} .home .grid__item.templates {width: 40% !important} .home .grid__item.refs {width: 40% !important;} .home .grid__item.pub {width: 40% !important;} /*.home .grid__item.projets {width: 40% !important;}*/ .home .grid__item.icons {width: 20% !important;} .home .grid__item.links {width: 20% !important;} .home .grid__item.toys {width: 20% !important;} .category .grid__item {width: 50% !important;} .category .grid__col-sizer {width: 50% !important;} .category .grid__item.post { width: 50% !important;} .post-type-archive-icons .grid__item {width: 16.66% !important;} .post-type-archive-icons .grid__col-sizer {width: 16.66% !important;} .post-type-archive-icons .grid__item.icons {width: 16.66% !important;} .post-type-archive-templates .grid__item {width: 33.33% !important;} .post-type-archive-templates .grid__col-sizer {width: 33.33% !important;} .post-type-archive-templates .grid__item.icons {width: 33.33% !important;} .page-template-blog-iconsets .grid__item {width: 50% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 50% !important;} .page-template-blog-iconsets .grid__item.icons {width: 50% !important;} .post-type-archive-projets .grid__item {width: 25% !important;} .post-type-archive-projets .grid__col-sizer {width: 25% !important;} .post-type-archive-projets .grid__item.icons {width: 50% !important;} .tax-projectcat .grid__item {width: 25% !important;} .tax-projectcat .grid__col-sizer {width: 25% !important;} .tax-projectcat .grid__item.icons {width: 50% !important;} .page-template-snippets .grid__item {width: 50% !important;} .page-template-snippets .grid__col-sizer {width: 50% !important;} .page-template-snippets .grid__item.icons {width: 50% !important;} .post-type-archive-photos .grid__item {width: 50% !important;} .post-type-archive-photos .grid__col-sizer {width: 50% !important;} .post-type-archive-photos .grid__item.icons {width: 50% !important;} .tax-writer_tag .grid__item {width: 50% !important;} .tax-writer_tag .grid__col-sizer {width: 50% !important;} .tax-writer_tag .grid__item.icons {width: 50% !important;} .tax-media_type .grid__item {width: 50% !important;} .tax-media_type .grid__col-sizer {width: 50% !important;} .tax-media_type .grid__item.icons {width: 50% !important;} .post-type-archive-links .grid__item {width: 20% !important;} .post-type-archive-links .grid__col-sizer {width: 20% !important;} .post-type-archive-links .grid__item.icons {width: 20% !important;} .icons-osx-list li {width:12.5%;} .icons-vectorheroes-list li {width:14.28%;} .icons-vectorheroes-list .grid-item {flex: 0 0 14.28%;} .icons-dbz-list li {width:20%;} .single-toys .grid__item {width: 50% !important;} .single-toys .grid__col-sizer {width: 50% !important;} .single-toys .grid__item {width: 50% !important;} .single-photos .grid__item {width: 33.33% !important;} .single-photos .grid__col-sizer {width: 33.33% !important;} .single-photos .grid__item {width: 33.33% !important;} } @media (min-width: 1024px) and (max-width: 1365px){ .page-template-blog .grid__item {width: 25% !important;} .page-template-blog .grid__col-sizer {width: 25% !important;} .page-template-blog .grid__item.post { width: 50% !important;} .page-template-blog .grid__item.iconsets {width: 50% !important;} .page-template-blog .grid__item.templates {width: 50% !important} .page-template-blog .grid__item.refs {width: 50% !important;} .page-template-blog .grid__item.projets {width: 50% !important;} .page-template-blog .grid__item.icons {width: 25% !important;} .page-template-blog .grid__item.links {width: 25% !important;} .page-template-blog .grid__item.toys {width: 50% !important;} .home .grid__item {width: 25% !important;} .home .grid__col-sizer {width: 25% !important;} /*.home .grid__item.post { width: 50% !important;}*/ .home .grid__item.iconsets {width: 50% !important;} .home .grid__item.templates {width: 50% !important} .home .grid__item.refs {width: 50% !important;} .home .grid__item.pub {width: 50% !important;} /*.home .grid__item.projets {width: 50% !important;}*/ .home .grid__item.icons {width: 25% !important;} .home .grid__item.links {width: 25% !important;} .home .grid__item.toys {width: 50% !important;} .woocommerce-shop .grid__item {width: 25% !important;} .woocommerce-shop .grid__col-sizer {width: 25% !important;} .woocommerce-shop .grid__item.post { width: 25% !important;} .tax-product_cat .grid__item {width: 25% !important;} .tax-product_cat .grid__col-sizer {width: 25% !important;} .tax-product_cat .grid__item.post { width: 25% !important;} .category .grid__item {width: 50% !important;} .category .grid__col-sizer {width: 50% !important;} .category .grid__item.post { width: 50% !important;} .toy-single-content .photos-list .grid__col-sizer {width: 50% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 50%;min-width: 0;} .post-type-archive-icons .grid__item {width: 20% !important;} .post-type-archive-icons .grid__col-sizer {width: 20% !important;} .post-type-archive-icons .grid__item.icons {width: 20% !important;} .single-toys .grid__item {width: 50% !important;} .single-toys .grid__col-sizer {width: 50% !important;} .single-toys .grid__item {width: 50% !important;} .post-type-archive-templates .grid__item {width: 50% !important;} .post-type-archive-templates .grid__col-sizer {width: 50% !important;} .post-type-archive-templates .grid__item.icons {width: 50% !important;} .page-template-blog-iconsets .grid__item {width: 50% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 50% !important;} .page-template-blog-iconsets .grid__item.icons {width: 50% !important;} .post-type-archive-projets .grid__item {width: 33.33% !important;} .post-type-archive-projets .grid__col-sizer {width: 33.33% !important;} .post-type-archive-projets .grid__item.icons {width: 33.33% !important;} .tax-projectcat .grid__item {width: 33.33% !important;} .tax-projectcat .grid__col-sizer {width: 33.33% !important;} .tax-projectcat .grid__item.icons {width: 33.33% !important;} .post-type-archive-toys .grid__item {width: 50% !important;} .post-type-archive-toys .grid__col-sizer {width: 50% !important;} .post-type-archive-toys .grid__item.icons {width: 50% !important;} .page-template-snippets .grid__item {width: 50% !important;} .page-template-snippets .grid__col-sizer {width: 50% !important;} .page-template-snippets .grid__item.icons {width: 50% !important;} .post-type-archive-photos .grid__item {width: 33.33% !important;} .post-type-archive-photos .grid__col-sizer {width: 33.33% !important;} .post-type-archive-photos .grid__item.icons {width: 33.33% !important;} .tax-writer_tag .grid__item {width: 33.33% !important;} .tax-writer_tag .grid__col-sizer {width: 33.33% !important;} .tax-writer_tag .grid__item.icons {width: 33.33% !important;} .tax-media_type .grid__item {width: 50% !important;} .tax-media_type .grid__col-sizer {width: 50% !important;} .tax-media_type .grid__item.icons {width: 50% !important;} .post-type-archive-links .grid__item {width: 25% !important;} .post-type-archive-links .grid__col-sizer {width: 25% !important;} .post-type-archive-links .grid__item.icons {width: 25% !important;} .icons-osx-list li {width:12.5%;} .icons-vectorheroes-list li {width:14.28%;} .icons-vectorheroes-list .grid-item {flex: 0 0 20%;} .icons-dbz-list li {width:25%;} .services-list-item {float:left;width:50%;text-align: center;padding-top:30px;} .wishlist-item-container {float:left;width:50%;} .single-photos .grid__item {width: 50% !important;} .single-photos .grid__col-sizer {width: 50% !important;} .single-photos .grid__item {width: 50% !important;} } @media (min-width: 768px) and (max-width: 1023px){ .page-template-blog .grid__item {width: 25% !important;} .page-template-blog .grid__col-sizer {width: 25% !important;} .page-template-blog .grid__item.post { width: 50% !important;} .page-template-blog .grid__item.iconsets {width: 50% !important;} .page-template-blog .grid__item.templates {width: 50% !important} .page-template-blog .grid__item.refs {width: 50% !important;} .page-template-blog .grid__item.projets {width: 50% !important;} .page-template-blog .grid__item.icons {width: 25% !important;} .page-template-blog .grid__item.links {width: 25% !important;} .page-template-blog .grid__item.toys {width: 50% !important} .toy-single-content .photos-list .grid__col-sizer {width: 100% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 100%;min-width: 0;} .category .grid__item {width: 50% !important;} .category .grid__col-sizer {width: 50% !important;} .category .grid__item.post { width: 50% !important;} .woocommerce-shop .grid__item {width: 25% !important;} .woocommerce-shop .grid__col-sizer {width: 25% !important;} .woocommerce-shop .grid__item.post { width: 25% !important;} .tax-product_cat .grid__item {width: 25% !important;} .tax-product_cat .grid__col-sizer {width: 25% !important;} .tax-product_cat .grid__item.post { width: 25% !important;} .home .grid__item {width: 25% !important;} .home .grid__col-sizer {width: 25% !important;} /*.home .grid__item.post { width: 50% !important;}*/ .home .grid__item.iconsets {width: 50% !important;} .home .grid__item.templates {width: 50% !important} .home .grid__item.refs {width: 50% !important;} .home .grid__item.pub {width: 50% !important;} /*.home .grid__item.projets {width: 50% !important;}*/ .home .grid__item.icons {width: 25% !important;} .home .grid__item.links {width: 25% !important;} .home .grid__item.toys {width: 50% !important;} .single-toys .grid__item {width: 100% !important;} .single-toys .grid__col-sizer {width: 100% !important;} .single-toys .grid__item {width: 100% !important;} .post-type-archive-icons .grid__item {width: 25% !important;} .post-type-archive-icons .grid__col-sizer {width: 25% !important;} .post-type-archive-icons .grid__item.icons {width: 25% !important;} .post-type-archive-templates .grid__item {width: 50% !important;} .post-type-archive-templates .grid__col-sizer {width: 50% !important;} .post-type-archive-templates .grid__item.icons {width: 50% !important;} .page-template-blog-iconsets .grid__item {width: 50% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 50% !important;} .page-template-blog-iconsets .grid__item.icons {width: 50% !important;} .post-type-archive-projets .grid__item {width: 50% !important;} .post-type-archive-projets .grid__col-sizer {width: 50% !important;} .post-type-archive-projets .grid__item.icons {width: 50% !important;} .tax-projectcat .grid__item {width: 50% !important;} .tax-projectcat .grid__col-sizer {width: 50% !important;} .tax-projectcat .grid__item.icons {width: 50% !important;} .page-template-snippets .grid__item {width: 50% !important;} .page-template-snippets .grid__col-sizer {width: 50% !important;} .page-template-snippets .grid__item.icons {width: 50% !important;} .post-type-archive-photos .grid__item {width: 50% !important;} .post-type-archive-photos .grid__col-sizer {width: 50% !important;} .post-type-archive-photos .grid__item.icons {width: 50% !important;} .tax-writer_tag .grid__item {width: 50% !important;} .tax-writer_tag .grid__col-sizer {width: 50% !important;} .tax-writer_tag .grid__item.icons {width: 50% !important;} .tax-media_type .grid__item {width: 50% !important;} .tax-media_type .grid__col-sizer {width: 50% !important;} .tax-media_type .grid__item.icons {width: 50% !important;} .post-type-archive-toys .grid__item {width: 100% !important;} .post-type-archive-toys .grid__col-sizer {width: 100% !important;} .post-type-archive-toys .grid__item.icons {width: 100% !important;} .post-type-archive-links .grid__item {width: 50% !important;} .post-type-archive-links .grid__col-sizer {width: 50% !important;} .post-type-archive-links .grid__item.icons {width: 50% !important;} .icons-osx-list li {width:20%;} .icons-vectorheroes-list li {width:20%;} .icons-vectorheroes-list .grid-item {flex: 0 0 25%;} .icons-dbz-list li {width:33.33%;} .services-list-item {float:left;width:50%;text-align: center;padding-top:30px;} .project-block {float:none;width:100%;} .wishlist-item-container {float:none;width:100%;} .container-imagegrid { column-count: 1; } .single-photos .grid__item {width: 100% !important;} .single-photos .grid__col-sizer {width: 100% !important;} .single-photos .grid__item {width: 100% !important;} } @media (min-width: 1px) and (max-width: 767px){ .filters{display:none;} .page-template-blog .grid__item {width: 100% !important;} .page-template-blog .grid__col-sizer {width: 100% !important;} .page-template-blog .grid__item.post { width: 100% !important;} .page-template-blog .grid__item.iconsets {width: 100% !important;} .page-template-blog .grid__item.templates {width: 100% !important} .page-template-blog .grid__item.refs {width: 100% !important;} .page-template-blog .grid__item.projets {width: 100% !important;} .page-template-blog .grid__item.icons {width: 100% !important;} .page-template-blog .grid__item.links {width: 100% !important;} .page-template-blog .grid__item.toys {width: 100% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 100%;min-width: 0;} .toy-single-content .photos-list .grid__col-sizer {width: 100% !important;} .toy-single-content .photos-list .photo-item {flex: 0 0 100%;min-width: 0;} .container-imagegrid figure:first-child > img {margin-top:0;} .container-imagegrid-mobile {column-count: 2;} .woocommerce-shop .grid__item {width: 100% !important;} .woocommerce-shop .grid__col-sizer {width: 100% !important;} .woocommerce-shop .grid__item.post { width: 100% !important;} .tax-product_cat .grid__item {width: 100% !important;} .tax-product_cat .grid__col-sizer {width: 100% !important;} .tax-product_cat .grid__item.post { width: 100% !important;} .category .grid__item {width: 100% !important;} .category .grid__col-sizer {width: 100% !important;} .category .grid__item.post { width: 100% !important;} .single-toys .grid__item {width: 100% !important;} .single-toys .grid__col-sizer {width: 100% !important;} .single-toys .grid__item {width: 100% !important;} .home .grid__item {width: 100% !important;} .home .grid__col-sizer {width: 100% !important;} /*.home .grid__item.post { width: 100% !important;}*/ .home .grid__item.iconsets {width: 100% !important;} .home .grid__item.templates {width: 100% !important} .home .grid__item.refs {width: 100% !important;} .home .grid__item.pub {width: 100% !important;} /*.home .grid__item.projets {width: 100% !important;}*/ .home .grid__item.icons {width: 100% !important;} .home .grid__item.links {width: 100% !important;} .home .grid__item.toys {width: 100% !important;} .post-type-archive-icons .grid__item {width: 100% !important;} .post-type-archive-icons .grid__col-sizer {width: 100% !important;} .post-type-archive-icons .grid__item.icons {width: 100% !important;} .post-type-archive-templates .grid__item {width: 100% !important;} .post-type-archive-templates .grid__col-sizer {width: 100% !important;} .post-type-archive-templates .grid__item.icons {width: 100% !important;} .page-template-blog-iconsets .grid__item {width: 100% !important;} .page-template-blog-iconsets .grid__col-sizer {width: 100% !important;} .page-template-blog-iconsets .grid__item.icons {width: 100% !important;} .post-type-archive-projets .grid__item {width: 100% !important;} .post-type-archive-projets .grid__col-sizer {width: 100% !important;} .post-type-archive-projets .grid__item.icons {width: 100% !important;} .tax-projectcat .grid__item {width: 100% !important;} .tax-projectcat .grid__col-sizer {width: 100% !important;} .tax-projectcat .grid__item.icons {width: 100% !important;} .page-template-snippets .grid__item {width: 100% !important;} .page-template-snippets .grid__col-sizer {width: 100% !important;} .page-template-snippets .grid__item.icons {width: 100% !important;} .post-type-archive-photos .grid__item {width: 100% !important;} .post-type-archive-photos .grid__col-sizer {width: 100% !important;} .post-type-archive-photos .grid__item.icons {width: 100% !important;} .tax-writer_tag .grid__item {width: 100% !important;} .tax-writer_tag .grid__col-sizer {width: 100% !important;} .tax-writer_tag .grid__item.icons {width: 100% !important;} .tax-media_type .grid__item {width: 100% !important;} .tax-media_type .grid__col-sizer {width: 100% !important;} .tax-media_type .grid__item.icons {width: 100% !important;} .post-type-archive-toys .grid__item {width: 100% !important;} .post-type-archive-toys .grid__col-sizer {width: 100% !important;} .post-type-archive-toys .grid__item.icons {width: 100% !important;} .table-contact {display: block;} .table-contact-row {display: block;} .table-contact-cell {display: block;width:100%;} .icons-osx-list li {width:50%;} .icons-vectorheroes-list li {width:50%;} .icons-vectorheroes-list .grid-item {flex: 0 0 50%;} .icons-dbz-list li {width:50%;} #header-desktop {display:none;} #header-mobile {display: block;} #nav-static {display: none;} .home-nav {width:90%;margin:30px auto 0;} .home-nav ul li {display: inline-block;text-align: center;padding-bottom:20px;} .home-nav ul li a {margin:0;font-size: 12px;} .services-list-item {float:none;width:100%;text-align: center;padding-top:30px;} .project-block {float:none;width:100%;} .single-icns-table {display: block;height:auto;} .single-icns-table .table-row {display: block;} .single-icns-table .table-cell {display: block;width: 100%;} .single-icns-table .icn-infos {padding:50px 0;} .wishlist-item-container {float:none;width:100%;} .wishlist-item-table {display: block;width:100%;} .wishlist-item-table-row {display: block;} .wishlist-item-table-cell {display: block;width:100%;vertical-align: top;} .wishlist-item-table-cell-txt {padding-bottom: 30px;} .wish-item-txt {margin:0;} #trigger-overlay {right:5px;} .single-next, .single-prev {bottom:30px;top:auto;} .resume-page {margin:80px 30px 0;width:auto} .resume-table {display:block;margin:0;} .resume-table-tr {display:block;} .resume-table-td {display:block;} .resume-table-td-side-left {display:none;} .resume-table-td-content .inner {padding:0 0 0 0} .resume-table-td-content h1, .resume-table-td-content h2 {font-size: 1.6em;} .page-heading h1.page-heading-title {font-size:1.6em;} .osx-dl-bts li {margin:0 1px 1px 0;} .container-imagegrid { column-count: 1; } .single-hero-cover-titles {padding:0 30px;} .single-hero-cover-titles h1 { font-size: 2.4em; } .single-hero-cover-titles span {font-size: 1.3em;} .single-photos .grid__item {width: 100% !important;} .single-photos .grid__col-sizer {width: 100% !important;} .single-photos .grid__item {width: 100% !important;} } /* CSS TRANSITIONS / SVG */ #home-bt svg #blanc, #home-bt svg:hover #blanc, #home-bt svg #rouge, #home-bt svg:hover #rouge, #home-bt svg #star, #home-bt svg:hover #star, .bt-url-client a, .bt-url-client a:hover, #static-bt svg #blanc, #static-bt svg:hover #blanc, #static-bt svg #rouge, #static-bt svg:hover #rouge, #static-bt svg #star, #static-bt svg:hover #star, .lab-list-item-infos a, .lab-list-item-infos a:hover, .osx-dl-bts li a, .osx-dl-bts li a:hover, .contact-page-item a .line-inner, .contact-page-item a:hover .line-inner, .social-contact li a, .social-contact li a:hover, .agence-contact-us a, .agence-contact-us a:hover, .lab-list-item a, .lab-list-item a:hover, .overlay ul li a, .overlay ul li a:hover, .lab-snippets-fixed ul li a, .lab-snippets-fixed ul li a:hover, #logo-light, #logo-dark, .refs-list-item a, .refs-list-item a:hover, .refs-list-item-img img, .refs-list-item-img:hover img, .lab-list-new-infos a, .lab-list-new-infos a:hover, .icons-osx-list li .grid-icon a:hover, .icons-vectorheroes-list li .grid-icon a:hover, .icons-dbz-list li .grid-icon a:hover, .icons-osx-list li .grid-icon a, .icons-vectorheroes-list li .grid-icon a, .icons-dbz-list li .grid-icon a, .single-next span, .single-prev span, .single-next:hover span, .single-prev:hover span, .single-next i, .single-prev i, .single-next:hover i, .single-prev:hover i, .priv-nav li a, .priv-nav li a:hover, .widget-contact a, .widget-contact a:hover, #down, #up, #down:hover, #up:hover, .cats-nav-alt li a, .cats-nav-alt li a:hover { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* CSS TRANSITIONS / LINKS */ .home-nav ul li a, .home-nav ul li a:hover, #fullscr i, #fullscr:hover i, #audio-bt, #audio-bt:hover, .home-utils, .home-utils:hover, .menu-static ul li a, .menu-static ul li a:hover, .project-block .project-block-image-pattern, .project-block:hover .project-block-image-pattern, .lab-snippets-fixed, .grid-item .precode .expand { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .icn-single-design-panel, .item-date, .item-icon, .vert-line, .item-date-line, .item-content-inner-txt a { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .ajax-load-more-wrap.blue button.alm-load-more-btn{ background-color: #131519 !important; margin-top:20px; text-transform: uppercase; font-weight: 400; } .ajax-load-more-wrap.blue button.alm-load-more-btn:hover, .ajax-load-more-wrap.blue button.alm-load-more-btn.done{ background-color: #131519 !important; } .single-snippets .enlighter-t-dracula div.enlighter > div { background-color: #1E2229 !important; } .single-snippets .enlighter-default {padding:20px;border-radius:6px;background: #1E2229}