body {
    margin: 0px;
    padding: 0px 40px 0px 420px;
    font-family: 'Old Standard TT', serif;
    background-color: #f7ffff;
    text-align: center;
    background-repeat: repeat-x;
    font-size: 0px;
    background-image: url('../design/bg.png');
    background-size: contain;
    background-attachment: fixed
}

@media ( max-width:1300px ) {
    body {
        padding: 0px 20px 0px 290px
    }
}

@media ( max-width:1100px ) {
    body {
        padding: 0px 0px 0px 0px
    }
}

@media ( max-width:900px ) {
    body {
        padding: 0px 0px 0px 0px
    }
}

input, select, textarea {
    width: 320px;
    font-size: 19px;
    font-family: 'Old Standard TT', serif;
    border: 1px #cce9f1 solid;
    padding: 3px 10px 3px 10px;
    box-sizing: border-box;
    border-radius: 4px
}

@media ( max-width:600px ) {
    input, select, textarea {
        width: 270px
    }
}

.dn {
    display: none
}


span.button, a.button, input.button {
    display: inline-block;
    font-family: 'Old Standard TT', serif;
    color: white;
    background-color: #FF9900;
    padding: 7px 14px 5px 14px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    border: 0px;
    background-size: auto 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
    -moz-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28)
}

    span.button:hover, a.button:hover, input.button:hover {
        background-color: #006ca5;
        animation: but-animation 1s 1
    }

@media ( max-width:900px ) {
    span.button, a.button, input.button {
        padding: 5px 17px 3px 17px;
        font-size: 17px;
        border-radius: 15px
    }
}

div.topmin {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    text-align: left;
    padding: 0px 70px 0px 450px;
    white-space: nowrap;
    background-size: auto 100%;
    border-bottom-right-radius: 20px;
    background-color: #006ca5;
    box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.5);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.5);
    -moz-box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.5)
}

    div.topmin span.fa-bars {
        display: none;
        font-size: 20px;
        color: white;
        padding: 5px;
        cursor: pointer
    }

        div.topmin span.fa-bars:hover {
            color: #FFFFCC
        }

    div.topmin a {
        display: inline-block;
        color: white;
        padding: 25px 10px 4px 10px;
        font-size: 21px;
        text-decoration: none
    }

        div.topmin a:hover {
            background-color: #42c2f4;
            background-size: auto 100%;
            animation: min-animation 1s 1
        }

@media ( max-width:1600px ) {
    div.topmin a {
        font-size: 18px;
        padding: 25px 7px 4px 7px
    }
}

@media ( max-width:1400px ) {
    div.topmin a {
        font-size: 17px;
        padding: 25px 5px 4px 5px
    }
}

@media ( max-width:1300px ) {
    div.topmin {
        padding: 0px 70px 0px 330px
    }
}

@media ( max-width:1100px ) {
    div.topmin {
        padding: 0px 30px 0px 30px
    }
}

@media ( max-width:900px ) {
    div.topmin {
        padding: 0px 3px 0px 3px;
        top: 9px;
        left: 9px;
        border-bottom-right-radius: 8px;
        border-radius: 8px
    }

        div.topmin span.fa-bars {
            display: inline-block
        }

        div.topmin span.min {
            display: none
        }
}

div.openmin {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    height: 100%;
    width: 200px;
    text-align: left;
    padding: 10px 0px 10px 0px;
    background-color: #006ca5
}

    div.openmin span.fa-bars {
        display: none
    }

    div.openmin span.minclose {
        display: block;
        text-align: right;
        padding-right: 10px;
        cursor: pointer
    }

    div.openmin span.fa-times {
        font-size: 20px;
        color: white;
        padding: 5px
    }

        div.openmin span.fa-times:hover {
            color: #FFFFCC
        }

    div.openmin a {
        display: block;
        color: white;
        padding: 3px 40px 3px 15px;
        font-size: 18px;
        text-decoration: none
    }

        div.openmin a:hover {
            background-color: #42c2f4;
            animation: min-animation 1s 1
        }


div.topbut {
    text-align: center;
    font-size: 5px;
    margin-top: -10px
}

    div.topbut span.button {
        background-color: #42c2f4;
        cursor: default;
        animation: none;
        background-size: auto 100%
    }

    div.topbut a.button {
        background-color: #006ca5;
        background-size: auto 100%
    }

        div.topbut a.button:hover {
            background-color: #42c2f4;
            animation: min-animation 1s 1
        }


div.header {
    display: block;
    text-align: left;
    padding: 50px 0px 10px 0px;
    margin: 20px 0px 0px 0px;
    font-size: 0px;
    background-color: #f7ffff;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url('../design/head.jpg');
    border-radius: 20px;
    background-size: auto 100%;
    box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
    -moz-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28)
}

a.logo {
    display: inline-block;
    margin-left: 50px;
    vertical-align: middle
}

    a.logo img {
        width: 266px;
        height: 150px
    }

div.header div.list {
    font-size: 20px;
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle
}

    div.header div.list div.it {
        color: #006ca5;
        font-size: 24px;
        font-weight: bold
    }

        div.header div.list div.it a {
            text-decoration: none
        }

        div.header div.list div.it span.fa {
            color: #a1e4f9;
            font-size: 24px;
            margin-right: 10px
        }

div.header div.cc {
    font-size: 27px;
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle
}

    div.header div.cc a {
        margin-left: 2px
    }

div.header span.button {
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle
}

@media ( max-width:1600px ) {
    div.header div.list div.it, div.header div.list div.it span.fa {
        font-size: 18px
    }

    a.logo {
        margin-left: 30px
    }

        a.logo img {
            width: 177px;
            height: 100px
        }

    div.header div.list {
        margin-left: 20px
    }

    div.header div.cc {
        font-size: 23px;
        margin-left: 20px
    }
}

@media ( max-width:1100px ) {
    div.header {
        padding: 0px;
        padding-top: 60px;
        padding-bottom: 10px;
        margin: 0px;
        margin-top: 0px;
        border-radius: 0px
    }
}

@media ( max-width:900px ) {
    div.header {
        padding-top: 10px;
        padding-left: 20px;
        background-image: none
    }
}

@media ( max-width:700px ) {
    div.header div.cc {
        font-size: 18px;
        width: 90%;
        text-align: right
    }

    a.logo img {
        width: 100px;
        height: 56px
    }

    div.header div.list div.it {
        font-size: 15px
    }

        div.header div.list div.it span.fa {
            font-size: 15px
        }
}

div.services {
    position: fixed;
    top: 30px;
    left: 40px;
    z-index: 1003;
    font-size: 0px;
    padding: 6px 0px 10px 0px;
    background-color: #D3EEF5;
    width: 350px;
    border-radius: 20px;
    box-shadow: 0px 4px 15px 0px rgba(27,162,192,0.5);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(27,162,192,0.5);
    -moz-box-shadow: 0px 4px 15px 0px rgba(27,162,192,0.5)
}

    div.services div.title {
        display: block;
        font-size: 22px;
        color: white;
        text-align: left;
        background-color: #006ca5;
        margin-top: 10px;
        padding: 5px 20px 2px 20px
    }

    div.services div.item {
        display: block;
        text-align: center;
        padding: 5px;
        margin: 1px 6px 0px 6px;
        background-color: white;
        cursor: pointer;
        border-radius: 17px;
        border-bottom: 1px #8CC5D0 solid;
        background-image: url('g03.png');
        background-size: auto 100%;
        box-shadow: 0px 0px 4px 0px rgba(27,162,192,0.28);
        -webkit-box-shadow: 0px 0px 4px 0px rgba(27,162,192,0.28);
        -moz-box-shadow: 0px 0px 4px 0px rgba(27,162,192,0.28)
    }

        div.services div.item span.title {
            display: block;
            font-size: 19px;
            color: #2966aa;
            white-space: nowrap
        }

        div.services div.item span.price {
            display: block;
            font-size: 18px
        }

            div.services div.item span.price span.num {
                color: #CC0000
            }

        div.services div.item span.info {
            display: block;
            font-size: 14px
        }

    div.services div.ftb {
        padding-top: 5px
    }

    div.services span.button {
        margin: 4px
    }

@media ( max-width:1300px ) {
    div.services {
        width: 250px;
        left: 20px
    }
}

@media ( max-width:1100px ) {
    div.services {
        position: inherit;
        top: inherit;
        left: inherit;
        width: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 4px;
        border-radius: 0px
    }

        div.services div.item {
            display: inline-block;
            width: 22%;
            margin: 0px 1px 0px 1px;
            border-radius: 10px
        }

            div.services div.item span.price {
                font-size: 14px
            }
}

@media ( max-width:900px ) {
    div.services {
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 0px 0px
    }

        div.services span.button {
            margin: 4px
        }

        div.services div.item span.title {
            font-size: 14px
        }
}

@media ( max-width:700px ) {
    div.services div.item {
        display: block;
        width: auto;
        border-radius: 0px
    }
}

@media ( max-width:700px ) {
    body.tseny div.services div.item {
        display: none
    }
}

div.feedback {
    padding: 5px 0px 5px 0px;
    height: 510px;
    line-height: 1.1;
    background-color: #f7ffff;
    overflow-y: auto
}

    div.feedback div.fbitem, div.feedback div.fbitembig {
        display: block;
        text-align: left;
        padding: 10px 20px 25px 20px;
        margin-bottom: 14px
    }

        div.feedback div.fbitem span.title, div.feedback div.fbitembig span.title {
            display: block;
            font-size: 16px;
            color: #2966aa;
            text-align: left
        }

        div.feedback div.fbitem span.name, div.feedback div.fbitembig span.name {
            display: inline-block;
            padding: 0px 10px 0px 0px;
            font-size: 16px;
            color: #CC0000
        }

        div.feedback div.fbitem span.date, div.feedback div.fbitembig span.date {
            display: inline-block;
            padding: 0px 10px 0px 0px;
            font-size: 13px;
            color: #777777
        }

        div.feedback div.fbitem span.txt {
            display: block;
            font-size: 13px;
            height: 59px;
            overflow: hidden;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif
        }

        div.feedback div.fbitembig span.txt {
            display: block;
            font-size: 13px;
            height: auto;
            overflow: hidden;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif
        }

        div.feedback div.fbitem span.more {
            display: inline-block;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            padding: 2px 12px 2px 12px;
            background-color: white;
            border-bottom: 1px #006ca5 dotted;
            color: #006ca5;
            cursor: pointer;
            float: right
        }

        div.feedback div.fbitembig span.more {
            display: none
        }

    div.feedback span.button {
        display: inline-block;
        margin-top: 5px;
        border-radius: 0px
    }

@media ( max-height:890px ) {
    div.feedback {
        height: 460px
    }
}

@media ( max-height:870px ) {
    div.feedback {
        height: 440px
    }
}

@media ( max-height:850px ) {
    div.feedback {
        height: 420px
    }
}

@media ( max-height:830px ) {
    div.feedback {
        height: 400px
    }
}

@media ( max-height:810px ) {
    div.feedback {
        height: 380px
    }
}

@media ( max-height:790px ) {
    div.feedback {
        height: 360px
    }
}

@media ( max-height:770px ) {
    div.feedback {
        height: 340px
    }
}

@media ( max-height:750px ) {
    div.feedback {
        height: 320px
    }
}

@media ( max-height:730px ) {
    div.feedback {
        height: 300px
    }
}

@media ( max-height:710px ) {
    div.feedback {
        height: 280px
    }
}

@media ( max-height:690px ) {
    div.feedback {
        height: 260px
    }
}

@media ( max-height:670px ) {
    div.feedback {
        height: 240px
    }
}

@media ( max-height:650px ) {
    div.feedback {
        height: 220px
    }
}

@media ( max-height:630px ) {
    div.feedback {
        height: 200px
    }
}

@media ( max-height:610px ) {
    div.feedback {
        height: 180px
    }
}

@media ( max-height:590px ) {
    div.feedback {
        display: none
    }

    div.ftb {
        display: none
    }
}

@media ( max-width:1100px ) {
    div.feedback {
        display: none
    }

    div.ftb {
        display: none
    }
}


div.fb_page {
    padding: 5px 0px 5px 0px;
    line-height: 1.1;
    background-color: #f7ffff;
    overflow-y: auto
}

    div.fb_page div.fbitem, div.fb_page div.fbitembig {
        display: block;
        text-align: left;
        padding: 10px 50px 25px 50px;
        margin-bottom: 14px
    }

        div.fb_page div.fbitem span.title, div.fb_page div.fbitembig span.title {
            display: block;
            font-size: 22px;
            color: #2966aa;
            text-align: left;
            font-style: italic
        }

        div.fb_page div.fbitem span.name, div.fb_page div.fbitembig span.name {
            display: inline-block;
            padding: 0px 10px 0px 0px;
            font-size: 19px;
            color: #CC0000
        }

        div.fb_page div.fbitem span.date, div.fb_page div.fbitembig span.date {
            display: inline-block;
            padding: 0px 10px 0px 0px;
            font-size: 18px;
            color: #777777
        }

        div.fb_page div.fbitem span.txt {
            display: block;
            font-size: 18px;
            height: 59px;
            overflow: hidden;
            text-align: left;
            font-style: italic
        }

        div.fb_page div.fbitembig span.txt {
            display: block;
            font-size: 18px;
            height: auto;
            overflow: hidden;
            text-align: left;
            font-style: italic
        }

        div.fb_page div.fbitem span.more {
            display: inline-block;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            padding: 2px 12px 2px 12px;
            background-color: white;
            border-bottom: 1px #006ca5 dotted;
            color: #006ca5;
            cursor: pointer;
            float: right
        }

        div.fb_page div.fbitembig span.more {
            display: none
        }

    div.fb_page span.button {
        display: inline-block;
        margin-top: 5px;
        border-radius: 0px
    }

@media ( max-width:700px ) {
    div.fb_page div.fbitem, div.fb_page div.fbitembig {
        padding: 10px 10px 25px 10px;
        margin-bottom: 10px
    }

        div.fb_page div.fbitem span.title, div.fb_page div.fbitembig span.title {
            font-size: 20px
        }

        div.fb_page div.fbitem span.name, div.fb_page div.fbitembig span.name {
            font-size: 17px
        }

        div.fb_page div.fbitem span.date, div.fb_page div.fbitembig span.date {
            font-size: 17px
        }

        div.fb_page div.fbitem span.txt {
            font-size: 15px;
            height: 50px
        }

        div.fb_page div.fbitembig span.txt {
            font-size: 15px
        }
}





div.footer {
    padding: 20px;
    color: white;
    background-color: #006ca5;
    border-radius: 20px;
    font-size: 0px
}

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

    div.footer div.copy {
        display: inline-block;
        width: 30%;
        font-size: 15px;
        vertical-align: top;
        text-align: center
    }

        div.footer div.copy span.cop1 {
            display: block;
            color: #FFCC66;
            margin-bottom: 9px
        }

        div.footer div.copy span.cop2 {
            display: block
        }

    div.footer div.contacts {
        display: inline-block;
        width: 30%;
        font-size: 15px;
        vertical-align: top;
        text-align: center
    }

    div.footer div.footer_title {
        font-size: 16px;
        margin-bottom: 9px;
        color: #FFCC66
    }

    div.footer div.contacts span.itm {
        display: block
    }

    div.footer div.contacts span.fa {
        display: inline-block;
        color: #FFCC66;
        margin-right: 6px;
        font-size: 15px
    }

@media ( max-width:700px ) {
    div.footer {
        border-radius: 0px
    }

        div.footer div.copy {
            display: block;
            width: auto;
            margin-top: 10px
        }

        div.footer div.contacts {
            display: block;
            width: auto;
            margin-top: 10px
        }

        div.footer div.copy span.cop1 {
            margin-bottom: 5px
        }

        div.footer div.footer_title {
            margin-bottom: 5px
        }
}


div.txic {
    font-size: 0px;
    text-align: center;
    padding: 10px 40px 5px 40px
}

    div.txic span.item {
        display: inline-block;
        width: 30%;
        margin: 0px 1% 0px 1%;
        text-align: center;
        vertical-align: top
    }

        div.txic span.item span.ico {
            display: block;
            margin-bottom: 10px
        }

            div.txic span.item span.ico img {
                width: 100px;
                height: 100px
            }

        div.txic span.item span.title {
            display: block;
            font-size: 20px;
            color: #006ca5
        }

        div.txic span.item span.txt {
            display: block;
            font-size: 18px
        }

@media ( max-width:900px ) {
    div.txic span.item {
        display: block;
        width: auto;
        margin-top: 15px
    }

        div.txic span.item span.ico img {
            width: 50px;
            height: 50px
        }

        div.txic span.item span.title {
            font-size: 18px
        }

        div.txic span.item span.txt {
            font-size: 17px
        }
}


/* Всплывающее окно (большое) */
div.win_p3 {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    z-index: 2000;
    background-image: url('../design/win_bg.png')
}

    div.win_p3 div.win {
        display: inline-block;
        background-color: #f7ffff;
        padding-bottom: 10px;
        width: 700px;
        text-align: left;
        border-radius: 20px;
        margin-top: 40px;
        margin-left: -20px;
        box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28);
        -moz-box-shadow: 0px 0px 15px 0px rgba(27,162,192,0.28)
    }

        div.win_p3 div.win div.title {
            padding: 25px 8px 10px 30px;
            margin-bottom: 10px;
            color: #006ca5;
            font-size: 25px;
            text-align: center
        }

        div.win_p3 div.win div.title_f {
            padding: 5px 8px 5px 20px;
            margin-bottom: 4px;
            color: #226eb4;
            font-weight: bold;
            font-size: 13px
        }

        div.win_p3 div.win div.title span.close_win {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-top: -5px;
            margin-right: 15px;
            float: right;
            cursor: pointer
        }

            div.win_p3 div.win div.title span.close_win span.fa {
                color: #CC0000;
                font-size: 22px
            }

            div.win_p3 div.win div.title span.close_win:hover span.fa {
                color: #FF0000
            }

        div.win_p3 div.win div.text {
            padding: 5px 20px 5px 20px;
            margin: 0px 20px 0px 20px;
            max-height: 400px;
            border-top: 1px #cce9f1 solid;
            overflow: auto;
            font-size: 20px
        }

            div.win_p3 div.win div.text span.title {
                display: inline-block;
                width: 250px;
                font-size: 18px;
                vertical-align: top;
                text-align: right;
                color: #006ca5;
                padding: 3px
            }

            div.win_p3 div.win div.text div.holder {
                display: inline-block;
                width: 350px;
                font-size: 18px;
                vertical-align: top
            }

    div.win_p3 input.button {
        margin-bottom: 3px
    }

@media ( max-width:800px ) {
    div.win_p3 div.win {
        display: block;
        width: auto;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 0px
    }

        div.win_p3 div.win div.text span.title {
            width: 150px;
            font-size: 15px;
            margin-bottom: 0px
        }

        div.win_p3 div.win div.text div.holder {
            width: 250px;
            font-size: 15px
        }
}

@media ( max-width:600px ) {
    div.win_p3 div.win div.text {
        padding: 2px 20px 2px 20px;
        border-top: 0px #cce9f1 solid;
        font-size: 18px
    }

        div.win_p3 div.win div.text span.title {
            display: block;
            width: auto;
            text-align: center;
            padding: 1px
        }

        div.win_p3 div.win div.text div.holder {
            display: block;
            width: auto;
            text-align: center
        }
}




/* Слайдер */
div.slder {
    background-color: gray;
    font-size: 0px;
    margin-top: 10px
}

span.sld {
    display: inline-block;
    background-color: #CCCCCC;
    height: 140px;
    width: 100px;
    color: white;
    font-size: 36px
}


div.banners3 {
    display: none;
    margin-top: 30px;
    font-size: 0px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

    div.banners3 img {
        display: inline-block;
        width: 32%;
        margin-right: 2%;
        border-radius: 20px
    }

body.index div.banners3 {
    display: block
}

@media ( max-width:1400px ) {
    div.banners3 {
        margin-top: 10px
    }

        div.banners3 img {
            width: 49%;
            margin-right: 2%
        }
}

@media ( max-width:1100px ) {
    div.banners3 {
        margin-top: 0px
    }

        div.banners3 img {
            width: 33%;
            margin-right: 0.5%;
            margin-left: 0.5%;
            border-radius: 0px
        }
}

@media ( max-width:700px ) {
    div.banners3 img {
        width: 49.5%;
        margin-right: 1%;
        border-radius: 0px
    }
}

@media ( max-width:400px ) {
    div.banners3 {
        white-space: normal
    }

        div.banners3 img {
            width: 100%;
            margin-right: inherit;
            margin-bottom: 10px
        }
}


iframe.video {
    display: inline-block;
    width: 45%;
    margin: 2px 5px;
    height: 330px;
    vertical-align: top;
    border-radius: 15px
}

@media ( max-width:1800px ) {
    iframe.video {
        height: 270px
    }
}

@media ( max-width:1700px ) {
    iframe.video {
        height: 250px
    }
}

@media ( max-width:1600px ) {
    iframe.video {
        height: 230px
    }
}

@media ( max-width:1500px ) {
    iframe.video {
        height: 210px
    }
}

@media ( max-width:1400px ) {
    iframe.video {
        height: 180px
    }
}

@media ( max-width:1300px ) {
    iframe.video {
        height: 200px
    }
}

@media ( max-width:1200px ) {
    iframe.video {
        height: 180px
    }
}

@media ( max-width:1100px ) {
    iframe.video {
        height: 250px
    }
}

@media ( max-width:1000px ) {
    iframe.video {
        height: 230px
    }
}

@media ( max-width:900px ) {
    iframe.video {
        height: 210px
    }
}

@media ( max-width:800px ) {
    iframe.video {
        height: 180px
    }
}

@media ( max-width:700px ) {
    iframe.video {
        height: 160px
    }
}

@media ( max-width:650px ) {
    iframe.video {
        height: 250px;
        width: 100%
    }
}

span.video_txt {
    display: inline-block;
    width: 40%;
    margin-left: 1%;
    padding: 25px;
    vertical-align: top;
    background-color: #ebf9fb;
    border-radius: 15px;
    box-shadow: inset 0px 0px 15px 0px rgba(27,162,192,0.28);
    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(27,162,192,0.28);
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(27,162,192,0.28)
}

@media ( max-width:650px ) {
    span.video_txt {
        display: block;
        width: inherit;
        padding-left: inherit;
        margin-top: 10px
    }
}

iframe.videobig {
    display: inline-block;
    width: 100%;
    height: 700px;
    vertical-align: top;
    border-radius: 15px
}

@media ( max-width:1800px ) {
    iframe.videobig {
        height: 600px
    }
}

@media ( max-width:1700px ) {
    iframe.videobig {
        height: 550px
    }
}

@media ( max-width:1600px ) {
    iframe.videobig {
        height: 500px
    }
}

@media ( max-width:1500px ) {
    iframe.videobig {
        height: 450px
    }
}

@media ( max-width:1400px ) {
    iframe.videobig {
        height: 400px
    }
}

@media ( max-width:1300px ) {
    iframe.videobig {
        height: 450px
    }
}

@media ( max-width:1200px ) {
    iframe.videobig {
        height: 400px
    }
}

@media ( max-width:1100px ) {
    iframe.videobig {
        height: 550px
    }
}

@media ( max-width:1000px ) {
    iframe.videobig {
        height: 500px
    }
}

@media ( max-width:900px ) {
    iframe.videobig {
        height: 400px
    }
}

@media ( max-width:800px ) {
    iframe.videobig {
        height: 350px
    }
}

@media ( max-width:700px ) {
    iframe.videobig {
        height: 250px
    }
}

@media ( max-width:650px ) {
    iframe.videobig {
        height: 200px
    }
}


div.gall {
    text-align: center;
    padding: 10px 40px 10px 40px
}

span.fotosm {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

    span.fotosm img.foto {
        height: 200px;
        border-radius: 10px
    }

    span.fotosm span.zoom {
        position: absolute;
        display: inline-block;
        margin-left: 2px;
        margin-top: 2px;
        width: 50px;
        height: 50px;
        background-image: url('../design/zoom.png');
        background-size: cover
    }

span.fotobig {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    z-index: 2000;
    background-image: url('../design/win_bg.png');
    cursor: pointer;
    white-space: nowrap
}

    span.fotobig img {
        max-height: 95%;
        max-width: 95%;
        border-radius: 20px;
        border: 5px white solid;
        box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.28);
        -webkit-box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.28);
        -moz-box-shadow: 0px 0px 35px 0px rgba(27,162,192,0.28)
    }

    span.fotobig span.close {
        vertical-align: top;
        display: inline-block;
        font-size: 22px;
        margin-left: -20px;
        margin-top: 20px;
        background-color: white;
        color: #CC0000;
        padding: 6px 9px 0px 9px;
        border-radius: 20px
    }

@media ( max-width:700px ) {
    div.gall {
        padding: 10px 0px 10px 0px
    }

    span.fotosm {
        cursor: auto;
        margin-bottom: 5px
    }

        span.fotosm img.foto {
            max-height: inherit;
            max-width: inherit;
            width: 100%;
            height: auto;
            display: block;
            border-radius: 0px
        }

        span.fotosm span.zoom {
            display: none
        }

    span.fotobig {
        display: none
    }
}


div.videogall {
    text-align: center;
    font-size: 0px;
    margin-top: 20px
}

    div.videogall a.videosm {
        display: inline-block;
        height: 240px;
        text-decoration: none;
        color: #333333;
        margin: 3px
    }

        div.videogall a.videosm:hover {
            color: #006ca5
        }

        div.videogall a.videosm span.play {
            display: inline-block;
            width: 300px;
            height: 200px;
            position: absolute;
            background-image: url('video.png')
        }

        div.videogall a.videosm:hover span.play {
            background-image: url('video_h.png')
        }

        div.videogall a.videosm img {
            width: 300px;
            height: 200px;
            border-radius: 10px
        }

        div.videogall a.videosm span.name {
            display: block;
            padding: 5px;
            width: 290px;
            height: 40px;
            overflow: hidden;
            font-size: 17px
        }


div.table_list {
    margin-top: 20px
}

    div.table_list div.imp {
        font-size: 17px;
        color: #CC0000;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: left
    }

    div.table_list div.list_item {
        text-align: center;
        padding: 10px 40px 10px 40px;
        font-size: 0px;
        border-top: 1px silver dotted
    }

        div.table_list div.list_item span.name {
            display: inline-block;
            vertical-align: top;
            width: 35%;
            margin-right: 3%;
            font-size: 19px;
            text-align: left;
            padding-top: 3px;
            color: #006ca5
        }

        div.table_list div.list_item span.info {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            margin-right: 1%;
            font-size: 16px;
            text-align: left;
            padding-top: 3px
        }

        div.table_list div.list_item span.infobig {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            margin-right: 1%;
            font-size: 16px;
            text-align: left;
            padding-top: 3px
        }

    div.table_list b {
        color: #006ca5
    }

    div.table_list span.num {
        color: #CC0000;
        font-weight: bold
    }

    div.table_list div.list_item span.price {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        font-size: 16px;
        text-align: left;
        padding-top: 3px
    }

@media ( max-width:700px ) {
    div.table_list div.list_item {
        padding: 5px 20px 5px 20px
    }

        div.table_list div.list_item span.name {
            display: block;
            width: auto;
            text-align: center;
            font-size: 19px
        }

        div.table_list div.list_item span.info {
            width: 47%;
            font-size: 15px
        }

        div.table_list div.list_item span.infobig {
            width: 90%;
            font-size: 15px
        }

        div.table_list div.list_item span.price {
            width: 47%;
            font-size: 15px
        }
}


body.index div.banners3 {
    display: block
}

span.openmap {
    display: block;
    background-image: url('openmap.jpg');
    background-position: center center;
    margin: 10px;
    text-align: center;
    border-radius: 20px;
    background-size: cover
}

    span.openmap span.button {
        display: inline-block;
        margin: 100px
    }






@keyframes but-animation {
    0% {
        background-color: #FF9900
    }

    100% {
        background-color: #006ca5
    }
}

@keyframes min-animation {
    0% {
        background-color: #006ca5
    }

    100% {
        background-color: #42c2f4
    }
}