/* 



	Theme Name: Mila

	Theme URI: http://www.spab-rice.com 

	Description: Mila is a creative Portfolio Blogging Theme. 

	Version: 1.2 

	Author: Spab Rice 

	Author URI: http://www.spab-rice.com 

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Tags: light, white, gray, one-column, two-columns, three-columns

	

*/





/*-----------------------------------------------------------------------------------



	0.	Reset & Clearfix

	1.	Basics (body, headers, links, etc)

	2.	Commen Classes & Id's

	3.	Header

	4. 	Footer

	5. 	Main

	6. 	Navigation & Menus

	7.	Slider

	8. 	Entrys (Blog & Portfolio)

	9. 	Comments

	10. Leave Comments

	11.	Metas (Entrys)

	12.	Filter

	13.	Pagination

	14.	Load More

	15.	Share

	16.	Widgets

	17. Shortcodes

	18. Overlay Images

	19. Loader

	

-----------------------------------------------------------------------------------*/



/*@import url("/webfonts/2650ca");*/

/*

#portfolio-grid {

	border:1px solid red;

}

*/

.masonry-item {

	xborder:1px solid blue;

	xmargin-left:31px;

}



 

@font-face {

	font-family: 'HelveticaNeueLTPro-Th';

	src: url('webfonts/2650CA_0_0.eot');

	src: url('webfonts/2650CA_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2650CA_0_0.woff') format('woff'),url('webfonts/2650CA_0_0.ttf') format('truetype');

}





/*---------------------------------------------- 

0. Reset

------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%; }

	

ol, ul  { list-style: none; }



:focus  { outline: 0; }



/* deleting the default appearence for form elements */



.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }

.clearfix { *display: inline-block; height: 1%; }

.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }



/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; visibility: hidden; }







/*---------------------------------------------- 

1. Basics

------------------------------------------------*/

html {

	height: 100%;

	font-size: 100%;

	overflow-y: scroll; /* Force a scrollbar in non-IE */

	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */

	-ms-text-size-adjust: 100%;

	position: relative;

	}



body {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:90%; color:#4c4c4c; text-align: left; line-height:1.4;

	position: relative;

	background: #ffffff;

	height: 100%;

	-webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

	 font-smooth:always;

	 xtext-shadow: 0 0 3px rgba(255,255,255,0.3);

	}

::selection { background:#00a276; color:#fff; }

::-moz-selection { background:#00a276; color:#fff; }

::-webkit-selection { background:#00a276; color:#fff; }







/* Headings

---------------------------------------- */

h1, h2, h3, h4 {

	font-family: 'HelveticaNeueLTPro-Th', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color: #333333;

	font-weight: normal;

}

	

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,

h1 i a, h2 i a, h3 i a, h4 i a, h5 i a, h6 i a {

	font-style: italic;

	}

	

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, 

h1 strong a, h2 strong a, h3 strong a, h4 strong a, h5 strong a, h6 strong a, h1 b a, h2 b a, h3 b a, h4 b a, h5 b a, h6 b a {

	font-weight: bold;

	}



h1 { font-size: 170%; line-height: 1.2; }

h2 { font-size: 30px; line-height: 34px; }

h3 { font-size: 22px; line-height: 28px; }

h4 { font-size: 20px; line-height: 24px; }

h5 { font-size: 14px; line-height: 17px; }

h6 { font-size: 15px; line-height: 18px; }



h2.normal {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 

	margin:0 0 10px; 

}



h3.normal, .page-template-page-vacancy-php h4, .page-template-page-vacancy-php h3, .page-template-page-vacancy-php h2, h4.normal, h3.gform_title {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



h4.docs {

	margin:1em 0 4px;

}





div h1, div h2, div h3 {

	margin-top: 0;

	}



h5.normal, #main .gform_wrapper h3.gform_title {

	font-weight:normal;

}



#main .gform_wrapper h3.gform_title {

	margin-top:0;

}



.single-vacancy h5 {

	margin:0 0 .5em;

}



.single-vacancy h5 a {

	color: #af143c;

}

	

h1, h2, h3 {

	xtext-transform:lowercase;

}



h1.header-box {

	font-size:160%;

}

	

div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {

	margin-top: 0px;

	}

	

h4 {

	margin:0 0 1em;

}

	

h5 {

	font-weight:bold;

	margin:1em 0 0;

}



.entry-title h3 {

	font-size:130%;

	line-height:1.2;

}



.section-title {

	margin-bottom: 15px;

	}

	



/* Forms

---------------------------------------- */

input[type=text], input[type=password], textarea {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 13px;

	background: #ffffff;

	border: 1px solid #d9d9d9;

	line-height: 16px;

	height: 16px;

	color: #808080;

	padding: 8px 5px 8px 5px;

	}

	

input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { 

	border: 1px solid #b3b3b3;

}



input[type=text], input[type=password], input[type=email] { width: 240px; max-width: 95%; }		/* padding issue (240 + 2*5 = 250) */

textarea { width: 390px; height: 100px; max-width: 95%; padding: 11px 5px 8px 5px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */





input[type=submit] {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: bold;

	background: #333333;

	display: block;

	line-height: 20px;

	padding: 9px 20px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	cursor: pointer;

	font-size: 14px;

	border: none;

	}

	

input[type=submit]:hover { 

	background: #00a276;

	color: #ffffff; 

	}

	

select {

	border: 1px solid #f3f3f3;

	background: #ffffff url(files/images/selectbox.png) right top no-repeat;

	height: 35px;

	width: auto;

	padding:8px;

	color: #808080;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	}

select:hover {	border: 1px solid #808080;	}

	

select option {

	cursor: pointer;

	padding: 5px 7px;

	}

	

label {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: bold;

	line-height: 30px;

	width: 100%;

	display:block;

	}

	

form {

	margin-top: 30px;

	}

	

form .form-row {

	margin-top: 10px;

	position: relative;

	}

	

form .form-submit {

	margin-top: 30px;

	}

	

form .form-value {

	max-width: 100%;

	position: relative;

	display: inline-block;

	}

	

div form:first-child, form .form-row:first-child 	 {

	margin-top: 0px;

	}

	



/* Chech formular */

form .checkfalse {

	width: 32px;

	height: 32px;

	position: absolute;

	top: 1px;

	right: 2px;

	background: #df3b3b; 

	}

form .checkfalse .falseicon {

	width: 30px;

	height: 30px;

	background: url(files/images/next-prev.png) no-repeat -220px 0px;

	display: block;

	margin-left: 1px;

	margin-top: 1px;

	}

	

form .textbox .checkfalse { top: 2px; right: 9px; }



#form-note {

	display: none;

	overflow: hidden;

	}

	

#form-note .confirm_message {

	background: #1eb56c; /* Old browsers */

	color: #ffffff !important;

	line-height: 36px;

	height: 36px;

	display: inline-block;

	padding: 2px 15px 0 15px ;

	}

	

#form-note .error_message {

	background: #df3b3b; 

	color: #ffffff !important;

	line-height: 36px;

	height: 36px;

	display: inline-block;

	padding: 2px 15px 0 15px ;



	}

	

#form-note .error_icon {

	display: none;

	}

	

#form-note .confirm_icon {

	display: none;

	}

	



	

/* Links

---------------------------------------- */

a {

	text-decoration: none;

	xcolor: #00a276;

	cursor: pointer;

	}



a:hover {

	color: #c20430;

	}

	

a.more-link {

	background: #333333;

	display: inline-block;

	line-height: 20px;

	padding: 9px 20px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	}



a.more-link:hover {

	background: #00a276;

	color: #ffffff;

	}

	

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: #333333;

	}

	

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

	color: #00a276;

	}

	

	



/* Embedded content

---------------------------------------- */

img, object, video {

	max-width: 100%; 

	height: auto;

	display:block;

	}

	

img {

	width: auto;

	max-width: 100%; 

	border: 0;

	-ms-interpolation-mode: bicubic;

	}



p img { margin-top: 20px; }

p img:first-child { margin-top: 0px; }

img.alignleft { margin: 3px 30px 30px 0; float: left; }

img.alignright { margin: 3px 0px 30px 30px; float: right; }

img.aligncenter { margin-bottom: 30px; }



.embeddedvideo {

	position: relative;

	padding-bottom: 55%;

	padding-top: 15px;

	height: 0;

	overflow: hidden;

	}

	

.embeddedvideo iframe {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





/* Lists

---------------------------------------- */

article ul {

	margin-top: 20px;

	padding-left: 15px;

	}



article ul li {

	padding-left: 20px;

	background: transparent url(files/images/list-style.png) 0 8px no-repeat;

	line-height: 22px;

	}

	

article ol {

	margin-top: 20px;

	margin-left: 45px;

	list-style: decimal;

	}

	

article ol li {

	line-height: 22px;

	}

	

	





/* Others

---------------------------------------- */

strong, b, dt {

	font-weight: bold;

}



i, dfn, em {

	font-style: italic;

	}

	

strong i, b i, dt i, strong em, b em, dt em {

	font-style: italic;

	font-weight: bold;

	}

	

sub, sup {

	font-size: 0.625em;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

	}



sup {

	top: -0.5em;

	}



sub {

	bottom: -0.25em;

	}



/* paragraph rules */

p { 

	margin-bottom: 1em; 

	}

	

div p:first-child { 

	margin-top: 0px; 

	}	

	

article > p:last-child {

	padding-bottom: 40px;

	}



blockquote {

	margin: 30px 30px 0 30px; 

	font-size: 16px; line-height: 24px;

	padding: 30px;

	color: #808080;

	background: #fff;

	}



blockquote p {

	}



div blockquote:first-child { 

	margin-top: 0px; 

	}

	

address {

	padding: 15px;

	margin-top: 30px;

	font-size: 12px;

	background: #fff;

	}

	

div address:first-child { 

	margin-top: 0px; 

	}	

	

pre {

	padding: 15px;

	margin-top: 30px;

	font-size: 12px;

	background: #fff;

	}

	

div pre:first-child { 

	margin-top: 0px; 

	}	







/* WORDPRESS DEFAULT */



/*sticky*/

.sticky{}



/*gallery captio*/

.gallery-caption{}



/*by post author*/

.bypostauthor{}



/*aligns*/

.aligncenter{

	display:block;

	margin:0 auto;

}

.alignright{

	float:right;

	margin:0 0 10px 20px;

}

.alignleft{

	float:left; 

	margin:0 20px 10px 0;

}



/*floats*/

.floatleft{ float:left}

.floatright{ float:right}



/*text style*/

.textcenter{ text-align:center}

.textright{ text-align:right}

.textleft{ text-align:left}



/*captions*/

.wp-caption{ max-width: 100% !important; }

.wp-caption{

	border:1px solid #ddd; 

	text-align:center; 

	background-color:#f2f2f2; 

	padding-top:4px; 

	margin:10px; 

	-moz-border-radius:3px; 

	-khtml-border-radius:3px; 

	-webkit-border-radius:3px; 

	border-radius:3px;

}

.wp-caption img{

	margin:0; 

	padding:0; 

	border:0 none;

	max-width: 100$;

}

.wp-caption p.wp-caption-text{

	font-size:11px; 

	line-height:17px; 

	padding:0 4px 5px; 

	margin:0;

}



/*smiley reset*/

.wp-smiley{

	margin:0 !important;

	max-height:1em;

}



/*blockquote*/

blockquote.left{

	margin-right:20px;

	text-align:right;

	margin-left:0;

	width:33%;

	float:left;

}

blockquote.right{

	margin-left:20px;

	text-align:left;

	margin-right:0;

	width:33%;

	float:right;

}



/*img attachment*/

#img-attch-page{

	text-align: center;

	overflow: hidden;

}

#img-attch-page img{

	display: inline-block;

	margin: 0 auto;

	max-width: 100%;

	border: 5px solid #d4d4d4; /*for IE*/

	width: 100%;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border-color: rgba(0,0,0, 0.08);

	-webkit-transition: border 0.3s ease;

    -o-transition: border 0.3s ease;

    -moz-transition: border 0.3s ease;

}

#img-attch-page a:hover img{

	border-color: #fc7251;

}



#img-attach-page-content{

	text-align: center;

	margin-top: 25px;

}



/*gallery*/

.gallery {

	width: 100%;

	padding-top: 20px !important;

}



.gallery-item { float: left;  }



.gallery-icon { text-align: center; display: inline-block; }



.gallery-item .gallery-caption { 

    margin-bottom: 0 !important;

    padding-right: 12%; 

}



.gallery-item img {

	margin: 0 !important;

	padding:  0 !important;

	border: none !important;

}



.gallery-item a {

	float: left;

	border: none !important;

	margin:  0 !important;

	padding: 0 !important;

}



.gallery-item a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}



.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}







/*---------------------------------------------- 

2. Commen Classes & Id's

------------------------------------------------*/



.left_float { 

	float: left; 

	}

	

.right_float { 

	float: right; 

	}





	

/*---------------------------------------------- 

3. Header

------------------------------------------------*/

header {

	position: fixed;

	width: 100%;

	z-index: 100;

	background: #00a276;

	height:150px;

	}

	

.header-inner {

	padding: 0 30px  0 30px;

	}

	

.header-right {

	position: relative;

	xoverflow:hidden;

	xheight:auto;

	}

	





/*---------------------------------------------- 

4. Footer

------------------------------------------------*/

footer {

	background: #ffffff;

	width: 100%;

	max-width:100%;

	padding:0;

	margin:0;

	position: fixed;

	bottom: 0px;

	left: 0px;

	z-index: 100;

	color: #808080;

	font-size: 13px;

	}

	

#footer-inner {

	height: 30px; line-height: 30px;

	padding: 15px 30px;

	position: relative;

	}

	

#totop {

	width: 30px;

	height: 30px;

	display: block;

	position: absolute;

	top: 15px;

	left: 50%;

	margin-left: -15px;

	

	background: #00a276 url(files/images/next-prev.png) no-repeat -250px 0px;

	display: none;

	color:transparent;

	}

	

#totop:hover { 

	background: #333333 url(files/images/next-prev.png) no-repeat -250px 0px;

}





/*---------------------------------------------- 

5. Main

------------------------------------------------*/	

#main {

	width: 100%;

	position: relative;

	padding-top: 150px;			/* overwritten by javascript */

	overflow: hidden;

	}

	

#main-inner {

	min-height: 1000px;			/* overwritten by javascript */

	background: #f2f2f2;

	background:#fff;

	position: relative;

	}

	

.maincontent {

	/*width: 100%;*/

	width:0%;

	background: #f2f2f2;

	background:#fff;

	float:left;

	position: relative;

	z-index: 2;

	}

	

.page-template-page-expertise-php #main-inner, .page-template-page-expertise-php .maincontent, .page-template-page-sectors-php #main-inner, .page-template-page-sectors-php .maincontent {

	background:none;

}



.mainside {

	width: 100%;

	background: #fafafa;

	background:#f3f3f3;

	overflow: hidden;

	float: right;

	position: relative;

	z-index: 1;

	}

	

.mainside-bg { 

	width: 100%;

	height: 100%;

	background: #fafafa;

	background:#f3f3f3;

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 0;

	overflow: hidden;

}

	

.single .mainside, .single .mainside-bg, .page-template-default .mainside, .page-template-default .mainside-bg {

	width: 50%;

	}

	

.single .maincontent, .halfcontent {

	width: 50%;

	}

	

.fullcontent {

	width: 100%;

	}

	



#map {

	width: 50%;

	height: 100%;

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 1;

	overflow: hidden;

	}



#map img {						

	max-width: inherit;

	height: auto;

	}



#fullscreen-bg { 

	width: 50%;

	height: auto;

	position: fixed;

	top: 0px;					/* overwritten by javascript */

	right: 0px;

	z-index: 0;

	overflow: hidden;

}









/*---------------------------------------------- 

6. Navigation & Menus

------------------------------------------------*/

#lang_sel_list {

	z-index:0;

}



nav#main-nav {

	z-index: 14;

	display: block;

	margin-right:45px;

	}

	

#menu-project-filter, #menu-project-filter-arabic0 {

	margin-top:30px;

	margin-right:-14px;

	background:#fff;

	padding:10px 14px 10px 0;

}



.home #menu-project-filter, .home #menu-project-filter-arabic0 {

	display:none;

}

	

nav#main-nav ul {

	position: relative;

	z-index: 13;

	}

	

nav#main-nav ul li, #menu-project-filter li, #menu-project-filter-arabic0 li {

	position: relative;

	z-index: 12;

	float: left;

	padding-left: 20px;

	padding-bottom:0;

	}

	

/*nav#main-nav ul li:hover .sub-menu, #menu-project-filter li:hover .sub-menu, #menu-project-filter-arabic0 li:hover .sub-menu {

	display:block;

	opacity:1;

}*/





nav#main-nav ul li > a, #menu-project-filter li > a, #menu-project-filter-arabic0 li > a  {

	font-weight: bold;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	xopacity: 0.65;

	xfilter: alpha(opacity=65);

	x-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";

	text-decoration: none;

	z-index: 11;

	text-transform:lowercase;

	}

	

#menu-project-filter ul.region-parent li a, #menu-project-filter-arabic0 ul.region-parent li a {

	text-transform:none;

}

	

#menu-project-filter li > a, #menu-project-filter-arabic0 li > a {

		color:#444;

		font-weight:normal;

	}

	

nav#main-nav ul li:hover a, #menu-project-filter li:hover a, #menu-project-filter .sub-menu li a.active, #menu-project-filter-arabic0 li:hover a, 

#menu-project-filter-arabic0 .sub-menu li a.active {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	color:#c20430;

	}

	

nav#main-nav ul li.current-menu-item a, nav#main-nav ul li.current-menu-ancestor a, nav#main-nav ul li.current_page_parent a {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

	}

	

nav#main-nav ul li .sub-menu, #menu-project-filter .sub-menu, #menu-project-filter-arabic0 .sub-menu {

	position: absolute;

	top: 30px;

	left: 0px;

	text-align: left;

	background: #ffffff;

	width: 200px;

	padding: 8px 0;

	display: none;

	z-index:20;

	} 

	

#menu-project-filter .sub-menu .sub-menu, #menu-project-filter-arabic0 .sub-menu .sub-menu {

	top:25px;

	padding:4px 20px 8px;

	width:160px;

}

	

#menu-project-filter li:first-child a, #menu-project-filter-arabic0 li:first-child a {

	color:#bebebe;

}

	

nav#main-nav ul .sub-menu li, #menu-project-filter .sub-menu li, #menu-project-filter-arabic0 .sub-menu li {

	float: none;

	padding-right: 20px;

	}

	

nav#main-nav ul .sub-menu li a, #menu-project-filter .sub-menu li a, #menu-project-filter li.active-parent  li a, #menu-project-filter-arabic0 .sub-menu li a,

#menu-project-filter-arabic0 li.active-parent li a {

	color: #808080;

	line-height: 1.25;

	display:block;

	padding:5px 0;

	xborder:1px solid green;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	font-size: 12px;

	font-weight:normal;

	}

	

nav#main-nav ul .sub-menu li a:hover, #menu-project-filter .sub-menu li a:hover, #menu-project-filter li.active-parent a, #menu-project-filter li:first-child a:hover,

#menu-project-filter-arabic0 .sub-menu li a:hover, #menu-project-filter-arabic0 li.active-parent a, #menu-project-filter-arabic0 li:first-child a:hover {

	color: #c20430;

	}





#dropdown-menu {

	font-size: 14px;

	font-weight: bold;

	float: right;

	height: 40px;

	line-height: 40px;

	padding: 0 15px;

	color: #00a276;

	background: #ffffff;

	display: none;

	}

	

.openfilter {

	font-size:14px;

	font-weight:bold;

	height:40px;

	line-height:40px;

	padding:0 15px;

	background:#fff;

	float:left;

	display:none;

}



#responsive-nav {

	width: 250px;

	position: absolute;

	right: 0px;

	top: 40px;

	display: block;

	background: #ffffff;

	z-index: 100;

	text-align: right;

	display: none;

	}

		

	

#responsive-nav li {

	z-index: 10;

	display:block;

	line-height: 20px;

	margin: 0;

	border-top: 1px solid #f3f3f3;

	padding: 0;

	}



#responsive-nav li a  {

	font-size: 14px;

	font-weight: bold;

	padding: 6px 20px;

	line-height: 20px;

	color: #333333;

	display: block;

	}

	

#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a, #responsive-nav li.current_page_parent > a {

	color: #00a276;

	}

	

#responsive-nav li ul {

	width: auto;

	position: inherit;

	border: none;

	padding: 0;

	display: block;

	left: inherit;

	top: inherit;

	position: relative;

	}

	

#responsive-nav li ul li {

	display: block;

	padding: 0;

	position: inherit;

	width: 100%;

	border-top: 1px solid #f3f3f3;

	}

	

#responsive-nav li ul li a { 

	font-size: 13px;

	padding: 6px 40px 6px 20px; 

	color: #808080;

	display: block;  

	}

	

#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a { 

	color: #00a276;

	}



	

#responsive-nav li ul li ul {

	border: none;

	padding: 0;

	position: inherit;

	left: 0px;

	top: 0px;

	margin: 0;

	}

	

#responsive-nav li ul li ul li a { padding: 6px 60px 6px 20px; display: block;  }









/*---------------------------------------------- 

7. Slider

------------------------------------------------*/	

.slider {

	position: relative;

	overflow: hidden;

	}

	

.slider li img {

	width: 100%;

	}





/*---------------------------------------------- 

8. Entrys (Blog & Portfolio)

------------------------------------------------*/

.entry {

	position: relative;

	padding: 30px;

	}

	

.entry-content {

	position: relative;

	}

	

.entry-title {

	width: 75%;

	}

	

.entry-text {

	margin-top: 30px;

	}

	

.meta_date {

	color: #808080;

	margin-top: 5px;

	}

	

.meta_date a {

	color: #808080;

	}

	

.meta_date a:hover {

	color: #00a276;

	}

	

.entry-media img {

	width: 100%;

	}

	

.readmore {

	margin-top: 10px;

	display: inline-block;

	}



.masonry {

	width: 110%;

	}

	

.page-template-page-expertise-php.en .masonry, .page-template-page-sectors-php.en .masonry, .page-template-taxonomy-php.en .masonry {

	position:relative;

}

	

.masonry > .masonry-item {

	width: 320px;					/* overwritten by javascript */ 

	float: left;

	/*height:300px;*/

	}



#blog-grid, #portfolio-grid {

	overflow: hidden;

	}



#blog-grid .entry {

	margin: 0;

	padding: 0;

	}

	

.blog-masonry .masonry-inner {

	padding: 30px;

	border: 1px solid #e5e5e5;

	background: #fff;

	margin: 0;

	margin-left: -1px;

	margin-top: -1px;

	}

	

.blog-masonry .entry-thumb {

	margin-bottom: 30px;

	}

	

.blog-masonry .entry-title {

	width: 100%;

	}

	

.blog-masonry .entry-text {

	margin-top: 15px;

	margin-bottom: 15px;

	}

	

.blog-masonry .entry-meta {

	margin-top: 15px;

	}



.quote {

	background: #00a276;

	color: #ffffff;

	padding: 15px;

	}

	

.quote .quote-text {

	font-size: 18px;

	line-height: 24px;

	font-weight: bold;

	}

	

.quote .quote-author {

	margin-top: 15px;

	text-align: right;

	}

	

.link {

	background: #f2f2f2;

	padding: 15px;

	}

	

#post-single .link { background: #ffffff; }

	

.link .link-target {

	text-align: center;

	}

	

.link .link-target a {

	font-size: 18px;

	line-height: 24px;

	font-weight: bold;

	}

	

.link .link-name {

	margin-top: 15px;

	text-align: right;

	}

	

#post-single .aside { background: #ffffff; padding: 15px; }



#caching { display: none; }



.gallery-list {

	margin: 0;

	padding: 0;

	}

	

.gallery-list li {

	margin: 0;

	padding: 0;

	background: 0;

	}





/*---------------------------------------------- 

9. Comments

------------------------------------------------*/

#comments  {

	margin-top: 60px;

	position: relative;

	}

	

#comments ul {

	background: none;

	list-style: none;

	margin: 0;

	padding: 0;

	margin-top: 30px;

	}	

	

#comments .comment-list  {

	width: 100%;

	}

	

#comments .full-comment-list  {

	width: 100%;

	}

	

#comments .comment {

	overflow: hidden;

	background: none;

	padding: 0;

	margin-top: 30px;

	border: none;

	}

	

#comments .comment-list .comment:first-child {

	margin-top: 0px;

	}



#comments .comment .children { 

	margin-left: 5%; 

	margin-bottom: 0; 

	padding-bottom: 0;

	}

	

#comments .comment .children .comment { 

	margin-top: 30px;

	}

	

#comments .user {

	float: left;

	width: 50px;

	}

	

#comments .comment_content {

	margin-left: 80px;

	background: #fff;

	padding: 30px;

	position: relative;

	}

	

#comments .comment_date {

	color: #808080;

	}

	

#comments .comment_text {

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 0;

	}

	

#comments .comment-reply-link {

	margin-left: 15px;

	}







/*---------------------------------------------- 

10. Leave Comment

------------------------------------------------*/

#leavecomment {

	margin-top: 60px;

	}

	

#leavecomment {

	margin-top: 60px;

	position: relative;

	}

	

#respond #reply-title {

	line-height: 22px;

	font-size: 14px;

	margin: 0;

	}

	

#respond #cancel-comment-reply-link {

	font-size: 18px;

	}

	

#comments #respond {

	float: none;

	margin: 30px 0 30px 80px;

	}

	

#comments #respond form {

	}

	

#comments #respond #form-note {

	margin-left: 30px;

	}	





/*---------------------------------------------- 

11. Metas (Entrys)

------------------------------------------------*/

.entry-meta { 

	padding: 0;

	}

	

.entry-meta li {

	padding: 0;

	margin: 0;

	background: none;

	line-height: 24px;

	display: inline-block;

	margin-right: 15px;

	

	}

	

.meta_likes a, .meta_comments a, .meta_views a, .meta_tags a {

	color: #808080;

	font-size: 12px;

	}

	

.meta_likes a:hover, .meta_comments a:hover, .meta_views a:hover, .meta_tags a:hover {

	color: #333333;

	}



.entry-meta li .icon {

	background-image: url(files/images/meta_icons.png);

	width: 20px;

	height: 20px;

	float: left;

	margin-right: 0px;

	margin-top: 1px;

	}



.meta_likes .icon {

	background-position: -20px 0px;

	}

.meta_likes a:hover, .meta_likes a.likesactive { color: #f33e82;  }

.meta_likes a.likesactive { cursor: default;  }

.meta_likes:hover .icon, .meta_likes a.likesactive .icon { background-position: -20px -20px;   }



.meta_comments .icon {

	background-position: -40px 0px;

	}

.meta_comments:hover .icon { background-position: -40px -20px;  }



.meta_views .icon {

	background-position: 0px 0px;

	}

.meta_views:hover .icon { background-position: 0px -20px; }



.meta_tags .icon {

	background-position: -60px 0px;

	}

.meta_tags:hover .icon {background-position: -60px -20px;  }









/*---------------------------------------------- 

12. Filter

------------------------------------------------*/

.filter {

	position: relative;

	}



.filter a.openfilter {

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	opacity: 0.65;

	filter: alpha(opacity=65);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";

	text-decoration: none;

	z-index: 11;

	display: block;

	}

		

.filter a.openfilter:hover {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	}



.filter ul {

	position: absolute;

	top: 30px;

	right: 0px;

	text-align: right;

	background: #ffffff;

	width: 200px;

	height: auto;

	padding: 8px 0;

	display: none;

	}

	

.filter ul li {

	padding-right: 10px;

	}

	

.filter ul li a {

	color: #808080;

	padding-right: 20px;

	line-height: 26px;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	}

	

.filter ul li a:hover, .filter ul li a.active {

	color: #00a276;

	}

	

.filter ul li a.active {

	background: url(files/images/filter-check.png) no-repeat right center;

	}

	

.filter-seperator {

	display: block;

	width: 1px;

	height: 30px;

	background: #ffffff;

	float: right;

	margin-left: 20px;

	opacity: 0.3;

	filter: alpha(opacity=30);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	}	





/*---------------------------------------------- 

13. Pagination

------------------------------------------------*/

#single-pagination {

	position: absolute;

	top: 2px;

	right: 0px;

	}

	

.entry-link #single-pagination, .entry-quote #single-pagination, .entry-aside #single-pagination {

	position: inherit;

	top: inherit;

	right: inherit;

	margin-top: 20px;

	}

	

#single-pagination ul {

	padding: 0;

	margin: 0;

	}

	

#single-pagination ul li {

	padding: 0;

	margin: 0;

	background: none;

	display: inline-block;

	margin-left: 1px;

	}

	

#single-pagination ul li a {

	width: 30px;

	height: 30px;

	display: block;

	text-indent: -9999px;

	background:  #333333 url(files/images/next-prev.png) no-repeat -160px 0px;

	}



#single-pagination ul li a.next { background:  #333333 url(files/images/next-prev.png) no-repeat -190px 0px; }

#single-pagination ul li a.close { background:  #333333 url(files/images/next-prev.png) no-repeat -220px 0px; }



#single-pagination ul li a.close {

	margin-left:25px;

	text-indent:100%;

	white-space: nowrap;

    overflow: hidden;

}



#single-pagination ul li a:hover { 

	background-color: #00a276; 

	}





/*---------------------------------------------- 

14. Load More

------------------------------------------------*/

#load-more {

	width: 100%;

	height: 30px;

	position: relative;

	margin-top: 30px;

	}

	

#load-more a {

	width: 150px;

	display: block;

	background: #00a276;

	line-height: 30px;

	height: 30px;

	font-weight: bold;

	font-size: 14px;

	color: #ffffff;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 0px;

	margin-left: -75px;

	}

	

#load-more a:hover {

	background: #333333;

	color: #ffffff;

	}

	





/*---------------------------------------------- 

15. Share

------------------------------------------------*/

.sharelinks {

	padding: 0;

	}

	

.sharelinks li {

	padding: 0;

	margin: 0;

	background: none;

	float: left;

	margin-right: 10px;

	}

	





/*---------------------------------------------- 

16. Widgets

------------------------------------------------*/

.widget {

	position: relative;

	}

	

footer .widgettitle {

	display: none;

	}

	





/*	Menu Widget

------------------------------------------------*/

.widget ul {

	margin-top: 0px;

	}

	

.widget ul li {

	padding-left: 20px;

	background: transparent url(files/images/list-style.png) 0 8px no-repeat;

	line-height: 22px;

	display: none;

	}

	

.widget ul li:first-child {

	display: block;

	}

	

.widget ul li a {

	color: #00a276;

	}

	

.widget ul li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  {

	color: #333333;

	}

	





/*	Search Widget

------------------------------------------------*/

 #searchform {

	margin: 0;

	display: inline-block;

	zoom: 1;

	*display: inline;

	}

	

 #searchform div {

	position: relative;

	}

	

 #searchform label {

	display: none;

	}

	

 #searchform input[type="text"] {

	width: 200px;

	display: block;

	}

	

 #searchform input[type="submit"] {

	filter: none;

	background: url(files/images/search-icon.png) no-repeat center center;

	text-indent: -9999px;

	border: none;

	width: 26px; height: 26px;

	padding: 5px 0px;

	position:absolute;

	top: 4px;

	right: 2px;

	font-size: 0;

	line-height: 0;

	}

	

 #searchform input[type="submit"]:hover {

	border: none;

	-moz-box-shadow: none; 

	-webkit-box-shadow: none; 

	box-shadow: none; 

	}

	

	

	

/*	Social Media Widget

------------------------------------------------*/

.socialmedia-widget {

	overflow:hidden;

	margin: 0;

	padding: 0;

	}

	

.socialmedia-widget li {

	display: inline-block;

	margin-right: 5px;

	background: none;

	}

	

.socialmedia-widget a {

	height: 30px;

	width: 30px;

	display: block;

	text-indent: -9999px;

	background: transparent url(files/images/social-icons.png);

	}

	

footer .socialmedia-widget a { 

	background: transparent url(files/images/social-icons-theme.png);

}

		

.socialmedia-widget a.facebook { background-position: 0px top ; }

.socialmedia-widget a.twitter { background-position: -30px top; }

.socialmedia-widget a.thumblr { background-position: -60px top ; }

.socialmedia-widget a.vimeo { background-position: -90px top ; }

.socialmedia-widget a.dribbble { background-position: -120px top ; }

.socialmedia-widget a.deviantart { background-position: -150px top ; }

.socialmedia-widget a.behance { background-position: -180px top ; }

.socialmedia-widget a.flickr { background-position: -210px top ; }

.socialmedia-widget a.forrst { background-position: -240px top ; }

.socialmedia-widget a.linkedin { background-position: -270px top ; }

.socialmedia-widget a.rss { background-position: -300px top ; }

.socialmedia-widget a.googleplus { background-position: -330px top ; }

.socialmedia-widget a.pinterest { background-position: -360px top ; }



.socialmedia-widget a.facebook:hover { background-position: 0px bottom ; }

.socialmedia-widget a.twitter:hover { background-position: -30px bottom ; }

.socialmedia-widget a.thumblr:hover { background-position: -60px bottom ; }

.socialmedia-widget a.vimeo:hover { background-position: -90px bottom ; }

.socialmedia-widget a.dribbble:hover { background-position: -120px bottom ; }

.socialmedia-widget a.deviantart:hover { background-position: -150px bottom ; }

.socialmedia-widget a.behance:hover { background-position: -180px bottom ; }

.socialmedia-widget a.flickr:hover { background-position: -210px bottom ; }

.socialmedia-widget a.forrst:hover { background-position: -240px bottom ; }

.socialmedia-widget a.linkedin:hover { background-position: -270px bottom ; }

.socialmedia-widget a.rss:hover { background-position: -300px bottom ; }

.socialmedia-widget a.googleplus:hover { background-position: -330px bottom ; }

.socialmedia-widget a.pinterest:hover { background-position: -360px bottom ; }



/*	Twitter Widget



------------------------------------------------*/

.twitter-widget .tweet_avatar {

	display: none;

	}	



.twitter-widget .tweet_list li {

	background: url(files/images/tweet.png) no-repeat 0px 0px;

	padding-left: 30px;

	margin-bottom: 0px;

	display: none;

	height: 25px;

	}

	

.twitter-widget .tweet_list li:first-child {

	display: block;

	}

	

.twitter-widget .tweet_list li .tweet_time a {

	font-style: italic;

	color: #333333;

	font-size: 12px;

	margin-left: 10px;

	}

	

.twitter-widget .tweet_list li .tweet_time a:hover {

	color: #333333;

	}







/* Flickr Widget & Dribble Widget

------------------------------------------------*/

.flickr-widget, #dribbble-widget {

	}

	

.flickr-widget .flickr-list, #dribbble-widget #dribbble-list  {

	width: 100%;

	overflow: hidden;

	}

	

.flickr-widget .flickr-list li, #dribbble-widget #dribbble-list li {

	width: 30px;

	margin: 0 5px 0 0;

	float: left;

	overflow: hidden;

	background: none;

	padding: 0;

	}

		

.flickr-widget .flickr-list li:hover, #dribbble-widget #dribbble-list li:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	}







/*	Recent comment

------------------------------------------------*/

#recentcomments {

	padding:0;

	}



#recentcomments li {

	background: url(files/images/recentcomment.png) no-repeat ;

	padding-left: 30px;

	display: none;

	}

	

#recentcomments  li:first-child {

	display: block;

	}

	

#recentcomments li a {

	margin-left: 10px;

	}



	





/*	Tag Widget

------------------------------------------------*/

.tag-list a {

	border: 1px solid #e5e5e5;

	display: inline-block;

	padding: 1px 4px;

	background: #ffffff;

	font-size: 11px;

	-webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

	color: #4c4c4c;

	margin-bottom: 5px;

	margin-right: 2px;

	}



.tag-list a:hover {

	color: #00a276;

	border: 1px solid #b3b3b3;

	}

	





/*---------------------------------------------- 

20. Columns Grid

------------------------------------------------*/

.column { 

	float: left; 

	padding-bottom: 60px;

	margin-right: 4%;

	}



.one_full { width: 100%; float: none; margin-right: 0; }

.one_half  { width: 48%; }

.one_third { width: 30%; }

.two_third { width: 64%; }

.one_fourth { width: 22%; }

.two_fourth { width: 48%; }

.three_fourth { width: 72%; }



.last {	margin-right: 0px; }









/*---------------------------------------------- 

17. Shortcodes

------------------------------------------------*/



/*	Team-member

------------------------------------------------*/

.team-member .team-meta {

	margin-top: 20px;

	}

	

.team-member .team-description {

	margin-top: 20px;

	}





/*	Buttons

------------------------------------------------*/

a.button {

	display: inline-block;

	font-weight:bold;

	text-decoration: none;

	text-align: center;

	padding: 3px 15px;

	

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0 10px 10px 0;

	}

	

a.button:hover {

	-moz-box-shadow: 0px 1px 0px #cccccc; 

	-webkit-box-shadow: 0px 1p 0px #cccccc; 

	box-shadow: 0px 1px 0px #cccccc;

	}

	

		

a.standard {

	color: #00a276;

	text-shadow: 1px 1px 0px #ffffff;

	border: 1px solid #cccccc;

	background: #fafafa;

	}

a.standard:hover { border: 1px solid #333333; color: #333333; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }



a.white {

	color: #808080;

	text-shadow: 1px 1px 0px #ffffff;

	border: 1px solid #cccccc;

	

	background: #f0f0f0;

	background-image: linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);

	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0.12, rgb(240,240,240)),

		color-stop(1, rgb(250,250,250))

	);



	}

a.white:hover { border: 1px solid #808080; color: #333333; }



a.blue {

	color: #318588;

	text-shadow: 1px 1px 0px #ace9ec;

	border: 1px solid #5bc0c7;

	

	background: #6ccbd6;

	background-image: linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);

	background-image: -o-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(108,203,214)),

		color-stop(1, rgb(160,218,221))

	);

	}

a.blue:hover { border: 1px solid #469499; color: #194b51; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }



a.yellow {

	color: #ae8c2d;

	text-shadow: 1px 1px 0px #fce8af;

	border: 1px solid #fcd14b;

	

	background: #fcd96c;

	background-image: linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);

	background-image: -o-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(252,217,108)),

		color-stop(1, rgb(252,228,154))

	);

	}

a.yellow:hover { border: 1px solid #ba972a; color: #7e6621; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }



a.green {

	color: #768c34;

	text-shadow: 1px 1px 0px #e0eebc;

	border: 1px solid #aecd5b;

	

	background: #c2e16d;

	background-image: linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);

	background-image: -o-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(194,225,109)),

		color-stop(1, rgb(206,225,154))

	);

	}

a.green:hover { border: 1px solid #738b32; color: #56691c; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }



a.pink {

	color: #e0556e;

	text-shadow: 1px 1px 0px #e9b6bf;

	border: 1px solid #f2798d;

	

	background: #f28699;

	background-image: linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);

	background-image: -o-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(242,134,153)),

		color-stop(1, rgb(242,162,176))

	);

	}

a.pink:hover { border: 1px solid #d53652; color: #8e2437; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }



a.purple {

	color: #d46fc9;

	text-shadow: 1px 1px 0px #efe2ee;

	border: 1px solid #e8a0e0;

	

	background: #e8b0e2;

	background-image: linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);

	background-image: -o-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(232,176,226)),

		color-stop(1, rgb(232,211,230))

	);

	}

a.purple:hover { border: 1px solid #c359b7; color: #843c7c; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }





a.grey {

	color: #808080;

	text-shadow: 1px 1px 0px #ebebeb;

	border: 1px solid #adadad;

	

	background: #bfbfbf;

	background-image: linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);

	background-image: -o-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(191,191,191)),

		color-stop(1, rgb(217,217,217))

	);

	}

a.grey:hover { border: 1px solid #737373; color: #333333; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }



a.orange {

	color: #e08457;

	text-shadow: 1px 1px 0px #fde5d9;

	border: 1px solid #fda072;

	

	background: #fdb897;

	background-image: linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);

	background-image: -o-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);

	background-image: -moz-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);

	background-image: -webkit-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);

	background-image: -ms-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);

	

	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(253,184,151)),

		color-stop(1, rgb(253,203,179))

	);

	}

a.orange:hover { border: 1px solid #de7744; color: #bd5223; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

		





/*	Skills

------------------------------------------------*/	

.skill {

	margin-top: 20px;

	}

	

div .skill:first-child {

	margin-top: 0px;

	}



.skill .skill_bar {

	background: #ffffff;

	height: 30px; width: 100%;

	position: relative;

	}

	

.skill .skill_bar .skill_active {

	background: #00a276;

	height: 100%;

	}

	

.skill .skill_bar span {

	color: #ffffff;

	position: absolute;

	top: 2px;

	left: 10px;

	line-height: 25px;

	}

	

	

	

/*	Alert

------------------------------------------------*/

p.alert {

	display: block;

	text-decoration: none;

	padding: 10px 20px;

	}

		

p.blue {

	color: #344454;

	background: #e6eef5;

	border: 1px solid #c6dff5;

	}

	

p.green {

	color: #315712;

	background: #dbe0a7;

	border: 1px solid #b0ce60;

	}

	

p.red {

	color: #83160a;

	background: #f5d7d7;

	border: 1px solid #f5acac;

	}

	

p.yellow {

	color: #9e6726;

	background: #faf8c2;

	border: 1px solid #ede863;

	}









/*	Toggle

------------------------------------------------*/

.toggle {

	margin-top: 15px;

	border: 1px solid #e5e5e5;

	background: #ffffff;

	padding: 5px 10px;

	}

	

div .toggle:first-child {

	margin-top: 0px;

	}

	

.toggle .toggle_title .toggle_icon {

	background: #00a276 url(files/images/plus.png) center center no-repeat;

	width: 11px;

	height: 11px;

	display: inline-block;

	text-indent: -9999px;

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

	float: left;

	padding: 1px;

	margin-right: 10px;

	margin-top: 4px;

	}

	

.toggle .toggle_title a:hover .toggle_icon {

	background-color: #333333;

	}

	

.toggle .toggle_title a.active  {

	color: #333333;

	}

	

.toggle .toggle_title a.active .toggle_icon {

	background-image: url(files/images/minus.png);

	background-color: #333333;

	}

	

.toggle .toggle_inner {

	padding: 15px;

	padding-left: 22px;

	display: none;

	}

	



/*	Tabs

------------------------------------------------*/

.tabs {

	}

	

.tabs ul.tab_nav {

	height: 31px;

	padding: 0;

	margin: 0;

	border-bottom: 1px solid #e5e5e5;

	}

	

.tabs ul.tab_nav li {

	background: none;

	padding: 0;

	float: left;

	margin-right:-1px;

	}

	

.tabs ul.tab_nav li a {

	background: none;

	padding: 0 20px;

	background: #ffffff;

	border: 1px solid #e5e5e5;

	display: block;

	line-height: 30px;

	height: 30px;

	color: #808080;

	}

	

.tabs ul.tab_nav li a:hover {

	background: #ffffff;

	color: #333333;

	}

	

.tabs ul.tab_nav li a.active {

	background: #ffffff;

	color: #333333;

	border-bottom: 1px solid #ffffff;

	}

	

.tabs .tab_container {

	border: 1px solid #e5e5e5;

	background: #ffffff;

	border-top: none;

	padding: 20px;

	position: relative;

	overflow: hidden;

	height: auto;

	}

	

.tabs .tab_container .tab_content {

	float: left;

	display: none;

	}

	

.tabs .tab_container .active {

	display: block;

	}

	









/*---------------------------------------------- 

18. Overlay Images

------------------------------------------------*/

.imgoverlay {

	position: relative;

	cursor: pointer;

	overflow: hidden;

	display: block;

	max-width: 100%;

	xheight:329px;

	}

	

.imgoverlay:hover {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	}



.imgoverlay a .overlay {

	width: 100%;

	height: 100%;

	background: #00a276;

	position: absolute;

	top: 0;

	left: 0;

	cursor: pointer;

	z-index: 0;

	}

	

.imgoverlay a .overlaymeta {

	color: #ffffff;

	display: block;

	position: absolute;

	top: 0px;

	left: 0;

	xwidth: 100%;

	text-align: left;

	display: none;

	padding: 20px;

	}

	

.page-template-page-sectors-php .imgoverlay a .overlaymeta {

	width:auto;

}

	

.imgoverlay a .overlaymeta h6 {

	color: #ffffff;

	}

	

.imgoverlay a .overlaymeta .meta-seperator {

	display: inline-block;

	width: 50px;

	height: 1px;

	background: #ffffff;

	margin-bottom: 3px;

	opacity: 0.4;

	filter: alpha(opacity=40);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

	}



.imgoverlaygrey {

	position: relative;

	cursor: pointer;

	overflow: hidden;

	display: block;

	max-width: 100%;

	}

	

.imgoverlaygrey:hover {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	}



.imgoverlaygrey a .overlay {

	width: 100%;

	height: 100%;

	background: #645e60;

	position: absolute;

	top: 0;

	left: 0;

	cursor: pointer;

	z-index: 0;

	}

	

.imgoverlaygrey a .overlaymetagrey {

	color: #ffffff;

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	text-align: center;

	display: none;

	padding-top: 10px;

	}

	

.imgoverlaygrey a .overlaymetagrey h6 {

	color: #ffffff;

	padding: 0 10px;

	}

	

.imgoverlaygrey a .overlaymetagrey .meta-seperator {

	display: inline-block;

	width: 50px;

	height: 1px;

	background: #ffffff;

	margin-bottom: 3px;

	opacity: 0.4;

	filter: alpha(opacity=40);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

	}



.imgoverlaygrey a .overlay {

	width: 100%;

	height: 100%;

	background: #645e60;

	position: absolute;

	top: 0;

	left: 0;

	cursor: pointer;

	z-index: 0;

	}

	

.imgoverlaygrey a .overlaymetagrey {

	color: #ffffff;

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	text-align: center;

	display: none;

	padding-top: 10px;

	}

	

.imgoverlay .overlaymeta h6, .imgoverlay .overlaymeta h4 {

	color: #ffffff;

	font-size:29px;

	line-height:34px;

	}

	

.page-template-page-expertise-php .imgoverlay .overlaymeta h4, .page-template-page-sectors-php .imgoverlay .overlaymeta h4 {

	text-transform:lowercase;

}

	

.imgoverlay .overlaymeta h5 {

	font-size:18px;

	line-height:23px;

	color: #ffffff;

}

	

.imgoverlay .overlaymeta .meta-seperator {

	display: inline-block;

	width: 50px;

	height: 1px;

	background: #ffffff;

	margin-bottom: 3px;

	opacity: 0.4;

	filter: alpha(opacity=40);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

	}





/*---------------------------------------------- 

19. Loader

------------------------------------------------*/

#loading {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	background: #ffffff url(files/images/loader-overlay.png) center center;

	}



#loading span {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 50px;

	height: 50px;

	margin-left: -10px;

	margin-top: -50px;

	display: block;

	background: #333333 url(files/images/animated.gif) center center no-repeat;

	/*-webkit-border-radius: 55px;

	-moz-border-radius: 55px;

	border-radius: 55px;#*/

	text-indent: -9999px;

	}

	

	

	

/*---------------------------------------------- 

19. Not Found (404)

------------------------------------------------*/

.notfound h1 {

	font-size: 200px;

	line-height: 250px;

	font-weight: bold;

	text-align: center;

	text-align: center;

	color: #00a276;

	}

	

	

/* Ben added CSS */



#menu-project-filter, #menu-project-filter-arabic0 {

	display:block;

}



/*

.mainside, .mainside-bg { 

  background: url(files/images/bg-image.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

*/



.over-cat {

	background-color:#ac0b3d;

}



.over-cat a:hover h2 {

	opacity:0.4;

}



.square-expertise {

	background-color:#706f6f;

}



.category {

	position:absolute;

	xtop:50%;

	width:80%;

	color:#fff;

	font-size:160%;

	padding:10%;

	text-transform:lowercase;

	line-height:0.8;

}



#portfolio .masonry-item.cat-masonry {

	opacity:0;

	xwidth:0 !important;

}



.cat-filter #portfolio .masonry-item.cat-masonry {

	opacity:1;

}



#africa:hover {

	border:1px solid #000;

}



#themap {

	float:right;

	width:80%;

	position:relative;

}



img.r-map {

	xmargin:7px 0 0px 5px;

	position:absolute;

	xposition:relative;

	xmargin:4px 0 0px 4px;	

}



#map-overlay {

	xposition:absolute;

	xtop:0;

	xleft:0;

	width:20%;

	xborder:1px solid red;

	xoverflow:auto;

	height:100%;

}



.map-titlebox {

	background:#ac0b3d;

	color:#fff;

	width:100%;

	

}



.header-box {

	xwidth:380px;

	xheight:380px;

	position:relative;

	left:0;

	xmargin-top:-190px;

	background:#ac0b3d;

	color:#fff;

	xmin-width:200px;

	float:left;

}



.header-box span, .map-titlebox span {

	display:block;

	padding:10%;

}



#col2-content {

	background:#f5f3eb;

	xmin-width:200px;

}



.col2-inner, .col-inner {

	padding:10%;

}



.page-template-page-vacancy-application-php .col-inner {

	padding:5%;

}





#region-menu {

	width:20%;

	z-index:20;

	position:absolute;

	top:0;

	background:#fff;

	cursor:pointer;

}



.en #region-menu {

	right:0;

}



#region-menu h3 {

	background:#ac0b3d;

	color:#fff;

	padding:0 17px;

	font-size:15px;

	background:#ac0b3d url(files/images/down-arrow.png) no-repeat 95% 8px;

}



#region-menu a {

	color:#878787;

	font-size:13px;

}



#region-menu a:hover {

	color:#af143c;

}



#region-menu ul {

	padding:0 17px 12px;

	display:none;

}



#region-menu .sub-menu {

	display:none;

}



#region-menu li {

	line-height:1;

	list-style-image:none;

	list-style:none;

	background-image:none;

}



#aboutus-featured-image {

	width:40%;

	float:left;

	xmin-width:400px;

}



#col5 {

	float:left;

	width:20%;

	xmin-width:200px;

	position: relative;

}



#col-profiles-projects {

	float:left;

	width:60%;

	xmin-width:200px;

	position: relative;

}



#col3, #col4 {

	width:50%;

	float:left;

}



#col4, .col-inner p {

	font-size:13px;

}



.cream-bg {

	background:#f5f3eb;

	overflow:hidden;

	width:40%;

	float:left;

	xmin-width:400px;

	min-height:761px;

}



.profile-col-2 {

	overflow:hidden;

	width:40%;

	float:left;

	xmin-width:400px;

	min-height:761px;

}



.cream-bg.application {

	width:60%;

}	



.cream-bg.vacancy-box {

	width:80%;

}



.page-template-page-expertise-php .cream-bg, .page-template-page-sectors-php .cream-bg {

	margin-left:20%;

	margin-left:0;

}



.page-template-page-aboutus-php #main-inner, .page-template-page-aboutus-php .maincontent {

	background:#fff;

}



ul#menu-about-us, ul#menu-about-us-arabic0, ul#menu-career {

	padding:0;

	margin:0;

}



ul#menu-about-us li, ul#menu-career li, ul#menu-about-us-arabic0 li {

	padding:0;

	background:none;

}



ul#menu-about-us a, ul#menu-career a, ul#menu-about-us-arabic0 a {

	color:#bd766b;

	font-size:100%;

	line-height:1.3;

	font-family: 'HelveticaNeueLTPro-Th', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-transform:lowercase;

}



ul#menu-about-us li.current-menu-item a, ul#menu-about-us a:hover, ul#menu-career li.current-menu-item a, ul#menu-career a:hover, ul#menu-about-us-arabic0 a:hover,

ul#menu-about-us-arabic0 li.current-menu-item a {

	color:#fff;

}



#aboutus-menu, #career-menu {

	background:#ac0b3d;

	xmin-height:200px;

}



#aboutus-menu-inner, #career-menu-inner {

	background:#ac0b3d;

	padding:10%;

}



#menu-about-us li:first-child, #menu-career li:first-child, #menu-about-us-arabic0 li:first-child {

	color:#fff;

	font-size:200%;

	line-height:1.5;

}



#menu-about-us li:first-child a, #menu-career li:first-child a, #menu-about-us-arabic0 li:first-child a {

	color:#fff;

}



#region-col1 {

	xoverflow:hidden;

	background:#fff;

	width:20%;

	xborder:1px solid red;

	float:left;

	height:100%;

}



#contact-col1 {

	background:#fff;

	width:20%;

	float:left;

}



#contact-col2 {

	width:30%;

	float:left;

}



#contact-col3 {

	width:50%;

	float:left;

	xposition:relative;

	xoverflow:hidden;

	xborder:1px solid #000;

	xheight:200px;

}



#contact-col4-new, #contact-col3-new, #contact-col2-new {

	width:33.3%;

	float: left;

	box-sizing: border-box;

	padding: 0 2%;

}



#contact-col2-new {

	padding-left: 25px;

}



#contact-col-right {

	width: 60%;

	float: left;

	box-sizing: border-box;



}



#contact-connect {

	clear: left;

	padding-top: 24px;

	float: left;

	width: 90%;

	box-sizing: border-box;

	border-top:1px solid #ccc;

	margin-left: 25px;

}



.page-template-page-contact-php .mainside-bg {

	width:auto;

}



.page-template-page-contact-php #map {

	width:50%;

}



.page-template-page-contact-php .col-inner {

	padding-top:0;

}



.header-box {

	width:100%;

}



#region-col2 {

	width:40%;

	margin:0 0 0 0;

	float:left;

	background:#f5f3eb;

	height:100%;

}



#region-col2 .col-inner {

	padding:5%;

}



.page-template-page-region-selected-php #content, .page-template-taxonomy-php #content { 

  background:#fff url(files/images/grey-map.gif) no-repeat right top; 

  -webkit-background-size: 80% auto;

  -moz-background-size: 80% auto;

  -o-background-size: 80% auto;

  background-size: 80% auto;

	width:100%;

}



#region-col3 {

	float:left;

	width:40%;

}



.header-inner #logo img {

	padding-top:20px;

}



p {

	font-size:13px;

}



#square {

	background-color:#ac0b3d;

	width:20px;

	height:20px;

	position:absolute;

	right:5px;

	top:20px;

}



.cross {

	float:right;

	margin:20px 40px 0 0;

}



#expertise-col2 {

	width:50%;

	float:left;

	height:100%;

}



#expertise-col3 {

	width:50%;

	float:left;

}



#profile-col3 {

	width:50%;

	float:left;

	background:#f5f3eb;

	min-height:761px;

}



#expertise-col3.single-application {

	padding-top:40px;

}



#expertise-col2 .col-inner {

	padding:10%;

}



#expertise-col4 {

	float:right;

	width:40%;

}



#profile-col4 {

	float:right;

	width:40%;

	position: relative;

}





.page-template-page-vacancy-php #expertise-col2 .col-inner {

	padding:25px;

}



.page-id-1801 #expertise-col2 .col-inner {

	padding:10%;

}



#vacancy-col2 {

	width:20%;

	float:left;

	height:100%;

}



#vacancy-col3 {

	float:left;

	width:80%;

}



#vacancy-col3 .col-inner {

	padding:5%;

}



.tooltip-style {

	

	color:#fff !important;

	background: #ac0b3d !important;

	font-size:14px !important;

}



.ufo-customfields-invalid {

	display:none !important;

}



#contact-col2 div.ufo-form input, div.ufo-form textarea {

	width:100%;

	background:#f5f3eb;

	color:#929292;

	margin:0;

}



#contact-col2 input {

	/*height:16px;*/

	line-height:16px;

	padding:6px 5px;

	font-size:13px;

	width:100%;

	background:#f5f3eb;

	color:#929292;

	margin:0;

}



#contact-col2 textarea {

	padding:6px 5px;

	font-size:13px;

	width:100%;

	background:#f5f3eb;

	color:#929292;

	margin:0;

}



.page-template-page-contact .gfield input, .page-template-page-contact .gfield textarea {

   border: 1px solid #d9d9d9;

}



.required.gfield textarea {

    border-left: 3px solid #ac0b3d;

}



#gform_2 label {

	display:none;

}



#contact-col2 div.ufo-form span.ufo-cell-center {

	width: 100%;

	xdisplay:inline;

}



#contact-col2 div.ufo-form div.ufo-customform-row * {

	vertical-align:inherit;

}



#ufo-field-id-648, #ufo-field-id-689 {

	margin-top:12px !important;

}



#ufo-field-id-630-span button, #ufo-field-id-690-span button, #contact-col2 #gform_submit_button_2 {

	background:#ac0b3d;

	color:#fff;

	border:none;

	border-radius:0;

	padding:5px 8px;

	margin-top:-20px;

	position:relative;

	font-size:16px;

	cursor:pointer;

}



#contact-col2 #gform_submit_button_2 {

	display:inline-block;

	width:auto;

	font-weight:normal;

	font-size:16px;

	height:auto;

}



#gform_confirmation_message_2 {

	margin:18px 0;

	font-size:17px;

}



#contact-col2 .gform_footer {

	margin:5px 0;

	padding:0;

}



#contact-col2 div.ufo-row-630 {

	margin-top:-17px !important;

}



#contact-col2 .ufo-customform-row {

	margin:0 !important;

	padding:0 !important;

}



.en .ufo-form .required {

	border-left: 3px solid #ac0b3d;

}



#contact-col2 .ufo-form-submit-success, #contact-col2 div.ufo-form .ufo-form-submit-success {

	background-color: #fff;

}



#contact-col2 .ufo-form-submit-success, #contact-col2 .ufo-form-submit-failure, #contact-col2 div.ufo-form .ufo-form-submit-success, #contact-col2 div.ufo-form .ufo-form-submit-failure {

	color:#888;

	font-size:16px;

	width: 200px;

	width:auto;

	margin: 60px auto;

	margin:0;

	padding: 20px 40px;

	padding:0;

	border-radius: 10px;

	border-radius:0;

	background-repeat: no-repeat !important;

	background-position: 8px center !important;

	background-image:none;

}



#contact-col2 .ufo-form-submit-success {

	background-image:none !important;

}



#region-title {

	font-size:170%;

	text-transform:lowercase;

}



.page-template-page-contact-php #contact-col1 img {

	clear:left;

}



div.vacancy-details {

	margin:5px 0 0;

	padding:0;

	line-height:1.1;

	font-size:14px;

}



.vacancy-details a {

	font-size:14px;

}



.vacancy-list p {

	margin:0;

}



.vacancy-list section {

	margin-bottom:20px;

	xposition:relative !important;

	xtop:0 !important;

	xleft:0 !important;

	display:block;

}



.vacancy-list h3 a {

	color:#af143c;

	font-size:22px;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.gform_wrapper span.gfield_required {

	display: none;

}



.en .gform_wrapper .gfield_contains_required input, .en .gform_wrapper .gfield_contains_required input:hover {

	border-left: 3px solid #ac0b3d;

}



.gform_wrapper .gfield input[type=text].medium, .gform_wrapper .gfield input[type=url].medium, .gform_wrapper .gfield input[type=email].medium, body .gform_wrapper .top_label input.large {

	padding:4px 6px;

	width: 95%;

	background: #f5f3eb;

	background:#fff;

	font-size:14px;

	color: #666;

	margin: 0 0 5px;

}



.gfield input {

	border:1px solid #929292;

}



ul li.gfield {

	list-style:none;

	background:none;

	padding:0;

	margin:0;

}



.gform_wrapper form li {

	background:none;

}	



.xpage-template-page-vacancy-application-php .col-inner .gform_body {

	column-count: 2;

	column-gap: 5%;

	 -moz-column-count: 2;

       -moz-column-gap: 5%;

       -webkit-column-count: 2;

       -webkit-column-gap: 5%;

}



label {

	font-size:14px;

	font-weight:normal;

}



body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body #main .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {

	list-style-type: none !important;

	margin: 0 0;

	overflow: visible;

	padding-left: 0;

}



#field_1_77, #field_1_85, #field_1_87 {

	float:left;

	width:40%;

	padding-right:9%;

	display:block;

	clear:none;

	xoverflow:hidden;

}



#field_1_79, #field_1_90 {

	float:left;

	width:40%;

	padding-left:9%;

	display:block;

	clear:none;

}



#gform_fields_1, .gform_page_fields {

	overflow:hidden;

}



body .gform_wrapper .top_label input.medium {

	width:100%;

}



.gform_wrapper form {

	margin-top:0;

}



.gform_page_footer {

	clear:left;

}



#field_1_75 h3 {

	margin-bottom:20px;

}



#gform_submit_button_1, a.apply {

	background: #ac0b3d;

	color: #fff;

	border: none;

	border-radius: 0;

	padding: 7px 10px;

	margin-top: 20px;

	font-weight:normal;

	position: relative;

	font-size: 16px;

	cursor: pointer;

}



.validation_message, .ginput_preview {

	font-size:14px;

}



.vacancy-box select {

	width:100%;

}



.cream-bg.vacancy-box {

	padding:2% 2%;

	width:74%;

}



.cream-bg.vacancy-box .col-inner {

	padding-top:0;

	padding-left:0;

	xpadding:10%;

}



.cream-bg.vacancy-box #vacancy-col3 .col-inner {

	padding-top:0;

	xpadding:10% 10% 10% 0;

}



.page-template-page-vacancy-list-php select {

	margin:0 0 5px;

}



.vacancy-box button, .gform_wrapper input[type=button] {

	background:#ac0b3d;

	color:#fff;

	border:none;

	border-radius:0;

	padding:5px 8px;

	margin:0px 5px 0 0;

	position:relative;

	font-size:16px;

	cursor:pointer;

}



.gform_wrapper input[type=file] {

	xbackground:#ac0b3d;

	xcolor:#fff;

	xpadding:3px 5px 3px 1px;

	cursor:pointer;

}



.page-template-page-vacancy-application-php .gform_wrapper {

	margin-top:0;

}



body table.ui-datepicker-calendar td a.ui-state-default {

	color:#ac0b3d;

	color:#000;

	background-color:#fff;

  	background-image: none;

  	background-repeat: no-repeat;

  	filter: none;

	border:none;

}



body td.ui-datepicker-unselectable.ui-state-disabled {

	border:none;

	background:#fff;

}



body .ui-datepicker tbody td, body .ui-datepicker tbody tr {

	border:none;

}



#ui-datepicker-div tbody {

	background:#fff;

}



a.ui-state-highlight, .ui-widget-content a.ui-state-highlight, table.ui-datepicker-calendar td a.ui-state-default:hover {

	border:1px solid #ac0b3d;

	border:none;

	color:#ac0b3d;

}



a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover {

	background:transparent;

	border:1px solid #ac0b3d;

	border:none;

}



a.ui-datepicker-prev, a.ui-datepicker-next {

	border-radius:0;

}



#ui-datepicker-div {

	border-radius:0 !important;

	box-shadow:none !important;

}



body .ui-datepicker-title {

	background:#af143c;

}



body .gform_wrapper .validation_message {

	font-size:14px;

}



body .gform_wrapper div.validation_error {

	font-size:16px;

}



.gform_confirmation_message {

	font-family: 'HelveticaNeueLTPro-Th', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



body .gform_wrapper .gfield_description {

	font-size:14px;

	line-height:1.28;

}



.blog-details {

	box-sizing: border-box;

	padding:18px;

}



.blog-masonry div.post {

	border:1px solid #ccc;

	background: #ededed;

	margin: 2px 2px 2px ;

}



.indent {

	text-indent: 30px;

	display: inline-block;

}



.readonly input {

	background:#eee !important;

}

.wpml-ls-statics-shortcode_actions {
  border:none !important;
  padding:0 !important;
}