/*
font-family:'Proxima N W02 Bold';
font-family:'Proxima N W02 Reg';
*/
html,body {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	height:100%;
	width: 100%;
	text-align: center;
	color: #000000;
	
	

}

body{
	font-family:'Proxima N W02 Reg';
	font-size: 14px;
	color: #4c4c4c;
	-webkit-font-smoothing: antialiased;
	 
}

h1, h2, h3, h4, h5 {padding: 0px; margin: 0px}
div{ padding: 0px;margin: 0px;}
a {	padding: 0px; margin: 0px; color: #000000; text-decoration: none;}
img {border: 0px none;padding: 0px;	margin: 0px;}
b, strong, .bold {font-weight: normal; font-family:'Proxima N W02 Bold'}

* {box-sizing: border-box;}
textarea, input {outline: none; resize: none;}

.clear {clear: both; overflow: auto}
.left {float: left}
.right {float: right}

.text-right{text-align: right}
.text-left{text-align: left}
.text-center{text-align: center}

.visible {display: block !important}
.hidden {display: none !important}

div.container-wrapper{width: 100%; min-height:100%; position:relative;}
div.container{width: 100%;text-align:left;position: relative;margin: 0px auto 0px auto;min-width: 990px}
div.header-wrapper{clear: both;width: 100%;overflow: visible;}
div.header{width: 990px;text-align:left;position: relative;margin: 0px auto 0px auto;}
div.content-wrapper{clear: both;width: 100%;overflow: auto; padding-top: 20px; padding-bottom: 60px}
div.content{width: 100%;text-align:left;position: relative;margin: 0px auto 0px auto; }
div.footer-wrapper{clear: both;width: 100%;overflow: auto;}
div.footer{width: 990px;text-align:left;position: relative;margin: 0px auto 0px auto;}
div.main-wrapper{width: 990px; margin: 0 auto;}
div.main{width: 100%;}
div.main-wrapper.wide{width: 100%}
div.sidebar-wrapper{float: left; width: 20%}
div.localizer{margin: 10px 0px}

.menu-top{}
.menu-top ul{clear: both; overflow: auto; padding:0px; margin: 0px; float: right;}
.menu-top ul li{list-style-type: none; float: left; margin: 0px 0px 0px 60px; position: relative; padding: 0px; line-height: 20px;}
.menu-top ul li a {line-height: 48px; font-size: 14px;}
.menu-top ul li ol{display: none; position: absolute; left: 0px; top: 20px; z-index: 1000; padding:0px; margin: 0px; width: 200px}
.menu-top ul li ol li{float: none; margin: 0px; padding: 0px}

.menu-sidebar ul{clear: both; overflow: auto; padding:0px; margin: 0px }
.menu-sidebar ul li{list-style-type: none; margin: 0px 20px 0px 0px; position: relative; padding: 0px; line-height: 20px;}
.menu-sidebar ul li a {}
.menu-sidebar ul li ol{padding:0px 0px 0px 20px; margin: 0px; }
.menu-sidebar ul li ol li{margin: 0px; padding: 0px}
.menu-sidebar a.menu-sidebar-header {font-weight: bold}

.post{margin-bottom: 10px; clear: both; overflow: auto}
.post-header{color: #033676; font-size: 16px; text-decoration: none; font-weight: bold; font-family:'Slate W02 Medium';}
.post-content{ margin: 0px 0px 10px 0px}
.post-read-more{float: right; display: inline-block; padding: 5px 10px; background-color: #033676; color: white; text-decoration: none}

.thumb-wrapper{float: left; width: 150px; height: 150px; border: 1px solid gray; margin:0px 5px 5px 0px; overflow: hidden}

.language-bar {position: absolute; right:0px; top: 10px}
.language-bar ul {clear: both; overflow: auto}
.language-bar ul li {float: left; list-style-type:none; margin-left: 10px}
.language-bar ul li.active a{font-weight: bold}

.contact-wrapper { display: table; width: 100%: }
.contact-left-wrapper { width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left;}
.contact-right-wrapper { width: 50%; padding-left: 4%; border-left: 1px solid #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left;}
#google-maps-wrapper { width: 100%; margin-top: 40px; }
#google-maps-wrapper iframe { width: 100%; float: left;}

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

div.footer-wrapper {height: 60px; background: #4c4c4c; color: #818181; line-height: 60px; position:absolute; bottom:0; left:0; font-size: 13px;}
.footer-wrapper .page-site {float: left; letter-spacing: 4px;}
.footer-wrapper .copyrights {float: right;}
.copyrights a {color: #818181; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.copyrights a:hover, .footer-wrapper .page-site span {color: #85ae46;}

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

.header-wrapper {background: url('/images/borkowski/bg.jpg') no-repeat;}
.homepage .header-wrapper {background: url('/images/borkowski/ban.png') center no-repeat; height: 525px; margin-bottom: 30px;}

div.header {clear: both; overflow: auto; text-align: right;}
.header .menu-wrapper {float: right; width: 728px; position: absolute; right: 0;}
.header .logo-wrapper {float: left;}
.social-icon-wrapper {margin-top: 20px; font-size: 14px;}
.social-icon-wrapper > span {margin-right: 20px;  border-right: 1px solid black; height: 32px; padding-right: 30px; display: inline-block; line-height: 32px;}
.menu-top-wrapper {margin-top: 15px; border-top: 1px solid black; border-bottom: 1px solid black; clear: both; overflow: auto; height: 50px;}

.social-icon-wrapper a {display: inline-block; width: 25px; height: 23px; position: relative;}
.social-icon-wrapper a span{display: block; height: 23px; position: absolute;}

.social-icon:before, .social-icon:after {height: 23px; background: url('/images/borkowski/social-icon.png');  position: relative; top: 7px; display: inline-block; position: absolute}

.icon-fb:before {width: 20px; background-position: 0px 0px; content: "";}
.icon-google:before {width: 23px; background-position: -22px 0px; content: "";}
.icon-twitter:before {width: 25px; background-position: -45px 0px; content: "";}

.icon-fb:after {width: 20px; background-position: 0px -23px; content: "";}
.icon-google:after {width: 23px; background-position: -22px -23px; content: "";}
.icon-twitter:after {width: 25px; background-position: -45px -23px; content: "";}

.social-icon:before {opacity: 1}
.social-icon:after {opacity: 0}
.social-icon:hover:before {opacity: 0}
.social-icon:hover:after {opacity: 1}

.menu-top ul li a {color: #4c4c4c;}

.menu-top ul li a, .social-icon:before, .social-icon:after {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.menu-top ul li a:hover {color: #85ae46}

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

.head-text b {color: #85ae46;}
.head-text h2 {font-weight: normal; color: #4c4c4c; margin-bottom: 35px;}

.homepage .main-wrapper .main {float: left; width: 55%; color: #7e7e7e; line-height: 22px; letter-spacing: 0.2px;}
.main-wrapper .check-realization {float: left; width: 45%;}

.main .head-text {margin-bottom: 20px;}

.check-realization > div {margin-left: 35px; float: left;}
.check-realization a {width: 390px; height: 60px; border: 1px solid #b7b7b7; display: block;}
.check-realization img {float: left;}
.icon-arrow {display: inline-block; float: right; position: relative; width: 44px; margin-top: 22px;}

.icon-arrow:after, .icon-arrow:before {width: 9px; height: 16px; content: ""; position: absolute; background: url('/images/borkowski/icon-arrow1.png');}

.icon-arrow:after {opacity: 0; }
.icon-arrow:before {opacity: 1; background-position: 0 -16px;}

.check-realization a:hover .icon-arrow:after {opacity: 1;} 
.check-realization a:hover .icon-arrow:before {opacity: 0;}

.check-realization .our-realization {position: relative; top: 22px; left: 30px; display: block;}

.our-realization:before, .our-realization:after {width: 200px; height: 19px; background: url('/images/borkowski/txt.png'); content: ""; display: block; position: absolute;}

.our-realization:before {opacity: 1;}
.our-realization:after {background-position: 0 -19px; opacity: 0;}

.check-realization a:hover .our-realization:before {opacity: 0;} 
.check-realization a:hover .our-realization:after {opacity: 1;}

.our-realization:before, .our-realization:after, .check-realization a .icon-arrow:after, .check-realization a .icon-arrow:before {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.project-garden-wrapper {background: #ededed; float: left; width: 100%; margin-top: 60px;}
.project-garden {width: 990px; margin: 0 auto; padding-bottom: 60px;}
.project-garden .head-text {margin-top: 60px;}

.project-stages {clear: both; overflow: auto; color: #7e7e7e; font-size: 14px; line-height: 22px; letter-spacing: 0.2px;}
.project-stages > div {width: 310px; float: left;}
.project-stages .break {width: 20px; height: 50px;}
.project-stages img {margin-top: 9px; margin-bottom: 25px;}

/*
*************************************************************************************************************************************
-------------------------------------------------------------------------------------------------------------------------------------
*************************************************************************************************************************************
*/
#mask {width: 100%; height: 100%; position: fixed; top: 0;z-index: 8; background: rgba(0,0,0,0.75); display: none;}

.gallery > div {width: 310px; height: 200px; float: left; margin-left: 30px; margin-bottom: 30px; position: relative; overflow: hidden; border: 1px solid rgb(221, 221, 221);}
.gallery > div:nth-child(3n+1) {margin-left: 0;}

.gallery a {width: 310px; height: 200px; display: block; position: absolute; background: black; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.gallery a:hover {opacity: 0.6;}
.gallery i {width: 40px; height: 39px; background: url('/images/borkowski/icon-search.png'); display: block; margin: 0 auto; margin-top: 80px;}


.show-image {width: 990px; position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 50; background: white; display: none;}

.show-image > div {width: 950px; padding: 35px 20px; position: relative; clear: both; overflow: auto; height: 100%;}
.show-image .exit {position: absolute; width: 30px; height: 29px; top: 35px; right: 20px; z-index: 20;}
.show-image .exit:before, .show-image .exit:after {background: url('/images/borkowski/icon-close.png'); display: block; content: ""; width: 30px; height: 29px; cursor: pointer; position: absolute; top: 0;  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.show-image .exit:before {opacity: 1}
.show-image .exit:after {background-position: 0 -29px;  opacity: 0;}

.show-image .exit:hover:before {opacity: 0}
.show-image .exit:hover:after {opacity: 1}

.show-image > div > div {float: left;}
.show-image .arrow {width: 10%;}
.show-image .image {width: 80%; height: 100%;}

.show-image .image img {margin: 0 auto; display: block; max-height: 100%; max-width: 100%;}

.arrow {width: 14px; height: 23px; position: relative;}
.ar-left:after, .ar-left:before, .ar-right:after, .ar-right:before {background: url('/images/borkowski/icon-arrow-gallery.png'); content: ""; display: block; width: 14px; height: 23px; position: absolute; top: 0; cursor: pointer;}
.ar-right:after, .ar-right:before {background-position: -14px 0; right: 0;}
.ar-left:after {background-position: 0 -23px;}
.ar-right:after {background-position: -14px -23px;}

.ar-left:before, .ar-right:before {opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.ar-left:after, .ar-right:after {opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.ar-left:hover:before, .ar-right:hover:before {opacity: 0;}
.ar-left:hover:after, .ar-right:hover:after {opacity: 1;}

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

.contact-right-wrapper h3 {margin-bottom: 20px;}

.contact-left-wrapper ul {margin: 0; padding: 0;}
.contact-left-wrapper ul li {list-style-type: none;}
.contact-left-wrapper ul li label {display: block; margin-top: 15px; margin-bottom: 10px; color: #7e7e7e;}
.contact-left-wrapper ul li:first-child label {margin-top: 0;}
.contact-left-wrapper ul li input {width: 450px; height: 40px; border: 1px solid #7e7e7e; font-size: 14px; padding-left: 15px;}
.contact-left-wrapper ul li textarea {width: 450px; height: 146px; border: 1px solid #7e7e7e; font-size: 16px; padding-left: 15px; padding-top: 15px;}
#submit-button-wrapper input {padding: 0; margin-top: 20px; width: 150px; border: 1px solid #7e7e7e; background: white; cursor: pointer; font-size: 14px; color: #85ae46; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
#submit-button-wrapper:hover input {background: #85ae46; border-color: #85ae46; color: white;}

.contact-left-wrapper .error {border: 1px solid red;}
.msg-error {color: red;}
.msg-success {color: #85ae46;}


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

.main {line-height: 22px; letter-spacing: 0.2px;}
.main h1 {color: #85ae46; margin-bottom: 40px;}
#contact-wrapper {margin-bottom: 40px;}
#contact-wrapper h3 {margin-bottom: 30px;}

.contact-right-wrapper p {color: #7e7e7e;}
.gallery {clear: both; overflow: auto; padding-bottom: 40px;}
.contact-right-wrapper span {color: #85ae46;}

.gallery img {display: block; margin: 0 auto;}