@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap&subset=cyrillic');

a:link, a:visited {color: #000000; }
a:hover{color:#336699;}

/* credits */
.nireti { font-size:9px; width:300px; height:20px; position:absolute; bottom:0px; left:5px; color:#d280d1!important; }
.nireti a { color:#d280d1!important;text-shadow:1px 1px 2px #ccc; text-decoration:none; }
.nireti img{vertical-align:middle;}

/* defaults */
h1,h2,h3,h4,h5,h6,div { margin:0px; padding:0px; }
p {padding:0px; margin:5px 0px;}
h1 { font-size:20px; font-weight:normal; letter-spacing:normal;}
h2 { font-size:17px; font-weight:normal; letter-spacing:normal;}
h3 { font-size:15px; font-weight:normal; letter-spacing:normal;}
h4 { font-size:13px;}
h5 { font-size:11px;}
h6 { font-size:10px;}
.clear { clear:both;}
.hidden { display:none!important;}
.transition {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s;}
.mt30 { margin-top:30px!important;}
.mt50 { margin-top:50px!important;}
.mt60 { margin-top:60px!important;}


img{border:0px;}
html{width:100%;height:100%;overflow-y: scroll;}
.cmsmenu, .cmsmenu ul, .cmsmenu ul li { margin:0px; padding:0px; list-style:none;}
body
{
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	width:100%;
	height:100%;
	background:#ffffff;
}

/* common main elements */
#wrapper {width:100%; margin:auto; background:#ffffff; }
#header_wrapper {width:100%; height:80px; background:#73bf45;}
#header	{ width:100%; height:100%; max-width:1333px; position:relative; margin:auto;}
	#logo	{width:170px; height:80px; background:url(../images/header_logo.svg) center no-repeat; position:absolute; top:0px; left:0px;}
		#logo a{display:block; width:100%; height:100%;}
	#slogan{width:750px; position:absolute; top:50px; left:150px;font-size:20px; color:#ffffff;text-align:right; text-transform:uppercase; text-shadow:1px 1px 2px #333;}
	#languages	{position:absolute;top:5px; right:10px;}
#menu, .menu {text-align:right; position:relative; top:20px; width:calc(100% - 200px); left:200px;}	
#content{padding:0px; overflow:hidden; color:#5d5e62; text-align:center; font-size:15px;}
body#content_tmpl #wrapper {background-image:url(../images/pbkg.gif); background-position:top center; background-repeat: no-repeat;}
#content_tmpl #content {min-height:1500px;}
#content #pImage_wrapper {background:#f5f5f5;width:100%; text-align:center; height:300px; margin-top:75px; overflow:visible; margin-bottom:170px;}
#content #pImage_wrapper .pImage {object-fit:cover; object-position:center; position:relative; top:-60px; padding-left:40px; padding-right:40px; background:#ffffff; max-width:1333px;}
#footer_wrapper {width:100%; height:130px; background:#73bf45;}
#footer{color:#ffffff; position:relative; margin:auto; max-width:1333px;}
#footer_logo {width:130px; height:130px; background:url(../images/footer_logo.svg) left 30px no-repeat; position:absolute; top:0px; left:0px;}
		#footer_logo a{display:block; width:100%; height:100%;}

/* menu customization */
#responsiveMenu{display: none; background:url(../images/menu_icon.svg) center no-repeat; background-size:100% 100%; width:100px; height:100px; margin:auto; cursor:pointer;}
.mainMenuItem {display:inline-block; vertical-align:middle; margin-right:20px; max-width:200px; }
.mainMenuItem:last-child{margin-right:0px;}
.mainMenuItem a {display:block; padding:10px 5px; color:#fff; font-size:16px; font-weight:500; text-decoration:none; text-align:center; line-height:18px;}

.mainMenuItem ul{ position:absolute; left: 0px; top:25px; width:220px; z-index:100; display:none; background:#ffffff; border:1px #cccccc solid; box-shadow: 5px 5px 8px 0px rgba(204, 204, 204, 0.5);}
.mainMenuItem ul li{ display:block; padding:2px 5px;}
.mainMenuItem ul li:hover{background:#f1f1f1;}
.mainMenuItem ul li a{font-size: 15px!important; color: #1c5fb0!important; text-align:left; }
.mainMenuItem li:hover a{color: #123e72!important;}
.mainMenuItem ul li a{ border-bottom: none;}

#fmenu{text-align:left; position:relative; top:20px; display:inline-block; width:calc(100% - 150px); vertical-align: middle; left:150px;}	
.footerMenuItem, .footerMenuItem:hover{display:inline-block; vertical-align:middle; margin-right:20px; max-width:200px;}
.footerMenuItem a, .footerMenuItem:hover a{display:block; padding:10px 15px; color:#fff; font-size:13px; font-weight:500; text-decoration:none; text-align:center; line-height:18px;}
.footerMenuItem ul{display:none!important;}
.footerMenuItem ul li{}
.footerMenuItem ul li a{}
#fsocial {width:100px; position:absolute; right:0px; top:30px;}

/* cms specific */
.sys_TitleClass {text-align:left; margin:20px auto 20px auto; display:block; max-width:1333px; color:#5c5d61; font-size:38px; font-weight:bold;}/* this is h1 element */
.f16{}/* holds the 16px flags */
.f32{}/* holds the 32px flags */
.f16 span{}/* actual  element (img as bkg) for the 16px flags */
.f32 span{}/* actual  element (img as bkg) for the 32px flags */
.flagText_sys{}/* span holds the text if showText is on */
.flagCode_sys{} /* span holds the code if showCode is on */
.flag{}/*holds the flag itself */
.sys_Breadcrumbs{}/* the bar that holds the breadcrumbs */
.sys_BC_separator{}/* the span that holds the separator */
.sys_SitemapClass{}/* for the html sitemap; sys_SitemapClass is ul */

/*overrides */
.v_container{ border:3px #336699 solid; box-shadow:2px 2px 3px #333, 0px 0px 2px #336699 inset;}/* override the styles for the div elements that shows the validation errors (make sure to use i!mportant) */\
.fb-like{} /* override the div tag that holds the fb like button */
.fb-share{}/* override the share button, which is an anchor tag <a> floated left and displayed as block */
.fb-comments{} /* override the fb comments holder */

#messagechecker{ border:1px #010c14 solid; width:500px;height:auto; position:fixed; left:50%; margin-left:-250px; top:200px; padding:20px; z-index:10000; background:#fff  url(../images/x.png) top right no-repeat; cursor:pointer; font-family: 'Raleway', sans-serif; font-size:16px;}
#messagechecker.confirm {color:#3c9923;}
#messagechecker.error {color:#be0e1d;}

/* custom contact form */
#contact_form_wrapper{}
#contact_form_wrapper #contact_form{}
#contact_form_wrapper #contact_form .contact_row{margin:15px auto; width:98%;}
#contact_form_wrapper #contact_form .contact_row .contact_title{color:#6e6e6e; font-size:16px; text-align:left;}
#contact_form_wrapper #contact_form .contact_row .contact_field{}
#contact_form_wrapper #contact_form .contact_row .contact_field input[type='text']{border:none; background:#fff; font-size:14px; width: calc(100% - 20px); font-family: 'Montserrat', sans-serif; padding:5px; color:#999999; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); }
#contact_form_wrapper #contact_form .contact_row .contact_field textarea{border:none; background:#fff; font-size:14px; width: calc(100% - 20px); min-width: calc(100% - 20px); max-width: calc(100% - 20px); padding:10px; color:#999999; height:100px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); font-family: 'Montserrat', sans-serif; }
#contact_form_wrapper #contact_form .contact_row.buttons{text-align:left;}
#contact_form_wrapper #contact_form .contact_row.buttons input[type='submit']{background:#0275bc; color:#ffffff; font-size:20px; font-weight:300; font-family: 'Montserrat', sans-serif; border:1px solid #cccccc; padding:10px; width:100px;  cursor:pointer; display:inline-block; vertical-align:top;}
#contact_form_wrapper #contact_form .contact_row.buttons input[type='reset']{background:#6b6b6b; color:#ffffff; font-size:20px;  font-weight:300; font-family: 'Montserrat', sans-serif; border:0px; padding:10px; width:100px; cursor:pointer; margin-left:10px; display:inline-block; vertical-align:top;}
/* end custom contact form */

.text_field{width:300px; padding:5px; background-color:#fff; border:1px #151515 solid; color:#363636; border-radius:3px; line-height:20px;}
.text_field.dd {width:314px; line-height:20px;}
.text_field.dd.small {width:200px;}
.text_field.dd.smaller {width:160px;}
.text_field.dd.smallest {width:120px;}
.text_field.date {width:100px;}
.text_field.small {width:50px;}
.text_field.medium {width:100px;}
.text_field.textarea {height:100px; width:400px;}
.text_field.required {border-width:2px;}
.btn{border:1px #151515 solid; color:#272727; background:#fff; cursor:pointer; height:28px; vertical-align:top; border-radius:3px; display:inline-block; }

.filtersArea{display:inline-block;*display:inline; zoom:1; font-size:12px!important; text-align:left; position:relative; top:-8px; vertical-align:top;}
.filtersArea.center {display:block; text-align:center;}
.filtersArea.small{font-size:11px!important;}
.filtersArea .text_field {font-size:12px; padding:3px; width:150px; background-image:none!important;}
.filtersArea .text_field.date {width:60px!important;}
.filtersArea.small .text_field {font-size:11px!important; width:120px;}
.filterItem {display:inline-block; *display:inline; zoom:1; margin-right:10px; line-height:20px; vertical-align:top; position:relative; top:3px;}
.filtersArea.center .filterItem {text-align:left;}
.filterItem #s {margin-right:0px;}

#SUBMENU{margin-bottom:10px;}
#TOOLSBAR{position:relative; border-bottom:1px #ccc solid; padding-bottom:10px;}
#CONTENT{margin-top:20px;}

.submenu{display:inline-block; *display:inline; zoom:1; width:90px; padding-top:45px; height:35px; text-align:center; margin-right:10px; cursor:pointer; border:1px #ccc solid; color:#3b434f; vertical-align:top; font-size:12px; background-size:40px auto!important; background-position:center 10px!important; position:relative;}
.submenu.wider {width:160px;}
.submenu.wider2 {width:150px;}
.submenu:last-child{margin-right:0px;}
.submenu:hover{background-color:#f3f3f3!important;}
.submenu .submenu_text {position:absolute; bottom:7px; left:0px; width:100%; text-align:center; line-height:12px;}
.selected_submenu {background-color:#f3f3f3!important;}

.toolsmenu{display:inline-block; *display:inline; zoom:1px; font-size:16px; color:#337ab7; cursor:pointer; padding:10px; border:1px #999 solid; background:#fff; margin-right:20px; vertical-align:top; box-shadow:0px 0px 2px #AAA inset,0px 0px 10px #CCC inset; border-radius:3px;}
.toolsmenu:hover{background-color:#f3f3f3;}

#search_wrapper{display:inline-block; padding:0px; height:32px; vertical-align:top; width:300px;}
#search_wrapper #s_wrapper{background-color:#f2f2f2; border:1px #cccccc solid; width:298px; height:30px; margin:0px;padding:0px;border-radius:3px; position:relative;}
#search_wrapper #s_wrapper:hover{color:#666666; background:#ffffff; border:1px #151515 solid;}
#search_wrapper #q{	border:0px;	width:250px; margin:0px; padding:5px; font-size:16px; color:#333;	position:absolute; top:0px; left:0px; background:none; outline:none;}
#search_wrapper #s {position:absolute;top:5px;right:10px;width:20px;height:20px;outline:none;padding:0px;margin:0px;border:0px;background:url(../images/search.png) center no-repeat;cursor:pointer;}

.searchBtn { background:url(../images/search30.png) center no-repeat; width:30px; height:30px; border:0px; cursor:pointer; padding:3px;}
.searchBtn:hover { background:url(../images/search30h.png) center no-repeat;}
.reportBtn { background:url(../images/pdf30.png) center no-repeat; width:30px; height:30px; border:0px; cursor:pointer; padding:3px;}
.reportBtn2 { background:url(../images/pdf30_2.png) center no-repeat; width:30px; height:30px; border:0px; cursor:pointer; padding:3px;}
.reportBtn_excel { background:url(../images/excel-icon.png) center no-repeat; width:30px; height:30px; border:0px; cursor:pointer; padding:3px;}
.reportBtn_excel2 { background:url(../images/excel-icon2.png) center no-repeat; width:30px; height:30px; border:0px; cursor:pointer; padding:3px;}
.reportBtn:hover { background:url(../images/pdf30h.png) center no-repeat;}
.reportBtn2:hover { background:url(../images/pdf30_2h.png) center no-repeat;}
.reportBtn_excel:hover{background:url(../images/excel-iconh.png) center no-repeat;}
.reportBtn_excel2:hover{background:url(../images/excel-icon2h.png) center no-repeat;}

#accessLevelsControls{margin-top:20px;}
#accessLevelsControls span {cursor:pointer; text-decoration:underline; color:#3b434f;}
#accessLevelsControls span:hover {color:#62ab36;}
.accessBox{ width:185px; border:1px black solid; box-shadow:3px 3px 3px black; float:left; margin:10px; height:170px; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; }
.accessBox .accessBoxTitle{padding:3px;font-weight:bold;display:block;}
.accessBox .accessBoxBody {font-size:11px;}

/* TEMPLATES */
.row { padding:0px 5px; height:auto; border-bottom:1px #666 dotted; cursor:pointer; min-height:20px; clear:both; }
.row.nohover:hover { background:inherit!important;}
.nohover{cursor:default!important;}
.row:hover{background:#f3f3f3;}
.row.force_hover:hover .cell{background:inherit!important;}
.cell { display:inline-block; vertical-align:top; margin-right:-4px; padding:5px 0px; height:auto; min-height:20px; line-height:15px;}
.cell.header{font-weight:bold; font-size:11px; border:0px; padding:6px 0px 4px 0px; color:#fff; }
.cell.header.sorter{cursor:pointer;}
.cell.header.sorter:hover{text-decoration:underline;}
.row.header{background:#337ab7; cursor:default; border-top:1px #666 solid; border-bottom:1px #666 solid;}
.row.headerText{font-size:18px; padding-bottom:15px; font-weight:bold;}
.rowcolor {width:10px; height:10px; display:inline-block; margin-right:8px;}

/* Add/Edit */
#addeditform .row {border:1px #fff solid; margin-bottom:5px; padding:0px!important; }
#addeditform .row.nohover{cursor:default!important;}
#addeditform .row.nohover:hover { background:inherit!important;}
#addeditform .row.pageheader {text-align:center; font-size:16px; color:#3b434f; text-shadow:0px 1px 0px #ccc; border-bottom:1px #ccc solid; margin-bottom:40px;}
#addeditform .row.pagesubheader {text-align:center; font-size:14px; color:#3b434f; text-shadow:0px 1px 0px #ccc;}
#addeditform .row .title {}
#addeditform .row .field {height:auto;}
.buttonsrow{border-top:1px #ccc solid; padding-top:10px; margin-top:10px;}
#submittarget { width:0px; height:0px; border:0px; }

/* options */
.listing_option { margin-right:3px; position:relative; width:20px; height:20px; cursor:pointer; display:inline-block; font-size:20px; color:#663c66; text-align:center;}
.listing_option:hover{background-color:#AAAAAA!important;}
.option_delete {}
.option_delete.inactive {}
.option_history {}

/* left pane */
#lp{width: 190px; padding:0px; margin:0px; background:#fff; border-right:2px #fff solid; float:left; overflow:hidden; box-shadow:1px 0px 3px #999;}
#lp_content {width:490px; padding:20px 0px;}
/* right pane */
#rp{overflow:hidden;}
#section_name {float:left; color:#fff; font-size:15px; padding:8px 0px 0px 13px;}

#loader {width:200px; height:50px; background:url(../images/loader.gif) center no-repeat; z-index:100000; position:fixed; top:50%; left:50%; margin-top:-25px; margin-left:-100px; display:none;}

.modal-dialog{width:80%!important; position:relative; min-width:1200px!important;}
/* fixes positioning issue when element is position fixed inside modal */
.modal-dialog { -webkit-transform: none!important;	-ms-transform: none!important; transform: none!important;}
#modal_closer, #modal_closer_inner {width:11px; height:11px; position:absolute; top:16px; right:16px; cursor:pointer; background: url(../images/close_icon.png) top center no-repeat; z-index:100000;}
.modal_closer_moved_right { right:-210px!important;}

.fixedDateIcon{position:relative; top:-3px; vertical-align:middle!important;}

/* Users */
#submenu_2 {background:url(../images/menus/users_icon.png) center no-repeat;  }
/* History/Audit Trail */
#submenu_3 {background:url(../images/menus/history_icon.png) center no-repeat;  }

#messageBar {top:150px;left:50%;margin-left:-250px;width:500px;background:#fBfBfB url(../images/x.png) top right no-repeat;overflow:hidden;border:3px #e2e2e2 solid;position:absolute;z-index:10000;text-align:center;padding:10px;	min-height:20px;-webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px;box-shadow:0px 0px 5px black;cursor:pointer;}

#subitems_wrapper{ margin-bottom:100px; text-align:center;}
#subitems_wrapper .subitem{display:inline-block; width:30%; margin-right:2%; vertical-align:top;}
#subitems_wrapper .subitem .subitem_image_wrapper{width:100%;}
#subitems_wrapper .subitem .subitem_image_wrapper img{width:100%; object-fit:cover;}
#subitems_wrapper .subitem .subitem_content_wrapper .subitem_title{color:#111; font-size:15px; font-weight:bold; text-align:left; display:block; padding:10px 0px;}
#subitems_wrapper .subitem .subitem_content_wrapper .subitem_date{}
#subitems_wrapper .subitem .subitem_content_wrapper .subitem_intro{ text-align:justify;}


#usermenu {color:#333333; font-size:15px;}
#welcomebox {display:inline-block; vertical-align:middle; margin-right:20px;}
.userMenuItem{display:inline-block; vertical-align:middle; margin-right:5px; border-right:1px #333 solid; line-height:15px; padding-right:5px;}
.userMenuItem:last-child{border-right:0px;}
.userMenuItem a:hover{color:#333333;}

.form {text-align:center; display:block; width:500px; margin:auto; position:relative;}
.form_row {padding:5px 0px;}
.form_field { outline:none; margin:5px 0px; width:300px; padding:5px; font-size:16px; background:#fff; border:1px #333 solid;}
.form_btn{border:0px; color:#ffffff; background:#3498db; cursor:pointer; border-radius:3px; display:inline-block; font-size:16px; padding:10px; }
.form_btn:hover{background:#333333;}
.form_error_element{padding:10px 5px 10px 40px; background:url(../images/error_icon.png) left center no-repeat; text-align:left; color:#FF4A4A; font-size:12px; line-height:15px; font-weight:300; display:inline-block; margin:0px auto 10px auto;}
#form_show_password {font-size:20px; font-weight:300; cursor:pointer; color:#3498db; position:relative; left:25px; margin-left:-23px;}
.transition {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s;}

.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.vat {vertical-align:top;}
.vam{vertical-align:middle;}
.tac {text-align:center!important;}
.tar {text-align:right;}
.tal {text-align:left;}
.dib {display:inline-block;}
.mr-4{margin-right:-4px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

/* ########## REPORTS STYLES ###################################### */
#reports_form { margin:auto 20px;}
#report { margin-left:10px;}
#report_additional_fields {margin:10px 0px 0px 20px;}
#report_html {margin:20px;}
.report_btn{font-size: 25px; margin-left: 20px; cursor:pointer;}
.report_table {border-collapse: collapse;margin-bottom: 40px !important;}
.report_table td{width: 8.33%; border-right: 1px dotted #000;}
.report_table td.double_cell{width: 16.66%;}
.report_table_title td{font-size: 18px;text-align: center; font-weight: bold; }
.report_table_date td{}
.report_table_header td{text-align: center; font-weight: bold;font-size: 14px;}
.report_table tr{border:1px solid black;}
.report_table tr:nth-child(odd){background:#ededed;}
.loadReportBtn, .reportBtn_fa { font-size:23px;}
/* ############################################################## */

#popup {display:none; position:fixed; width:1300px; left:50%; top:50px; margin-left:-650px; border:2px #2f5597 solid; border-radius:10px; box-sizing:border-box; padding:30px; background:#ffffff; z-index:999999; font-size:15px; box-shadow:1px 1px 5px #000000;}
#popup #close_popup { background: url(../images/x.png) center no-repeat; position:absolute; top:5px; right:5px;  cursor:pointer; width:17px; height:17px;}

#home_selected_pages {width:100%; margin:auto; margin-top:15px; height:300px; margin-bottom:545px; background:#f5f5f5; margin-top:75px;}
#home_selected_pages_wrapper{text-align:center;width:100%; max-width:1333px; margin:auto; position:relative; top:-60px; margin-bottom:-60px; background:#ffffff; padding:0px 40px; box-sizing:border-box;}
#home_selected_pages_wrapper .subitem{display:inline-block; width:50%; padding-right:20px; vertical-align:top; box-sizing:border-box; text-align:left;}
#home_selected_pages_wrapper .subitem:nth-child(even) {padding-left:20px; padding-right:0px;}
#home_selected_pages_wrapper .subitem .subitem_image_wrapper{width:100%;}
#home_selected_pages_wrapper .subitem .subitem_image_wrapper img{width:100%; object-fit:cover;}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_title{color:#5c5d61; font-size:50px; font-weight:bold; text-align:left; display:block; padding:10px 0px; text-decoration:none; text-transform:uppercase; max-width:480px; line-height:54px;}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_date{}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_intro{ text-align:left;}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_intro h2 {text-transform:uppercase; color:#707175; font-size:26px; font-weight:300; margin-bottom:20px;}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_intro h3 {border-top:1px #707175 solid; border-bottom:1px #707175 solid;  color:#5c5d61; font-size:12px; max-width:350px; padding:20px 0px;}
#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_intro h3 img {vertical-align:middle; margin-left:20px;}
#home_selected_pages_wrapper .subitem .subitem_read_more_button {border:1px #707175 solid;display:inline-block; width:200px; height:50px; margin-top:20px;}
#home_selected_pages_wrapper .subitem .subitem_read_more_button:hover {background: #707175; border:1px #ffffff solid;}
#home_selected_pages_wrapper .subitem .subitem_read_more_button a {display:block; width:100%; height:100%; text-decoration:none; text-align:center; color:#5c5d61; font-size:18px; letter-spacing:0.5px; line-height:50px;}
#home_selected_pages_wrapper .subitem .subitem_read_more_button:hover a {color:#ffffff;}

#home_text{background:#f5f5f5; margin-top:50px; margin-bottom:50px; text-align:center; color:#5c5d61;}
#home_text img {display:block; width:140px; height:auto; position:relative; top:-70px; margin:auto; margin-bottom:-70px;}
#home_text h1{ display:block; width:550px; margin:auto; text-align:center; color:#5c5d61; margin-top:35px; font-size:30px; font-weight:400;}
#home_text p{display:block; width:525px; margin:auto; text-align:center; color:#5c5d61; margin-top:25px; font-size:16px; font-weight:300;}
#home_text a{display:inline-block; border:1px #5c5d61 solid; color:#5c5d61; text-decoration:none; text-align:center; padding:15px 35px; font-size:18px; letter-spacing:0.5px; background:#ffffff; margin-top:10px; position:relative; top:26px;}
#home_text a:hover {color:#ffffff; background:#5c5d61;}

#home_services_wrapper{width:100%; max-width:1200px; margin:auto; text-align:left; margin-top:80px;}
#home_services_wrapper h1{color:#5c5d61; font-size:30px; font-weight:400; text-align:center; margin-bottom:50px;}
#home_services_wrapper .subitem{display:inline-block; box-sizing:border-box; width:33%; height:100px; vertical-align:top; padding:0px 30px; margin-bottom:30px;}
#home_services_wrapper .subitem_image_wrapper{display:inline-block; vertical-align:middle; margin-right:20px; width:50px;}
#home_services_wrapper .subitem_image_wrapper img{}
#home_services_wrapper .subitem_content_wrapper{display:inline-block; color:#5c5d61; font-size:15px; text-align:left; vertical-align:middle;width:calc(100% - 90px); padding-left:20px; }
#home_services_wrapper .subitem a {display:block; border:1px #5c5d61 solid; color:#5c5d61; text-decoration:none; text-align:center; padding:15px 35px; font-size:18px; letter-spacing:0.5px; background:#ffffff; margin-top:10px;}
#home_services_wrapper .subitem a:hover {color:#ffffff; background:#5c5d61;}


#home_selected_project_categories {width:100%; margin:auto; margin-top:30px; margin-bottom:100px;}
#home_selected_project_categories_wrapper{text-align:center;width:100%;}
#home_selected_project_categories_wrapper .subitem{display:inline-block; width:50%; vertical-align:top; box-sizing:border-box; height:576px; max-width:960px;}
#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper .subitem_title{color:#ffffff; font-size:60px; font-weight:bold; text-align:left; display:inline-block; padding:10px 0px; text-decoration:none; text-transform:uppercase; line-height:70px; max-width:480px;}
#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper {margin-top:110px;}
#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper h3 {color:#ffffff; font-size:36px;}
#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper h2 {text-transform:uppercase; color:#707175; font-size:26px; font-weight:300;}
#home_selected_project_categories_wrapper .subitem .subitem_read_more_button {border:1px #707175 solid; background:#ffffff; display:inline-block; width:200px; height:50px; margin-top:20px;}
#home_selected_project_categories_wrapper .subitem .subitem_read_more_button:hover {background: #707175; border:1px #ffffff solid;}
#home_selected_project_categories_wrapper .subitem .subitem_read_more_button a {display:block; width:100%; height:100%; text-decoration:none; text-align:center; color:#5c5d61; font-size:18px; letter-spacing:0.5px; line-height:50px;}
#home_selected_project_categories_wrapper .subitem .subitem_read_more_button:hover a {color:#ffffff;}

#home_selected_project_categories_wrapper .p17 {background:url(../images/p17.jpg) right center no-repeat; padding-left:250px; text-align:left;}
#home_selected_project_categories_wrapper .p19 {background:url(../images/p19.jpg) left center no-repeat; padding-right:250px; text-align:right;}
#home_selected_project_categories_wrapper .p19 .subitem_content_wrapper .subitem_title {text-align:right;}

#home_certificates{background:#f5f5f5; padding:0px; text-align:center; margin-bottom:50px;}
#home_certificates #home_certificates_wrapper img {position:relative; top:-40px; margin:auto; margin-bottom:-40px; display:block;}
#home_certificates #home_certificates_wrapper #home_certificates_text {color:#5c5d61; font-size:16px; margin-bottom:40px; letter-spacing:0.5px;}
#home_certificates #home_certificates_wrapper #home_certificates_text h2{color:#5c5d61; font-size:36px; margin:30px auto;}
#home_certificates #home_certificates_wrapper .subitem{display:inline-block; width:260px; vertical-align:top; box-sizing:border-box;}
#home_certificates #home_certificates_wrapper .subitem .subitem_content_wrapper {}
#home_certificates #home_certificates_wrapper .subitem .subitem_content_wrapper img {max-width:100%; top:0px; margin:auto;}
#home_certificates #home_certificates_wrapper .subitem .subitem_content_wrapper .subitem_title{color:#5c5d61; font-size:18px; text-align:center; padding:10px 0px; text-decoration:none; line-height:20px;}

#home_certificates_wrapper  .subitem_read_more_button {border:1px #707175 solid; background:#ffffff; display:inline-block; width:200px; height:50px; margin-top:10px; position:relative; top:25px;}
#home_certificates_wrapper  .subitem_read_more_button:hover {background: #707175; border:1px #ffffff solid;}
#home_certificates_wrapper  .subitem_read_more_button a {display:block; width:100%; height:100%; text-decoration:none; text-align:center; color:#5c5d61; font-size:18px; letter-spacing:0.5px; line-height:50px;}
#home_certificates_wrapper  .subitem_read_more_button:hover a {color:#ffffff;}


#home_testimonials{padding:0px; margin:100px auto 100px auto;}
#home_testimonials #home_testimonials_wrapper {text-align:center;}
#home_testimonials #home_testimonials_wrapper h2 {color:#5c5d61; font-size:36px; margin-bottom:50px;}
#home_testimonials #home_testimonials_wrapper .subitem{display:inline-block; width:480px; padding:0px 30px; vertical-align:top; box-sizing:border-box;}
#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper { text-align:left;}
#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper img {max-width:100%; top:0px; margin:auto; position:relative; left:60px;}
#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper .subitem_text h2 {font-size:22px; line-height:26px; margin-bottom:20px;}
#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper .subitem_text{color:#5c5d61; font-size:16px; text-align:left; padding:10px 0px 10px 60px; text-decoration:none; line-height:20px; background:url(../images/testimonial_bkg.png) left center no-repeat; min-height:160px;}

#page_services_wrapper{width:100%; max-width:1333px; margin:auto; text-align:left; margin-top:80px;}
#page_services_wrapper .subitem{display:inline-block; box-sizing:border-box; width:50%; vertical-align:top; margin-bottom:50px;}
#page_services_wrapper .subitem:nth-child(odd){padding-right:40px;}
#page_services_wrapper .subitem:nth-child(even){padding-left:40px;}

#page_services_wrapper .subitem_image_wrapper{display:block; margin-bottom:20px;}
#page_services_wrapper .subitem_image_wrapper img{}
#page_services_wrapper .subitem_content_wrapper{display:inline-block; color:#5c5d61; font-size:15px; text-align:left; vertical-align:middle;}
#page_services_wrapper .subitem_content_wrapper .subitem_description {font-weight:bold; margin-bottom:15px;}
#page_services_wrapper .subitem_content_wrapper .subitem_text {}

#contact_cca_wrapper {width:800px; height:420px; background:url(../images/contact_female.jpg) right bottom no-repeat; margin:auto; text-align:left; margin-top:100px;}
#contact_cca_wrapper.male {background:url(../images/contact_male.jpg) right bottom no-repeat;}
#contact_cca_title{font-size:35px; color:#5d5c61; position:relative; top:200px;}
#contact_cca_button {border:1px #707175 solid; background:#ffffff; display:inline-block; width:358px; height:50px; margin-top:10px; position:relative; top:205px; text-decoration:none; text-align:center; color:#5c5d61; font-size:18px; letter-spacing:0.5px; line-height:50px; cursor:pointer; font-weight:bold;}
#contact_cca_button:hover {background: #707175; border:1px #ffffff solid;color:#ffffff;}

.content_half {width:50%; display:inline-block; box-sizing:border-box; vertical-align:top; max-width:666px; text-align:left;}
.content_half.left {padding-right:50px;}
.content_half.right {padding-left:50px;}
.content_half.two_thirds {width:66%; max-width:888px;}
.content_half.one_third {width:33%; max-width:444px;}
#content a.a_btn {display:block; border:1px #5c5d61 solid; color:#5c5d61; text-decoration:none; text-align:center; padding:15px 35px; font-size:18px; letter-spacing:0.5px; background:#ffffff;margin:auto; margin-top:20px; max-width:350px;}
#content a.a_btn:hover {color:#ffffff; background:#5c5d61;}
.content_half h2 {font-size:22px; margin-top:30px;}
.content_half ul li {font-weight:bold;}

/* custom contact form */
#contact_wrapper {box-sizing:border-box; width:100%;max-width:1333px; text-align:left; margin:auto; margin-top:70px; }
#contact_map {border-top:1px #cccccc solid; border-bottom:2px #cccccc solid; height:503px; box-sizing:border-box; margin:auto; margin-top:30px; max-width:1333px;}
#contact_left_side{width:25%; margin-right:5%; float:left; box-sizing:border-box; color:#595959; line-height:32px; font-size:18px; font-weight:300;}
#contact_left_side h2 {text-align:left; height:30px; margin-bottom:20px; margin-top:40px; font-size:26px;}
#contact_left_side p {padding:5px 0px; margin:0px; margin-bottom:20px;}
#contact_left_side p#c_location {background:url(../images/location_icon.svg) left center no-repeat; padding-left:20px;}
#contact_left_side img {border:0px; padding:0px 1px;}
#contact_right_side{width:70%;float:left; box-sizing:border-box; color:#595959;}
.contact_field {padding:7px; font-size:15px; border:1px #cccccc solid;	width:100%;	background:#f2f2f2;	outline:0px; color:#595959; box-sizing:border-box; }
.contact_area{width:100%;line-height:24px; margin-bottom:5px;}
.contact_area.submitarea{height:50px;margin-top:10px;}
.contact_field.textarea{height:200px; max-width:100%; min-width:100%;}
.contact_text_area{clear:both;line-height:26px;}
.contact_button { padding:10px 50px; border:0px; cursor:pointer; color:#ffffff; font-size:18px; font-weight:300; background:#30577e; border-radius:0px;-webkit-border-radius:0px; -moz-border-radius:0px; }
.contact_button:hover{ background:#6cb0df;}
.requiredfield{color:red;}
.contact_left_side_area{height:40px;padding-right:10px;}
.contact_left_side_area.required{padding-top:20px;font-size:11px;}
.contact_left_side_area.expln{font-size:11px;}
/* end custom contact form */
#messagechecker { text-align:center; padding:1px 0px 1px 0px; margin-bottom:20px;}
#messagechecker.confirm{border:1px #203e20 solid; background:#64c563;}
#messagechecker.error{border:1px #800000 solid; background:#ffdfe0;}

#projects_for_category_wrapper{margin:auto; max-width:1333px; margin-top:50px; text-align:left;}
#projects_for_category_wrapper h2 {display:block; font-size:22px; text-align:left; margin-bottom:30px;}
#projects_for_category_wrapper .subitem{width:50%;box-sizing:border-box;display:inline-block; vertical-align:top; text-align:left; margin-bottom:50px; }
#projects_for_category_wrapper .subitem .subitem_image_wrapper{width:90%; margin:auto; display:inline-block; position:relative; overflow:hidden;}
#projects_for_category_wrapper .subitem .subitem_image_wrapper img{ width:100%;}
#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover{width:100%; height:100%; position:absolute; top:100%; left:0px; background:rgba(45,45,45,0.9);}
#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover a {display:block; width:100%; height:100%; text-decoration:none;}
#projects_for_category_wrapper .subitem_image_wrapper:hover .subitem_hover {top:0px;}
#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover a .sh_p1 {color:#ffffff; font-size:20px; display:block; padding-left:30px; padding-top:30%;}

#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover a h1 {font-size:32px; text-align:left;}
#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover a .p_date{ font-size:12px; font-style:italic;}
#projects_for_category_wrapper .subitem_image_wrapper .subitem_hover a p {font-size:14px;}

#project_wrapper {width:100%; max-width:1333px; margin:auto; text-align:left; padding-top:10px;}
#project_wrapper h1 {font-size:36px; text-align:left; font-weight:bold;}
#project_wrapper .p_date{ font-size:14px; font-style:italic;}
#project_wrapper h2 {font-size:22px; margin:30px 0px;}
#project_wrapper ul { margin-bottom:40px;}
#project_wrapper ul li {width:33%; text-align:left; font-weight:bold; box-sizing:border-box; display:inline-block;}
#project_wrapper ul li:before {content: "";   display: list-item;   position: absolute;}
#project_wrapper img {margin-bottom:75px; vertical-align:top;}
#project_wrapper p:first-child > img {margin-bottom:0px!important;}

#proj_buttons{}
#proj_buttons .prev_proj {color:#bdbec2; text-decoration:none; padding-left:80px; background:url(../images/left_arrow_grey.svg) center left no-repeat; font-size:16px; letter-spacing:0.5px; font-weight:bold; }
#proj_buttons .prev_proj:hover{color:#71bf42; background:url(../images/left_arrow.svg) center left no-repeat; }
#proj_buttons .all_proj {color:#bdbec2; border:1px #707175 solid; background:#ffffff; display:inline-block;  height:50px; margin-top:10px; text-decoration:none; text-align:center; color:#5c5d61; font-size:16px; letter-spacing:0.5px; line-height:50px; cursor:pointer; font-weight:bold; padding:0px 40px; margin:0 120px;}
#proj_buttons .all_proj:hover {background: #707175; border:1px #ffffff solid;color:#ffffff;}
#proj_buttons .next_proj { color:#bdbec2; text-decoration:none; padding-right:80px; background:url(../images/right_arrow_grey.svg) center right no-repeat; font-size:16px; letter-spacing:0.5px; font-weight:bold;}
#proj_buttons .next_proj:hover{color:#71bf42; background:url(../images/right_arrow.svg) center right no-repeat;}


@media(max-width:1333px)
{
    #popup { width:90%; left:5%; margin-left:0px;}

	 #wrapper {}
	#header_wrapper {height:auto;}
	#header {height:auto; text-align:center;}
    #logo {display:block; position:relative; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
	#languages	{position:relative; top:0px; left:0px; right:0px; bottom:0px; width:auto; display:block; margin:auto; margin-top:40px;}
	#search{position:relative; width:300px; top:0px; left:0px; right:0px; bottom:0px; width:90%; max-width:320px; display:block; margin:auto; margin-top:40px; margin-bottom:20px;}

	.f32 span {font-size:26px; font-family: 'Oswald', sans-serif;}
    #menu {display:block; width:100%; text-align:center; margin-top:0px; position:relative; top:0px; left:0px; right:0px; bottom:0px; height:auto;}
    
	#responsiveMenu{display: block; }
	#mainMenu{display:none}
	.mainMenuItem, .mainMenuItem:hover{display:block; width:100%;height:auto; text-align: center; overflow: hidden;border-bottom: 1px solid #243e63; padding:0px; margin:auto!important;}
	.mainMenuItem:hover>a{border-bottom: none;}
	.mainMenuItem:hover{}
	.mainMenuItem a{padding:10px 0px; border-right:  none}
	.mainMenuItem:hover a{padding: 10px 0px; border-right: none;}
	.mainMenuItem ul{width:100%; display:none; position:relative!important; margin:0px!important; padding:0px!important; top:0px; left:0px;}
	.mainMenuItem ul li, .mainMenuItem ul li:hover {padding:0px; margin:0px;display:block; width:100%; overflow: hidden;}
	.mainMenuItem ul li a,.mainMenuItem ul li a:hover {display:block; text-align:center; padding:10px 0px; }

    #content {margin-top:0px;}
	#content .full_size_img {height:200px;}

	#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_title{font-size:40px; line-height:44px;}

	#home_selected_project_categories_wrapper .subitem {max-width:100%; width:100%; box-sizing:border-box; display:block; background-size:100% 100%!important;}
	#home_selected_project_categories_wrapper .p17 {background:url(../images/p17.jpg) center no-repeat; padding-left:0px; text-align:center;}
	#home_selected_project_categories_wrapper .p19 {background:url(../images/p19.jpg) center no-repeat; padding-right:0px; text-align:center;}
	#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper {margin-top:0px; padding-top:130px; box-sizing:border-box;}
	#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper .subitem_title{ text-align:center; max-width:600px;}

	#footer_logo {left:50px;}
	#fmenu {left:120px;}
	#home_testimonials #home_testimonials_wrapper .subitem {display:block; margin:auto;}
	#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper .subitem_text {padding-left:0px; text-align:center;}
	#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper img {left:0px;}
	#home_testimonials #home_testimonials_wrapper .subitem .subitem_content_wrapper {text-align:center;}

	#content #pImage_wrapper .pImage {padding-left:0px; padding-right:0px;}
	.content_half.left {padding-left:20px; padding-right:30px;}
	.content_half.right{padding-right:20px; padding-left:30px;}

	.contact_field {width:95%;}
	.contact_field.textarea {max-width:95%; min-width:95%;}
	#contact_left_side {padding-left:10px;}

}

@media (max-width: 1329px) 
{
	#project_wrapper img {width:95%!important; height:auto!important; display:block; margin:10px auto 10px auto!important;}
	#proj_buttons {margin-top:50px;}
}

@media (max-width: 960px) 
{
   	#home_selected_pages_wrapper .subitem .subitem_content_wrapper .subitem_title{font-size:26px; line-height:30px;}
	#home_services_wrapper .subitem{width:50%;}
	#home_selected_project_categories_wrapper .subitem {height:auto; padding-bottom:0px;}
	#home_selected_project_categories_wrapper .subitem .subitem_read_more_button {margin-bottom:100px;}
	#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper {padding-top:0px;}
	#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper h3 {padding-top:50px;}

	#footer_wrapper {height:auto; padding-bottom:30px;}
	#footer_logo {position:relative; top:0px; left:0px; display:block; margin:auto; background-position:center center;}
	#fmenu {top:0px; left:0px; display:block; margin:auto; text-align:center;}
	#fsocial {display:block; margin:auto; top:0px; left:0px; position:relative; width:30px; margin-top:40px;}
	.footerMenuItem  {display:block; margin:auto;}

	#proj_buttons .all_proj {margin:0 50px;}
	#project_wrapper h1 {text-align:center;}
	#project_wrapper p {padding:0px 10px;}
}


@media (max-width: 700px) 
{
	#home_selected_pages {height:auto; margin-bottom:80px;}
	#home_selected_pages_wrapper {top:0px; margin-bottom:0px;}
	#home_selected_pages_wrapper .subitem{display:block; width:100%; padding-right:0px; margin-bottom:30px;}
	#home_selected_pages_wrapper .subitem:nth-child(2n) {padding-left:0px;}
	#home_text h1 {width:100%;}
	#home_text p {width:100%; padding:0px 20px; box-sizing:border-box;}
	#home_services_wrapper .subitem{width:100%;}
	#home_selected_project_categories_wrapper .subitem .subitem_content_wrapper .subitem_title {font-size:26px; line-height:30px;}

	#content_tmpl #content {min-height:auto;}
	.content_half {display:block; width:100%; text-align:center; max-width:100%;}
		.content_half.left {padding-left:20px; padding-right:20px;}
	.content_half.right{padding-right:20px; padding-left:20px;}
	.sys_TitleClass {text-align:center;}
	#contact_cca_wrapper {background-size:40%; width:100%; margin-top:20px; height:200px;}
	#contact_cca_wrapper.male {background-size:40%; width:100%;}
	#contact_cca_title {font-size:25px; top:50px;}
	#contact_cca_button { width: 200px; margin-top: 10px; top: 55px; font-size: 16px;}

	#projects_for_category_wrapper .subitem {text-align:center;}
	#projects_for_category_wrapper h2 {text-align:center;}

	#contact_wrapper {text-align:center;}
	#contact_left_side {display:block; float:none; width:100%; margin:auto; padding-left:0px;}
	#contact_right_side {display:block; float:none; width:100%; margin:auto;}
	#contact_left_side h2 {text-align:center;}
	#contact_left_side p#c_location {background-image:none;}

	#proj_buttons .prev_proj{font-size:14px; padding-left:50px; background-size:30%;}
	#proj_buttons .all_proj {padding:0 10px; margin:0 20px;}
	#proj_buttons .next_proj{font-size:14px; padding-right:50px; background-size:30%;}
	#project_wrapper {text-align:center;}

	#home_text h1 {font-size:26px;}

	#home_testimonials #home_testimonials_wrapper .subitem {width:100%; padding:0px 15px;}

	#content #pImage_wrapper {height:auto; margin-bottom:0px; background:none;}
	#content #pImage_wrapper .pImage {width:100%;}
}