body,
html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 10pt;
    color: #2f2f2f;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 22px;
    background: #3784b0
}

div.clear {
    width: inherit;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both
}

div.clear-left {
    width: inherit;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: left
}

div.clear-right {
    width: inherit;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: right
}

img {
    border: 0
}

.wrapper {
    min-width: 980px;
    width: 980px;
    margin: 0 auto !important;
    text-align: left;
    padding: 0 !important
}

:focus {
    outline: 0
}

a {
    color: #307aa5;
    text-decoration: underline;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

a:hover {
    color: #2f2f2f;
    text-decoration: underline;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

table {
    border-collapse: collapse;
    border: 0;
    border-spacing: 0;
    font-size: 10pt !important;
    color: #2f2f2f !important;
    line-height: 22px !important
}

table td,
table th {
    padding: 0
}

form {
    padding: 0;
    border: 0
}

.white {
    background: #f7f7f7
}

.top {
    width: 100%;
    height: 90px;
    border-bottom: 2px #3784b0 solid;
    background: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 101
}

.content {
    padding-top: 92px;
    padding-bottom: 15px
}

.newsletter {
    background: #464646;
    padding: 10px;
    text-align: left;
    color: #a5a5a5
}

.footer {
    color: #fff;
    text-align: center;
    padding: 10px 0
}

.logo {
    padding-top: 7px;
    float: left;
    width: 195px
}

.logo img {
    width: 100%
}

.menu {
    float: right
}

.contact_info {
    height: 20px;
    line-height: 20px;
    padding: 15px 0;
    font-size: 12pt;
    float: right
}

.contat_phone {
    float: right;
    margin-right: 10px
}

.contat_gsm {
    float: right
}

.contat_phone span {
    color: #5a8aab
}

.contat_gsm span {
    color: #5a8aab
}

.nav {
    text-align: right
}

#menu li a {
    text-transform: uppercase
}

ul.rslides {
    margin: 0;
    padding: 0;
    width: 100%
}

ul.rslides img {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 2px #3784b0 solid
}

.main_info {
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -490px;
    background: url(../images/hp_main_bar.png) left top no-repeat;
    width: 980px;
    height: 95px;
    z-index: 100
}

.main_info h2 a {
    color: #328cac;
    text-decoration: none
}

.main_info h2 a:hover {
    color: #328cac;
    text-decoration: underline
}

.main_info a {
    color: #535353;
    text-decoration: none
}

.main_info a:hover {
    color: #535353;
    text-decoration: underline
}

.mi1,
.mi2,
.mi3 {
    float: left;
    height: 76px;
    padding: 10px 35px;
    text-align: center
}

.mi1,
.mi2 {
    background: url(../images/line.png) right center no-repeat
}

.mi3 {
    padding-right: 0
}

.main_bottom {
    width: 980px;
    margin: 0 auto;
    padding: 10px;
    background: #fff
}

.alignleft {
    float: left;
    margin: 0 10px 10px 0
}

.alignright {
    float: right;
    margin: 0 0 10px 10px
}

h1 {
    float: left;
    background: #328cac;
    padding: 15px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 300 !important;
    font-size: 17pt;
    margin: 20px 0 0
}

.main_bottom h1 {
    width: 180px;
    padding: 15px 10px;
    position: absolute;
    margin: -70px 0 0 -10px;
    text-align: center;
    z-index: 100
}

h2 {
    color: #328cac;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18pt
}

h3 {
    border-left: 5px #328cac solid;
    padding: 3px 10px;
    margin: 0 0 10px
}

.nice_box {
    padding: 10px;
    background: #f7f7f7;
    border: 1px #e0e0e0 solid
}

.main_bottom .nice_box {
    border: 1px solid #bebca8;
    background-color: #f4f2dc;
    font-size: 11pt;
    line-height: 24px
}

.white_box {
    padding: 20px;
    background: #fff;
    border-top: 2px #328cac solid
}

iframe.youtube-player {
    border: 1px #ccc solid;
    padding: 0;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    height: 293px;
    width: 520px
}

.sort {
    float: left;
    text-align: right;
    color: #d7d7d7;
    margin-top: -67px;
    margin-right: -20px;
    margin-left: 100px
}

.sort span {
    color: #2a2a2a
}

.ap_list_box {
    border: 1px #c2c2c2 solid;
    padding: 8px 0 0 8px;
    margin-bottom: 25px
}

.ap_list_photo {
    display: table-cell;
    width: 265px;
    height: 175px;
    overflow: hidden;
    padding-right: 15px;
    text-align: center;
    vertical-align: middle
}

.ap_list_photo img {
    width: 90%
}

.ap_list_info {
    display: table-cell;
    width: 650px
}

.ap_list_title {
    font-size: 15pt;
    font-family: 'Roboto Condensed', sans-serif !important;
    margin-bottom: 15px
}

.ap_list_title a {
    text-decoration: none;
    color: #464646;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ap_list_title a:hover {
    text-decoration: none;
    color: #328cac;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ap_list_txt {
    padding-right: 8px;
    min-height: 65px
}

.ap_list_txt p {
    margin: 5px 0 0;
    text-align: right;
    padding: 0
}

.ap_list_details {
    background: #f5f5f5;
    border-left: 1px #dcdcdc solid;
    border-top: 1px #dcdcdc solid;
    margin-top: 8px
}

.ap_lis_icon1,
.ap_lis_icon2,
.ap_lis_icon3,
.ap_lis_icon4,
.ap_lis_icon5 {
    float: left;
    line-height: 24px;
    padding: 10px 15px 10px 35px;
    border-right: 1px #dcdcdc solid;
    margin-left: 15px
}

.ap_lis_icon1 {
    padding: 12px 10px 8px 0;
    line-height: 21px;
    margin-left: 10px
}

.ap_lis_icon1 span {
    color: #3784b0;
    padding-left: 0;
    font-weight: 700;
    font-size: 16pt
}

.ap_lis_icon2 {
    background: url(../images/icon1.png) left center no-repeat
}

.ap_lis_icon3 {
    background: url(../images/icon2.png) left center no-repeat
}

.ap_lis_icon4 {
    background: url(../images/icon3.png) left center no-repeat
}

.ap_lis_icon5 {
    background: url(../images/icon4.png) left center no-repeat;
    border: 0
}

.ap_list_details a {
    display: none
}

.newsletter {
    background: #393939;
    padding: 15px;
    text-align: center;
    color: #707070;
    text-align: left
}

.newsletter_left {
    float: left;
    margin-right: 20px
}

.newsletter_left img {
    margin-top: -35px
}

.newsletter_right {
    float: left;
    color: #a8a8a8;
    font-size: 12pt;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300
}

.newsletter_right div {
    float: left;
    margin-right: 20px;
    width: 540px
}

.newsletter_right span {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19pt
}

.newsletter_shadow {
    text-align: right;
    width: 365px
}

.newsletter-p {
    clear: both;
    padding-top: 5px;
    font-size: 9pt
}

.newsletter-p a {
    color: #a8a8a8
}

.newsletter-p a:hover {
    color: #fff
}

.details_left {
    width: 620px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px
}

.details_right {
    width: 300px;
    float: left;
    margin-bottom: 15px
}

.details_left .ap_list_details {
    border-right: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
    margin-bottom: 1px;
    margin-top: 0
}

.ap_main_photo {
    width: 620px;
    margin-bottom: 10px
}

.ap_main_photo img {
    border: 0;
    width: 100%
}

.ap_gallery {
    margin-bottom: 20px
}

div.lb-container {
    padding: 0
}

div.lb-outerContainer {
    border: 3px #fff solid;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px
}

.ap_gallery img {
    max-height: 100px;
    margin-right: 10px
}

.ap_description,
.ap_main_info {
    border: 1px #d8d8d8 solid;
    padding: 15px
}

.ap_main_info div {
    line-height: 20px;
    padding: 5px 0;
    border-bottom: 1px #d8d8d8 solid
}

.energy {
    float: left
}

.energy-a,
.energy-b,
.energy-c,
.energy-d,
.energy-e,
.energy-f,
.energy-g,
.energy-h,
.energy-i {
    display: block;
    width: 44px;
    height: 24px
}

.energy-a {
    background: url(../images/energy-a.png) no-repeat left top;
    float: left;
    margin-top: 9px
}

.energy-b {
    background: url(../images/energy-b.png) no-repeat left top;
    float: left;
    margin-top: 25px
}

.energy-c {
    background: url(../images/energy-c.png) no-repeat left top;
    float: left;
    margin-top: 41px
}

.energy-d {
    background: url(../images/energy-d.png) no-repeat left top;
    float: left;
    margin-top: 57px
}

.energy-e {
    background: url(../images/energy-e.png) no-repeat left top;
    float: left;
    margin-top: 73px
}

.energy-f {
    background: url(../images/energy-f.png) no-repeat left top;
    float: left;
    margin-top: 87px
}

.energy-g {
    background: url(../images/energy-g.png) no-repeat left top;
    float: left;
    margin-top: 101px
}

.energy-h {
    background: url(../images/energy-h.png) no-repeat left top;
    float: left;
    margin-top: 117px
}

.energy-i {
    background: url(../images/energy-i.png) no-repeat left top;
    float: left;
    margin-top: 132px
}

.thermique-a,
.thermique-b,
.thermique-c,
.thermique-d,
.thermique-e,
.thermique-f,
.thermique-g,
.thermique-h,
.thermique-i {
    color: #fff;
    font-weight: 700;
    padding: 3px 5px;
    border: 1px #464646 solid
}

.thermique-a {
    background: #53984d
}

.thermique-b {
    background: #5cad48
}

.thermique-c {
    background: #bbda25
}

.thermique-d {
    background: #eedf2b
}

.thermique-e {
    background: #e9c927
}

.thermique-f {
    background: #d0741a
}

.thermique-g {
    background: #c42e14
}

.thermique-h {
    background: #c2192b
}

.thermique-i {
    background: #9a1222
}

.ap_description_left {
    float: left;
    width: 50%;
    border-top: 1px #d8d8d8 solid;
    padding-top: 15px
}

.ap_description_right {
    float: left;
    width: 50%;
    border-top: 1px #d8d8d8 solid;
    padding-top: 15px
}

.ap_map iframe {
    width: 100% !important;
    margin-top: 15px
}

.ap_description_top {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14pt;
    font-weight: 300;
    padding-bottom: 5px
}

.ap_description_top a {
    color: #464646;
    text-decoration: none
}

.ap_description_top a:hover {
    color: #328cac;
    text-decoration: none
}

ul#menu li a:nth-child(2) {
    color: #ce1717 !important;
    text-decoration: none
}

.ap_description_top a.activ {
    padding: 5px 7px;
    background: #328cac;
    color: #fff !important;
    text-decoration: none
}

.ap_description_top a.activ:hover {
    padding: 5px 7px;
    background: #328cac;
    color: #fff;
    text-decoration: none
}

.ap_description_top a.activ::after {
    content: url(../images/pointer.png);
    position: absolute;
    margin-top: 27px;
    margin-left: -14px
}

.ap_cta_top {
    background: #328cac;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14pt;
    margin-top: 20px
}

.ap_cta_inner {
    background: #d8d8d8;
    padding: 10px 10px 15px;
    color: #282828;
    font-weight: 400;
    font-size: 11pt;
    text-align: center
}

.ap_cta_inner span,
.ap_cta_inner a {
    font-weight: 700;
    font-size: 13pt;
    color: #b21b27
}

.ap_cta_inner form {
    margin-top: 10px;
    text-align: center;
    padding: 0;
    border: 0;
    width: 100%
}

.ap_cta_inner textarea,
.ap_cta_inner input {
    border: 1px #aaa solid;
    width: 260px;
    margin-bottom: 5px;
    font-size: 9pt
}

.ap_cta_inner textarea {
    height: 80px
}

.ap_cta_inner input.cta_send {
    cursor: pointer;
    border: 0;
    width: 100px;
    background: #328cac;
    padding: 10px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 auto
}

.ap_cta_inner input.cta_send:hover {
    cursor: pointer;
    border: 0;
    width: 100px;
    background: #464646;
    padding: 10px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 auto
}

.ap_mobile_cta {
    display: none
}

#back-top {
    position: fixed;
    z-index: 1000;
    bottom: 30px;
    right: 5%;
    opacity: .5;
    filter: alpha(opacity=50)
}

#back-top a {
    width: 58px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #757575;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#back-top a:hover {
    color: #000
}

#back-top span {
    width: 58px;
    height: 58px;
    display: block;
    margin-bottom: 7px;
    background: #757575 url(../images/up-arrow.png) no-repeat center center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#back-top a:hover span {
    background-color: #000
}

.footer a {
    color: #fff;
    text-decoration: none
}

.footer a:hover {
    color: #fff;
    text-decoration: underline
}

.bottom1 {
    float: left
}

.bottom2 {
    float: right
}

.send {
    background: #517dac;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    border: 1px #517dac solid;
    width: 70px;
    font-size: 10pt;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0
}

.newsletter-form {
    margin: 0;
    padding: 0;
    float: none
}

.newsletter-form input.email {
    height: 20px;
    background: #fff;
    border: 1px #fff solid;
    width: 250px;
    color: #7b7b7b;
    padding: 10px;
    font-size: 11pt;
    float: left;
    margin: 0
}

.newsletter-form input.send {
    height: 42px;
    width: 170px;
    background: #2580ae;
    border: 1px #2580ae solid;
    color: #fff;
    padding: 10px;
    font-size: 11pt;
    float: left;
    margin: 0;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-left: -5px
}

.newsletter-form input.send:hover {
    background: #205b7b;
    border: 1px #205b7b solid;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.nice_box2 {
    background: #f4f4f4;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    margin-top: 15px
}

input,
select {
    background: #fff;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    color: #303030;
    font-size: 10pt;
    margin: 0;
    display: inline-block
}

select {
    height: 38px;
    min-width: 100px
}

textarea {
    background: #fff;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    min-width: 150px;
    min-height: 50px;
    color: #303030;
    font-size: 10pt;
    display: inline-block
}

.send:hover {
    background: #303030;
    border: 1px #303030 solid;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.form-left {
    width: 50%;
    float: left;
    text-align: left
}

.form-right {
    width: 50%;
    float: left;
    text-align: center
}

.fulllenght {
    width: 97%;
    margin-bottom: 10px
}

.main_contact {
    display: none
}

.contact_info {
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0
}

.youtube-player {
    border: 2px #ededed solid !important
}

.newsletter,
.contat_gsm,
.contat_phone {
    display: none
}

.ap_list_photo img.sold_rented {
    position: absolute;
    width: 225px !important
}

.ap_main_photo img.sold_rented {
    position: absolute;
    width: 265px !important
}

.ap_description_top {
    display: none
}

.ap_description_top a.activ {
    display: none
}

.ap_list_title a,
.ap_list_title a:hover {
    display: block;
    background: #5a8aab;
    color: #fff;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    margin-right: 5px;
    font-weight: 300 !important
}

.ml_place {
    color: #fff;
    float: right;
    margin-left: 5px;
    font-weight: 300 !important
}

.right_print {
    text-align: center;
    padding: 20px 0 0;
    font-size: 10pt;
    font-weight: 700;
    text-transform: uppercase
}

.right_print a {
    color: #3c3c3c;
    text-decoration: none
}

.right_print a:hover {
    color: #3c3c3c;
    text-decoration: underline
}

div.cookies_info {
    position: fixed;
    z-index: 200;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background: #fff;
    font-size: 9pt;
    line-height: 18px;
    border-top: 2px #aaa solid;
    text-align: center
}

.ml_name {
    float: left
}

.strony {
    float: right
}

.top_strony {
    padding-top: 25px
}

.strony a {
    display: block;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    margin: 2px 5px;
    background: #f5f5f5;
    border: 1px #dcdcdc solid;
    color: #3e3e3e;
    font-size: 10pt;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.strony a.activ_page,
.strony a.activ_page:hover,
.strony a:hover {
    background: #5982af;
    border: 1px #5982af solid;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.garaz0 {
    display: none
}

@media only screen and (max-width: 70em) {
    .main_img .wrapper img {
        max-width: 1024px
    }

    .newsletter_shadow {
        display: none
    }
}

@media only screen and (max-width: 60em) and (orientation : landscape) {

    .content span,
    .content p,
    .content a,
    .content div {
        font-size: 7pt;
        line-height: 15px
    }

    .footer div {
        font-size: 6pt !important;
        line-height: 15px
    }

    .top {
        width: 100%;
        height: auto;
        position: relative
    }

    .wrapper {
        width: 420px !important;
        min-width: 420px !important;
        margin: 0 auto;
        padding: 0
    }

    .logo {
        float: none;
        text-align: center;
        margin: 0 auto
    }

    div.menu {
        float: none;
        width: 100%
    }

    div.nav {
        width: 320px;
        float: none;
        margin: 0 auto
    }

    .contact_info {
        float: none;
        margin: 0 auto;
        width: 320px
    }

    .contat_phone {
        float: left;
        margin-right: 0;
        padding-left: 5px
    }

    .contat_gsm {
        padding-right: 5px
    }

    .content {
        padding: 10px 0
    }

    .rslides {
        width: 100%
    }

    .main {
        margin-top: -10px
    }

    .main_info {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        background: none;
        margin: 0 auto;
        width: 420px;
        height: auto;
        z-index: 1
    }

    .mi1,
    .mi2,
    .mi3 {
        float: none;
        height: 70px;
        padding: 10px 0 0
    }

    .mi1,
    .mi2 {
        background: none;
        border-bottom: 1px solid #d8d7d7
    }

    .mi3 {
        margin-bottom: 20px
    }

    .main_bottom {
        width: 400px;
        margin: 0 auto;
        padding: 0 10px 10px;
        background: #fff
    }

    .main_bottom .nice_box {
        margin-right: 0;
        min-height: auto
    }

    .main_bottom h1 {
        position: relative;
        margin: 0 -10px;
        width: auto;
        float: none
    }

    h2 {
        font-size: 18pt !important
    }

    h3 {
        font-size: 14pt !important
    }

    .white_box {
        padding: 10px
    }

    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 400px !important
    }

    iframe.youtube-player {
        height: 125px;
        width: 350px
    }

    form {
        width: 380px
    }

    .fulllenght {
        width: 92%
    }

    input.send {
        margin-top: 5px;
        margin-bottom: 15px
    }

    .sort {
        float: right;
        text-align: right;
        margin-left: 0;
        margin-right: 0
    }

    .ap_list_box {
        padding: 8px
    }

    .ap_list_photo {
        width: 100%;
        display: block;
        vertical-align: top;
        padding-right: 0;
        margin: 0 auto
    }

    .ap_list_photo img {
        width: 100%
    }

    .ap_list_info {
        display: block;
        margin-left: 0;
        width: auto
    }

    .ap_list_title {
        margin: 0
    }

    .ap_list_title a {
        margin: 0 !important;
        font-size: 14pt !important
    }

    .ap_list_txt {
        display: none;
        text-align: justify;
        padding: 0 5px !important
    }

    .ap_list_details {
        border: 1px #dcdcdc solid;
        margin-top: 0
    }

    .ap_lis_icon1 {
        float: none;
        padding: 10px;
        line-height: 21px;
        margin-left: 0;
        border-right: 0;
        border-bottom: 1px #dcdcdc solid
    }

    .content .ap_lis_icon1 span {
        font-size: 15pt !important
    }

    .ap_lis_icon2 {
        float: none;
        background: url(../images/icon1.png) 10px center no-repeat;
        padding-left: 45px;
        margin-left: 0;
        border-right: 0;
        border-bottom: 1px #dcdcdc solid
    }

    .ap_lis_icon3 {
        background: url(../images/icon2.png) 10px center no-repeat
    }

    .ap_lis_icon4 {
        background: url(../images/icon3.png) 10px center no-repeat
    }

    .ap_lis_icon5 {
        background: url(../images/icon4.png) 10px center no-repeat;
        border: 0
    }

    .ap_lis_icon3,
    .ap_lis_icon4,
    .ap_lis_icon5 {
        margin-left: 0;
        padding-left: 45px;
        font-size: 11pt !important
    }

    .ap_list_details a {
        display: block;
        float: right;
        text-decoration: none;
        padding: 5px 10px;
        background: #3784b0;
        color: #fff;
        font-weight: 700;
        font-size: 12pt;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        margin: 10px 10px 0 0
    }

    .ap_list_details a:hover {
        background: #393939;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

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

    .details_right {
        width: 100%;
        float: none
    }

    .ap_main_photo {
        width: 100% !important
    }

    .ap_main_photo img {
        border: 0;
        width: 100%
    }

    .ap_gallery img {
        max-height: 50px;
        margin-right: 5px
    }

    .ap_description,
    .ap_main_info {
        padding: 10px
    }

    .ap_description_left {
        float: none;
        width: 100%
    }

    .ap_description_right {
        float: none;
        width: 100%;
        border-top: 0
    }

    .ap_mobile_cta {
        display: block;
        border: 1px #dcdcdc solid;
        padding: 10px;
        margin-bottom: 20px;
        background: #fcfae7
    }

    .ap_mobile_cta span,
    .ap_mobile_cta a {
        font-weight: 700;
        font-size: 13pt;
        color: #b21b27
    }

    .newsletter_left {
        display: none
    }

    .newsletter_right {
        float: none
    }

    .newsletter_right span {
        line-height: 30px;
        font-size: 16pt !important
    }

    .newsletter_right form {
        margin-top: 10px
    }

    .newsletter_right div {
        float: none;
        margin-right: 0;
        width: auto !important
    }

    .newsletter_shadow {
        display: none
    }

    .newsletter-form input.send {
        margin-left: 0;
        -webkit-border-top-right-radius: 0;
        -o-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -o-border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .newsletter-p {
        clear: both;
        padding-top: 5px;
        font-size: 9pt
    }

    .newsletter-p a {
        color: #a8a8a8
    }

    .newsletter-p a:hover {
        color: #fff
    }

    .bottom1,
    .bottom2 {
        float: none;
        width: 100%;
        text-align: center
    }

    .bottom2 {
        padding-top: 10px
    }

    .contact_info {
        height: 10px !important;
        line-height: 10px;
        margin: 0;
        padding: 0
    }

    .ml_place {
        float: left;
        margin: 0 10px 0 0
    }

    .ml_name {
        float: left;
        margin-right: 10px
    }

    .main_info h2 a {
        font-size: 18pt
    }

    .main_info a {
        font-size: 11pt
    }

    .top_strony {
        display: none
    }
}

@media only screen and (max-width: 30em) {
    .top {
        width: 100%;
        height: auto;
        position: relative
    }

    .wrapper {
        width: 320px !important;
        min-width: 320px !important;
        margin: 0 auto;
        padding: 0
    }

    .logo {
        float: none;
        text-align: center;
        margin: 0 auto
    }

    div.menu,
    div.nav {
        width: 100%;
        float: none
    }

    .contact_info {
        float: none;
        margin: 0 auto;
        width: 320px
    }

    .contat_phone {
        float: left;
        margin-right: 0;
        padding-left: 5px
    }

    .contat_gsm {
        padding-right: 5px
    }

    .content {
        padding: 10px 0
    }

    .rslides {
        width: 100%
    }

    .main {
        margin-top: -10px
    }

    .main_info {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        background: none;
        margin: 0 auto;
        width: 320px;
        height: auto;
        z-index: 1
    }

    .mi1,
    .mi2,
    .mi3 {
        float: none;
        height: 70px;
        padding: 10px 0 0
    }

    .mi1,
    .mi2 {
        background: none;
        border-bottom: 1px solid #d8d7d7
    }

    .mi3 {
        margin-bottom: 20px
    }

    .main_bottom {
        width: 300px;
        margin: 0 auto;
        padding: 0 10px 10px;
        background: #fff
    }

    .main_bottom .nice_box {
        margin-right: 0;
        min-height: auto
    }

    .main_bottom h1 {
        position: relative;
        margin: 0 -10px;
        width: auto;
        float: none
    }

    .white_box {
        padding: 10px
    }

    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 300px !important
    }

    iframe.youtube-player {
        height: 125px;
        width: 250px
    }

    form {
        width: 280px
    }

    .fulllenght {
        width: 92%
    }

    input.send {
        margin-top: 5px;
        margin-bottom: 15px
    }

    .sort {
        float: right;
        text-align: right;
        margin-left: 0;
        margin-right: 0
    }

    .ap_list_box {
        padding: 8px
    }

    .ap_list_photo {
        width: 100%;
        display: block;
        vertical-align: top;
        padding-right: 0;
        margin: 0 auto
    }

    .ap_list_photo img {
        width: 100%
    }

    .ap_list_info {
        display: block;
        margin-left: 0;
        width: auto
    }

    .ap_list_title {
        margin: 0
    }

    .ap_list_title a {
        margin: 0 !important
    }

    .ap_list_txt {
        display: none;
        text-align: justify;
        padding: 0 5px !important
    }

    .ap_list_details {
        border: 1px #dcdcdc solid;
        margin-top: 0
    }

    .ap_lis_icon1 {
        float: none;
        padding: 10px;
        line-height: 21px;
        margin-left: 0;
        border-right: 0;
        border-bottom: 1px #dcdcdc solid
    }

    .ap_lis_icon2 {
        float: none;
        background: url(../images/icon1.png) 10px center no-repeat;
        padding-left: 45px;
        margin-left: 0;
        border-right: 0;
        border-bottom: 1px #dcdcdc solid
    }

    .ap_lis_icon3 {
        background: url(../images/icon2.png) 10px center no-repeat
    }

    .ap_lis_icon4 {
        background: url(../images/icon3.png) 10px center no-repeat
    }

    .ap_lis_icon5 {
        background: url(../images/icon4.png) 10px center no-repeat;
        border: 0
    }

    .ap_lis_icon3,
    .ap_lis_icon4,
    .ap_lis_icon5 {
        margin-left: 0;
        padding-left: 45px
    }

    .ap_list_details a {
        display: block;
        float: right;
        text-decoration: none;
        padding: 5px 10px;
        background: #3784b0;
        color: #fff;
        font-weight: 700;
        font-size: 12pt;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        margin: 6px 6px 0 0
    }

    .ap_list_details a:hover {
        background: #393939;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

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

    .details_right {
        width: 100%;
        float: none
    }

    .ap_main_photo {
        width: 300px
    }

    .ap_main_photo img {
        border: 0;
        width: 100%
    }

    .ap_gallery img {
        max-height: 50px;
        margin-right: 5px
    }

    .ap_description,
    .ap_main_info {
        padding: 10px
    }

    .ap_description_left {
        float: none;
        width: 100%
    }

    .ap_description_right {
        float: none;
        width: 100%;
        border-top: 0
    }

    .ap_mobile_cta {
        display: block;
        border: 1px #dcdcdc solid;
        padding: 10px;
        margin-bottom: 20px;
        background: #fcfae7
    }

    .ap_mobile_cta span,
    .ap_mobile_cta a {
        font-weight: 700;
        font-size: 13pt;
        color: #b21b27
    }

    .newsletter_left {
        display: none
    }

    .newsletter_right {
        float: none
    }

    .newsletter_right span {
        line-height: 30px
    }

    .newsletter_right form {
        margin-top: 10px
    }

    .newsletter_right div {
        float: none;
        margin-right: 0;
        width: auto !important
    }

    .newsletter_shadow {
        display: none
    }

    .newsletter-form input.send {
        margin-left: 0;
        -webkit-border-top-right-radius: 0;
        -o-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -o-border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .newsletter-p {
        clear: both;
        padding-top: 5px;
        font-size: 9pt
    }

    .newsletter-p a {
        color: #a8a8a8
    }

    .newsletter-p a:hover {
        color: #fff
    }

    .bottom1,
    .bottom2 {
        float: none;
        width: 100%;
        text-align: center
    }

    .bottom2 {
        padding-top: 10px
    }

    .contact_info {
        height: 10px !important;
        line-height: 10px;
        margin: 0;
        padding: 0
    }

    .ml_place {
        float: left;
        margin: 0 10px 0 0
    }

    a.estim_mobile {
        color: #ce1717 !important
    }

    .ml_name {
        float: left;
        margin-right: 10px
    }

    .top_strony {
        display: none
    }
}

.contact-form-merci {
    display: none;
    background: #4CBB17;
    position: fixed;
    top: 45%;
    left: calc(50% - 150px);
    width: 300px;
    padding: 30px 10px;
    border: 1px solid #000;
    text-align: center;
    border: 0px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
}

.contact-form-merci span.merci-close {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: #eea236;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -15px;
    right: -15px;
    padding-top: 2px;
}