body {
    margin: 0px;
}

#header-wrapper {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 100;
    height: 70px;
    background: white;
}

.header {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    height: 70px;
    background: white;
}

.logo {
    float: left;
    margin-left: 170px;
    height: 72px;
    margin-top: 15px;
}

.logo:hover {
    cursor: pointer;
}

.menu {
    float: right;
    margin-top: 25px;
    margin-right: 170px;
}

.active-menu-link {
    color: #88BD4B !important;
}

.menu div {
    float: left;
    margin-left: 25px;
    font-family: Titillium-Semibold;
    cursor: pointer;
    color: #666666;
}

.title {
    height: 122px;
    margin-top: 92px;
    padding-left: 170px;
    background: #88BD4B;
    opacity: 0.97;
    color: #FFFFFF;
    width: 730px;
    float: left;
}

.title p {
    margin: 0px;
    padding: 0px;
}

.title .bigger {
    font-size: 68px;
    font-family: Titillium-Thin;
    letter-spacing: 2px;
}

.title .smaller {
    font-size: 16px;
    font-family: Titillium-Semibold;
}

.slide {
    width: 200px;
    margin: 10px;
    /*background: #88BD4B;*/
    /*opacity: 0.3;*/
    height: 122px;
    float: left;
    margin-top: 92px;
    
}

.slider {
    width: 1280px;
    height: 420px;
    margin: 0 auto;
    /*background: url(img/slider/slider-1.jpg) no-repeat;*/
    position: relative;
	overflow: hidden;
}

.big-picture {
    width: 1280px;
    height: 420px;
    margin: 0 auto;
    background: url(img/slider/slider-1.jpg) no-repeat;
    position: absolute;
}

.slides {
    list-style-type: none;
    margin-top: -132px;
    position: relative;
}

.slides li {
    opacity: 0.6;
    padding-bottom: 5px;
    margin-left: -40px;
    cursor: pointer;
}

.slides li.active {
    /*opacity: 1.0;*/
}

.slides li img {
    position: relative;
    z-index: 10;
}

.slides li.active img {
    position: relative;
    /*z-index: 30;*/
}

.slides div.greenbox {
    background: #88BD4B;
    opacity: 0.3;
    width: 200px;
    height: 122px;
    position: absolute;
    z-index: 20;
}

.arrow-button {
    width: 160px;
    background: #88BD4B;
    height: 122px;
    float: left;
    margin-top: 92px;
    position: relative;
}

.arrow-button img {
    padding: 30px;
    cursor: pointer;
}

.wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.content {
    background: white;
    width: 940px;
    z-index: 50;
/*    position: relative;
    height: 500px;*/
    margin: 0 auto;
}

h1 {
    margin: 0px;
    padding-top: 105px;
    font-family: Titillium-Light;
    text-align: center;
    font-size: 44px;
    padding-bottom: 50px;
    color: #0B0D09;
}

h2 {
    font-size: 32px;
    font-family: Titillium-Light;
    color: #FFFFFF;
    text-align: center;
    padding-top: 30px;
    margin: 0px;
}

.content .box-left {
    width: 460px; float: left;
}

.content p {
    font-size: 14px;
    font-family: Titillium-Regular;
    color: #666666; 
}

.content .box-right {
    width: 460px; float: right;
}

.content .section-title {
    float: left;
    width: 1280px;
    margin-left: -170px;
}

.content ul {
    list-style-image: url(img/oferta/inteligentny_dom/dot.png);
    margin-left: -40px;
}

.content ul li {
    font-family: Titillium-Regular;
    font-size: 14px;
    color: #666666; 
}

.content .box-center {
    width: 940px;
    float: left;
    text-align: center;
}

#about-firm .section-title {
    background: #0B0D09;
    margin-top: 105px;
    padding-bottom: 38px;
	margin-bottom: 100px;
}
#about-firm .section-title p{
    color: #FFFFFF;
    text-align: center;
    font-family: Titillium-Regular;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 20px;
}

#about-firm #btn-contact {
    background: #0B0D09;
    color: #85BD3D;
    text-align: center;
    font-family: Titillium-Regular;
    font-size: 18px;
    width: 216px;
    padding: 10px 25px 10px 25px;
    margin: 0 auto;
    border: 1px solid #85BD3D;
    cursor: pointer;
}

#about-firm #btn-contact:hover {
    background: #85BD3D;
    color: #0B0D09;
    
}

#about-firm .box-left {
    width: 280px;
    padding-right: 40px;
}

#about-firm .box-left p {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

#about-firm .box-right {
    width: 620px;
}

#partners {
    background: #FFFFFF;
    height: 430px;
    width: 1280px;
    margin-left: -170px;
    
}

#partners .section-title, #partners .box-center {
    padding-left: 170px;
}

#partners h2 {
    padding-top: 70px;
    font-size: 44px;
    font-family: Titillium-Regular;
    color: #FFFFFF;
    text-align: center;
    margin: 0px;
}

#partners .section-title p {
    font-size: 14px;
    font-family: Titillium-Regular;
    color: #FFFFFF;
    text-align: center;
    margin: 0px;
}

#partners .box-center {
    margin-top: 45px;
}

#partners .box-center p {
    font-size: 18px;
    font-family: Titillium-Regular;
    color: #FFFFFF;
    text-align: center;
    margin: 0px;
}

#line {
    margin: 0px auto 6px;
    width: 225px;
    background: url(img/partnerzy/linia.jpg) no-repeat;
    height: 4px;
}

#ico-partners {
    background: url(img/partnerzy/circle.png) no-repeat;
    margin: 50px auto 0px;
    height: 78px;
    width: 78px;
}

#partners #green-box {
    background: rgba(60, 163, 27, 0.65);
    width: 1280px;
    height: 430px;
    float: left;
}

#partners #grey-box {
    background: #F2F2F2;
    width: 1280px;
    height: 230px;
    float: left;
}

#partners #parthers-img {
    /*height: 430px;*/
    margin-top: 105px;
    background: url(img/partnerzy/partnerzy_bg_white.jpg) no-repeat;
    /*padding-bottom: 55px;*/
    float: left;
    
    /*background-size: 1450px auto;*/
    /*background-attachment: fixed;*/
    /*width: 100%;*/
    /*position: relative;*/
}

#partners .box-left p {
    font-size: 18px;
    font-family: Titillium-Regular;
    color: #1D282E;
    margin: 0 38px 0 0;
    padding-top: 35px;
    
}

#partners .box-left {
    padding-left: 170px;
    
}

#partners .box-right {
    padding-right: 170px;
}

.partners-logo {
    margin-top: 35px;
    width: 138px;
    height: 138px;
    text-align: center;
    margin-right: 20px;
    float: left;
    border: 1px solid #85BD3D;
    opacity: 0.5;
}

.partners-logo:hover {
    opacity: 1;
}

.partners-logo img {
    margin-top: 45.5px;
    
}

.mail-ico {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    background: url(img/projektanci-i-architekci/mail_small.png) no-repeat;
}
.mail-ico:hover {
    background: url(img/projektanci-i-architekci/mail_small_green.png) no-repeat;
}

#map {
    height: 430px;
    width: 1280px;
    margin-left: -170px;
	display: flex !important;
}

#facebook {
    background: url(img/kontakt/facebook_logo_small.png) no-repeat;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE 6-9 */
    margin: 130px auto 25px;
    width: 125px;
    height: 25px;
}

#facebook:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: url(img/kontakt/facebook_logo_small.png); /*Firefox 4+*/
    filter: none; /* IE 6-9 */
}

.link-address {
    color: #000000;
}

.link-address:hover {
    color: #88BD4B;
}

#designer-link {
    color: #FFFFFF;
    text-decoration: none;
}

#designer-link:hover {
    color: #85BD3D;
}

#partners-pag {
    margin-top: 25px;
}
#partners-pag a, #refs-pag a{
    background: url(img/partnerzy/dot.png) no-repeat;
    width: 15px;
    height: 15px;
    margin: 5px 2px 0 0;
    display: inline-block;
}
#partners-pag a.selected, #refs-pag a.selected {
    background: url(img/partnerzy/green_dot.png) no-repeat center;
    cursor: default;
}
#partners-pag a span, #refs-pag a span {
    display: none;
}
.clearfix {
    float: none;
    clear: both;
}

#progress-bar {
    width: 730px;
    height: 3px;
    background: white;
    position: absolute;
    top: 218px;
    left: 170px;
    opacity: 0.2;
}

#progress-bar-line {
    background: url(img/line.jpg);
    width: 0px;
    height: 3px;
    position: absolute;
    top: 218px;
    left: 170px;
}

@font-face { font-family: Titillium-Black; 
    src: url('fonts/titillium-black.eot');
    src: url('fonts/titillium-black.eot') format('embedded-opentype'),
         url('fonts/Titillium-Black.otf') format('opentype'),
         url('fonts/titillium-black.woff') format('woff'),
         url('fonts/titillium-black.ttf') format('truetype'),
         url('fonts/titillium-black.svg#TitilliumBlack') format('svg'); }
@font-face { font-family: Titillium-Thin; 
    src: url('fonts/titillium-thin.eot');
    src: url('fonts/titillium-thin.eot') format('embedded-opentype'),
         url('fonts/Titillium-Thin.otf') format('opentype'),
         url('fonts/titillium-thin.woff') format('woff'),
         url('fonts/titillium-thin.ttf') format('truetype'),
         url('fonts/titillium-thin.svg#TitilliumThin') format('svg'); } 
@font-face { font-family: Titillium-Light; 
    src: url('fonts/titillium-light.eot');
    src: url('fonts/titillium-light.eot') format('embedded-opentype'),
         url('fonts/Titillium-Light.otf') format('opentype'),
         url('fonts/titillium-light.woff') format('woff'),
         url('fonts/titillium-light.ttf') format('truetype'),
         url('fonts/titillium-light.svg#TitilliumLight') format('svg'); }
@font-face { font-family: Titillium-Regular;
    src: url('fonts/titillium-regular.eot');
    src: url('fonts/titillium-regular.eot') format('embedded-opentype'),
         url('fonts/Titillium-Regular.otf') format('opentype'),
         url('fonts/titillium-regular.woff') format('woff'),
         url('fonts/titillium-regular.ttf') format('truetype'),
         url('fonts/titillium-regular.svg#TitilliumRegular') format('svg'); }
@font-face { font-family: Titillium-Semibold;
    src: url('fonts/titillium-semibold.eot');
    src: url('fonts/titillium-semibold.eot') format('embedded-opentype'),
         url('fonts/Titillium-Semibold.otf') format('opentype'),
         url('fonts/titillium-semibold.woff') format('woff'),
         url('fonts/titillium-semibold.ttf') format('truetype'),
         url('fonts/titillium-semibold.svg#TitilliumSemibold') format('svg'); }