html { font-size: 1em; min-height: 100%; height: 100%; max-width: 100%; overflow-x: hidden; }
body { 
  background: #eeeeee; margin: 0;  padding: 0;
  font-family: 'BebasNeue', sans-serif; font-weight: 300; font-size: 1em; 
  position: relative;  min-height: 100%;
  padding-top: 69px;
  color: #d1d2ce;
}
body.menu_collapsed { position: fixed; width: 100%; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { }
a:hover { text-decoration: none; }

img { max-width: 100%; max-height: 100%; border: 0px; vertical-align: text-top; }


#logo { height: 69px; line-height: 69px; position: absolute; top: 0; z-index: 100; }
#logo img { }
#logo a { display: inline-block; width: 75px; height: 31px; background: url("../images/logo.svg") no-repeat; background-size: 75px 31px; margin: 19px 0; }
div.main { position: relative; width: 100%; z-index: 50; height: 100%; border-top: 0px !important; }
div.main > div.row > div { padding-top: 15px; padding-bottom: 15px;}

.visible { display: block !important; position: static !important; visibility: visible !important; }
.visible1 { visibility: visible !important; }

#topnav { height: 69px; line-height: 69px; position: absolute; top: 0; z-index: 100; font-size: 40px; font-weight: bold; }
#topnav a { padding-left: 22px; color: #000000; }
#topnav a.active { color: #ec008c; }
#topnav a.icon { font-size: 32px; font-weight: 300; display: inline-block; position: relative; }
#topnav a.icon svg { position: relative; padding-bottom: 3px; }
#topnav a.icon img { max-height: 100%; height: 30px; display: inline-block; }
#topnav a.icon-fb { background: url("../images/icon_fb.png") no-repeat; background-size: auto 100%; width: 20px; }
#topnav a.icon-envelope { background: url("../images/icon_env.png") no-repeat; background-size: auto 100%; width: 20px; }

#topnav_mobile { text-align: center; font-size: 18px; font-weight: normal; }
#topnav_mobile a { display: block; color: #000000; }
#topnav_mobile a.active { color: #ec008c; }
#topnav_mobile a.icon { font-size: 18px; font-weight: 300; line-height: 18px; }
#topnav_mobile a.icon svg { position: relative; padding-bottom: 3px; }
#topnav_mobile a + a { margin-top: 5px; }
#topnav_mobile a.icon-fb { background: url("../images/facebook-f.svg") no-repeat center center; background-size: auto 16px; width: 10px; height: 16px; margin: 5px auto 10px auto; }
#topnav_mobile a.icon-linkedin { background: url("../images/linkedin-in.svg") no-repeat center center; background-size: auto 14px; width: 18px; height: 16px; margin: 5px auto 10px auto; }
#topnav_mobile a.icon-envelope { background: url("../images/icon_env.png") no-repeat center center; background-size: 18px 13px; width: 18px; height: 13px; margin: 10px auto; }

#menu { position: fixed; background: #eeeeee; z-index: 999; display: block; visibility: hidden; }
#menu.collapsed { display: block; visibility: visible;}
#menu .menu_col { background-size: cover; text-align: center; padding-top: 15px; padding-bottom: 15px; height: 220px; }
#menu .menu_col1 { background: url("../images/texture_white.jpg") repeat; }
#menu .menu_col1 a { display: block; padding: 1em 0; margin: 0 auto; }
#menu .menu_col1 img { max-height: 100%; }
#menu .menu_col2 { background: #FFFFFF; }
#menu .menu_col3 { background: url("../images/texture_black.jpg") repeat; font-family: 'Akrobat-Regular'; color: #a3a3a1; position: relative; text-align: right; }
#menu .menu_col3 a { color: #a3a3a1; }
#menu .menu_col3 a:hover { color: #eeeeee; }
#menu .menu_col3 > div { position: absolute; bottom: 15px; right: 15px; }
#menu .menu_col3 img { display: block; margin: 10px 0 0 auto; max-width: 90%; }

#menu_main { list-style: none; margin: 0; padding: 0; text-align: right; }
#menu_main li { margin: 12px 0; padding: 0; position: relative; line-height: 1em; }
#menu_main li a { color: #000000; font-weight: bold; position: relative; z-index: 10001; padding: 0 25px; }
#menu_main li a:hover { color: #000000; }
#menu_main li:hover::before, #menu_main li.over::before { content: ''; display: block; height: 23px; width: 100%; top: 50%; margin-top: -12px; /* background: rgba(236, 0, 140, 0.7); */ background: #ec008c; position: absolute; z-index: 1000; }

#menubar { position: fixed; z-index: 1000; overflow: hidden; top: 50%; font-weight: 700; }
#menubar.collapsed { }
#menubar a.menu_toggle { width: auto; color: #ec008c; cursor: pointer; text-align: center; }
#menubar a#menu_closed .icon { display: block; background: url("../images/menu_hamburger.png") no-repeat; background-position: center top; background-size: 100% auto; }
#menubar a#menu_opened .icon { display: block; background: url("../images/menu_close.png") no-repeat; background-position: center top; background-size: 100% auto; }
#menubar #menu_closed { display: block; }
#menubar #menu_opened { display: none; }
#menubar.collapsed #menu_closed { display: none; }
#menubar.collapsed #menu_opened { display: block; }

#filter { position: fixed; background: #eeeeee; z-index: 999; display: block; visibility: hidden; }
#filter.collapsed { display: block; visibility: visible;}
#filter .menu_col { background-size: cover; text-align: center; padding-top: 15px; padding-bottom: 15px; height: 220px; }
#filter .menu_col1 { background: url("../images/texture_white.jpg") repeat; }
#filter .menu_col1 a { display: block; padding: 1em 0; margin: 0 auto; position: relative; }
#filter .menu_col1 a img { display: block; padding: 0em 0; margin: 0 auto; position: relative; max-height: 100%; }

#filter .menu_col2 { background: #FFFFFF; }

#filter .menu_col3 { background: url("../images/texture_black.jpg") repeat; color: #a3a3a1; position: relative; text-align: left; }
#filter .menu_col3 a { color: #a3a3a1; }
#filter .menu_col3 > div { position: absolute; visibility: hidden; top: 15px; left: 0; width: 100%; padding: 0 45px; }

#filter .menu_col3 #filter_selection_client { max-height: 100%; overflow: hidden; position: relative; /* height: 100%; */ border-bottom: 30px solid transparent; }
#filter .menu_col3 #filter_selection_client > div.scrollbar { overflow-x: hidden; position: absolute; height: 100%; top: 0; left: 0px; width: 100%; }
#filter .menu_col3 #filter_selection_client a { text-align: center; display: block; }
#filter .menu_col3 #filter_selection_client img { display: inline-block; max-height: 100%; vertical-align: middle; filter: brightness(55%); }
#filter .menu_col3 #filter_selection_client img:hover { filter: brightness(100%); }

#filter .menu_col3 #filter_selection_type { max-height: 100%; overflow: hidden; }
#filter .menu_col3 #filter_selection_type a { display: block; }
#filter .menu_col3 #filter_selection_type a:hover { color: #eeeeee; }

#filter .menu_col3 #filter_selection_year { max-height: 100%; /* height: 100%; */ overflow: hidden; text-align: center; border-bottom: 30px solid transparent; }
#filter .menu_col3 #filter_selection_year > div.scrollbar { position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
#filter .menu_col3 #filter_selection_year a { display: block; margin: 0.7em auto; font-size: 36px; color: #838280; line-height: 1em; }
#filter .menu_col3 #filter_selection_year a span.short { display: inline-block; border-bottom: 1px solid transparent; }
#filter .menu_col3 #filter_selection_year a span.full { display: none; }
#filter .menu_col3 #filter_selection_year a.active { color: #eeeeee; }
#filter .menu_col3 #filter_selection_year a.active span.full { display: inline-block; border-bottom: 1px solid #838280; }
#filter .menu_col3 #filter_selection_year a.active span.short { display: none; }

#filter .menu_col3 #filter_selection_tag { max-height: 100%; overflow: hidden; }
#filter .menu_col3 #filter_selection_tag > div { overflow-x: hidden; top: 0; overflow: hidden; }
#filter .menu_col3 #filter_selection_tag a { display: block; font-family: 'Akrobat-Regular'; font-weight: 300; text-decoration: underline; font-size: 24px; color: #ec008c; }
#filter .menu_col3 #filter_selection_tag a:hover { color: #eeeeee; }

#filter_main { list-style: none; margin: 0; padding: 0; text-align: right; }
#filter_main li { margin: 12px 0; padding: 0; position: relative; line-height: 1em; }
#filter_main li a { color: #000000; font-weight: bold; position: relative; z-index: 10001; padding: 0 25px; }
#filter_main li a:hover { color: #000000; }
#filter_main li:hover::before, #filter_main li.over::before { content: ''; display: block; height: 23px; width: 100%; top: 50%; margin-top: -12px; background: #ec008c; position: absolute; z-index: 1000; }

#filterbar { position: fixed; z-index: 1000; overflow: hidden; top: 50%; font-weight: 700; }
#filterbar.collapsed { }
#filterbar a.menu_toggle { width: auto; color: #ec008c; cursor: pointer; text-align: center; }
#filterbar a#filter_closed .icon { display: block; background: url("../images/filter_icon.png") no-repeat; background-position: center top; background-size: 100% auto; }
#filterbar a#filter_opened .icon { display: block; background: url("../images/menu_close.png") no-repeat; background-position: center top; background-size: 100% auto; }
#filterbar #filter_closed { display: block; }
#filterbar #filter_opened { display: none; }
#filterbar.collapsed #filter_closed { display: none; }
#filterbar.collapsed #filter_opened { display: block; }

#main_row { min-height: 100%; position: relative; }
.main::after { display: block; content: ''; clear: both; }

#page_home { overflow: hidden; height: 100%; }
#page_home h1 { line-height: 0.84em; color: #ec008c; font-weight: 900; margin: 0 0 0px 0; padding: 0; visibility: hidden; }
#page_home h1 strong { font-weight: 300; font-family: 'BebasNeue-Book'; }
#page_home div.h1_height { line-height: 1em; margin: 0 0 0px 0; }
#page_home div.h1_height strong { font-weight: 300; font-family: 'BebasNeue-Book'; }
#page_home .home_col { background-size: cover; text-align: center; padding-top: 15px; padding-bottom: 15px; height: 130px; }
#page_home .home_col .slogan { font-weight: 700; margin: 0 auto; display: inline-block; position: relative; height: 0.850em; }
#page_home .home_col .slogan a.text-wrap { display: inline-block; text-decoration: none; position: relative; overflow: hidden; height: 0.850em; font-size: 1em; }
#page_home .home_col .slogan a.text-wrap span { display: inline-block; text-decoration: none; position: relative; -webkit-transform: translateY(6rem); transform: translateY(6rem); font-size: 1em; z-index: 1; }
#page_home .home_col .slogan a.img-wrap { overflow: hidden; padding-bottom: 15px; display: block; margin: 0 auto; position: absolute; height: auto; font-size: 1em; z-index: 1; right: 0; width: 100%; text-align: center; }
#page_home .home_col .slogan a.img-wrap span { display: block; -webkit-transform: translateY(-12rem); transform: translateY(-12rem); }
#page_home .home_col .slogan a.img-wrap img { width: 100%; height: auto; }

/* #page_home .home_col .slogan::after { content: ''; display: block; height: 1px; position: absolute; width: 0px; left: 0; z-index: 1;} */ 
#page_home .home_col .line { display: block; height: 1px; overflow: hidden; position: absolute; left: 0; width: 100%; }
#page_home .home_col .line::after { content: ''; display: block; height: 100%; position: absolute; width: 0px; left: 0; z-index: 1;} 

#page_home .home_col .slogan a { display: block; position: relative; margin: 0; font-size: 1em; z-index: 1; height: 1em; }

#page_home .home_col .slogan.visible { display: inline-block !important; }
#page_home .home_col .slogan.visible a.text-wrap span { 
  -webkit-animation: up 300ms linear 0.9s forwards;
          animation: up 300ms linear 0.9s forwards;
}
#page_home .home_col .slogan.visible a.img-wrap span { 
  -webkit-animation: up 300ms linear 0.9s forwards;
          animation: up 300ms linear 0.9s forwards;
}


#page_home .home_col1 { background: url("../images/texture_white.jpg") repeat; }
#page_home .home_col1 .slogan { color: #ec008c; border-color: #ec008c; }
#page_home .home_col1 .slogan a { color: #ec008c; }
#page_home .home_col1 .slogan a.img-wrap img { width: 50%; max-width: 200px; }
/*
#page_home .home_col1 .slogan::after { background: #ec008c; }
#page_home .home_col1 .slogan.visible::after { animation: draw 300ms linear 0.3s forwards; }
*/
#page_home .home_col1 .line::after { background: #ec008c; }
#page_home .home_col1 .slogan.visible .line::after { animation: draw 300ms linear 0.3s forwards; }

#page_home .home_col2 { background: url("../images/texture_gray.jpg") repeat; }
#page_home .home_col2 .slogan { color: #010101; border-color: #010101; }
#page_home .home_col2 .slogan a { color: #010101; }
#page_home .home_col2 .slogan a.img-wrap img { width: 38%; max-width: 200px; }
/*
#page_home .home_col2 .slogan::after { background: #010101; }
#page_home .home_col2 .slogan.visible::after { animation: draw 300ms linear 0.6s forwards; }
*/
#page_home .home_col2 .line::after { background: #010101; }
#page_home .home_col2 .slogan.visible .line::after { animation: draw 300ms linear 0.6s forwards; }

#page_home .home_col3 { background: url("../images/texture_black.jpg") repeat; }
#page_home .home_col3 .slogan { color: #FFFFFF; border-color: #FFFFFF; }
#page_home .home_col3 .slogan a { color: #FFFFFF; }
#page_home .home_col3 .slogan a.img-wrap { right: auto; left: 0; }
#page_home .home_col3 .slogan a.img-wrap img { width: 38%; max-width: 207px; }
/*
#page_home .home_col3 .slogan::after { background: #FFFFFF; }
#page_home .home_col3 .slogan.visible::after { animation: draw 300ms linear 0.9s forwards; }
*/
#page_home .home_col3 .line::after { background: #FFFFFF; }
#page_home .home_col3 .slogan.visible .line::after { animation: draw 300ms linear 0.9s forwards; }

#page_animation_helper { position: absolute; height: 100%; width: 100%; z-index: 200; background: #eeeeee; }

.subpage_answers .page_col_menu { display: none; }
.subpage_answers .page_col_content { width: 100%; }
.subpage_answers .page_col_content p { line-height: 1.1em; }
.subpage_answers .page_col_content p + p { margin-top: 1.5em; }

.subpage_services .page_col_menu { display: none; }
.subpage_services .page_col_content { width: 100%; }
.subpage_services .page_col_content p + p { margin-top: 1em; }

.page_col { background-size: cover; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 24px; }
.page_col.page_col_menu { background: url("../images/texture_light_gray.jpg") repeat; }
.page_col.page_col_menu h1 { color: #000000; margin: 0 auto 50px auto; padding: 0; line-height: 0.8em; font-weight: bold; display: inline-block; text-align: left; animation-duration: 0.5s; animation-delay: 0.5s; animation-fill-mode: both; overflow: hidden; visibility: hidden; }
.page_col.page_col_menu h1 strong { color: #ec008c; }
.page_col.page_col_menu .page_icon { margin: 0 0 50px 0; }
.page_col.page_col_menu .page_icon img { margin: 0 auto; }
.page_col.page_col_menu .sub_link, .team_wrapper .team_info .sub_link { margin: 0 0 0 0; color: #000000; font-weight: bold; }
.page_col.page_col_menu .sub_link img, .team_wrapper .team_info .sub_link img { display: block; margin: 0 auto 15px auto; }
.page_col.page_col_menu .sub_link u, .team_wrapper .team_info .sub_link u { text-decoration: none; display: inline-block; }
.page_col.page_col_menu .sub_link u::after, .team_wrapper .team_info .sub_link u::after { content: ''; display: block; height: 2px; background: #ec008c; margin-top: -10px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s; 
}
.team_wrapper .team_info .sub_link u::after { margin-top: -7px; }
.page_col.page_col_menu .sub_link:hover u::after, .team_wrapper .team_info .sub_link:hover u::after { 
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1); 
}
.page_col.page_col_menu .page_description { font-family: 'Akrobat-Light'; font-weight: 300; color: #6d6e71; padding-bottom: 30px; text-align: left; padding-left: 10%; padding-right: 5%; line-height: 1.1em; }

.page_col.page_col_content { background: url("../images/texture_black.jpg") no-repeat; text-align: left; font-family: 'Akrobat-Light'; font-weight: 300; background-size: cover; line-height: 1.1em; color: #a0a09e; /* -webkit-backface-visibility: hidden; */ }
.page_col.page_col_content em { color: #ec008c; font-style: normal; font-weight: 600; font-family: 'BebasNeue-Book'; }
.page_col.page_col_content strong, .page_col.page_col_content strong em { font-weight: bold; font-family: 'BebasNeue', sans-serif; }
.page_col.page_col_content strong, .page_col.page_col_content strong em { display: inline-block; line-height: 1.1em; }
.page_col.page_col_content > div { padding-bottom: 5em; }

.scrollbar > .scroll-element { background-color: transparent !important; background: url("../images/texture_black.jpg") no-repeat center center; }
.scrollbar > .scroll-element .scroll-bar { background-color: #4e4e4d !important; }
.scrollbar > .scroll-element .scroll-element_size { background-color: rgba(209, 210, 206, 0.3) !important; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: rgba(209, 210, 206, 0.3) !important; }

.portfolio_row { border-bottom: 1px solid #FFFFFF; background: url("../images/texture_black.jpg") repeat center center; background-size: auto auto; overflow: hidden; position: relative; height: 100%; }
.portfolio_row1 { border-bottom: 1px solid #FFFFFF; background: url("../images/texture_black.jpg") repeat top left; background-size: auto auto; overflow: hidden; }
.portfolio_row1 .portfolio_col_left { background: url("../images/texture_lines.png") no-repeat top center; /* z-index: 10; position: relative; */ }
/* .portfolio_row1 .portfolio_col_left::before { display: block; position: absolute; z-index: 20; width: 100%; height: 100%; background: url("../images/texture_lines.png") repeat-y top center;  } */
.portfolio_row1 .portfolio_col_left > div { /* z-index: 30; position: relative; */ }
.portfolio_row1 .portfolio_col_left h1 { color: #eeeeee; font-size: 48px; margin-top: 0; margin-bottom: 3px; font-weight: bold; }

.probono_home .portfolio_row1 { background-image:  url("../images/texture_light_gray.jpg"); }
.probono_home .portfolio_row1 .portfolio_col_left { background-image: none; }


.portfolio_row1 .portfolio_col_right { z-index: 10; position: relative; color: #aeaeac; font-size: 24px; font-family: 'Akrobat-Light'; font-weight: 300; padding-left: 10%; padding-right: 10%; text-align: left; background-size: cover; background-position: center center; background-repeat: no-repeat; line-height: 1.1em; }

.portfolio_row2 { background: url("../images/texture_light_gray.jpg") repeat top left; background-size: auto auto; overflow: hidden; }
.portfolio_row2 .portfolio_col_left { background: url("../images/texture_lines.png") no-repeat top center; /* z-index: 10; position: relative; */ }
/* .portfolio_row2 .portfolio_col_left::before { display: block; position: absolute; z-index: 20; width: 100%; height: 100%; background: url("../images/texture_lines.png") repeat-y top center;  } */

.probono_home .portfolio_row2 { background-image:  url("../images/texture_black.jpg"); }
.probono_home .portfolio_row2 .portfolio_col_left { background-image: none; }


.portfolio_row2 .portfolio_col_left h1 { color: #000000; font-size: 48px; font-weight: bold; margin: 0 auto 20px auto; }
.portfolio_row2 .portfolio_col_left h1 a { color: #000000 !important; }
.portfolio_row2 .portfolio_col_left .see_more { color: #000000; font-size: 24px; font-weight: 300; font-family: 'BebasNeue-Book'; height: 36px; line-height: 36px; display: inline-block; margin: 30px auto 0 auto; }
.portfolio_row2 .portfolio_col_left .see_more::after { content: ''; display: inline-block; float: right; width: 25px; height: 36px; background: url("../images/more_icon.svg") no-repeat center right; background-size: 25px 36px; 
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform; 
}
.portfolio_row2 .portfolio_col_left .see_more:hover::after { -webkit-transform: translateX(8px); transform: translateX(8px); }

.portfolio_row2 .portfolio_item_featured_left h1 { position: relative; display: inline-block; margin: 0 auto 40px auto; }
.portfolio_row2 .portfolio_item_featured_left h1 a { position: relative; display: inline-block;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.portfolio_row2 .portfolio_item_featured_left h1:hover a { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.portfolio_row2 .portfolio_item_featured_left h1 .company { position: absolute; display: block; left: 0; width: 100%; border-top: 1px solid #000000; z-index: 100; font-size: 22px; font-family: 'Akrobat-Light'; color: #000000; visibility: hidden; text-align: left; margin-top: -10px; }
.portfolio_row2 .portfolio_col_left_uneven .portfolio_item_featured_left h1 .company { color: #FFFFFF; border-color: #FFFFFF; }

/*
.portfolio_row2 .portfolio_item_featured_left h1 .company::after { content: ''; display: block; height: 1px; background: #ec008c; margin-top: 3px;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0.5s;
	transition: all 0.3s ease-in-out 0.5s; 
}
.portfolio_row2 .portfolio_item_featured_left h1 .visible1.company::after { 
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1); 
}
*/

.portfolio_row2 .portfolio_item_featured_left h1 .fadeOutDown.company::after { visibility: hidden !important; transition: none; }

.portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven { background: url("../images/texture_black.png") repeat center center; background-size: auto auto; }
.portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven h1 { color: #FFFFFF; }
.portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven h1 a { color: #FFFFFF !important; }
.portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven .see_more { color: #FFFFFF; }
.portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven .see_more::after { background: url("../images/more_icon_w.svg") no-repeat center right;  background-size: 25px 36px; }

.portfolio_row2 .item { border-bottom: 1px solid #FFFFFF; background: url("../images/texture_light_gray.jpg") repeat top left; background-size: auto auto; }

.portfolio_row2 > div { height: 100%; }
.portfolio_row2 .carousel-inner { height: 100%; }
.portfolio_row2 .carousel-inner .item { height: 100%; }

.portfolio_image { padding: 0 !important; overflow: hidden; height: 100%; background-size: auto 100% !important; background-position: center center; background-repeat: no-repeat; }
.portfolio_template_short .portfolio_image { border-left: 1px solid #FFFFFF; }
.portfolio_image > div { padding: 0 !important; overflow: hidden; height: 100%; background-size: cover !important; background-position: center center; background-repeat: no-repeat; }
.portfolio_image img { width: 100%; height: auto; display: block; }
.portfolio_image a.play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/play-circle.svg") no-repeat center center; z-index: 100; background-size: 62px 62px; }
.portfolio_image a.zoom { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; z-index: 100; background-size: 62px 62px; }

.carousel-control { background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 43px; opacity: 100; z-index: 1000; }
.carousel-control.left { background-image: url("../images/carousel_arrow_left.png"); }
.carousel-control.right{ background-image: url("../images/carousel_arrow_right.png"); }

.portfolio_template_long .carousel-control { height: 79px; bottom: 10%; top: auto; }

.portfolio_item { height: 100%; }
.portfolio_item .portfolio_col_left { background: transparent; text-align: left; padding-left: 60px; }
.portfolio_item .portfolio_type { color: #eeeeee; font-size: 32px; font-family: 'Akrobat-Light'; font-weight: 300; text-transform: uppercase; line-height: 1em; }
.portfolio_item .portfolio_type a { color: #eeeeee; text-decoration: none; display: inline-block; border-bottom: 1px solid #eeeeee; }
.portfolio_item .portfolio_desc { font-family: 'Akrobat-Light'; font-weight: 300; font-size: 24px; line-height: 1.1em; overflow: hidden; }
.portfolio_item .portfolio_desc > div { position: relative; height: 100%; }
.portfolio_item .portfolio_client { color: #ec008c; font-family: 'Akrobat-Light'; font-weight: 300; font-size: 24px; margin: 0px 0 17px 0; }
.portfolio_item .portfolio_client a { color: #ec008c; }
.portfolio_item .portfolio_client a:hover { color: #eeeeee; }
.portfolio_item .tags { color: #ec008c; font-family: 'Akrobat-Light'; font-weight: 300; font-size: 18px; margin: 15px 0 0px 0; line-height: 1em; min-height: 36px; overflow: show; background: url("../images/tags_arrow.png") no-repeat left center; padding-left: 15px; display: flex; flex-wrap: wrap; align-items: center;  }
.portfolio_item .tags a { color: #ec008c; padding-left: 10px; }
.portfolio_item .tags a + a { }
.portfolio_item .tags a:hover { color: #eeeeee; }

.portfolio_item .carousel-inner .item .portfolio_image + .portfolio_image { border-left: 1px solid #FFFFFF; }

.portfolio_template_short { }
.portfolio_template_long { overflow: hidden; }

/* .portfolio_template_short.portfolio_item .portfolio_desc { height: 3.5em; } */

.portfolio_template_long .portfolio_row1 { height: 100%; }
.portfolio_template_long #portfolio_carousel { height: 100%; }
.portfolio_template_long .carousel-inner { height: 100%; }
.portfolio_template_long .carousel-inner div { height: 100%; }
.portfolio_template_long.portfolio_item .portfolio_desc { line-height: 1.2em; }
/* .portfolio_template_long.portfolio_item .tags { margin-top: 60px !important; } */

#team { margin: 0 auto; display: block; overflow: hidden; }
#team .team-row { position: relative; overflow: hidden; visibility: hidden; }

#team .item { position: relative; z-index: 50; cursor: pointer; padding: 0px 0px 3px 0; margin: 1px; float: left; text-align: left; width: 245px; }
#team .item img { position: relative; z-index: 100; max-width: 100%; width: 100%; margin: 0 auto 3px 0; }
#team .item .info { position: absolute; z-index: 150; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; background: rgba(236, 0, 140, 0.8); font-family: 'Akrobat-Regular'; font-size: 16px; color: #000000; padding: 3px 10px 3px 3px; }
#team .item.active .info { visibility: visible; }
#team .item .info .team_position { font-size: 26px; text-decoration: none; line-height: 1em; border-bottom: 2px solid #000000; padding: 0 0 5px 0; margin: 0 0 1px 0;  font-weight: bold;}
#team .item .info .team_experience { margin: 0 0 0em 0;  font-weight: normal; }
#team .item .info .team_description { margin: 0 0 2em 0;  font-weight: normal; line-height: 1em; }
#team .item .info .team_moto { color: #dbdada; font-weight: normal; }
#team .item .info .team_action { font-family: 'BebasNeue', sans-serif; font-size: 30px; color: #dbdada; position: absolute; left: 3px; bottom: 3px; line-height: 1em; }
#team .item .info .team_action > div { /* display: none; */ }
#team .item .info .team_action a { font-size: 13px; color: #000000; display: block; padding-left: 20px; font-weight: 300; padding-bottom: 3px; display: inline-block; }
#team .item .info .team_action a.env { background: url("../images/icon_env.png") no-repeat left center; background-size: 16px 12px; display: }
#team .item .info .team_action a.phone { background: url("../images/icon_phone.png") no-repeat left center; background-size: 16px 15px; font-size: 12px; font-weight: normal; }
#team .item .team_name { font-family: 'BebasNeue', sans-serif; font-size: 30px; color: #dbdada; padding-left: 3px; padding-right: 3px; line-height: 1em; }
#team .item.active .team_name { visibility: hidden; }

#contact_form { padding: 15px 0px 15px 0; }
#contact_form .form-group { border-bottom: 1px solid #aaaaaa; line-height: 1em; margin-bottom: 0px; }
#contact_form .form-group::after { content: ''; display: block; clear: both; }
#contact_form label { display: inline-block; float: left; font-family: 'BebasNeue', sans-serif; margin-bottom: 0; }
#contact_form label span { color: #ec008c; }
#contact_form input[type=text] { display: inline-block; float: left; font-family: 'Akrobat-Light'; font-weight: 300; background: transparent; border: 0; padding: 0 0px 0 5px; line-height: 1em; height: 25px; color: #a0a09e; }
#contact_form input:focus { outline: none; }
#contact_form textarea:focus { border: 0px; outline: none; }
#contact_form input[type=radio] { visibility: hidden; width: 0; position: absolute; } 
#contact_form input[type=radio] + label { }
#contact_form input[type=radio] + label::before { content: ''; display: inline-block; width: 22px; height: 22px; background: url("../images/radio_unchecked.png") no-repeat; margin-right: 15px; }
#contact_form input[type=radio]:checked + label::before { background: url("../images/radio_checked.png") no-repeat; } 


#contact_form.probono_form textarea { z-index: 20; position: relative; }
#contact_form.probono_form input { color: #aeaeac; position: relative; z-index: 20; }
#contact_form.probono_form input[type=text] { width: 100%; padding-left: 0; }
#contact_form.probono_form input::placeholder { display: inline-block; float: left; font-family: 'BebasNeue', sans-serif; margin-bottom: 0; color: #aeaeac; font-weight: bold; opacity: 1; }
#contact_form.probono_form textarea::placeholder { display: inline-block; float: left; font-family: 'BebasNeue', sans-serif; margin-bottom: 0; color: #ec008c; font-weight: bold; opacity: 1; line-height: 1em; }
#contact_form.probono_form .form-group { position: relative; }
#contact_form.probono_form .form-group.textonly { border-bottom: 0px; }
#contact_form.probono_form .form-group textarea { height: 10em; }
#contact_form.probono_form .inputtext input:focus + label { display: none; }
#contact_form.probono_form .inputtext input + label { margin-top: -5px; position: absolute; }
#contact_form.probono_form .textarea textarea:focus + label { display: none; }
#contact_form.probono_form .textarea textarea + label { position: absolute; margin-top: 0px; top: 10px; left: 10px; }
#contact_form.probono_form label { position: relative; z-index: 10; color: #aeaeac; line-height: 1em; display: block; float: none; }
#contact_form.probono_form label p { color: #aeaeac; line-height: 1em; display: block; float: none; font-size: 0.56em; font-family: 'Akrobat-Light'; font-weight: 300; }
#contact_form.probono_form label a { color: #ec008c; }
#contact_form.probono_form .textarea label p { color: #ec008c; }
#contact_form.probono_form .inputradio { border-bottom: 0px; }
#contact_form.probono_form .inputradio label { margin-right: 50px; }
#contact_form.probono_form .inputradio div.radiowrap { margin: 15px 0px; clear: both; }
#contact_form.probono_form .inputradio div.radiowrap::after { content: ''; clear: both; display: block; }
#contact_form.probono_form .inputradio div.radiowrap label { float: left; }
#contact_form.probono_form .probono_materials_group { margin-top: 50px; }

#contact_form.probono_form .dropzone, .dropzone { background: transparent !important; border: 1px dashed #ec008c !important; }

a.plus { cursor: pointer; width: 22px; height: 22px; line-height: 18px; overflow: hidden; text-align: center; background: #ec008c; display: block; float: right; position: relative; margin-top: 10px; color: #000000; }
a.plus::after { content: '+'; font-size: 32px; /* font-family: 'BebasNeue'; */ font-weight: bold; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #a0a09e !important;
}

#contact_form .form-group + .form-group { margin-top: 1.3em; }
#contact_form .form-group.textarea { border-bottom: 0; }
#contact_form .form-group.textarea label { float: none; }
#contact_form .form-group textarea { color: #ec008c; float: none; background: transparent; border: 0; width: 100%; height: 5em; color: #d1d2ce; }

#contact_form .form-group.recaptcha { border-bottom: 0; }

#contact_form .form-group.error { border: 1px dashed #ec008c; line-height: 1.1em; padding: 10px; }
#contact_form .form-group.error label { color: #ec008c; }

#contact_form input[type=submit] { display: inline-block; margin: 1em auto 0.9em auto; font-family: 'BebasNeue', sans-serif; font-size: 32px; background: #d2d2d0; border: 0; color: #000000; line-height: 1.4em; padding: 0 1em; }
#contact_form input[type=submit]:hover, #contact_form input[type=submit]:focus { background: #ec008c; border: 0; color: #FFFFFF; }

#contact_form .errors { color: #ec008c; text-align: center; margin: 0em auto; }

.btn-rose { display: inline-block; margin: 1em auto 0.9em auto; font-family: 'BebasNeue', sans-serif; font-size: 18px; background: #ec008c; border: 0; color: #FFFFFF; line-height: 1.4em; padding: 0 1em; }
.btn-rose:hover { background: #d3d3d1; color: #000000; }

.featherlight-content { max-width: 100%; }
.featherlight .featherlight-content { background: #000000; padding: 0; border-bottom: 0; }
.featherlight-content iframe, .featherlight-content object, .featherlight-content embed { max-width: 100%; }
.featherlight .featherlight-close-icon { background: #000000; color: #FFFFFF; }
.ytp-cued-thumbnail-overlay-image { background-size: 100% auto !important; }

#copyright { width: 100%; height: 75px; line-height: 14px; color: #979797; font-size: 12px; text-align: center; position: absolute; bottom: 0px; z-index: 100; font-family: 'Akrobat-Light'; font-weight: 300; display: flex; align-items: center; background: #eeeeee; padding: 0 15px; }
#copyright a { color: #979797; }

.img_brightness { filter: brightness(55%); }
.img_brightness:hover { filter: none; }

.contact_info { position: relative; font-family: 'Akrobat-Regular'; line-height: 50px; min-height: 57px; margin: 0 0 30px 0; width: 95%; }
.contact_info a { color: #a0a09e; }
.contact_info::before { content: ''; display: block; height: 1px; background: #aaaaaa; position: absolute; bottom: 15px; width: 100%; }
.contact_info::after { content: ''; display: block; clear: both; }
.contact_info .phone { float: left; padding: 0 30px 0 0; }
.contact_info .mail { float: left; }
.contact_info .address { float: right; max-width: 380px; height: 57px; display: flex; align-items: center; }
.contact_info .address img { width: 100%; display: block; }

.map { width: 95%; }
.map img { max-width: 100%; }

.share { font-family: 'Akrobat-Light'; margin: 1em 0 0 0; line-height: 25px; height: 25px; display: flex; align-items: center; }
.fb_share { width: 20px; height: 25px; background: url("../images/fb.png") no-repeat; display: inline-block; cursor: pointer; text-transform: none; margin: 0 0 0 7px; }
.linkedin_share { width: 24px; height: 25px; background: url("../images/linkedin_small.png") no-repeat; display: inline-block; cursor: pointer; text-transform: none; margin: 0 0 0 7px; }

.more_projects { color: #FFFFFF; background: url("../images/more_icon_down.svg") no-repeat bottom center; background-size: 24px 14px; position: absolute; bottom: 10px; width: 100px; text-align: center; height: 30px; line-height: 20px; font-size: 14px; cursor: pointer; left: 50%; margin-left: -50px; font-weight: 300; font-family: 'BebasNeue-Book'; }
.more_projects:hover { color: #FFFFFF; }


.team_wrapper .team_info { max-width: 250px; max-height: 90%; margin: 0 auto; position: relative; height: 90%; display: inline-block; }
.team_wrapper .team_info img.team_photo { max-width: 100%; max-height: 80%; margin: 0 auto; position: relative; display: block; margin: 0 auto; }
.team_wrapper .team_name { text-align: left; border-bottom: 1px solid #eeeeee; padding: 0 0 10px 0; margin: 7px auto 7px auto; line-height: 1.25em; /* font-size: 20px; */ }
.team_wrapper .team_position { text-align: left; font-size: 16px; }
.team_wrapper .team_position a { color: #d1d2ce; float: right; }
.team_wrapper .team_social { float: right; }
.team_wrapper .team_social a { font-size: 13px; color: #000000; display: block; font-weight: 300; display: inline-block; padding: 0; margin: 0px 0 0 3px; float: left; }
.team_wrapper a.env { background: url("../images/icon_env_white.png") no-repeat left center; background-size: 32px 25px; width: 32px; height: 25px; }
.team_wrapper .team_social a.fb { width: 20px; height: 25px; background: url("../images/fb.png") no-repeat; display: inline-block; cursor: pointer; text-transform: none; margin: 0 0 0 7px; }
.team_wrapper .team_social a.linkedin { width: 24px; height: 25px; background: url("../images/linkedin_small.png") no-repeat; display: inline-block; cursor: pointer; text-transform: none; margin: 0 0 0 7px; }
.team_wrapper .team_info .sub_links { display: block; text-align: center; position: absolute; width: 100%; }
.team_wrapper .team_info .sub_link { color: #FFFFFF; display: inline-block; margin: 3px; }
.team_wrapper .team_info .sub_link img { display: inline-block; }
.team_wrapper .team_info .sub_link u { display: inline-block; }

.team_wrapper .portfolio_row1 .portfolio_col_left { background: transparent; }

.rose_with_arrow { color: #ec008c; background: url("../images/arrow_down_rose.png") no-repeat center bottom; padding-bottom: 30px; display: inline-block; }

#probono_title { position: absolute; top: 0; left: 160px; color: #000000; display: inline-block; font-size: 38px; font-weight: bold; line-height: 69px; }
.probono_home .portfolio_row1 .page_icon.gif, .probono_home .portfolio_row2 .page_icon.gif { position: relative; text-align: center; }
.probono_home .portfolio_row1 .page_icon.gif img, .probono_home .portfolio_row2 .page_icon.gif img { max-width: 245px; }
.probono_home .page_icon.gif span { position: absolute; font-weight: 800; font-size: 32px; top: 30%; margin: -16px auto 0 auto; display: block; width: 100%; float: none; }
.probono_home .portfolio_row1 .page_icon.gif span { color: #000000; }
.probono_home .portfolio_row2 .page_icon.gif span { color: #FFFFFF; }
.probono_home  .portfolio_row1 .portfolio_col_right { color: #6d6e71; background: #eeeeee; padding-right: 5%; }
.probono_home  .portfolio_row1 .portfolio_col_right a { color: #ec008c; padding-right: 20px; display: inline-block; margin: 0 auto; font-family: 'Akrobat-Light', sans-serif; font-weight: 300; line-height: 20px; position: relative; }
.probono_home  .portfolio_row1 .portfolio_col_right a::after { content: ''; display: inline-block; position: absolute; right: 0; width: 11px; height: 20px; background: url("../images/tags_arrow.png") no-repeat right center; background-size: 11px 20px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.probono_home  .portfolio_row1 .portfolio_col_right a:hover::after { right: -8px; }
.probono_home  .portfolio_row1 .portfolio_col_right p + p { margin-top: 1em; }

.probono_home .portfolio_row2 .portfolio_col_right em { color: #ec008c; font-style: normal; font-weight: 600; font-family: 'BebasNeue-Book'; }
.probono_home .portfolio_row2 .portfolio_col_right strong { color: #eeeeee; }
.probono_home .portfolio_row2 .portfolio_col_right { text-align: left; font-family: 'BebasNeue-Book', sans-serif; padding-left: 10%; padding-right: 5%; }
.probono_home .portfolio_row2 .portfolio_col_right h3 { font-family: 'BebasNeue'; font-weight: bold; }
.probono_home .portfolio_row2 .portfolio_col_right a { display: inline-block; margin: 0em auto 0em auto; font-family: 'BebasNeue', sans-serif; font-size: 24px; background: #d3d3d1; border: 0; color: #000000; line-height: 1.4em; padding: 0 1em;  }
.probono_home .portfolio_row2 .portfolio_col_right a:hover { background: #ec008c; color: #FFFFFF; }
.probono_home small { font-size: 1em; display: block; text-align: center; }
.probono_home .portfolio_row2 .portfolio_col_right ul { font-family: 'Akrobat-Light'; }


@media screen and (max-width: 767px) {
	body { padding-top: 57px; }
	div.main { border: 24px solid #eeeeee; }
	#copyright { height: 34px; font-size: 9px; overflow-y: scroll; display: block; }
	#logo { left: 50%; margin-left: -35px; height: 57px; line-height: 57px; }
	#logo a { width: 70px; height: 29px; margin-top: 14px; background-size: 100% 100%; }
	#topnav { display: none; }
	#menubar { right: 0px; margin-top: -95px; height: 190px; width: 45px; font-size: 19px; background: #eeeeee; padding: 7px; }
	#menubar a#menu_closed .icon { height: 20px; }
	#menubar a#menu_opened .icon { height: 20px; background-size: auto 18px; }
	#menu_main li { font-size: 40px; }
	#menu_main li:hover::before, #menu_main li.over::before { height: 13px; margin-top: -6px; }
	#menu .menu_col3 { font-size: 15px; background-size: cover; }
	#menu { padding-bottom: 24px; }
	
	#filterbar { left: 0px; margin-top: -41px; height: 82px; width: 45px; font-size: 19px; background: #eeeeee; padding: 7px; }
	#filterbar a#filter_closed .icon { height: 20px; }
	#filterbar a#filter_opened .icon { height: 20px; background-size: auto 18px; }
	#filter_main li { font-size: 40px; }
	#filter_main li:hover::before, #filter_main li.over::before { height: 13px; margin-top: -6px; }
	#filter { padding-bottom: 24px; }
	#filter .menu_col3 > div { padding: 0 15px; }
	#filter .menu_col3 #filter_selection_client { position: static; padding-left: 15px; }
	#filter .menu_col3 #filter_selection_client > div { width: 100%; }
	#filter .menu_col3 #filter_selection_type { padding-top: 0 !important; position: relative; height: 100%;  border-bottom: 0px solid transparent; top: 0px; }
	#filter .menu_col3 #filter_selection_type > div { overflow-x: hidden; position: absolute; height: 100%; top: 0; left: 0px; padding-left: 15px; width: 100%; }
	#filter .menu_col3 #filter_selection_tag { height: 100%;  border-bottom: 30px solid transparent; }
	#filter .menu_col3 #filter_selection_tag a { font-size: 16px; display: inline; margin: 7px 10px 7px 0px; font-weight: 300; }
	#filter .menu_col3 #filter_selection_tag > div { overflow-x: hidden; position: absolute; height: 100%; top: 0; }
	#filter .menu_col3 #filter_selection_year { padding-top: 50px; padding-bottom: 50px; }
	#filter .menu_col3 #filter_selection_year a { font-size: 20px; margin: 13px auto; }
	#filter .menu_col3 #filter_selection_year a:first-child { margin-top: 0; }
	#filter .menu_col3 #filter_selection_year .spacer { height: 50px; }

	
	#page_home h1 { font-size: 14px; }
	#page_home h1 strong { font-size: 15px; }
	#page_home div.h1_height { font-size: 14px; }
	#page_home .home_col { background-size: cover; }
	#page_home .home_col .slogan { font-size: 40px; line-height: 1em; }
	/* #page_home .home_col .slogan::after { margin-top: -6px; }  */
	#page_home .home_col .line { margin-top: -6px; }
	#page_home .home_col .slogan a.img-wrap { }
	#page_home .home_col .slogan a.img-wrap img { margin-top: 5px; }
	
	
	#page_home .home_col1 .slogan a.img-wrap img { max-width: 100px; width: auto; height: 35px; }
	#page_home .home_col2 .slogan a.img-wrap img { max-width: 100px; width: auto; height: 35px; }
	#page_home .home_col3 .slogan a.img-wrap img { max-width: 100px; width: auto; height: 35px; }

	.page_col { font-size: 16px; }
	.page_col.page_col_menu { background-size: cover; }
	.page_col.page_col_menu h1 { font-size: 42px; margin: 0 auto 0px auto; font-weight: 600; line-height: 1em; }
	.page_col.page_col_menu .page_icon { margin: 0 0 10px 0; }
	.page_col.page_col_menu .page_icon img { max-height: 45px; }
	.page_col.page_col_menu .page_description { font-size: 13px; padding-bottom: 0px; font-weight: 300; padding-left: 0; padding-right: 0; font-family: 'Akrobat-Light'; line-height: 1.2em; }
	.page_col.page_col_menu .sub_link { font-size: 12px; line-height: 12px; display: block; }
	.page_col.page_col_menu .sub_link img { max-height: 12px; margin-bottom: 5px; }
	.page_col.page_col_menu .sub_link u::after { margin-top: -2px; height: 1px; }
	.page_col.page_col_content { background-size: 100% auto; background-repeat: repeat-y; overflow: hidden; }
	
	.subpage_services .page_col.page_col_content strong img { margin-top: -10px; }
	
	#team { width: 100%; }
	#team .item { width: 100%; }
	#team .item .info { font-size: 14px; }
	#team .item .info .team_position { font-size: 22px; }
	#team .item .info .team_action { font-size: 20px; }
	#team .item .info .team_action a { font-size: 14px; background-position: 0px 3px; }
	#team .item .team_name { font-size: 20px; }
	#team .clearfix-sm { clear: both; }
	#team .clearfix-lg { clear: none; }
	
	#filter .menu_col3 #filter_selection_client a { height: 60px; line-height: 40px; padding: 10px 5px; }

	#contact_form label { font-size: 16px; }
	#contact_form input[type=text] { height: 16px; margin-bottom: 2px; }
	#contact_form input[type=submit] { font-size: 24px; }
	#contact_form .form-group textarea { height: 3em; }
	
	
	.portfolio_item  { height: auto; }
	.portfolio_row { height: auto; background-size: cover; }
	.portfolio_row .portfolio_col_left { float: none; }
	.portfolio_row1 { background-size: 100% auto; background-position: top center; border-bottom: 0px; }
	.portfolio_row1 .portfolio_col_right { font-size: 16px; }
	.portfolio_row1 .portfolio_col_left { font-size: 16px; }
	.portfolio_item .portfolio_desc { font-size: 16px; }
	.portfolio_item .portfolio_client { font-size: 16px; }
	.portfolio_item .tags { font-size: 16px; }
	.portfolio_row1 .portfolio_col_left h1 { font-size: 32px; }
	.portfolio_row2 .portfolio_col_left h1 { font-size: 32px; }

	#portfolio_home_wrapper {  }
	#portfolio_home_wrapper .portfolio_row1 { background: transparent; }
	#portfolio_home_wrapper .portfolio_row1 .portfolio_col_left { display: none; }
	#portfolio_home_wrapper .portfolio_row1 .portfolio_col_right { border-left: 0px solid #FFFFFF; font-family: 'BebasNeue', sans-serif; font-weight: 600; color: #6d6e71; line-height: 1.2em; padding-left: 0; padding-right: 0; padding-top: 30px; }
	
	.probono_home .portfolio_row2 .portfolio_col_left  { display: none; }
	
	#portfolio_home_wrapper .portfolio_row2 .portfolio_col_left .page_icon img { max-height: 37px; }
	#portfolio_home_wrapper .portfolio_row2 .portfolio_col_right { height: 190px; }
	#portfolio_home_wrapper .portfolio_row2 .item { border-top: 1px solid #FFFFFF; }
	#portfolio_home_wrapper .portfolio_row2 .item:first-child { border-top: 0px solid #FFFFFF; }
	
	.probono_home .portfolio_row2 .portfolio_col_right  { height: auto !important; }

	.portfolio_template_short .portfolio_row1 .portfolio_image { border-top: 1px solid #FFFFFF; }
	.portfolio_row2 .item { border-bottom: 0px solid #FFFFFF; }
	.portfolio_item .item { display: block; }
	.portfolio_item .item::after { content: ''; display: block; clear: both; }
	.portfolio_item .item .portfolio_image { border-top: 1px solid #FFFFFF; }
	.portfolio_item .carousel-control { display: none; }
	
	.portfolio_item .portfolio_col_left { padding-left: 30px; padding-right: 30px; }

	.portfolio_row2 .portfolio_item_featured_left h1 { margin: 0 auto 22px auto; }
	.portfolio_row2 .portfolio_item_featured_left h1 .company { font-size: 16px; }
	
	.portfolio_row2, .portfolio_row2 .item { background-size: 100% auto; background-position: top center; }
	.portfolio_row2 .portfolio_col_left, .portfolio_row2 .portfolio_col_left.portfolio_col_left_uneven { background-size: cover; }
	
	.contact_info .address { float: none; }
	.share { font-size: 14px; }
	
	#portfolio_home_wrapper.team_wrapper .portfolio_row1 .portfolio_col_left { display: block; background: url("../images/texture_black.jpg") repeat;  }
	.team_wrapper .team_info .sub_link u { display: block; }
	.team_wrapper .team_info .sub_links { position: relative; }
	
	#probono_title { display: none; }
}

@media screen and (min-width: 768px) {
	html { height: 100%; } 
	body { height: 100%; min-height: 700px; overflow: hidden; }
	#main_row { min-height: 100%; position: relative; }
	#logo { left: 69px; margin-left: auto; }
	#topnav { right: 69px; display: block; }
	#topnav_mobile { display: none; }
	#menubar { right: 48px; margin-top: -53px; height: 125px; width: 45px; font-size: 24px; padding: 0px; background: transparent; }
	body.lang_bg #menubar { font-size: 18px; }
	#menubar a.menu_toggle .icon { background-size: 100% auto !important; }
	#menubar a#menu_closed .icon { height: 33px; }
	#menubar a#menu_opened .icon { height: 62px; }
	#menu_main li { font-size: 29px; }
	#menu_main li:hover::before, #menu_main li.over::before { height: 13px; margin-top: -7px; }
	#menu .menu_col { height: 100%; }
	#menu .menu_col3 { font-size: 24px; }
	#menu { padding-bottom: 69px; }
	#filterbar { left: 44px; margin-top: -50px; height: 125px; width: 50px; font-size: 24px; padding: 0px; background: transparent; }
	body.lang_bg #filterbar { font-size: 18px; }
	#filterbar a.menu_toggle .icon { background-size: 100% auto !important; }
	#filterbar a#filter_closed .icon { height: 33px; }
	#filterbar a#filter_opened .icon { height: 62px; }
	#filter_main li { font-size: 29px; }
	#filter_main li:hover::before, #filter_main li.over::before { height: 13px; margin-top: -7px; }
	#filter .menu_col { height: 100%; }
	#filter .menu_col3 { font-size: 18px; padding-left: 25px;  }
	#filter { padding-bottom: 69px; }
	#filter .menu_col3 #filter_selection_client { left: -10px; padding-left: 15px; padding-right: 15px; }
	#filter .menu_col3 #filter_selection_client a { height: 60px; line-height: 40px; padding: 5px 10px; }
	#filter .menu_col3 #filter_selection_year a { font-size: 24px; margin: 13px auto; }
	#filter .menu_col3 #filter_selection_year a:hover, #filter .menu_col3 #filter_selection_year a.active { color: #eeeeee; }
	#filter .menu_col3 #filter_selection_year a:hover span.full, #filter .menu_col3 #filter_selection_year a.active span.full { display: inline-block; border-bottom: 1px solid #838280; }
	#filter .menu_col3 #filter_selection_year a:hover span.short, #filter .menu_col3 #filter_selection_year a.active span.short { display: none; }
	#filter .menu_col3 #filter_selection_tag a { font-size: 18px; }
	
	div.main { border: 69px solid #eeeeee; height: 100%; }
	#copyright { }
	#main_row { height: 100%; }
	#page_home h1, #page_home div.h1_height { font-size: 16px; line-height: 1em; }
	#page_home .home_col { padding-left: 0; padding-right: 0; height: 100%; }
	#page_home .home_col .slogan { display: block; font-size: 48px; line-height: 1em; }
	#page_home .home_col .slogan u { }
	/* #page_home .home_col .slogan::after { height: 2px; margin-top: -8px; } */
	#page_home .home_col .line { margin-top: -8px; height: 2px; }
	#page_home .home_col .slogan a.img-wrap img { margin-top: 35px; }
	#page_home .home_col1 { padding-left: 6%; text-align: right; border-right: 1px solid #e7e7e5; overflow: hidden; }
	#page_home .home_col1 .slogan { padding-right: 0px; }
	#page_home .home_col1 .slogan a.text-wrap { margin-right: -1px; position: relative;  }
	/* #page_home .home_col1 .slogan::after { left: 15%; } */
	#page_home .home_col1 .line { left: 15%; }

	#page_home .home_col2 .slogan { padding-right: 0px; }
	#page_home .home_col3 { padding-right: 6%; text-align: left; border-left: 1px solid #FFFFFF; overflow: hidden; }
	#page_home .home_col3 .slogan a.text-wrap { margin-left: -2px; position: relative; }
	/* #page_home .home_col3 .slogan::after { right: 15%; transform: translate(-15%, 0px); } */
	#page_home .home_col3 .line { right: 15%; transform: translate(-15%, 0px); }
	
	.page_col { font-size: 16px; height: 100%; }
	.page_col.page_col_content { padding: 45px 35px 25px 45px; }
	.page_col.page_col_content > div { position: relative; height: 100%; }
	.page_col.page_col_content strong { font-size: 24px; }
	.page_col.page_col_content strong, .page_col.page_col_content strong em { display: inline-block; line-height: 1.1em; }

	.subpage_answers .page_col.page_col_content em { font-size: 24px; }

	.page_col.page_col_menu h1 { font-size: 36px; margin: 0 auto 20px auto; }
	.page_col.page_col_menu .page_description { font-size: 16px; padding-bottom: 15px; }
	.page_col.page_col_menu .page_icon { margin: 0 0 20px 0; }
	
	.page_icon img { max-height: 45px; }
	.probono_home .portfolio_row1 .page_icon.gif img, .probono_home .portfolio_row2 .page_icon.gif img { max-height: 100px; }

	#team { width: 304px; }
	#team .item { width: 150px; line-height: 1em; }
	#team .item .info { font-size: 12px; }
	#team .item .info .team_action { font-size: 20px; }
	#team .item .team_name { font-size: 20px; line-height: 1em; }
	#team .item .info .team_position { margin: 0 0 0px 0; font-size: 17px; }
	#team .item .info .team_experience { margin: 0 0 0em 0; font-size: 12px; }
	#team .item .info .team_description { margin: 0 0 0em 0; font-size: 12px; }
	#team .item .info .team_moto { font-size: 14px; }
	
	#page_contacts .page_col_content { padding-left: 5%; padding-right: 5% }
	#contact_form label { font-size: 20px; }
	#contact_form input[type=text] { height: 20px; margin-bottom: 2px; }
	#contact_form input[type=submit] { font-size: 28px; }
	
	#portfolio_home_wrapper { position: absolute; height: 100%; max-height: 100%; overflow: hidden; top: 0; left: 0; width: 100%; }
	#portfolio_carousel .item { width: 100%; position: relative; height: 100%; }
	#portfolio_carousel .item::after { content: ''; display: block; clear: both; }
	#portfolio_carousel .item . portfolio_image { position: relative; height: 100%; }
	
	#portfolio_carousel > div { width: 100%; height: 100%; position: relative; }
	
	.portfolio_row1 .portfolio_col_right { font-size: 16px; }
	.portfolio_row1 .portfolio_col_left { font-size: 16px; }
	.portfolio_row1 .portfolio_col_left h1 { font-size: 34px; }
	.portfolio_row2 .portfolio_col_left h1 { font-size: 34px; }
	.portfolio_item .portfolio_desc { font-size: 16px; }
	.portfolio_item .portfolio_client { font-size: 16px; }
	.portfolio_item .tags { font-size: 16px; }
	
	.portfolio_item .portfolio_col_left { padding-left: 60px; }
	
	.portfolio_template_short .portfolio_row .portfolio_col_left { height: 100%; position: relative; }
	
	.portfolio_row2 .portfolio_item_featured_left h1 { margin: 0 auto 30px auto; }
	.portfolio_row2 .portfolio_item_featured_left h1 .company { font-size: 18px; }
	
	.portfolio_row1 .portfolio_col_right { border-left: 1px solid #FFFFFF; }
	.portfolio_row2 .portfolio_col_right { border-left: 1px solid #FFFFFF; }

	/*
	.subpage_services .page_col.page_col_content { line-height: 1em; }
	.subpage_services .page_col.page_col_content p { margin: 0 0 7px 0; }
	*/
	.page_col.page_col_menu .sub_link u::after { margin-top: -7px; }
	.share { font-size: 14px; }

	.team_wrapper .team_name { margin: 5px auto 2px auto; padding-bottom: 2px; }
	.team_wrapper .team_position { font-size: 13px; }
	.team_wrapper a { background-size: auto 20px !important; height: 20px !important; }
	.team_wrapper .team_social a.env { width: 26px; }
	.team_wrapper .team_social a.linkedin { width: 20px; }
	.team_wrapper .team_social a.fb { width: 16px; }
	
	.btn-rose { font-size: 24px; }
	.probono_home .portfolio_row2 .portfolio_col_right a { font-size: 24px; }
}

@media screen and (min-width: 992px) {
	#team { width: 498px; }
	#team .item { width: 122px; }
}
@media screen and (min-width: 1024px) {
	body { min-height: 567px; }
	#team .clearfix-sm { clear: none; }
	#team .clearfix-lg { clear: both; }
	#team { width: 498px; }
	#team .item { width: 122px; }
	#menu_main li { font-size: 42px; }
	#filter .menu_col3 { padding-left: 45px; }
	#filter .menu_col3 #filter_selection_client { left: -15px; padding-left: 45px; padding-right: 45px; }
	#contact_form input[type=text] { height: 25px; }
	#page_home .home_col .slogan { font-size: 62px; }
	/* #page_home .home_col .slogan::after { margin-top: -11px; } */
	#page_home .home_col .line { margin-top: -11px; }
	#page_home h1, #page_home div.h1_height { font-size: 21px; line-height: 1em; }
	body.lang_bg #menubar { font-size: 20px; }
	body.lang_bg #filterbar { font-size: 20px; left: 41px; width: 56px; }
	body.lang_bg #filterbar a#filter_opened .icon { background-size: 45px auto !important; }
	
	.portfolio_row2 .portfolio_item_featured_left h1 { margin: 0 auto 25px auto; }
	.portfolio_row2 .portfolio_item_featured_left h1 .company { font-size: 18px; }
	
	contact_info .address { width: 50%; }
}

@media screen and (min-width: 1200px) {
	#page_home .home_col .slogan { font-size: 74px; }
	/* #page_home .home_col .slogan::after { margin-top: -13px; } */
	#page_home .home_col .line { margin-top: -13px; }
	#page_home .home_col1 .slogan a.text-wrap { margin-right: -2px; position: relative;  }
	#page_home .home_col3 .slogan a.text-wrap { margin-left: -3px; position: relative; }
	#page_home h1, #page_home div.h1_height { font-size: 25px; line-height: 1em; }
	.page_col.page_col_menu h1 { font-size: 42px; margin: 0 auto 20px auto; }
	
	.contact_info { font-size: 20px; }
	
	#team { width: 608px; }
	#team .item { width: 150px; line-height: 1em; }
}

@media screen and (min-width: 1440px) {
	body { min-height: 650px; }
	#menubar, body.lang_bg #menubar { right: 28px; margin-top: -63px; height: 125px; width: 85px; font-size: 44px; }
	#menubar a.menu_toggle .icon { background-size: auto auto !important; }
	#menu_main li { font-size: 59px; }
	#menu_main li:hover::before, #menu_main li.over::before { height: 23px; margin-top: -12px; }
	#filterbar, body.lang_bg #filterbar { left: 24px; margin-top: -50px; height: 125px; width: 90px; font-size: 44px; }
	#filterbar a.menu_toggle .icon { background-size: auto auto !important; }
	#filter_main li { font-size: 59px; }
	#filter_main li:hover::before, #filter_main li.over::before { height: 23px; margin-top: -12px; }
	#filter .menu_col3 { font-size: 24px; padding-left: 25px;  }
	#filter .menu_col3 #filter_selection_client a { height: 90px; line-height: 70px; padding: 10px 10px; }
	#filter .menu_col3 #filter_selection_year a { margin: 0.7em auto; font-size: 36px; }
	#filter .menu_col3 #filter_selection_type a { font-size: 24px; }
	body.lang_bg #menubar { font-size: 38px; }
	body.lang_bg #filterbar { font-size: 33px; }
	
	#page_home h1, #page_home div.h1_height { font-size: 33px; line-height: 1em; }

	#page_home .home_col .slogan { font-size: 100px; }
	/* #page_home .home_col .slogan::after { margin-top: -17px; } */
	#page_home .home_col .line { margin-top: -17px; }
	#page_home .home_col1 .slogan a.text-wrap { margin-right: -3px; }
	#page_home .home_col3 .slogan a.text-wrap { margin-left: -3px; }
	.page_col { font-size: 19px; }
	.page_col.page_col_content { padding: 55px 60px 35px 75px; }
	.page_col.page_col_content strong { font-size: 24px; }
	.page_col.page_col_content strong, .page_col.page_col_content strong em { display: inline-block; line-height: 1.1em; }
	.subpage_answers .page_col.page_col_content em { font-size: 24px; }
	.page_col.page_col_menu h1 { font-size: 55px; margin: 0 auto 30px auto; }
	.page_col.page_col_menu .page_description { font-size: 19px; padding-bottom: 30px; }
	.page_col.page_col_menu .page_icon { margin: 0 0 30px 0; }
	
	.page_icon img { max-height: 100px; }
	.probono_home .portfolio_row1 .page_icon.gif img, .probono_home .portfolio_row2 .page_icon.gif img { max-height: 191px; }
	
	body.subpage_team .page_col.page_col_content { padding-top: 35px; padding-bottom: 5px; }
	#team { width: 608px; }
	#team .item { width: 150px; line-height: 1em; }
	#team .item .info .team_action { font-size: 20px; line-height: 0.9em; }
	#team .item .team_name { font-size: 20px; line-height: 0.9em; }
	#team .item .info .team_position { margin: 0 0 1px 0; }
	#team .item .info .team_experience { margin: 0 0 0em 0; font-size: 12px; }
	#team .item .info .team_description { margin: 0 0 2em 0; font-size: 12px; }
	#team .item .info .team_moto { font-size: 19px; }

	#contact_form label { font-size: 32px; }
	#contact_form input[type=submit] { font-size: 32px; }
	#contact_form.probono_form input::placeholder { font-size: 32px; }
	#contact_form.probono_form textarea::placeholder { font-size: 32px; }
	
	.portfolio_row1 .portfolio_col_right { font-size: 19px; }
	.portfolio_row1 .portfolio_col_right.team_description { font-size: 17px; }
	
	.portfolio_row1 .portfolio_col_left { font-size: 19px; }
	.portfolio_row1 .portfolio_col_left h1 { font-size: 44px; }
	.portfolio_row2 .portfolio_col_left h1 { font-size: 44px; }
	.portfolio_item .portfolio_desc { font-size: 19px; }
	.portfolio_item .portfolio_client { font-size: 19px; }
	.portfolio_item .tags { font-size: 19px; }

	.portfolio_row2 .portfolio_item_featured_left h1 { margin: 0 auto 30px auto; }
	.portfolio_row2 .portfolio_item_featured_left h1 .company { font-size: 20px; }
	
	.contact_info { font-size: 24px; }
	.share { font-size: 16px; }


	.team_wrapper .team_name { margin: 7px auto 5px auto; padding-bottom: 6px; }
	.team_wrapper .team_position { font-size: 16px; }
	.team_wrapper a { background-size: auto 25px !important; height: 25px !important; }
	.team_wrapper .team_social a.env { width: 32px; }
	.team_wrapper .team_social a.linkedin { width: 24px; }
	.team_wrapper .team_social a.fb { width: 20px; }
	
	.probono_home .page_icon.gif span { font-size: 48px; }

}
@media screen and (min-width: 1680px) {
	body { min-height: 850px; }
	#page_home h1, #page_home div.h1_height { font-size: 41px; }
	#page_home .home_col .slogan { font-size: 125px; }
	/* #page_home .home_col .slogan::after { margin-top: -20px; } */
	#page_home .home_col .line { margin-top: -20px; }
	#page_home .home_col1 .slogan a.text-wrap { margin-right: -2px; }
	#page_home .home_col3 .slogan a.text-wrap { margin-left: -3px; }
	
	.page_col { font-size: 24px; }
	.page_col.page_col_content { padding: 59px 70px 39px 95px; }
	.page_col.page_col_content strong { font-size: 32px; }
	.page_col.page_col_content strong, .page_col.page_col_content strong em { display: inline-block; line-height: 1.1em; }
	.subpage_answers .page_col.page_col_content em { font-size: 32px; }
	.page_col.page_col_menu h1 { font-size: 125px; margin: 0 auto 50px auto; }
	.page_col.page_col_menu .page_icon { margin: 0 0 50px 0; }
	
	.page_icon img { max-height: 100%; }
	.probono_home .portfolio_row1 .page_icon.gif img, .probono_home .portfolio_row2 .page_icon.gif img { max-height: 100%; }
	
	body.subpage_team .page_col.page_col_content { padding-top: 59px; padding-bottom: 39px; }
	#team { width: 848px; }
	#team .item { width: 210px; }
	#team .item .info .team_action { font-size: 28px; }
	#team .item .team_name { font-size: 28px; }
	#team .item .info .team_position { margin: 0 0 1px 0; font-size: 26px; }
	#team .item .info .team_experience { margin: 0 0 0em 0; font-size: 16px; }
	#team .item .info .team_description { margin: 0 0 2em 0; font-size: 16px; }
	#team .item .info .team_moto { font-size: 21px; }

	#page_contacts .page_col_content { padding-left: 15%; padding-right: 15%; padding-bottom: 20px; }
	
	.portfolio_row1 .portfolio_col_right { font-size: 24px; }
	.portfolio_row1 .portfolio_col_left { font-size: 24px; }
	.portfolio_row1 .portfolio_col_left h1 { font-size: 48px; }
	.portfolio_row2 .portfolio_col_left h1 { font-size: 48px; }
	.portfolio_item .portfolio_desc { font-size: 24px; }
	.portfolio_item .portfolio_client { font-size: 24px; }
	.portfolio_item .tags { font-size: 24px; }

	.portfolio_row2 .portfolio_item_featured_left h1 { margin: 0 auto 30px auto; }
	.portfolio_row2 .portfolio_item_featured_left h1 .company { font-size: 22px; }
	
	.page_col.page_col_menu .sub_link u::after { margin-top: -10px; }
	.share { font-size: 20px; }

	.team_wrapper .team_name { font-size: 20px; }

	.btn-rose { font-size: 32px; }
	.probono_home .portfolio_row2 .portfolio_col_right a { font-size: 32px; }
}


.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.02); }

.growUp { transform: translateY(6rem); animation: up 500ms linear forwards; } 

.animation-open { animation-name: open; }

.floatBackwardsImgInside img { 
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform; 
}
.floatBackwardsImgInside:hover img {  -webkit-transform: translateX(-8px); transform: translateX(-8px); }

@-webkit-keyframes up {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes up {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes down {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes down {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes draw {
  100% {
    width: 100%;
  }
}
@keyframes draw {
  100% {
    width: 100%;
  }
}

@keyframes open {
    from { width: 0; }
	to { visibility: visible;}
}

@keyframes fadeInUpTeam {
  from {
    opacity: 0;
    transform: translate3d(0, 500%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpTeam {
  animation-name: fadeInUpTeam;
}

.team_description { display: flex; flex-direction: column; }
.team_description p.person_projects_arrow { text-align: center; margin: 10px 0 10px 0; }

.flex { display: flex; }

.gray-scrollbars .scrollbar > .scroll-element { background-color: transparent !important; background: url("../images/gray_bg_scrollbars.png") no-repeat left top; }
.gray-scrollbars .scrollbar > .scroll-element .scroll-bar { background-color: #d9d9d9 !important; }
.gray-scrollbars .scrollbar > .scroll-element .scroll-element_size { background-color: #bebebe !important; }
.gray-scrollbars .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #ebebeb !important; }

.bebas { font-family: 'BebasNeue-Book', sans-serif; line-height: 1.3em; }
.bebas strong { font-family: 'BebasNeue', sans-serif; }
.bebas em { color: #ec008c; font-style: normal; font-weight: 300; font-family: 'BebasNeue-Book'; }

.some-title { color: #000000; font-size: 1.1em; }