@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic);

a:link, a:visited {color: #3498db; }
a:hover{color:#f16223;}

/* 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;}
h1 { font-size:20px; font-weight:normal; letter-spacing:normal; text-align:center;}
h2 { font-size:17px; font-weight:normal; letter-spacing:normal; text-align:center;}
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;}
img{border:0px;}
html{width:100%;height:100%;overflow-y: scroll;}
.cmsmenu, .cmsmenu ul, .cmsmenu ul li { margin:0px; padding:0px;  }
body{margin:0px;font-family: 'Open Sans', sans-serif;font-size: 12px;background:#31353d;}/* url(../images/bodybkg.jpg) top center repeat-y */
body#softWrapper,body#soft_login{background:#ffffff;}

/* common main elements */
#wrapper {width:100%; margin:auto; background:white; max-width:1920px; padding-bottom:30px;}
body#soft_login #wrapper {width:80%; padding-top:50px;}
#header{width:960px; height:85px; position:relative; margin:auto;}
#logo{width:303px; height:74px; background:white url(../images/logo.png) center no-repeat;position:absolute; top:10px; left:0px; }
#logo a{display:block; width:100%; height:100%;}
#slogan{position:absolute; top:10px; left:340px;font-size:15px; color:#444444; font-weight:bold; /* font-family: 'Marck Script', cursive; */}
#languages	{}
#menu, .menu {background:#ffffff; height:40px; position:relative; width:960px; text-align:right; margin:auto;}	
#content{padding:20px 0px; overflow:hidden; color:#222; font-size:14px; width:960px; margin:auto;}
body{margin:0px;font-family: 'Open Sans', sans-serif;font-size: 12px;background:#31353d;}/* url(../images/bodybkg.jpg) top center repeat-y */

/* menu customization */
.mainMenuItem, .mainMenuItem:hover{font-size:15px; height:40px; display:inline-block; zoom: 1; 	*display: inline;}
.mainMenuItem a, .mainMenuItem:hover a{text-decoration:none; display:block; padding:10px; text-transform:uppercase; color:rgb(52, 152, 219);}/*#b8b8b8*/
/*.mainMenuItem:hover{background: rgb(52, 152, 219);}*/
.mainMenuItem:hover a{color: #f16223;}/*color:#3498db; */
.mainMenuItem{position:relative;}
.mainMenuItem ul{ position:absolute; top:30px; z-index:1000; left:-100px; display:none;background:url(../images/menuarrow.jpg) #3498db top no-repeat; }
.mainMenuItem ul li{ list-style-type:none; width:274px; margin-top:5px; text-align:center;}
.mainMenuItem li:hover{ background:#31353d !important;}
.mainMenuItem ul li a{ color:#ffffff !important; font-weight: normal;}
.mainMenuItem:last-child a{font-weight: bold;}
.mainMenuItem.orange a:first-child {color:#f15f22;}
/* cms specific */

.sys_TitleClass {text-align:left; margin:20px 0px 20px 0px; border-bottom:1px #ccc solid;}/* 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 */
.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 */

/* custom contact form */
#contact_top{ margin-bottom:20px;}
#contact_left_side{width:250px;float:left;padding-top:10px;margin-left:10px;}
#contact_right_side{width:700px;float:left;}
.contact_field
{
	font-size:15px;
	width:315px;
	outline:0px;
	background: #ffffff;
	padding: 7px;
	border:1px solid #E3E2E2;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#555555;
}

.contact_area{width:345px;float:left;margin-right:10px;line-height:24px;}
.contact_field.select{width:335px;}
.contact_area.submitarea{	height:50px;margin-top:10px;}
.contact_field.textarea{width:640px;height:200px;}
.contact_text_area{clear:both;line-height:26px;}
.contact_button
{
	width:150px;
	padding:10px;
	
	border:0px;
	cursor:pointer;
	font-size:16px;
}
.requiredfield{color:red;}
.contact_left_side_area{padding:5px 10px 5px 0px; overflow:hidden;}
.contact_left_side_area.required{padding-top:20px;font-size:11px;}
.contact_left_side_area.expln{font-size:11px;}
.contact_numbers{overflow:hidden;}
.contact_tel{float:left; padding-left:5px; text-align:left;}
.contact_label_tel{float:left;}
.contact_button:hover{
	background:#3498db;
	color:#ffffff;}
/* end custom contact form */

#top_header_wrapper{background:#f2f3f3; width:100%; margin:auto;}
#top_header{height:40px; width:960px; margin:auto;}
#pool_volume_counter{text-transform:uppercase; text-align:center; color:#bbbbbb; margin-bottom:20px;}
	#pool_volume_counter span {border:1px #bbbbbb solid; padding:0px 3px; border-left:0px; background:#fff;}
	#pool_volume_counter span:first-child{border:1px #bbbbbb solid;}
	#pool_volume_counter div {text-transform:lowercase; display:inline;}
	#pool_volume_counter span.dark{color:#fff;background:#bbbbbb; border-right:1px #e0e0e0 solid!important;}

#lang_store{height:40px; float:left; overflow:hidden;}
#searchBox{position:relative;height:40px; width:200px; float:right; text-align:right;}

.searchField{border-top:4px solid #c5c4c4; border-bottom:3px solid #c5c4c4; border-left:6px solid #c5c4c4; border-right:1px solid #c5c4c4; color:#000000; outline:none; height:15px; width:195px; position:absolute; right:24px; top:7px; padding:2px; background:#ffffff;}
.searchButton{background: url(../images/searchButton.jpg) center; width:24px; height:26px; position:absolute; right:0px; top:7px; border:none; outline:none; cursor:pointer;}

#languages	{height:35px; width:105px; float:left; padding-top:6px;}
.store_link{height:31px; width:170px; text-align:left; float:left; padding-top:11px;}
.store_link a{ color:#333333; text-decoration:none; font-size:15px; font-weight:bold; text-transform:uppercase;}
.store_link a:hover{ color:#3498db;}

#top_content{overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
#top_left{width:450px; padding-right:30px; overflow:hidden; float:left;}
#top_right{width:480px; float:left; }
.news_subitems_wrapper{}
.news_subitem{width:230px; padding:5px; float:left;}
.news_subitem_date_wrapper{width:60px; height:77px; background:#3498db; float:left; margin-right:10px; position:relative; }
.news_day{font-size:40px; position:absolute; left:7px; color:#ffffff;}
.news_month{ text-transform:uppercase; font-size:15px;position:absolute; bottom:8px; left:14px;}
.news_subitem_content_wrapper{}
.news_subitem_title h2 {text-align:left;}
.news_subitem_title a{text-transform:uppercase; text-decoration:none; color:#3498db; font-size:14px;}
.news_subitem_content{color:#bbbaba; font-size:12px;}

#bottom_content{overflow:hidden;border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
#bottom_left{width:360px;overflow:hidden; float:left;}
.blog_title_home{text-transform:uppercase; padding:10px 0px 10px 0px;}
.blog_title_home a {text-decoration:none; color:#3498db; font-size:14px; }
.blog_content_home{color:#bbbaba; padding-right:30px; font-size:12px;}
.blog_categories_wrapper_home{ margin-top:30px;}
.blog_categories_wrapper_home a{float:left;text-decoration:none;}
.blog_category{width:165px; padding-left:15px;  background: url(../images/arrow.png) left center no-repeat; text-transform:uppercase; padding-top:5px; }
.blogHomeImgWrapper{width:115px; float:left;}
.blogHomeImg{width:100px; height:100px; float:left; margin:15px 15px 0px 0px; box-shadow:1px 1px 5px #666;}

#bottom_middle{width:260px;overflow:hidden; float:left;}
.team_subitem_wrapper{display:block; overflow:hidden; padding:5px; margin-bottom:15px; border-bottom:1px solid #e5e5e5; padding-top:10px;}
.team_subitem_wrapper:last-child{border:none;}
.team_subitem_wrapper img{width:80px; heigh:116px; float:left; margin-right:10px; }/*border-radius:28px; -webkit-border-radius:28px; -moz-border-radius:28px;  box-shadow:1px 1px 5px #666;*/
.team_name{text-transform:uppercase; padding-bottom:10px;}
.team_name a{ text-decoration:none;color:#3498db; font-size:14px; }
.team_desc{color:#bbbaba; font-size:12px;}
#bottom_right{width:280px;overflow:hidden; float:left; padding-left:60px;}

#projects{ padding-bottom:20px;}
#projects h1{text-align:center;}
#slides_projects .pt_imagegallery_comment {border:0px; bottom:0px!important; width:100%; font-size:16px; }
#slides_projects .slidesjs-next{top:auto; bottom: -7px; right:80px;}
#slides_projects .slidesjs-previous{top:auto; bottom: -7px; left:80px;}

#servicesMenuHome{list-style-type:none;}
.servicesMenuHomeItem{ width:225px; background:url(../images/siteMenuBackground.jpg) #ffffff top no-repeat; margin-bottom:10px; } 
.servicesMenuHomeItem:hover{background:url(../images/siteMenuHoverBkg.jpg) #ffffff top no-repeat;} 
.servicesMenuHomeItem a{ color:#ffffff; font-size:14px;text-transform:uppercase; text-decoration:none; width:100%; padding:10px 20px; display:block; box-sizing:border-box; text-align:left;} 
.servicesMenuHomeItem ul{margin-top:15px; display:none; list-style-type:none;}
.servicesMenuHomeItem ul li{background: url(../images/arrow.png) left center no-repeat; padding-top:5px;}
.servicesMenuHomeItem ul li a{color:#000000;}

#home .sys_TitleClass{ border-bottom: none;}

#footer_wrapper{ height:240px; background:#31353d; width:100%; max-width:1920px; margin:auto;}
#footer{text-align:center; color:#ffffff; width:960px; margin:auto; padding-top:40px;}
.leftFooter{width:445px; text-align:left; float:left;}
.middleFooter{width:275px; text-align:left; float:left;}
.rightFooter{width:240px; text-align:left; float:left;}
.greyColor{color:#88898b;}
.socialLogoFooter{ margin-right:5px;}
.socialTitleFooter{ height:29px; margin-bottom:5px;}
.socialTitleFooter a{text-decoration:none; color:#ffffff; cursor:pointer; position:relative; top:-10px;}
.leftLogoFooter{margin:0px 40px 5px 0px;}
.rightLogoFooter{margin:0px 0px 5px 0px;}
.lastLogoFooter{}
#created_by{text-align: right; width: 100%; margin-top: 10px;}
#created_by a{text-decoration: none; color: #fff;}

#slides10 .slidesjs-pagination { position:absolute; bottom:5px; width:110px; text-align:center; right:150px; z-index:500;}
#slides10 .slidesjs-pagination li {margin:0px; width:15px;height:15px;}
#slides10 .slidesjs-pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(../images/pagination.png);background-position: 0 0;float: left;overflow: hidden;}
.slidesjs-pagination .slidesjs-pagination-item a.active img{top: 0px;}
#slides10 .slidesjs-pagination li.active a,#slides12 .slidesjs-pagination li.active a:hover {background-position: 0 -13px}
#slides10 .slidesjs-pagination li a:hover {background-position: 0 -26px}

#slides10 .slidesjs-next, #slides10 .slidesjs-previous {display:none!important;}


.headingsHome { padding:0px; font-size:20px; font-weight:normal; letter-spacing:normal; text-align:left; margin:20px 0px 20px 0px; text-transform:uppercase;}
#projects .headingsHome{text-align:center;}
#projects .headingsHome a{text-decoration: none; color: #222;}

#contentWrapper .sys_TitleClass{border-bottom:none; color: #3498db; text-transform:uppercase;}

.blogPostsWrapper{ width:800px; margin:auto;}
.blogPost{overflow:hidden; margin:25px 0px; padding-bottom:20px; border-bottom: 1px solid #b8b8b8;}
.blogPostImg{width: 150px; float:left; margin-right:30px; }
.blogPostImg img{width: 150px; border:5px #3498db solid; padding:0px; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; box-shadow:1px 1px 5px #666;}
.blogPostContent{width: 620px; float:left; }
.blogPostCategory{font-size:11px; color:#222222; padding-bottom:5px;}
.blogPostCategory a{color:#222222;}
.blogPostTitle{color:#3498db!important; text-transform:uppercase; text-decoration:none;}
.blogPostTitle h2{text-align:left; }
.blogPostIntroText{padding-top:5px; color:#7d7d7d; font-size:13px;}

.subcategoriesWrapper{border-bottom:1px #ccc solid; text-align:center; padding-bottom:20px;}
.subcategory{display:inline-block; margin:0px 10px; width:130px; vertical-align:top;}
.subcategoryImgLink{display:block;}
.subcategoryImg{width:100px; border-radius:50px; height:100px; box-shadow:1px 1px 5px #666;}
.subcategoryTitleLink{display:block; color:#3498db !important; text-decoration:none; font-size:14px;}

.searchResultsForWrapper{padding:20px;}
.searchResultsWrapper{width:800px; margin:auto;}
.searchResultWrapper{overflow:hidden; margin:25px 0px; padding-bottom:20px; border-bottom: 1px solid #b8b8b8;}
.searchResultImgWrapper{width: 150px; float:left; margin-right:30px;}
.searchResultImg{width: 150px; border:5px #3498db solid; padding:0px; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; box-shadow:1px 1px 5px #666;}
.searchResultContentWrapper{width: 620px; float:left; }
.searchResultTitle a{color:#3498db!important;text-decoration:none; text-transform:uppercase;}
.searchResultTitle h2{text-align:left; }
.searchResultContent{padding-top:5px; color:#7d7d7d; font-size:13px;}
.searchResultReadMore{ color:color:#222222; text-decoration:none;}
.searchResultReadMore:hover{ color:#3498db;}

.galleryFilterWrapper{ padding:20px 0px; border-bottom:1px #b8b8b8 solid;}
.galleryFilterItem{display:inline-block;*display:inline;zoom:1; width:25%; font-size:12px;}
.galleryFilterItem.selectall { font-size:16px; margin-bottom:10px;}
.galleryFilterItem input {vertical-align:middle;}
.gal_chkbx {}
.galleryImagesWrapper{padding-top:20px;}
.galleryImageItem{display:inline-block;*display:inline;zoom:1; width:160px; margin-bottom:10px; text-align:center;}
.galleryImageItemImage {width:150px; height:112px;}
	
.newsWrapper{width:800px; margin:auto;}
.news{overflow:hidden; margin:25px 0px; padding-bottom:20px; border-bottom: 1px solid #b8b8b8;}
.newsImageWrapper{width: 150px; float:left; margin-right:30px; }
.newsImage{width: 150px; min-height:150px; border:5px #3498db solid; padding:0px; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; box-shadow:1px 1px 5px #666;}
.newsContentWrapper{width: 620px; float:left; }
.newsTitle{color:#3498db!important; text-transform:uppercase; text-decoration:none; display:inline-block;*display:inline;zoom:1;}
.newsTitle h2{text-align:left; }
.newsDateWrapper{width:60px; height:77px; background:#3498db; margin-right:10px; position:relative; float:right; display:inline-block;*display:inline;zoom:1;}
.newsDay{font-size:35px; position:absolute; left:10px; color:#ffffff;}
.newsMonth{text-transform:uppercase; font-size:15px;position:absolute; bottom:17px; left:16px;}
.newsYear{font-size:15px;position:absolute; bottom:2px; left:14px;}
.newsContent{padding-top:5px; color:#7d7d7d; font-size:13px; width:540px;}

.projectImagesWrapper{padding-top:20px; overflow:hidden;}
.projectDescription { margin:15px auto;}
.projectDescription p {padding:auto 0px; margin:auto 0px;}
.projectImageItem{display:inline-block;*display:inline;zoom:1; width:150px; margin-bottom:20px; padding-right:50px;}
.projectImageItem:nth-child(5n+5){padding-right:0px;}
.projectImageItem img{width:150px; height:112px;}

.completedProjectsWrapper{width:100%;}
.twoCompletedProjects{overflow:hidden;border-bottom: 0px solid #b8b8b8;}
.completedProject{width:50%;display:inline-block;*display:inline;zoom:1; vertical-align:top; margin:25px 0px; padding-bottom:20px; }
.completedProjectImg{width:100px;height:100px; border:5px #3498db solid; padding:0px; border-radius:55px; -webkit-border-radius55px; -moz-border-radius:55px; box-shadow:1px 1px 5px #666; float:left; margin-right:20px;}
.completedProjectImgLink{display:block; width:100%; height:100%;}
.completedProjectContent{width: 330px; float:left; }
.completedProjectCategory{font-size:11px; color:#222222; padding-bottom:5px;}
.completedProjectCategory a{color:#222222;}
.completedProjectTitle{color:#3498db!important; text-transform:uppercase; text-decoration:none;}
.completedProjectTitle h2{text-align:left; }
.completedProjectText{padding-top:5px; color:#7d7d7d; font-size:13px;}

#responsiveMenu{display:none;}
.pl10 {padding-left:10px;}

.row {clear:both; overflow:hidden; margin-bottom:10px;}
.p20 {display:inline-block; vertical-align:top; width:20%; margin-right:-4px;}
.p30 {display:inline-block; vertical-align:top; width:30%; margin-right:-4px;}
.p33 {display:inline-block; vertical-align:top; width:33%; margin-right:-4px;}
.p35 {display:inline-block; vertical-align:top; width:35%; margin-right:-4px;}
.p40 {display:inline-block; vertical-align:top; width:40%; margin-right:-4px;}
.p50 {display:inline-block; vertical-align:top; width:50%; margin-right:-4px;}

.subitemsWrapper{}
.subitem{ padding-bottom: 50px; width: 100%; overflow: hidden;}
	.subitemImage{}
		.subitemImage img{ max-width: 300px; max-height: 200px;}
	.subitemContentWrapper{padding:0px 30px;}
		.subitemTitle{color:#3498db!important; text-transform:uppercase; text-decoration:none;text-align: left;}
		.subitemContent{padding-top:5px; color:#7d7d7d; font-size:13px;}
.fr{float: right;}
.fl{float: left;}
.fwb{font-weight: bold;}

.reference{overflow: hidden; margin-bottom: 20px;}/*500px*/
/*.reference:nth-child(3n+3){margin-right: 0px;}*/
.reference img{width: 150px; float: left;  margin: 0px 15px 15px 0px;}
.reference h2{ font-size: 14px; font-weight: 600; text-align: left;}

#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;}


#usermenu {color:#333333; font-size:15px; float:right; margin-top:3px; margin-left:10px;}
#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 a {text-decoration:none;}
.userMenuItem:last-child{border-right:0px;}
.userMenuItem a:hover{color:#f16223;}

.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:#f16223;}
.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;}
#form_show_repeat_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;}
.blue {color: #3498db!important; }
.orange{color:#f16223!important;}
.big {font-size:140%;}
.bold {font-weight:bold;}
.fs10{font-size: 10px;}

#a_projects_wrapper {margin-top:40px;}
.a_project {margin-bottom:20px; border-bottom:1px #333 dotted; padding-bottom:20px; width: 30%; margin-right: 5%; display: inline-block;vertical-align: top; text-align: justify; height: 170px;}
.a_project:nth-child(3n+3){margin-right: 0;}
.a_project_left{margin-bottom: 15px;}
    .a_project_name{font-size:22px;}
    .a_project_auctions_count{font-size:12px; color:#333;}
    .a_project_view_auctions{margin-top:10px; font-size:20px;}
.a_project_right{}
    .a_project_description{color:#333; font-size:14px;}

.auctions_list{}
	.auction_row{width: 100%; border-bottom: 1px #333 dotted; padding: 10px 0px;}
		.auction_name{display: inline-block;vertical-align: top;width: 60%;}
		.auction_pin{display: inline-block;vertical-align: top; width: 20%;}
			.auction_pin_input{border: 1px solid #333; border-radius: 5px; padding: 5px; font-size: 12px;}
		.auction_view{display: inline-block;vertical-align: top;width: 20%;}
			.auction_view_btn{background: #3498db; color: #fff; font-weight: bold; font-size: 14px; border-radius: 5px; border:1px solid #333; padding: 4px; cursor: pointer;}
.submit_offer_wrapper{margin-top: 30px;}
	.submit_offer_title{font-size: 20px; font-weight: bold;}
	.submit_offer_form .form_field{width: 300px; vertical-align: top; margin-right: 10px;}
	.submit_offer_form .form_field.file{width: 250px; padding: 3px;}
	.submit_offer_form .form_field.price{width: 194px; padding: 3px;}
	.submit_offer_form .form_field.textarea{width: 450px; height: 200px;}
	.submit_offer_form .form_field.textarea:first-child{margin-right: 20px;}
.auction_description{margin-top: 10px;}
.offers_wrapper{margin-top: 20px;}
	.offers_title{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
	.offer_row.offer_header{font-weight: bold; color: #fff; background: #3498db;}
	.offer_row{border-bottom: 1px dotted #333;}
		.offer_price{display: inline-block;vertical-align: top; width: calc(20% - 10px); padding: 5px;}
		.offer_info{display: inline-block;vertical-align: top; width: calc(79% - 10px); padding: 5px;}
.due_date_wrapper{margin-bottom: 10px;}
	.due_date_wrapper span{font-weight: bold;}
.submit_offer_filesize{display: inline-block; vertical-align: top; margin: 10px 0px 0px 10px;}
.submit_offer_price_info{display: inline-block; vertical-align: top; margin: 10px 20px 0px 0px;}
.file_title{display: inline-block;vertical-align: top;background:#3498db; padding: 8px 15px;}
.file_title a{color: #fff; font-size: 16px;}

.invalid{border:1px #CC0000 solid!important; box-shadow:0px 0px 3px #FF0000 inset!important;}

.file_wrapper {display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px;}
.tar {text-align:right;}

#water_rlu { width:360px; max-width:360px;}

@media (max-width: 979px) 
{
	#wrapper{width:100%;}
	#header{width:98%; margin:auto; height:125px;}
	#top_header_wrapper{width:100%; left:0px; margin-right:0px;}
	#top_header{width:98%;}
	
	
	#lang_store{width:57%; margin-left:3%; float:left; overflow:hidden;}
	#searchBox{width:37%; margin-right:3%;}
	
	#menu, .menu {width:64%;}
	#content{width:98%; margin:auto;}
	#contentWrapper #content img{ display:block !important; float:none !important; margin:5px auto !important;}
	
	#top_left{width:50%; padding:0px; margin:0px;}
	#top_right{width:50%; padding:0px; margin:0px;}
	.news_subitem{width:50%; padding:0px; margin:0px;}
	#bottom_left{width:38%; padding:0px; margin:0px;}
	#bottom_middle{width:27%; padding:0px; margin:0px;}
	#bottom_right{ width:35%; padding:0px; margin:0px;}
	
	.completedProjectImg{width:100px;}
	.completedProjectContent{width: 70%;}
	.projectImagesWrapper{text-align:center;}
	.projectImageItem:nth-child(5n+5){padding-right:50px;}
	.newsWrapper{width:85%;}
	.newsImageWrapper{width: 19%; height:19%; margin-right:15px; }
	.newsImage{width: 100%; min-height:100%; border-radius:800px; -webkit-border-radius:800px; -moz-border-radius:800px;}
	.newsContentWrapper{width: 78%; }
	.newsContent{ width:85%;}
	
	.blogPostsWrapper{ width:85%;}
	.blogPost{width:100%;}
	.blogPostImg{width: 18%; margin:0px; margin-right:15px; }
	.blogPostImg img{width: 100%; min-height:100%; border-radius:800px; -webkit-border-radius:800px; -moz-border-radius:800px;}
	.blogPostContent{width: 78%;}

	.searchResultsWrapper{ width:85%;}
	.searchResultWrapper{width:100%;}
	.searchResultImgWrapper{width: 18%; margin:0px; margin-right:15px; }
	.searchResultImg{width: 100%; min-height:100%; border-radius:800px; -webkit-border-radius:800px; -moz-border-radius:800px;}
	.searchResultContentWrapper{width: 78%;}
	
	#contact_top{width:100%;}
	#contact_top iframe{width: 100% !important; height:70% !important;}
	#contact_left_side{width:26%; margin-left:0px;}
	#contact{font-size:12px;}
	#contact_right_side{width:73%;}
	.contact_field.textarea{width:95%;}
	
	#footer_wrapper{ width:100%; left:0px; margin-right:0px; height: auto;}
	#footer{width:98%; margin:auto; overflow: hidden;}
	.leftFooter{width:45%;}
	.middleFooter{width:20%;}
	.rightFooter{width:35%;}
	
	#homePageGallery .slidesjs-pagination{display: block !important;}
	
	.row {clear:both; overflow:hidden; margin-bottom:10px;}
	.p20 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}
	.p30 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}
	.p33 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}
	.p35 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}
	.p40 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}
	.p50 {display:block; clear:both; margin:10px 5%; width:90%; text-align:center;}	
}
@media (max-width: 889px) 
{
	.sys_TitleClass, .headingsHome {text-align:center;}
	#top_header{height:40px;}
	
	#logo{width:100%;top:15px;}
	#slogan{top:60px; width:100%; text-align:center; font-size:20px;left:0px;}
	#header{height:90px;}
	#menu, .menu {top:0px; margin-bottom:0px; left:0px; width:100%; text-align:center;}
	
	#content{width:98%; margin:auto;}
	
	#top_content, #bottom_content{border-bottom:0px none; padding:0px;}
	#top_left{width:100%; clear:both; float:none; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
	#top_left img{display:block; margin:auto;}
	#top_right{width:100%; clear:both; float:none; border-bottom:1px solid #e5e5e5; padding-bottom:15px; overflow:hidden;}
	#bottom_left{width:100%; clear:both; float:none; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
	.blog_categories_wrapper{ overflow:hidden; width:100%; font-size:11px;}
	.blog_category{width:145px;}
	#bottom_middle{width:50%; border-bottom:1px solid #e5e5e5; padding-bottom:15px;height:360px;}
	#bottom_right{width:50%; border-bottom:1px solid #e5e5e5; padding-bottom:15px; height:360px;}
	#servicesMenuHome_wrapper{width:255px;margin:auto;}
	
	.twoCompletedProjects{overflow:hidden;border-bottom: 0px none;}
	.completedProject{width:100%;display:block; border-bottom:1px solid #b8b8b8; float:none; overflow:hidden;}
	.completedProjectImg{width:100px;}
	.completedProjectContent{width: 70%; }
	
	.leftLogoFooter{margin-right:10px;}
}
@media (max-width: 759px) 
{	
	#contact{ text-align:center; font-size:14px;}
	#contact_left_side{width:100%; margin-left:0px; float:none; text-align:center;}
	#contact_left_side h2{text-align:center !important;}
	#contact_right_side{width:100%; float:none;}
	.contact_numbers{width:205px; margin:auto;}
	.contact_area.submitarea{width:100%; text-align:center;}
	.contact_area{width:100%;}
	.contact_field{width:80%;}
	
	#slides_projects .slidesjs-next{right:0px;}
	#slides_projects .slidesjs-previous{left:0px;}	
}
@media (max-width: 649px) 
{
	h1{font-size:18px;}
	h2{font-size:16px;}
	#content{ font-size:12px;}
	
	#footer{padding-top:10px;}
	.leftFooter{width:100%; clear:both; float:none; text-align:center; padding-bottom:10px;}
	.middleFooter{width:50%; text-align:center;}
	.rightFooter{width:50%; text-align:center;}
	#created_by{text-align: center;}
		
	.searchResultsWrapper{ width:100%;}
	.blogPostsWrapper{ width:100%;}
	.newsWrapper{width:100%;}
	.newsContentWrapper{width: 73%;}	
}
@media (max-width: 579px)
{
	#lang_store{width:100%; margin-left:0%; float:none; overflow:visible; text-align:center;}
	#searchBox{width:230px; margin-right:0%; margin:auto; display:inline-block; float:none;}
	
	#languages	{height:35px; width:105px; float:none; padding-top:6px; display:inline-block; vertical-align:top;}
	.store_link{height:31px; width:170px; text-align:left; float:none; padding-top:11px; display:inline-block;}
	
	.store_link a{ color:#333333; text-decoration:none; font-size:15px; font-weight:bold; text-transform:uppercase;}
	.store_link a:hover{ color:#3498db;}
	
	#top_header{height:90px; text-align:center;}
	#header{height:90px;}
	#slogan{font-size:17px;}
	.mainMenuItem, .mainMenuItem:hover{font-size:12px;}
	.mainMenuItem ul{left:-80px;}
	.mainMenuItem ul li{width:240px; margin-top:5px; font-size:10px;}
	
	#bottom_middle{width:100%; height:auto;}
	#bottom_right{width:100%; height:auto;}
}
@media (max-width: 500px) 
{		

	#pool_volume_counter{font-size:9px;}
	
	
	#responsiveMenu{display:block; width:100%; cursor:pointer; font-size:20px; color:#3498db; font-weight:bold; padding:10px 0px;}

	#mainMenu{display:none;}
	#menu, .menu {background:rgb(255,255,255);background:rgba(255,255,255,0.7); margin:auto; height:auto; margin-top:10px;}	
	.mainMenuItem, .mainMenuItem:hover{display:block; border-bottom:1px solid rgb(1,73,145); width:100%;height:auto;}
	.mainMenuItem a{padding-top:8px; font-size:14px !important; text-transform:uppercase; font-weight:normal;}
	.mainMenuItem:hover a{ background:none; padding-top:8px;}
	.mainMenuItem ul{width:100%; display:none; position:relative!important; margin:0px!important; padding:0px!important; top:0px; left:0px; background:#3498db;}
	.mainMenuItem ul li {padding:0px; margin:0px;display:block; width:100%; }
	.mainMenuItem ul li a {display:block; text-align:center; padding:15px 0px!important; border-bottom:1px rgb(1,73,145) solid; font-size:11px!important; }
	.mainMenuItem ul li a:hover {padding:15px 0px!important;}

	.completedProject, .news, .blogPost, .searchResultWrapper{ text-align:center;}
	.completedProject h2, .news h2, .blogPost h2, .searchResultWrapper h2, .blog_title_home{ text-align:center;}
	.completedProjectImg, .newsImageWrapper, .blogPostImg, .searchResultImgWrapper, .blogHomeImgWrapper{display:block; float:none;margin:auto; margin-bottom:10px;}
	.completedProjectContent, .newsContentWrapper, .blogPostContent, .searchResultContentWrapper{width:100%;}
	.blogHomeImg {float:none;}
	.blog_content_home{text-align:center;}
	.blog_categories_wrapper_home{ margin-top:20px;}
	.blog_categories_wrapper_home a{display:block; text-decoration:none; width:40%; margin-left:5%;}

	.newsTitle{ width:100%;}
	
	.news_subitem_date_wrapper{width:40px; height:50px;}
	.news_day{font-size:25px;left:5px;}
	.news_month{font-size:12px;bottom:3px; left:7px;}

	.newsDateWrapper{width:40px; height:50px;}
	.newsDay{font-size:20px;left:9px;}
	.newsMonth{font-size:10px;bottom:15px; left:10px;}
	.newsYear{font-size:11px;bottom:2px; left:8px;}
	
	.middleFooter{width:100%; clear:both; float:none;padding-bottom:10px;}
	.rightFooter{width:100%; clear:both; float:none;}
	
	
	#projects .pt_imagegallery_comment {border:0px; width:100%; height:15px!important; font-size:12px; }
	#slides_projects .slidesjs-next{bottom: -12px;}
	#slides_projects .slidesjs-previous{bottom: -12px;}	
	#projects{ padding-bottom:0px;}
}

@media (max-width: 400px) 
{
	#top_left img {width:100%!important; height:auto!important;}
	/*
	#homePageGallery .pt_imagegallery{width:320px !important; margin:auto;}
	#homePageGallery .slides_container{width:320px!important; height:100px!important;padding-bottom:10px;}
	#homePageGallery .slides_container .slides_control .slide {width:320px!important; height:100px!important;}
	#homePageGallery .slides_container .slides_control .slide img{max-width:320px!important; max-height:100px!important; width:320px!important; height:100px!important;}
	#homePageGallery .pagination{display:none!important;}
	#homePageGallery .pagination li {margin:20px;}
	
	#projects .pt_imagegallery{width:320px !important; margin:auto;}
	#projects .slides_container{width:320px!important; height:114px!important;padding-bottom:10px;}
	#projects .slides_container .slides_control .slide {width:320px!important; height:114px!important;}
	#projects .slides_container .slides_control .slide a img{max-width:320px!important; max-height:114px!important; width:320px!important; height:114px!important;}	
	
	#projects .slides_container .slides_control .slide .pt_imagegallery_comment {border:0px; bottom:5px!important; width:100%; height:15px!important; font-size:12px; }
	#slides_projects .next{top:87px; right:-5px; background-size:35px 35px;}
	#slides_projects .prev{top:87px; left:-10px; background-size:35px 35px;}
	*/
}