@import url(//fonts.googleapis.com/css?family=Raleway:400,500,700);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css);

html {
 	height: 100%;
}


body 
{
	height: 100%;
}
 

h1,
h2,
p,
li,
span,
a {
	color:#ffffff;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 0.9rem;
}


h1
{
	font-weight: 700;
}


.nowrap 
{
	white-space: nowrap;
}


.table
{
	display: table;
}


.tce 
{
	display: table-cell;
}


.tr
{
	display: table-row;
}


.width_fill
{
	width: 100%;
}


.height_fill
{
	height: 100%;
}


.clear-right
{
	clear: right;
}


.clear-left
{
	clear: left;
}


.reset_around
{
	margin: 0 !important;
	padding: 0 !important;
}


.top
{
	vertical-align: top;
}


.bottom
{
	vertical-align: bottom;
}


.middle
{
	vertical-align: middle;
	display: table-cell;
}


.page_row
{
	padding: 57px 57px 57px 57px;
}


.font_yellow
{
	color:#ffc842 !important;
}


.font_white
{
	color:#ffffff !important;
}


.font_black
{
	color:#000000 !important;
}


.font_linkedin
{
	color: #0975b3 !important;
}


@media only screen and (max-width: 640px) {
	.page_row
	{
		padding: 25px 0px 25px 0px;
	}
}


@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.page_row
	{
		padding: 25px 40px 25px 40px;
	}
}


.orbit-timer {
	left: -10000px;
	top: auto;
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}


/**
*
*FOOTER
*
**/

.footer_social
{
	line-height: 48px;
	display: inline;
	float: right;
}


.footer_social i
{
	margin-right: 10px;
    font-size: 24px;
}


.footer_logo
{
	height: 48px;
}


@media only screen and (max-width: 1024px) {
	.footer_social
	{
		line-height: 38px;
	}


	.footer_social i
	{
	    margin-right: 9px;
        font-size: 1.4rem;
	}


	.footer_logo
	{
		height: 32px;
		height: auto;
	}
}


.copyright
{
	font-size: 0.7rem;
	color: #ffc842;
	font-weight: 500;
	padding-top: 30px;
}


/**
*
*MENU
*
**/

.menu_element
{
	width: 295px !important;
}


.menu_element a
{
	width: 295px !important;
}


.page_title
{
	margin: 0px;
	font-weight: 700;
	line-height: 47px !important;
	font-size: 1.2rem;
	padding-left: 50px !important;
	vertical-align: middle !important;
	display: inline-block;
	width: 236px !important;
}


.menu_icon
{
	margin-right: 6px;
	width: 47px;
	height: 47px;
	background-color: #000000;
	text-align: center;
	line-height: 47px;
}


.menu_title_white
{
	background: #ffffff;
	color: #000000;
}


.menu_title_black
{
	background: #000000;
	color: #ffc842 !important;
}


.menu_title_yellow
{
	background: #ffc842;
	color: #000000;
}


.menu
{
 	background: none;
 	border: none !important;
 	width: 236px !important;
}


.menu li
{
 	margin-top: 3px;
 	margin-bottom: 3px;
 	width: 236px !important;
}


.menu a
{
	font-weight: 700;
	font-size: 1.2rem;
	padding: 0 !important;
	padding-left: 50px !important;
	margin: 0;
	line-height: 47px !important;
}


.menu_white a
{
	color: #000000 !important;
}


.menu_white li
{
	background: #ffffff;
}


.menu_black a
{
	color: #ffffff !important;
}


.menu_black li
{
	background: #000000;
}


.menu_yellow a
{
	color: #000000 !important;
}


.menu_yellow li
{
	background: #ffc842;
}


.f-dropdown > *:first-child 
{
    margin-top: 0px; 
}


.f-dropdown:before
{
	border: none;
}


.f-dropdown:after
{
	border: none;
}


.menu_row
{
	padding-top: 30px;
}


.horizontal_logo
{
    width: 236px !important;
    height: 47px;
}


.menu_language a
{
	font-weight: 700;
	line-height: 47px;
}


@media only screen and (max-width: 1024px) {
	.menu_element
	{
		width: 206px !important;
	}


	.menu_element a
	{
		width: 206px !important;
	}


	.page_title
	{
		line-height: 33px !important;
		font-size: 0.84rem;
		padding-left: 34px !important;
		width: 165px !important;
	}


	.menu_icon
	{
		margin-right: 3px;
		width: 33px;
		height: 33px;
		line-height: 33px;
	}


	.menu
	{
	 	width: 165px !important;
	}


	.menu li
	{
	 	margin-top: 2px;
	 	margin-bottom: 2px;
	 	width: 100% !important;
	}


	.menu a
	{
		line-height: 33px !important;
		font-size: 0.84rem;
		padding-left: 35px !important;
	}


	.horizontal_logo
	{
		width: 165px !important;
		height: 33px;
	}


	.menu_language a
	{
		line-height: 33px;
	}

}



/**
*
*BANNER
*
**/

.word
{
	position: absolute; 
	top: 62.5%; 
	left: 35%; 
	width: 64%;
	display: none;
}


.word div, .word li
{
	padding-bottom: 6.16197%;
}


.word li
{
	background-image: url('/img/words.png');
	background-repeat: repeat-y;
	background-size: 100% 1400%;
}


.banner_element
{
	height: 100%;
	width: auto;
}


.banner
{
	position: relative; 
	top: 0; 
	left: 0;
}


.offleft 
{
    margin-left: -9000px;
    position: absolute;
}


/**
*
*NEWS
*
**/

.news_img
{
	max-height: 400px;
}


.news_element
{
	display: table-cell;
	vertical-align: bottom;
}


.news_title
{
	color: #ffc842;
	font-size: 1rem;
	font-weight: 500;
	line-height: 20px;
}


.news_more
{
	padding-top: 25px;
}


.news_more a
{
	color: #ffc842;
	font-weight: 500;
}


.news_date
{
	color: #ffffff;
}


.news_text p, .news_text li,.news_text ul,.news_text h1,.news_text h2,.news_text h3, .news_text a
{
	color: #ffffff;
}


.news_text a:hover
{
	color: #008cba;
}


/**
*
*WORK
*
**/

.work_text
{
	color: black;
}


.work_element
{
	padding-bottom: 20px;
}


.work_right p
{
	color: #000000;
	padding-bottom: 0px;
}


@media only screen and (max-width: 640px){
	.work_right
	{
		padding-top: 15px;
		padding-bottom: 0px;
	}
}


.work_title
{
	color: black;
	padding: 0px 20px 0px 0px;
	margin: 0px;
/*	text-transform:uppercase;*/
}


@media only screen and (min-width: 800px){
	.work_title
	{
		display: inline-block;
		line-height: 30px;
	}
}


.work_client
{
	font-size: 0.68rem;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}


@media only screen and (min-width: 800px){
	.work_client
	{
		display: inline-block;
		line-height: 30px;
	}
}


.work_excerpt p 
{
	margin-top: 5px;
	margin-bottom: 5px;
}


@media only screen and (min-width: 800px){
	.work_excerpt p
	{
		margin-bottom: 20px;
	}
}


.work_more
{
	font-weight: 700;
	color: black;
	margin-bottom: 0px;
}


.work_img
{
	padding-right: 30px;
}


.work_line
{
	background-color: #ffc842; 
	border: 0; 
	height:1px;
}


.pagination a
{
	font-weight: 700;
	color: black;
	font-size: 1.2rem;
	padding: 5px;
}


.current_page
{
	font-weight: 700;
	color: #ffc842;
	font-size: 1.3rem;
	padding: 5px;
}


/**
*
*WORKDETAIL
*
**/

.workdetail_back
{
	text-align: center;
	float: left;
	padding-left: 0px;
	margin-right: 10px;
	font-size: 1.2rem !important;
	background-color: black;
	width: 47px;
	line-height: 47px;
	color: #ffc842;
	margin-bottom: 0px;
}


@media only screen and (max-width: 1024px) {
	.workdetail_back
	{
		width: 33px;
		line-height: 33px;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64.06em){
  .medium-7 
  {
    	width: 58.33334%; 
	}
}


@media only screen and (min-width: 640px) {
	.workdetail_header_left
	{
		padding-right: 0px;
	}
}


.workdetail_header_right
{
	padding-left: 0px;
}


.workdetail_header h1, .workdetail_header p
{
	margin-bottom: 0px;
	margin-top: 0px;	
	color: black;
}


@media only screen and (min-width: 1024px) {
	.workdetail_header h1
	{
		font-size: 1rem;
		line-height: 47px;
	}

	.workdetail_header p
	{
		line-height: 47px;
	}
}


.workdetail_title
{
	/*text-transform:uppercase;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


.workdetail_client
{
	color: black;
	font-size: 0.68rem;
	padding-left: 15px;
}


@media only screen and (max-width: 640px) {
	.workdetail_client
	{
		padding-left: 15px;
	}
}


.workdetail_info
{
	padding-top: 20px;
}


.workdetail_info_right h1
{
	font-size: 0.9rem;
	margin-bottom: 0px;
	color: black;
}


@media only screen and (max-width: 640px) {
	.workdetail_info_right
	{
		padding-top: 20px;
	}

	.workdetail_info_left
	{
		text-align: center;
	}
}


.workdetail_info_right p, .workdetail_info_right span
{
	color: black;
}


.workdetail_img
{
	max-height: 250px;
}


.workdetail_text p, ul, li
{
	color: black;
}


.workdetail_text p
{
	padding-top: 20px;
	padding-left: 0px;
}


/**
*
*VECTORS
*
**/

.vector p, .vector h1
{
	color: #000000; 
	text-align: left;
}


.vector_photo
{
	background-color: #000000;
}


.vector_photo img
{
	max-height: 400px;
	margin: auto;
}


.orbit-bullets, .touch .orbit-bullets
{
	display: table;
	text-align: center;
}


.orbit-bullets li 
{
    background: #000000 !important;
}


.orbit-bullets li.active 
{
    background: #ffffff !important; 
}


.orbit-caption
{
	 background-color: rgba(51,51,51,0) !important;
}


.orbit-caption p
{
	 color: #ffffff !important;
	 font-size: 0.8em;
}


@media only screen and (max-width: 1024px) {
	.vector_photo img
	{
		max-height: auto;
	}


	.vector p
	{
		font-size: 1rem;
	}
}


@media only screen and (max-width: 800px) {
	.orbit-caption
	{
		 background-color: rgba(51,51,51,0.7) !important;
	}
}


/**
*
*ABOUT
*
**/

.about p
{
	color: #ffffff !important;
	text-align: left;
}



/**
*
*TEAM
*
**/

.team_element li
{
	padding-left: auto;
	padding-right: auto;
	max-width: 400px;
	margin: 0px auto;
}


.team_element p, .team_element h1
{
	color: #000000;
	padding-top: 10px;
}


.team_element h1
{
	text-align: right;
	line-height: 0.95rem;
	margin: 0px;
	margin-left: 10px;
}


.team_element p
{
	text-align: justify;
}


@media only screen and (min-width: 800px) {
	.team_element p
	{
		font-weight: 500;
		font-size: 0.72rem;
		line-height: 1.1rem;
	}

	.team_element h1
	{
		font-size: 0.72rem;
	}

}


@media only screen and (max-width: 640px) {
	.team_element 
	{
		max-width: 400px;
		display: inline-block !important;
	}
}


.team_social
{
	margin-left: 8px;
	margin-top: 8px;
	font-size: 20px;
}


.team_name p
{
	font-weight: 700;
	color: #ffc842;
	font-size: 0.9rem;
	background-color: #000000;
	padding-left: 20px;
	padding-right: 20px;
	margin: 2px;
	line-height: 1.5rem;
	padding-bottom: 0px;
	padding-top: 0px;
	max-width: 150px;
}


.team_photo
{
	width: 150px;
	margin-right: 20px;
}


.team_photo img
{
	width: 100%;
}


.team_width
{
	width: 126px;
}


/**
*
*CONTACTS
*
**/

.map-height
{
	height: 455px;
}


.map-width 
{
	width: 100%;
}


.contact_element
{
	display: table-cell;
	vertical-align: bottom;
	height: 455px;
}


.contact_element p
{
	line-height: 1.4rem;
	text-align: justify;
}

.link span:hover
{
	color: #008cba;
}


@media only screen and (max-width: 1024px) {
	.contact_element
	{
		padding-bottom: 10px;
		display: inherit;
		vertical-align: top;
		height: 100%;
	}


	.contact_element p
	{
		font-size: 0.8rem;
		line-height: 1.3rem;
	}


	.map-height
	{
		height: 250px;
	}
}


/**
*
*DEBUG
*
**/

.debugR
{
	background-color: #ff0000 !important;
}


.debugG
{
	background-color: #00ff00 !important;
}


.debugB
{
	background-color: #0000ff !important;
}


.debugRB
{
	background-color: #ff00ff !important;
}


.debugY
{
	background-color: #ffff00 !important;
}