html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big,
cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
embed,figure, figcaption, footer, header,menu, nav, output, textarea, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
	font-size: 14px;
    font: inherit;
    vertical-align: baseline;
    outline:none;
    font-family: 'Oswald', sans-serif;
	font-weight: 300;
    color: #373737;
    text-decoration: none;
    line-height: 20px;
}
*:focus {
    outline:0;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: #f8f4f1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p > a {
    font-style: italic;
}
hr {
    display:block;
    height:1px;
    border:0;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
h1.title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 10px 0 30px;
}
.d-none {
    display: none;
}
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');

.clear {clear: both;}
.underline:after,.logo,.slick-prev,.slick-next,a,.slider .item img,.slider .item .overlay-caption,.main-slider .caption h2,#youtube-wrapper,#projectSlider,.btn,.project-content .item a:after,.projectList .item img {
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
}

header {
    background: rgba(0,0,0,.85);
    height: 100vh;
    color: #fff;
    width: 100%;
    position: fixed;
    top: -100vh;
    left: 0;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

header.active {
    opacity: 1;
    pointer-events: all;
    top: 0;
}

header #main-menu {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

header #main-menu ul li a {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 60px;
    font-size: 30px;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.lang-wrapper .language ul > li > a:after,
header #main-menu ul li a:after {
    content: '';
    background: #ffffff;
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 3px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.lang-wrapper.language ul > li > a:hover:after,
header #main-menu ul li a:hover:after {
    bottom: 10px;
    opacity: 1;
}

.lang-wrapper .language ul > li > a:after {
    bottom: -15px;
}

.lang-wrapper .language ul > li > a:hover:after {
    bottom: -5px;
    opacity: 1;
}

header #main-menu ul li.has-sub {
    margin-bottom: 50px;
}

header p.description {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 70px;
    font-size: 20px;
    color: #ffffff;
}

.lang-wrapper {
    position: absolute;
    top: 19px;
    right: 80px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 35px;
}

.lang-wrapper a {
    color: #ffffff;
    position: relative;
}

.lang-wrapper a i {
    color: #ffffff;
    font-size: 35px;
}

.lang-wrapper .language > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.lang-wrapper:hover .language > ul {
    max-height: 200px;
}

.main-slider {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.main-slider .mouse {
	width: 30px;
	height: 54px;
	border: 2px solid #dfdfdf;
	border-radius: 60px;
	position: absolute;
	bottom: 150px;
	left: calc(50% - 15px);
	z-index: 11;
}

.main-slider .mouse p{
    position: absolute;
    top: 70px;
    left: -15px;
    width: 64px;
    text-align: center;
    color: #dfdfdf;
}

.main-slider .mouse:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #dfdfdf;
	border-radius: 50%;
	opacity: 1;
	animation: wheel 2s infinite;
	-webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 35px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 35px;
	}
}

body.tp-home .main-slider:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.75);
    z-index: 10;
}

.main-slider .caption {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 11;
}

.main-slider .caption h2 {
    background: rgba(0,0,0,0.2);
    padding: 26px;
    display: block;
    margin: 0;
    font-weight: initial;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-weight: 300;
}

.main-slider .caption h2.scrolled {
    background: rgba(248, 244, 241, 1);
    color: #373737;
    padding: 50px 26px;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.logo{
    height: 61px;
    width: 70px;
    background: url(../images/logo_w.png) top center;
    position: absolute;
    cursor: pointer;
    top: 15px;
    left: 15px;
    z-index: 101;
    background-size: contain;
    background-repeat: no-repeat;
}

body.tp-home .logo {
    opacity: 0;
}

.menu-btn {
    position: fixed;
    top: 18px;
    right: 22px;
    cursor: pointer;
    z-index: 101;
    height: 35px;
    border-width: 0px 2px 1px;
}

.menu-btn .bar {
    width: 35px;
    height: 5px;
    background-color: #dddedd;
    margin: 5px 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.menu-btn.active .bar-top {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    -moz-transform: rotate(-45deg) translate(-9px, 6px);
    -ms-transform: rotate(-45deg) translate(-9px, 6px);
    -o-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.menu-btn.active .bar-midle {opacity: 0;}

.menu-btn.active .bar-bottom {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    -moz-transform: rotate(45deg) translate(-8px, -8px);
    -ms-transform: rotate(45deg) translate(-8px, -8px);
    -o-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.content {
    padding-top: 50px;
    background: rgba(248, 244, 241, 1);
}

/* Slick slider srettings */
.slick-prev,.slick-next {
    position: absolute;
    top: 0;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px auto;
    background-color: rgba(248, 244, 241, 1);
    width: 40px;
    height: 100%;
    border: 0;
    opacity: 0.35;
    z-index: 1;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-prev:hover,.slick-next:hover {
    opacity: 1;
}
.slick-prev {
    left: 0;
    background-image: url('../images/left-arrow.png');
}
.slick-next {
    right: 0;
    background-image: url('../images/right-arrow.png');
}
.slick-disabled{
    opacity: 0 !important;
}

/* Home */
.home-article-slider {
    padding-bottom: 1px;
}

.home-article-slider .item.first-cell {
    width: calc(20vw - 100px);
    min-width: 120px;
}
.home-article-slider .item {
    position: relative;
    overflow: hidden;
	margin-right: 1px;
}
.home-article-slider .item.first-cell p {
    padding: 20px;
}
.home-article-slider .item.first-cell span {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}
.home-article-slider .item.first-cell span a{
    position: relative;
}
.home-article-slider .item.first-cell span a:after{
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.home-article-slider .item.first-cell span a:hover:after{
    opacity: 1;
    bottom: -5px;
}
.home-article-slider .item img {
    width: 20vw;
    height: 100%;
    max-width: 100%;
}
.home-article-slider .item .overlay-caption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;}
.home-article-slider .item:hover .overlay-caption{
    opacity: 1;
}
.home-article-slider .item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform:     scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    transform:         scale(1.1);
}
.home-article-slider .item .overlay-caption a {
    display: block;
    width: 100%;
    height: 100%
}
.home-article-slider .item .overlay-caption h3 {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform:     translate(-50%,-50%);
    -moz-transform:    translate(-50%,-50%);
    -o-transform:      translate(-50%,-50%);
    transform:         translate(-50%,-50%);
    color: #eeeeee;
    text-align: center;
    width: 80%;
    margin: 0;
}

/* Article page */

#youtube-wrapper {
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	pointer-events: none;
	z-index: 99;
	position: absolute;
}

#ytplayer {
	position: absolute;
}

#projectSlider {
	position: relative;
    left: 50vw;
    top: 50vh;
    min-width: 100vw;
    min-height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#projectSlider .slick-slide {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#projectSlider .slick-slide img {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
}

#projectSlider .slick-prev,
#projectSlider .slick-next {
	background-color: transparent;
}

.project-content {
	padding: 50px;
}

.project-content h1 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.project-content .item {
	display: block;
	padding-top: 5px;
    line-height: 20px;
}

.project-content .item a {
	color: #000;
    font-style: italic;
	position: relative;
}


.project-content .item p {
    display: inline-block;
}

.underline {
	position: relative;
}

.underline:after,
.project-content .item a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;	
    -webkit-transform: translateX(-50%);
    -ms-transform:     translateX(-50%);
    -moz-transform:    translateX(-50%);
    -o-transform:      translateX(-50%);
    transform:         translateX(-50%);
	height: 1px;
	width: 0;
	background: #000000;
}

.underline:hover:after,
.project-content .item a:hover:after {
	width: 100%;
}

.project-content .item span {
	font-weight: 500;
	width: 150px;
	display: inline-block;
}

#closeVideo {
	position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 9;
    height: 30px;
    width: 30px;
    border: 0;
    background: rgba(255,255,255,0.5);
    color: #000000;
    line-height: 30px;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
	z-index: 99;
}

.nivo-directionNav a {
	margin: 0 20px;
    height: 30px;
    width: 30px;
    background-color: rgba(255,255,255,0.5);
    font-size: 0;
    cursor: pointer;
	background-position: center;	
    background-repeat: no-repeat;
    background-size: 10px;
}
.nivo-prevNav {
    background-image: url('../images/left-arrow.png');
}
.nivo-nextNav {
    background-image: url('../images/right-arrow.png');
}

/* Project list page */
.projectList {
    display: block;
    width: 100%;
}
.projectList .item {
	width: 20%;
	float: left;
    margin: 0 0 -3px;
    padding: 0;
    max-width: inherit;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px #ffffff;
    -moz-box-shadow: 0 0 0 1px #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
}
.projectList .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.projectList .item a h3{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #eee;
    text-align: center;
    width: 80%;
    margin: 0;
}
.projectList .item .overlay-caption {
	opacity: 0;
}
.projectList .item:hover .overlay-caption {
	opacity: 1;
}
.projectList .item img {
	width: 100%;
}
.projectList .item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* Footer */
.footer {
    background: rgba(248, 244, 241, 1);
}
.footer:before {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    margin: auto;
    background: rgba(0,0,0,0.5);
}
.footer p {
    margin: 0;
    padding: 50px;
	font-size: 12px;
    display: inline-block;
	line-height: 16px;
}
.footer p.copyright {
    float: right;
    text-align: right;
}
.footer p.copyright .social-wrapper {
    display: block;
}
.footer p.copyright .social-wrapper a {
    font-size: 16px;
    margin: 0 0 10px 10px;
    display: inline-block;
}

.slider-wrapper.theme-default {
    position: absolute;
    left: 50vw;
    top: 50vh;
    min-width: 100vw;
    min-height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.container_skitter {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
}


.skitter-normal {
    max-width: 100%;
    overflow: hidden;
    height: 100vh !important;
    margin: 0 !important;
}

.skitter .box_clone {
    height: 100vh !important;
    width: calc((100vw / 16) + 2px) !important;
    object-fit: cover;
	object-position: bottom;
}

.skitter .box_clone img {
    height: 100vh;
    object-fit: cover;
	object-position: bottom;
    margin-left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 50vh;
    width: 100vw;
}

.skitter .container_skitter .image_main {
    height: 100vh !important;
    object-fit: cover;
	object-position: bottom;
}
.skitter-minimalist .next_button,
.skitter-minimalist .prev_button {
    background-color: rgba(255,255,255,0.75);
    width: 35px;
    background-position: center -24px;
    border-radius: 50%;
    height: 35px;
}
.skitter-minimalist .prev_button {
    background-position: center 5px;
}


.portrait-view .skitter .box_clone{
    width: calc((100vw / 10) + 2px) !important;
}
.portrait-view .skitter .box_clone img {
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    margin-top: 0;
}

.portrait-view .skitter .container_skitter .image_main,
.portrait-view .skitter .box_clone,
.portrait-view .skitter .box_clone img,
.portrait-view .main-slider.project-slider,
.portrait-view .main-slider.project-slider .skitter-normal,
.portrait-view .main-slider.project-slider .container_skitter {
    height: calc(100vw / 1920 * 1080) !important;
}

.portrait-view .project-content {
    min-height: calc(100vh - calc(100vw / 1920 * 1080) - 225px);
}

/* Contact */
#contact {
    width: 854px;
    max-width: calc(100% - 20px);
    margin: auto;
    padding: 150px 10px;
}

#contact .items-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin: 60px 0;
}

#contact .items-wrapper .item {
    display: block;
    padding: 10px 10px 50px;
    width: calc(100% / 3 - 20px);
    position: relative;
}

#contact .items-wrapper .item button {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#contact .items-wrapper .item .title {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    line-height: 25px;
    font-weight: 700;
}

#contact .items-wrapper .item p {
    line-height: 22px;
    margin-bottom: 15px;
}

#contact .items-wrapper .item p b,
#contact .items-wrapper .item p strong {
    font-weight: 700;
}

#contact p.description {
    margin-bottom: 60px;
}

#contact .send-request {
    line-height: 18px;
    padding: 10px 25px;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #000000;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#contact .send-request:hover {
    background: #000000;
    color: #ffffff;
}

#contact_form,
#carrer_form {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#contact_form .form-group,
#carrer_form .form-group {
    width: calc(100% - 20px);
    padding: 0 10px;
}

#contact .modal-title {
    display: block;
    width: 100%;
    padding: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin: -20px 0 30px;
}

#contact .form-control{
    border: 1px solid #000000;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    width: calc(100% - 22px);
    border-width: 0 0 1px;
    border-radius: 0;
    background: transparent;
    text-indent: 45px;
}

#contact select.form-control {
    width: 100%;
    text-indent: 60px;
}

#contact #portfolio {
    text-indent: 85px;
}

#contact textarea.form-control{
    height: auto;
    text-indent: 0;
    padding: 0;
    width: 100%;
}

#contact .form-group .antispam-wrapper,
#contact .form-group label {
    margin: -25px 0 25px;
    display: block;
}

#contact .form-group.file-input label {
    background: #f8f4f1;
    position: relative;
    z-index: 1;
    line-height: 28px;
    top: -27px;
    width: auto;
    display: inline-block;
    left: -3px;
}

#contact .form-group.textarea-group label {
    margin: 0;
}

#contact .form-group.antispam-wrapper,
#contact .form-group.btn-wrapper,
#contact .form-group.name-input {
    width: calc(50% - 20px);
}

#contact .form-group.antispam-wrapper {
    display: flex;
    margin: 15px 0 5px;
}

#contact .form-group.antispam-wrapper {
    display: flex;
    margin: 15px 0 5px;
}

#contact .form-group.antispam-wrapper label {
    margin: 0 10px 0 0;
    line-height: 16px;
    font-size: 14px;
}

#contact .form-group.btn-wrapper {
    margin: 25px 0 5px;
}

#contact .form-group.btn-wrapper .btn {
    line-height: 18px;
    padding: 10px 25px;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    cursor: pointer;
    border: 1px solid #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#contact .form-group.btn-wrapper .btn:hover {
    color: #ffffff;
    background: #000000;
}

#msgError {
    width: 100%;
    color: #ff0000;
    padding: 10px;
}

#msgSubmit {
    width: 100%;
    color: #008000;
    padding: 10px;
}

/* Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.75);
    width: 100vw;
    height: 100vh;
}

.modal form {
    position:absolute;
    display:block;
    width: 600px;
    max-width: calc(100% - 100px);
    padding: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f8f4f1;
    z-index: 1000000;
}

.close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.close-modal:before,
.close-modal:after {
    content: '';
    width: 25px;
    height: 2px;
    background: rgb(0 0 0 / 50%);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}


.close-modal:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.award-winning-img {
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 99;
}

.letter {
	position: fixed !important;
	z-index: 10;
}

.letters-wrapper {
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	pointer-events: none;
    z-index: 10000000000000000;
    opacity: 0.75;
}

#basicBoard span{
	margin-right: 2px;
}

@media (max-width: 768px) {
    .projectList .item,
    .home-article-slider .item img {
        width: 25vw;
    }

    .project-content {
        padding: 20PX 20px 50PX;
    }

    .footer p {
        padding: 20px;
    }

    h1.title {
        text-align: center;
    }

    #contact .items-wrapper .item {
        width: 100%;
        padding: 20px 0;
    }

    #contact .items-wrapper .item button {
        position: relative;
    }

    #contact {
        padding: 105px 10px;
    }

    #contact_form,
    #carrer_form {
        padding: 30px 10px;
        max-width: calc(100% - 40px);
        margin: 0;
    }

    #contact .form-group.antispam-wrapper,
    #contact .form-group.btn-wrapper, 
    #contact .form-group.name-input {
        width: calc(100% - 20px);
    }
}

@media (max-width: 480px) {
    .projectList .item {
        width: calc(100vw / 3);
    }

}