/*!
Theme Name: eyedropperfill
Author: ann@plaimanas.com
Description:Theme design by Plaimanas Industries CO., LTD.
Version: 1.0.0
Text Domain: eyedropperfill
*/

@font-face {
    font-family: 'GothamUltra';
    src: url('fonts/GothamUltra.eot');
    src: url('fonts/GothamUltra.eot') format('embedded-opentype'),
         url('fonts/GothamUltra.woff2') format('woff2'),
         url('fonts/GothamUltra.woff') format('woff'),
         url('fonts/GothamUltra.ttf') format('truetype'),
         url('fonts/GothamUltra.svg#GothamUltra') format('svg');
}
@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/GothamBlack.eot');
    src: url('fonts/GothamBlack.eot') format('embedded-opentype'),
         url('fonts/GothamBlack.woff2') format('woff2'),
         url('fonts/GothamBlack.woff') format('woff'),
         url('fonts/GothamBlack.ttf') format('truetype'),
         url('fonts/GothamBlack.svg#GothamBlack') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}


html,
body {
	margin: 0;
	padding: 0;
    height: 100%;
	color: white;
	font-size: 16px;
	font-weight: 400;
    line-height: 1.5;
    font-family: 'GothamBook';
    letter-spacing: 2px;
}
body {
    overflow-x: hidden;
}
img {
	border-style: none;
}
a {
	text-decoration: none;
	color: white;
    transition: 0.4s;
    pointer-events: auto;
}
input, button, select, textarea {
    font-family: 'GothamBook';
}
*:focus {
    outline: none;
}
textarea {
	resize: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
    position: relative;	
}
/* Header */
/*#index header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}*/
header {
	padding: 0 30px;
    box-sizing: border-box;
	margin: 0;
	z-index: 99;
    clear: both;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    border-bottom: solid 2px white;
    position: absolute;
    width: 100%;
}
.header.fixed{
	position: fixed;
}
body.fp-viewing-menu_main header {
    background: rgba(229,217,54,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,217,54,1)), color-stop(81%, rgba(209,56,53,1)), color-stop(100%, rgba(209,56,53,1)));
    background: linear-gradient(to right, rgba(229,217,54,1) 0%, rgba(209,56,53,1) 81%, rgba(209,56,53,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d936', endColorstr='#d13835', GradientType=1 );
}
body.fp-viewing-menu_about header,
body.fp-viewing-menu_process header,
body.fp-viewing-menu_news header,
body.pagecontent header, 
body.fp-viewing-menu_contact header {
    background: rgba(0,0,0,.3);
}
body.fp-viewing-menu_work header {
    background: rgba(39,163,103,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,163,103,1)), color-stop(100%, rgba(0,153,214,1)));
    background: linear-gradient(to right, rgba(39,163,103,1) 0%, rgba(0,153,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a367', endColorstr='#0099d6', GradientType=1 );
}
body.fp-viewing-menu_lab header{
    background: rgba(44,180,114,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(44,180,114,1)), color-stop(100%, rgba(231,64,58,1)));
    background: linear-gradient(to right, rgba(44,180,114,1) 0%, rgba(231,64,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb472', endColorstr='#e7403a', GradientType=1 );
}
body.fp-viewing-menu_education header {
    background: rgba(228,219,55,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,219,55,1)), color-stop(81%, rgba(1,154,215,1)), color-stop(100%, rgba(1,154,215,1)));
    background: linear-gradient(to right, rgba(228,219,55,1) 0%, rgba(1,154,215,1) 81%, rgba(1,154,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4db37', endColorstr='#019ad7', GradientType=1 );
}



.logo {
    width: 180px;
    display: block;
}
#menu li {
	display: inline-block;
    box-sizing: border-box;
    margin-left: 40px;
    transition: all .4s;
}
#menu:hover li a {
    opacity: .3;
    transition: all .4s;
}
#menu:hover li:hover a {
    opacity: 1;
	background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: menugradient 10s infinite linear;
}
#menu li a,
#menu li.active a{
	padding: 25px 0;
	display: block;
}
#menu li a {
    position: relative;
}
#menu li a:after {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
    content: '';
    visibility: hidden;
    opacity: 0;
}
#menu li.active a, 
#menu li a.current {
	background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: menugradient 10s infinite linear;
}
#menu li.active a:after {
    opacity: 1;
    visibility: visible;
}
#menu {
	padding: 0;
	margin: 0;
    font-family: 'GothamUltra';
    color: white;
    text-transform: uppercase;
}




@-webkit-keyframes menugradient {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

.phonemenu {
    display: none;
}


/* Content */
main {
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 100vh;
    clear: both;
}

.myVideo{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-position: center center;
    background-size: contain;
   	-o-object-fit: cover;
   	   object-fit: cover; /*cover video background */
   	z-index:3;
}
/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
.layer{
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    transform: translate3d(0,0,0);
}
/*solves problem with overflowing video in Mac with Chrome */
#section0, #section2, #section4, #section5 {
    overflow: hidden;
}
/* Hiding video controls
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
* --------------------------------------- */
video::-webkit-media-controls {
    display:none !important;
}



.nextpage {
    width: 120px;
    height: 60px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 4;
    cursor: pointer;
    transition: all .4s;
    overflow: hidden;
}
.nextpage:after {
    content: '';
    background: url(images/arrow.png) no-repeat center;
    background-size: 100%;
    width: 21px;
    height: 35px;
    transform: translateX(-50%) rotate(90deg);
    position: absolute;
    top: 25px;
    left: 50%;
    margin: 0;
    padding: 0;
}
.nextpage:before {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: solid 1px white;
    box-sizing: border-box;
    border-radius: 100%; 
}
#section1 {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    flex-direction: column;
}
.title {
    font-size: 48px;
    font-family: 'GothamUltra';
    text-transform: uppercase;
    margin: 0;
}
.wrap {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    flex-direction: column;
    height: 100%;
    width: 950px;
    text-align: center;
    max-width: 90%;
    margin: auto;
}
section[name=about] p {
    letter-spacing: 1.5px;
}
section[name=contact] p {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
}
.btn {
    font-family: 'GothamBlack';
    font-size: 20px;
    padding: 15px 30px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 15px;
    /*border-image: conic-gradient(#0cafcd, #5345a1, #e23d3e,  #5345a1, #0cafcd, #2bb573, #fff23b, #2bb573, #0cafcd) 1;*/
    margin-top: 50px;
    transition: all 0.4s ease-in-out;
}
.btn:hover {
    transform: scale(0.9);
}
.copyright {
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-family: 'GothamBold';
    letter-spacing: 1px;
}
.process-content {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    margin-top: 50px;
    max-width: 90%;
    margin: 0 auto;
}
.process-box {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 100px;
    width: 220px;
}
.process-box:before {
    width: 180px;
    height: 1px;
    background: white;
    content: '';
    position: absolute;
    top: 35px;
    left: calc(100% + 10px);
}
.process-box:last-child:before {
    display: none;
}
.process-box h3 {
    font-size: 20px;
    font-family: 'GothamBlack';
    text-transform: uppercase;
}
.process-box img {
    max-height: 120px;
    transition: all .4s;
}
.process-box:hover img {
    transform: scale(1.05);
}
.coverpic {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
    display: block;
}
.section_news .swiper-slide{
	height: auto;
}
.news-content {
	height: 100%;
    background: white;
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;*/
	display: table;
    color: black;
    width: 100%;
    margin-top: 30px;
}
.section_news  .news_bg{
	height: 100%;
	width: 65%;
	display: table-cell;
	background-size: cover;
}
/*.section_news article{
	width: 35%;
	height: 100%;
	display: table-cell;
	background: #FFF;
}*/
/*.news-content img {
    width: 625px;
    display: block;
}*/
.news-content article {
    /*width: 260px;*/
    margin: auto;
    padding: 50px 25px;
    box-sizing: border-box;
    text-align: left;
    letter-spacing: 0;
    width: 35%;
    height: 100%;
    display: table-cell;
}
.news-title {
    font-size: 34px;
    font-family: 'GothamBlack';
    text-transform: uppercase;
    margin: 0;    
    line-height: 1;
}
.news-content p {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;    
}
.news-category {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'GothamBold';
    margin: 0;
}
.news-category:before , .news-category:after {
    content: '';
    width: 50%;
    height: 1px;
    background: black;
    display: block;
    margin: 20px 0;
}
.news-day {
    font-family: 'GothamBlack';
    font-size: 25px;
    text-transform: uppercase;
    margin: 0;    
}
.news-place {
    font-size: 20px;
    margin: 0;
    font-family: 'GothamBold'; 
    line-height: 1;
}
.page-about, .page-process, .page-team, .page-education {
    width: 100%;
    min-height: 100vh;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    box-sizing: border-box;
}
.about-btn {
    margin: 90px auto 0 auto;
}
.about-btn .btn {
    margin: auto 40px;
    display: inline-block;
}
.process-info {
    width: 100%;
    margin-top: 50px;
}
.page-process .wrap {
    width: auto;
    margin: 0 100px;
}
.page-team {
    padding: 150px 0;
}
.team-content {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    flex-wrap: wrap;
    margin: 50px 0;
}
.team-content:after {
    width: 90%;
    height: 2px;
    content: '';
    display: block;
    background: rgba(253,240,60,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,240,60,1)), color-stop(24%, rgba(53,184,112,1)), color-stop(51%, rgba(19,176,184,1)), color-stop(76%, rgba(52,107,190,1)), color-stop(100%, rgba(228,61,61,1)));
    background: linear-gradient(to right, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf03c', endColorstr='#e43d3d', GradientType=1 );
    margin: auto;
}
.team-content:last-child:after {
    display: none;
}
.team-box {
    width: 46%;
    margin-bottom: 50px;
    text-align: left;
    letter-spacing: 1px;
}
.team-box img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40px;
}
.team-box h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    font-family: 'GothamBlack';
}
.team-box p {
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}
.page-education {
    overflow: hidden;
    height: 100vh;
    background-size: cover;
    transition: background-image 0.2s ease-in-out;
    background-color: #000;
}
.page-education a.title:after {
    width: 80px;
    height: 3px;
    content: '';
    display: block;
    background: #fff;
    /*background: -moz-linear-gradient(left, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,240,60,1)), color-stop(24%, rgba(53,184,112,1)), color-stop(51%, rgba(19,176,184,1)), color-stop(76%, rgba(52,107,190,1)), color-stop(100%, rgba(228,61,61,1)));
    background: -webkit-linear-gradient(left, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    background: -o-linear-gradient(left, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    background: -ms-linear-gradient(left, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    background: linear-gradient(to right, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf03c', endColorstr='#e43d3d', GradientType=1 );
       */ margin: 30px auto;
}
.page-education a.title:last-child:after {
    display: none;
}
.lab {
    padding-top: 220px;
    margin: 0 50px;
    position: relative;
}
.lab-box {
    position: relative;
    float: left;
    z-index: 1;
}
.lab-box img {
	height: auto;
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.lab-box:hover img {
    transform: scale(1.05);
}
.lab-box:hover {
    z-index: 10;
}
.page-work {
    padding: 150px 0;
    margin: 0 50px;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	/* -moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start; */
    flex-wrap: wrap;
}
.work-box {
    width: 49%;
    margin: 15px 0;
    position: relative;
}
.work-box img {
    width: 100%;
    display: block;
}
.work-box article {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}
.work-box h3 {
    font-size: 30px;
    font-family: 'GothamBold';
    margin: 0;    
}
.work-box p {
    margin: 0;
}
.work-box:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    background: rgba(0,0,0,.5);
}
.work-box:hover article, 
.work-box:hover:after {
    opacity: 1;
    visibility: visible;
}
.work-box:nth-child(3n+1) {
    width: 100%;
}

.work-box > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}
.work-box > a > .imgwrap {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.work-box > a > .imgwrap:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-top: 59.75%;
}


.work-filter {
    background: rgba(0,0,0,.3);
    border-bottom: solid 2px white;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
    width: 100%;
}
.worksingle-slide .swiper-container{
	background: #000;
}
.worksingle-slide .swiper-wrapper{
	
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	
}
.worksingle-slide .swiper-slide{
	text-align: center;
}
.worksingle-slide .swiper-slide img{
	max-width: 100%;
	max-height: calc(100vh - 153px);
	width: auto;
	height: auto;
}
.work-filter li {
    font-family: 'GothamBold';
    text-transform: uppercase;
    font-size: 11px;
    max-width: 100px;
    margin: 0 30px;
    text-align: center;
}
.work-filter li a {
    padding-top: 20px;
    display: block;
    position: relative;
}
.work-filter li:hover a,
.work-filter li.active a {
	background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: menugradient 10s infinite linear;
}
.work-filter li a:before {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.work-filter li:hover a:before,
.work-filter li.active a:before {
    opacity: 1;
    visibility: visible;
}

.worksingle-slide {
    width: 100%;
    position: relative;
}
.worksingle-slide .swiper-container {
    width: 100%;
}
.worksingle-slide .swiper-slide {
    width: 100%;
}


.worksg-next, .worksg-prev {
    width: 120px;
    height: 120px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: absolute;
    z-index: 4;
    cursor: pointer;
    transition: all .4s;
    overflow: hidden;
    line-height: 120px;
    font-family: 'GothamBold';
    font-size: 11px;
    text-transform: uppercase;
}
.worksg-prev {
    left: 0;
    right: auto !important;
    text-align: right;
    width: 140px;
}
.worksg-next:before, .worksg-prev:before {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    right: -50%;
    border: solid 1px white;
    box-sizing: border-box;
    border-radius: 100%; 
}
.worksg-prev:before {
    right: auto;
    left: -50%;
}
.worksg-next:after, .worksg-prev:after {
    content: '';
    background: url(images/arrow.png) no-repeat center;
    background-size: 100%;
    width: 21px;
    height: 35px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    margin: 0;
    padding: 0;
}
.worksg-prev:after {
    transform: translateY(-50%)  rotateY(-180deg);
    left: 10px;
    right: auto;
}




.page-worksingle {
    padding: 40px 0 140px 0;
    margin: 0 50px;
}
.project-info, .project-by {
    margin: 20px 0;
    background: rgba(0,0,0,.4);
    padding: 30px;
    box-sizing: border-box;
}
.project-title {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    flex-wrap: wrap;
    text-transform: uppercase;
}
.project-title h3:last-child {
    text-align: right;
}
.project-title h1 {
    font-size: 30px;
    max-width: 33%;
}
.project-title h3 {
    font-size: 16px;
    margin: 0;
}
.project-info p {
    max-width: 70%;
}
.page-worksingle img {
    width: 100%;
    display: block;
    margin: 40px 0;
    max-width: 100%;
    height: auto;
}
.project-by {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    flex-wrap: wrap;
}
.project-by h3 {
    font-family: 'GothamUltra';
    font-size: 14px;
}
.project-by .pos {
    font-size: 14px;
    margin: 10px 0;
}
.project-by article {
    width: 48%;
}
.project-by .pos div{
	clear: left;
}
.project-by .pos div span{
    font-family: 'GothamBold';   
    display: inline-block;
}
.page-contact {
    padding: 151px 0 200px 0;
}
.archive-work,.tax-edu,.single-work main{
	padding: 76px 0 0;
}
.contact1, .contact3 {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    flex-direction: column;
    text-align: center;
    max-width: 90%;
    margin: auto;
}
.contact2 {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	justify-content: center;
	align-items: flex-start;
    margin: auto;
    max-width: 80%;
    flex-wrap: wrap;
    text-align: center;
}
.page-contact h2 {
    font-size: 30px;
    margin: 0;
}
.page-contact h3 {
    font-size: 26px;
    margin: 0 0 10px 0;
    line-height: 1.2;
}
.page-contact p {
    margin: 0;
    letter-spacing: 0;
}
.page-contact .contact2 p{
	font-size: 14px;
}
.contact1:after, .contact3:before {
    width: 800px;
    max-width: 80%;
    height: 3px;
    content: '';
    display: block;
    background: rgba(253,240,60,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,240,60,1)), color-stop(24%, rgba(53,184,112,1)), color-stop(51%, rgba(19,176,184,1)), color-stop(76%, rgba(52,107,190,1)), color-stop(100%, rgba(228,61,61,1)));
    background: linear-gradient(to right, rgba(253,240,60,1) 0%, rgba(53,184,112,1) 24%, rgba(19,176,184,1) 51%, rgba(52,107,190,1) 76%, rgba(228,61,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf03c', endColorstr='#e43d3d', GradientType=1 );
    margin: 70px auto;
    clear: both;
}
.contact2 div {
    max-width: 25%;
}
.googlemap {
    width: 100%;
    height: 475px;
    display: block;
    margin: 70px 0 0 0;
}
.page-contact .social {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    margin: 30px auto;
}
.page-contact .social a {
    width: 30px;
    padding: 15px;
    border: solid 1px white;
    margin: 0 7px;
    border-radius: 100%;
}
.page-contact .social a img {
    width: 100%;
    display: block;
}
.page-contact .social a:hover {
    transform: translateY(-5px);
}

/*

    font-family: 'GothamUltra';
    font-family: 'GothamBlack';
    font-family: 'GothamBold';
    font-family: 'GothamBook';

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


*/


/* Background Color */
.blue-purple {
    background: rgba(0,171,238,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,171,238,1)), color-stop(100%, rgba(101,46,144,1)));
    background: linear-gradient(to right, rgba(0,171,238,1) 0%, rgba(101,46,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abee', endColorstr='#652e90', GradientType=1 );
}
.green-blue {
    background: rgba(39,163,103,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,163,103,1)), color-stop(100%, rgba(0,153,214,1)));
    background: linear-gradient(to right, rgba(39,163,103,1) 0%, rgba(0,153,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a367', endColorstr='#0099d6', GradientType=1 );
}
.yellow-red {   
    background: rgba(229,217,54,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,217,54,1)), color-stop(81%, rgba(209,56,53,1)), color-stop(100%, rgba(209,56,53,1)));
    background: linear-gradient(to right, rgba(229,217,54,1) 0%, rgba(209,56,53,1) 81%, rgba(209,56,53,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d936', endColorstr='#d13835', GradientType=1 );
}
.red-green {
    background: rgba(231,64,58,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(231,64,58,1)), color-stop(100%, rgba(44,180,114,1)));
    background: linear-gradient(to right, rgba(231,64,58,1) 0%, rgba(44,180,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7403a', endColorstr='#2cb472', GradientType=1 );
}
.green-red {
    background: rgba(44,180,114,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(44,180,114,1)), color-stop(100%, rgba(231,64,58,1)));
    background: linear-gradient(to right, rgba(44,180,114,1) 0%, rgba(231,64,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb472', endColorstr='#e7403a', GradientType=1 );
}
.purple-red {
    background: rgba(103,45,144,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103,45,144,1)), color-stop(100%, rgba(231,61,58,1)));
    background: linear-gradient(to right, rgba(103,45,144,1) 0%, rgba(231,61,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#672d90', endColorstr='#e73d3a', GradientType=1 );
}
.yellow-blue {
    background: rgba(228,219,55,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,219,55,1)), color-stop(81%, rgba(1,154,215,1)), color-stop(100%, rgba(1,154,215,1)));
    background: linear-gradient(to right, rgba(228,219,55,1) 0%, rgba(1,154,215,1) 81%, rgba(1,154,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4db37', endColorstr='#019ad7', GradientType=1 );
}
.yellow-green {
    background: rgba(228,219,55,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,219,55,1)), color-stop(100%, rgba(44,181,115,1)));
    background: linear-gradient(to right, rgba(228,219,55,1) 0%, rgba(44,181,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4db37', endColorstr='#2cb573', GradientType=1 );
}
.yellow-purple {
    background: rgba(228,219,55,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,219,55,1)), color-stop(100%, rgba(103,45,144,1)));
    background: linear-gradient(to right, rgba(228,219,55,1) 0%, rgba(103,45,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4db37', endColorstr='#672d90', GradientType=1 );
}
.green-purple {
    background: rgba(44,178,115,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(44,178,115,1)), color-stop(100%, rgba(103,45,144,1)));
    background: linear-gradient(to right, rgba(44,178,115,1) 0%, rgba(103,45,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb273', endColorstr='#672d90', GradientType=1 );
}
.blue-red {
    background: rgba(5,169,234,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,169,234,1)), color-stop(100%, rgba(226,63,63,1)));
    background: linear-gradient(to right, rgba(5,169,234,1) 0%, rgba(226,63,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a9ea', endColorstr='#e23f3f', GradientType=1 );
}
.red-blue {
    background: rgba(226,63,63,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,63,63,1)), color-stop(100%, rgba(5,169,234,1)));
    background: linear-gradient(to right, rgba(226,63,63,1) 0%, rgba(5,169,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23f3f', endColorstr='#05a9ea', GradientType=1 );
}
.purple-blue {
    background: rgba(100,49,147,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,49,147,1)), color-stop(100%, rgba(5,169,234,1)));
    background: linear-gradient(to right, rgba(100,49,147,1) 0%, rgba(5,169,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#643193', endColorstr='#05a9ea', GradientType=1 );
}
.red-yellow {
    background: rgba(232,61,58,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,61,58,1)), color-stop(100%, rgba(254,228,59,1)));
    background: linear-gradient(to right, rgba(232,61,58,1) 0%, rgba(254,228,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83d3a', endColorstr='#fee43b', GradientType=1 );
}
.red-purple {
    background: rgba(232,61,58,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,61,58,1)), color-stop(100%, rgba(109,46,140,1)));
    background: linear-gradient(to right, rgba(232,61,58,1) 0%, rgba(109,46,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83d3a', endColorstr='#6d2e8c', GradientType=1 );
}
.purple-yellow {
    background: rgba(109,46,140,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109,46,140,1)), color-stop(100%, rgba(243,225,66,1)));
    background: linear-gradient(to right, rgba(109,46,140,1) 0%, rgba(243,225,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d2e8c', endColorstr='#f3e142', GradientType=1 );
}
.blue-yellow {
    background: rgba(0,175,238,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,175,238,1)), color-stop(100%, rgba(243,225,66,1)));
    background: linear-gradient(to right, rgba(0,175,238,1) 0%, rgba(243,225,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afee', endColorstr='#f3e142', GradientType=1 );
}
.green-yellow {
    background: rgba(43,181,114,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,181,114,1)), color-stop(100%, rgba(243,225,66,1)));
    background: linear-gradient(to right, rgba(43,181,114,1) 0%, rgba(243,225,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb572', endColorstr='#f3e142', GradientType=1 );
}


/* Footer */
footer {
	position: absolute;
	bottom: 30px;
    right: 30px;
    z-index: 10;
}
footer.fixed {
    position: fixed;
}
footer.none {
    display: none;
}
footer nav {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
footer nav a {
    width: 34px;
    height: 34px;
    border: solid 1px white;   
    border-radius: 100%;
    margin-left: 8px;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
footer nav a img {
    width: 15px;
    display: block;
}
footer nav a:hover {
    transform: translateY(-5px);
}
[data-visible] {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
}
[data-visible].visible {
    opacity: 1;
    visibility: visible;
}
[data-delay-0-5] {
    transition-delay: 0.5s;
}
[data-delay-1] {
    transition-delay: 1s;
}
[data-delay-1-5] {
    transition-delay: 1.5s;
}
[data-delay-2] {
    transition-delay: 2s;
}
[data-delay-2-5] {
    transition-delay: 2.5s;
}
[data-delay-3] {
    transition-delay: 3s;
}


.imgwrap {
 	position: relative;
}
.imgwrap img {
	position: absolute;
	left: 0;
	top: 0;
	-o-object-fit: cover;
	   object-fit: cover;
       object-position: center;
	height: 100%;
	width: 100%;
}
.worklargesize.imgwrap{
	padding-top:42.244%;
}
.worksmallsize.imgwrap{
	padding-top:59.75%;
}
.newssize.imgwrap{
	padding-top: 56.4%;
}
.section_news .swiper-container{
	width: 100%;
}

.page-about{
	background: linear-gradient(97deg, #2233b9, #6822b9, #e9f35a);
	background-size: 600% 600%;
	
	-webkit-animation: aboutcolor 14s ease infinite;
	animation: aboutcolor 14s ease infinite;
}
@-webkit-keyframes aboutcolor {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@keyframes aboutcolor {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}


.page-process{
	background: linear-gradient(270deg, #b61d1d, #28f4ff, #ffeb4c);
	background-size: 600% 600%;
	
	-webkit-animation: processcolor 30s ease infinite;
	animation: processcolor 30s ease infinite;
}	
	@-webkit-keyframes processcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes processcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}


.page-team{
	background: linear-gradient(270deg, #f3861a, #c84000, #ffeb4c);
	background-size: 600% 600%;
	
	-webkit-animation: teamcolor 30s ease infinite;
	animation: teamcolor 30s ease infinite;
}	
	@-webkit-keyframes teamcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes teamcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

.page-contact{
	background: linear-gradient(270deg, #672d8f, #e63d3a);
	background-size: 400% 400%;
	
	-webkit-animation: contactcolor 30s ease infinite;
	animation: contactcolor 30s ease infinite;
}	
	@-webkit-keyframes contactcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes contactcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}


.archive-work{
	background: linear-gradient(270deg, #fcff00, #13ca00);
	background-size: 400% 400%;
	
	-webkit-animation: workcolor 30s ease infinite;
	animation: workcolor 30s ease infinite;
}	
	@-webkit-keyframes workcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes workcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

.archive-lab{
	background: linear-gradient(270deg, #e2db38, #0399d7);
	background-size: 400% 400%;
	
	-webkit-animation: labcolor 30s ease infinite;
	animation: labcolor 30s ease infinite;
}	
	@-webkit-keyframes labcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes labcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

.archive-education{
	background: linear-gradient(270deg, #040007, #ff0000);
	background-size: 400% 400%;
	
	-webkit-animation: educationcolor 30s ease infinite;
	animation: educationcolor 30s ease infinite;
}	
	@-webkit-keyframes educationcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes educationcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}



.tax-edu{
	background: linear-gradient(270deg, #040007, #ff0000);
	background-size: 400% 400%;
	
	-webkit-animation: taxeducolor 30s ease infinite;
	animation: taxeducolor 30s ease infinite;
}	
	@-webkit-keyframes taxeducolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes taxeducolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

.single-work{
	background: linear-gradient(270deg, #040007, #ff0000);
	background-size: 400% 400%;
	
	-webkit-animation: singlecolor 30s ease infinite;
	animation: singlecolor 30s ease infinite;
}	
	@-webkit-keyframes singlecolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes singlecolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	




/* Pagination */
#fp-nav ul li .fp-tooltip.fp-right {
    right: 4;
    background-color: #fff;
    width: 22px !important;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    color: #000;
    font-weight: bold;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {
    display: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 0;
    width: 1px;
    height: 20px;
    margin: 0;
    background-color: transparent;
    /*background: white;*/
}
#fp-nav ul li:hover a span {
    width: 1px;
    height: 12px;
    margin: 0;
    display: none;
}
#fp-nav ul li {
    height: 20px;
    margin: 0 0 5px 19px;
}
#fp-nav ul li .fp-tooltip {
    font-size: 11px;
    /*top: 11px;*/
    letter-spacing: 0;
}
#fp-nav ul {
    width: 4px;
	background: linear-gradient(-45deg, #7a43e6, #0144ea, #44e3c5, #e8fc05, #ff6e00, #ff0200);
	background-size: 600px 100%;
	-webkit-animation: fpnavcolor 10s ease infinite;
	        animation: fpnavcolor 10s ease infinite;
}
	@-webkit-keyframes fpnavcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes fpnavcolor {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	



/* Intro 
============================================== */
#intro {
    width: 100%;
    height: 100vh;
    min-height: 300px;
	background: linear-gradient(90deg,  #7a43e6, #0144ea, #44e3c5, #e8fc05, #ff6e00, #ff0200);
	background-size: 400% 400%;
	-webkit-animation: introBG 50s ease infinite;
	        animation: introBG 50s ease infinite;
    display: block;
}
@-webkit-keyframes introBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes introBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.intro-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,0.5);
    border-radius: 30px;
    color: #fff;
    padding: 40px;
    text-transform: uppercase;
    letter-spacing: 0;
    width: 315px;
}
.intro-box h3 {
    font-family: 'GothamBold';
    margin: 0 0 20px 0;
}
.intro-box ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.filter-menu {
    position: relative;
}
.filter-button {
    display: none;
}

.player{
	width: 100%;
	height: 100%;
}


#fullpage .fp-section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*  Plyr 
======================================================= */
.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded=true],
.plyr__control--overlaid {
    background: #fff;
    color: #000;
}
.plyr--full-ui input[type=range] {
    color: #fff;
}
.plyr__control.plyr__tab-focus {
    box-shadow: none;
}
.plyr__video-wrapper {
    height: 100%;
}
.plyr .player {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}
.plyr__control--overlaid {
    z-index: 2000;
}
.plyr--video {
    height: 100%;
}