#logo {font-family:"Arial" !important;font-weight:bold;letter-spacing:-0.025em;font-size:68px;line-height:68px;}
#menu {position:fixed;right:0;top:0;display:inline-block;background:#00FFCB;padding:15px;width:85px;height:85px;color:#000;}
.menu_trigger:hover,.menu_search:hover {cursor:hand;cursor:pointer;}
#menu:hover {cursor:hand;cursor:pointer;}

body {padding-top:85px;}
a {color:#333}
a:hover {text-decoration:none !important;color:#666;}

header {padding:10px;position:fixed;left:0;top:0;height:85px;width:100%;z-index:9 !important;}
header.subpage {background:#fff;z-index:9 !important;}

header #logo a:hover {text-decoration:none;}

header.homepage #logo a {color:#fff !important;}
header.homepage #menu i.menu_trigger {color:#333 !important;}

header.subpage #logo a {color:#333 !important;}

footer {padding:10px;}

.black_opacity {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:0;}

.menu_trigger, .menu_search {z-index:100 !important;position:absolute;right:25px;top:20px;}
#popup .menu_trigger, .menu_search {top:25px !important;}
.menu_search {right:100px;}

ul.topmenu {margin:0;padding:0;position:relative;display:inline-block;}
ul.topmenu li {display:inline-block;margin-right:60px;margin-top:18px;z-index:99;}
ul.topmenu li a {font-size:22px;font-weight:bold;}

header.homepage ul.topmenu li a {color:#fff;padding-bottom:2px;}
header.homepage ul.topmenu li a:hover {border-bottom: 1px solid #00FFCB}
header.subpage ul.topmenu li a {color:#000;padding-bottom:2px;}
header.subpage ul.topmenu li a:hover {border-bottom: 1px solid #000000}
header.subpage {background:#fff !important;}

section h1 {padding:0 15px !important;margin-bottom:0px;font-weight:bold;letter-spacing:-0.03em;}

#popup {position:fixed;display:none;background:#00FFCB;width:85%;top:0;right:0;padding:60px 120px;z-index:99 !important;}
#popup div.column {width:25%;display:inline-block;position:relative;margin-right:2%;float:left;margin-top:30px;}
#popup div.column ul {margin:0;padding:0;list-style-type:none;}
#popup div.column ul li {display:inline-block;width:100%;margin-bottom:10px;}
#popup div.column ul li a {display:inline-block;width:100%;font-size:32px;font-weight:800;color:#000;letter-spacing:-0.03em}
#popup div.column ul li a:hover {color:#333;text-decoration:none;}
#popup div.column ul.social_media {margin-top:30px;}
#popup div.column ul.social_media li a {font-size:15px !important;font-weight:700}
#popup div.column ul.language {margin-top:30px;}
#popup div.column ul.language li {width:55px;font-size:13px !important;padding-right:5px;float:left;display:inline-block;}
#popup div.column ul.language li a {font-size:12px !important;width:35px;padding-right:5px;}
#popup div.column ul.language li:after {content: "/";}
#popup div.column ul.language li:last-child:after {content: "";}

section.filter {position:relative;padding:20px;}
section.filter a {color:#B1B1B1;font-size:22px;margin-bottom:5px;display:inline-block;}
section.filter ul {list-style-type:none;margin-left:15px;padding:0;}
section.filter ul li a {font-size:14px;display:inline-block;width:100%;margin:0 0 8px 0;}

/* HOME */
#arrow_left, #arrow_right {bottom:190px;height:47px;position:absolute;width:36px;z-index:1000;color:#fff !important;}
#arrow_left {right:66px;}
#arrow_right {right:10px;}
#arrow_left:hover, #arrow_right:hover {bottom:188px;}
#arrow_left:active, #arrow_right:active {bottom:188px;}

#home-motto {position:absolute;left:12%;top:calc(30% - 30px);height:120px;font-size:42px;color:#fff;max-width:860px;font-weight:bold;text-align:justify;}
#home-motto span {float:right;display:inline-block;font-size:28px;}

#home-footer {position:fixed;bottom:0;left:0;width:100%;}
#home-footer div.links {text-align:right;margin-bottom:40px;line-height:30px;z-index:9999}
#home-footer div.links a {color:#fff;font-size:16px;display:inline-block;margin:0 15px;}
#home-footer div.links a:hover {text-decoration:underline !important;}
#home-footer div.company {color:#00FFCB;font-size:48px;line-height:48px;}
#home-footer div.company strong {display:inline-block;padding:15px !important;width:100%;}
#home-footer div.project {color:#fff;font-size:24px;text-align:right;}
#home-footer div.project span {display:inline-block;margin:0 15px;position:fixed;bottom:15px;right:10px;}
#home-footer .project-desktop a {color:#fff;text-decoration:none;}

/* PROJECTS */
#projects div.project_item {min-height:220px;}
#projects div.project_item h6 {font-size:14px;color:#000 !important;margin-top:4px;}
#projects div.project_item:hover h6 {visibility:hidden;}
#projects div.project_item span {display:inline-block;font-weight:bold;padding:5px 20px;}
#projects h3.tag {margin-left:15px;width:calc(100% - 30px)}
#projects div.project_item a {font-size:13px;color:#000;}
#projects ul.project-filters {margin:0;padding:0 15px;width:calc(100% - 30px);display:inline-block;margin-top:20px;}
#projects ul.project-filters li {display:inline-block;padding:3px;border:1px solid #000;margin-right:10px;margin-bottom:6px;}
#projects ul.project-filters li.active {display:inline-block;padding:2px;border:1px solid #000;background:#000;}
#projects ul.project-filters li a {display:inline-block;margin:2px;padding:0;text-align:center;font-size:13px;}
#projects ul.project-filters li.active a {color:#fff;}
#projects div.project_title {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;color:#000;opacity:0;text-align:center;}
#projects div.project_title a {display:inline-block;margin-top:15%;text-align:center;width:100%;padding:25px;font-weight:bold;}
#projects div.project_title:hover {opacity: 0.9;transition: 0.3s;}

/* PROJECT */
#project h1 {margin-bottom:0;font-size:20px;}
#project h2.project-title {font-weight:bold;letter-spacing:-0.03em;font-size:36px;}
#project-container {color:#484848 !important;}
#project-summary div.sum_line {position:relative;float:left;width:100%;margin-bottom:20px;font-size:18px;letter-spacing:-0.02em}
#project-description {margin:30px 0;font-size:18px;letter-spacing:-0.02em;}
#project-description a {text-decoration:underline !important;color:rgb(24, 130, 237)}
#project-tag {margin-top:50px}
#project-tag a.tag {color:#000 !important;margin-bottom:10px;margin-right:8px;}
#project-similar div.similar_items img {width:100%;display:inline-block;}
#project-similar h3 {font-size:20px !important;margin-bottom:0;}
#project-similar div.line {width:100%;margin:5px 0 10px 0;}
#project-video {margin:20px 0 40px 0;display:inline-block;}
#sync1 .item{background: #ffffff;padding: 0px;margin: 0px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
#sync2 .item{background: #C9C9C9;padding: 0px;margin: 5px;color: #FFF;text-align: center;cursor: pointer;}
#sync1 .item img{display:inline-block;width:100%;}
#sync1 .item img:hover {cursor:hand;cursor:pointer;}
#sync2 .item img {display: block;width:100% !important;}
#sync2 {margin-bottom:30px;}
#light-gallery {display:none;}

/* TEAM */
#team {position:relative;}
#team div.team_item img {width:100% !important;}

/* CONTACT */
#contact {position:relative;}
#contact h3 {font-weight:bold;}
#contact p {color:#707070;line-height:22px;}
#contact_form {margin-bottom:60px}

/* EVENTS */
#events div.event_item {display:inline-block;width:100%;margin-bottom:40px;}
#events div.event_item p {color:#707070;font-size:22px;width:75%}
#events div.event_item img {width:100%;}
#events h6 {font-size:26px;}
#events p.date {color:#000 !important;font-size:16px !important;line-height:30px;}

/* NEWS */
#news div.news_item {display:inline-block;margin-bottom:40px;position:relative;}
#news div.news_item p {color:#707070;font-size:18px;width:90%;margin-left:5%;}
#news div.news_item img {width:100%;}
#news h6 {font-size:22px;}

#news div.news_item div.desc_card {position:absolute;left:15px;bottom:0px;width:calc(100% - 30px) !important;}
#news div.news_item div.desc_card_container {padding:15px;color:#fff !important;}
#news div.news_item div.desc_card_container a {color:#fff;font-size:20px;}
#news div.news_item div.desc_card.item0,#news div.news_item div.desc_card.item3 {background:#fff;color:#000;}
#news div.news_item div.desc_card.item1 h6 a,#news div.news_item div.desc_card.item2 h6 a{color:#fff !important;}
#news div.news_item div.desc_card.item1 a.read-more-link,#news div.news_item div.desc_card.item2 a.read-more-link {color:#fff !important;}
#news div.news_item div.desc_card_container p {font-size:14px;margin:5px 0 10px 0;color:#999 !important;}

/* BLOG */
#blog div.blog_item {display:inline-block;margin-bottom:40px;position:relative;}
#blog div.blog_item p {color:#707070;font-size:18px;width:90%;margin-left:5%;}
#blog div.blog_item img {width:100%;}
#blog h6 {font-size:22px;}

#blog div.blog_item div.desc_card {position:absolute;left:15px;bottom:0px;width:calc(100% - 30px) !important;}
#blog div.blog_item div.desc_card_container {padding:15px;color:#fff !important;}
#blog div.blog_item div.desc_card_container a {color:#fff;font-size:20px;}
#blog div.blog_item div.desc_card.item0,#blog div.blog_item div.desc_card.item3 {background:#fff;color:#000;}
#blog div.blog_item div.desc_card.item1 h6 a,#blog div.blog_item div.desc_card.item2 h6 a{color:#fff !important;}
#blog div.blog_item div.desc_card.item1 a.read-more-link,#blog div.blog_item div.desc_card.item2 a.read-more-link {color:#fff !important;}
#blog div.blog_item div.desc_card_container p {font-size:14px;margin:5px 0 10px 0;color:#999 !important;}

/* PRESS */
#press div.free-card {min-height:60px;text-align:center;font-size:20px;}
#press div.free-card a {color:#fff !important;display:inline-block;width:calc(100% - 30px);margin:15px;background:#000;color:#fff;padding:120px 0;}

/* PAGE */
#page h1 {font-size:20px;}
#page-similar div.similar_items img {width:100%;display:inline-block;}
#page-similar h3 {font-size:20px !important;margin-bottom:0;}
#page-similar div.line {width:100%;margin:5px 0 10px 0;}

/* VIDEO */
#video .popup-youtube {display:inline-block;width:100%;margin-bottom:30px;}
#video img {width:100% !important;}
#video .thumb-info-caption {position:absolute;left:0;bottom:0;padding:15px;height:120px;color:#fff;display:none;text-align:center;z-index:999;}
#video .thumb-info-caption:hover {opacity: 1;transition: 0.3s;}

/* JOBS */
#jobs div.jobs_item {display:inline-block;width:100%;margin-bottom:40px;}
#jobs div.jobs_item h6 {font-size:22px;width:100%;}
#jobs div.jobs_item p {color:#707070;font-size:18px;width:75%;}
#jobs div.jobs_item span.date {float:right;}
#jobs a.btn-success { color:#000 !important; }
#job_apply {margin:50px 0;}

/* iframe */
#blog iframe,#page-container iframe {max-width:100% !important;height:auto !important}
#contact iframe {width:100% !important;margin-bottom:40px;}

/* owl */
.owl-carousel .owl-item {border:2px solid #fff;}
.owl-carousel .owl-item.synced {border:2px solid #000;}

/* OTHER */
section h1 {margin-top:50px;}
div.first-line {margin-bottom:25px !important;}
.fullbg {background: url(/assets/img/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.go_to_top {display:none;position:fixed;right:50px;bottom:50px;color:#000 !important;}
div.line {position:relative;float:left;width:calc(100% - 30px);background:#000;height:4px;margin:10px 15px;}
.nopadding {padding-left:0 !important;padding-right:0 !important;}
.img-mask-sq img {clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);mask-image: linear-gradient(black 0%, transparent 100%)}
.img-mask-sq {max-height:170px;overflow:hidden;}
img.wb {-webkit-filter: grayscale(100%);-webkit-transition: .5s ease-in-out;-moz-filter: grayscale(100%);-moz-transition: .5s ease-in-out;-o-filter: grayscale(100%);-o-transition: .5s ease-in-out;filter: grayscale(100%);}
section img {max-width:100%;}
span.featured-names {display:none;}
span.featured-names:first-child {display:block;}
.btn {border-radius:0 !important;}
.btn-success {color:#000 !important;}
.image-style-align-left {float:left;margin:0px 20px 20px 0;}
.image-style-align-right {float:right;margin:0px 0px 20px 20px;}
figure.image {text-align:center !important;}
figure.image img {display:inline-block;max-width:auto !important;margin-bottom:20px;}
section p {font-size:18px;letter-spacing:-0.02em}
figcaption {text-align:left;}
.fc-content-skeleton table thead tr {background:#e5e5e5 !important;}
.fc-event-container {background:#FFE927 !important;}
div.video-play {position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);color:#fff !important;}
div.video-play:hover {color:#000 !important;}
.add-blur {filter: blur(5px);-webkit-filter: blur(5px);}
.opactiy {position:absolute;width:calc(100% - 30px); height:100%;top:0;left:15px;background:rgba(0,0,0,0.7);opacity:0.7;}
.valign {position: relative;top: 40%;transform: translateY(-40%);}
.monthly {background:#fff !important;}

img.img_15_15_15_0 {margin:15px 15px 15px 0 !important;float:left;}
img.img_15_0_15_15 {margin:15px 0 15px 15px !important;float:right;}
img.img_15_0_15_0 {margin:15px 0 !important;display:inline-block;}

@media only screen and (min-width: 768px) {
#projects div.project_item img {width:100%;max-height:175px;}
}

@media only screen and (max-width: 767px) {
  section.filter {padding-left:0 !important;}
    
  #popup {padding:70px 20px 50px 20px;width:100%;height:100%;}
  #popup div.column {width:45%;}
  #popup div.column ul li a {font-size:22px !important;}
  #popup div.column:last-child {width:90%;}
  
  #home-motto {width:90%;left:0;padding:5%;text-align:left !important;font-size:15px;}
  #home-motto span {font-size:16px;}
  #home-company {width:90%;left:0;padding:5%;text-align:left !important;font-size:15px;}
  #home-footer div.company {font-size:16px;padding:10px 0;text-align:center !important;width:100%;}
  #home-footer div.links {text-align:center !important;margin-bottom:75px;margin-bottom:20px;}
  #home-footer div.project-desktop {position:fixed;left:15px;width:100%;margin-bottom:100px !important;text-align:center !important;margin:0;text-align:center;}
  #home-footer div.project-desktop span {width:100%;display:inline-block;text-align:center;margin:0 0 50px 0;float:left;padding:0 !important;font-size:14px;line-height:16px;float:none !important;}
  #home-footer div.project-desktop span a {color:#fff !important;font-size:14px;}
  
  #events h6 {margin-top:0 !important;}
  #events h6,#news h6,#blog h6 {font-size:16px;}
  #news div.news_item div.desc_card_container p {max-height:40px;overflow:hidden !important;}
  #blog div.blog_item div.desc_card_container p {max-height:40px;overflow:hidden !important;}
  
  #events div.event_item p {font-size:12px;}
  #events div.event_item p.date {font-size:12px !important;}
  #jobs div.jobs_item h6 {font-size:16px;}
  #jobs div.jobs_item h6 span {float:left;width:100%;display:inline-block;margin-bottom:10px;}
  #jobs div.jobs_item p {font-size:14px;}
  #jobs div.jobs_item {margin-bottom:20px;}
  
  #projects div.project_item h6 {text-align:center !important;}
  
  #projects div.project_item img {height: auto !important;}
}