article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
    }
html, body {
    padding: 0;
    margin: 0;
    height: 100%
    }
p {
    padding: 0;
    margin: 0 0 1em
    }
@font-face {
    font-family: "fontello";
    src: url(/res/fonts/fontello.eot?28114488);
    src: url(/res/fonts/fontello.eot?28114488#iefix) format("embedded-opentype"), url(/res/fonts/fontello.woff?28114488) format("woff"), url(/res/fonts/fontello.ttf?28114488) format("truetype"), url(/res/fonts/fontello.svg?28114488#fontello) format("svg");
    font-weight: normal;
    font-style: normal
    }
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
.icon-email:before {
    content: ""
    }
.icon-phone:before {
    content: ""
    }
.icon-menu:before {
    content: ""
    }
.icon-cancel:before {
    content: ""
    }
.icon-down-open-big:before {
    content: ""
    }
.icon-right-open-big:before {
    content: ""
    }
.icon-location:before {
    content: ""
    }
a {
    cursor: pointer;
    text-decoration: none;
    color: #000
    }
input[type="submit"] {
    cursor: pointer
    }
input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0
    }
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
body {
    font-family: "Ubuntu", sans-serif;
    color: #000;
    background-image: url(/res/img/corso_bg_page.jpg)
    }
.ovhidden {
    overflow: hidden
    }
body, .wrapper {
    background-color: #f8f8f8
    }
h1, h2, h3, h4, h5, h6, .square-nav-title, .btn-resa, .btn-resa-page {
    font-family: "Candal", sans-serif;
    font-size: 28px;
    text-transform: uppercase
    }
h1, .h1, .index-nav a, .zone-header .icon-down-open-big, .header-title {
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Candal", sans-serif;
    color: #393
    }
h2, .h2, .menu-li, .txt-rond-lieux {
    font-size: 40px;
    text-transform: uppercase;
    font-family: "Candal", sans-serif;
    color: #393
    }
h3, .h3 {
    font-weight: bold;
    font-size: 24px
    }
ul {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none
    }
.hidden {
    display: none
    }
.rhidden {
    display: none !important
    }
.rel, .navigation-wrap, .topband, .map-wrap, .img-lieux, .block-img {
    position: relative
    }
.abs, .abs0, .absfull, .index-title-image-5, #gallery-slideshow .cslide, .slideshow .cslide, .map-icon-cancel, .slideshow-arrow {
    position: absolute
    }
.abs0, .absfull, .index-title-image-5, #gallery-slideshow .cslide, .slideshow .cslide {
    top: 0;
    left: 0
    }
.fix, .navigation-wrap, .fixed-map-wrap, #gallery-slideshow {
    position: fixed;
    top: 0;
    left: 0
    }
.upper, .menu-ul, .sous-menu-ul, .sous-menu-li, .booking input, .booking select, .btn-resa, .btn-resa-page, .index-nav a, .zone-header, .txt-rond-lieux, .footer-right {
    text-transform: uppercase
    }
.big {
    font-weight: bold
    }
.no-decoration, .menu-ul, .sous-menu-ul {
    text-decoration: none
    }
.left, .topband, .phone-iblock, .email-iblock, .footer-iblock, .phone-iblock, .email-iblock, .phone-iblock, .email-iblock {
    text-align: left
    }
.right {
    text-align: right
    }
.f-left, #logo, .icon-menu, .icon-location, .footer-left {
    float: left
    }
.f-right, .footer-right {
    float: right
    }
.center, .header-commun, .index-nav, .rond, .lieux-mrt-50, .rond-lieux-wrap {
    text-align: center
    }
.v-top {
    vertical-align: top
    }
.v-middle, .phone-iblock-wrap, .email-iblock-wrap, .footer-corso-img, .footer-iblock-wrap, .phone-iblock-wrap, .email-iblock-wrap, .phone-iblock-wrap, .email-iblock-wrap {
    vertical-align: middle !important
    }
.v-bottom {
    vertical-align: bottom
    }
.bottom {
    top: auto;
    bottom: 0
    }
.pointer, .map-icon-cancel, .index-nav a, .slideshow-arrow, .close-booking {
    cursor: pointer
    }
.full, .absfull, .header-commun, .fixed-map-wrap, .index-nav, .index-title-image, .index-title-image-5, #gallery-slideshow, #gallery-slideshow .cslide, .zone-header, .slideshow .cslide {
    width: 100%;
    height: 100%
    }
.half {
    width: 50%;
    height: 50%
    }
.w-100, .navigation-wrap, .menu-ul, .sous-menu-ul, .booking input, .booking select, .lieux-table {
    width: 100%
    }
.w-20, .img-lieux-noimage, .noimage {
    width: 20%
    }
.w-30 {
    width: 30%
    }
.w-33 {
    width: 33.3333%
    }
.w-50, .rond {
    width: 50%
    }
.h-0 {
    height: 0
    }
.h-100 {
    height: 100%
    }
.table, .header-commun, .rond-lieux, .lieux-table {
    display: table
    }
.col, .t-cell, .booking, .index-nav, .zone-header, .txt-rond-lieux, .rond-lieux-wrap {
    display: table-cell;
    vertical-align: middle
    }
.iblock, .phone-iblock-wrap, .email-iblock-wrap, .phone-iblock, .email-iblock, .sous-menu-li, .rond, .img-lieux, .img-lieux-img-wrap, .block-img, .slideshow-arrow, .footer-corso-img, .footer-iblock-wrap, .footer-iblock, .footer-left, .footer-right, .footer-li, .phone-iblock-wrap, .email-iblock-wrap, .phone-iblock, .email-iblock, .phone-iblock-wrap, .email-iblock-wrap, .phone-iblock, .email-iblock {
    display: inline-block;
    vertical-align: top
    }
.block, .booking label, .index-nav a, .index-title-image, .index-title-image-1, .index-title-image-2, .index-title-image-3, .index-title-image-4, .index-title-image-5 {
    display: block
    }
.r-l-padding {
    padding-left: 83px;
    padding-right: 83px
    }
.row.p-t-0 {
    padding-top: 0
    }
.p-20, .phone-iblock, .email-iblock, .footer, .footer-corso-img, .footer-iblock, .phone-iblock, .email-iblock, .phone-iblock, .email-iblock {
    padding: 20px
    }
.p-t-50 {
    padding-top: 50%
    }
.fixed-header {
    z-index: 40
    }
.main h1, .main h2 {
    font-size: 36px;
    color: #393
    }
.st-pad-t {
    padding-top: 20px
    }
.st-pad-l {
    padding-left: 20px
    }
.st-pad-l-min {
    padding-left: 10px
    }
.row {
    padding-top: 80px;
    padding-bottom: 80px
    }
.cover, .header-commun, .index-title-image, .index-title-image-5, #gallery-slideshow .cslide, .slideshow .cslide, .lieux-bg {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
    }
.marg20 {
    margin: 40px
    }
.marg5 {
    margin: 5px
    }
.marg-15 {
    margin-left: 15px
    }
.mgt-80 {
    margin-top: 80px
    }
.mgt-10 {
    margin-top: 10px
    }
.mgb-10, #contact-form label {
    margin-bottom: 10px
    }
.mgt-20 {
    margin-top: 20px
    }
.mgb-20 {
    margin-bottom: 20px
    }
.mgt-1 {
    margin-top: 0.9%
    }
.mgr-10 {
    margin-right: 5%
    }
.no-margin {
    margin: 0
    }
.minw-400 {
    min-width: 400px
    }
.mw-1280 {
    max-width: 1280px;
    margin: 0 auto
    }
.bg-att-fixed, .lieux-bg {
    background-attachment: fixed;
    -webkit-background-attachment: fixed
    }
.p-25 {
    padding: 3%
    }
.p-10 {
    padding: 10px
    }
.iblockmid, .icon-menu, .icon-location, .btn, .btn-resa-page, .btn-lieux {
    display: inline-block;
    vertical-align: middle
    }
.pad-ratio, .map-wrap, .lieux-bg {
    padding-top: 60%
    }
.poe-none {
    pointer-events: none
    }
.poe-auto {
    pointer-events: auto
    }
.bg-transition, .white-orange, .white-orange:hover, .orange-white, .orange-white:hover {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s
    }
.bg-transition:hover, .white-orange:hover, .white-orange:hover:hover, .orange-white:hover, .orange-white:hover:hover {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s
    }
.white-orange {
    background-color: #fff;
    color: #000
    }
.white-orange:hover {
    color: #fff;
    background-color: #f15b33
    }
.orange-white {
    color: #fff;
    background-color: #f15b33
    }
.orange-white:hover {
    background-color: #fff;
    color: #f15b33
    }
.color-white, .booking select, .booking input[type="text"], .booking input[type="email"], .booking option, .img-lieux-noimage {
    color: #fff
    }
.color-white a, .booking select a, .booking input[type="text"] a, .booking input[type="email"] a, .booking option a, .img-lieux-noimage a {
    color: #fff
    }
.text-content {
    max-width: 960px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
    }
._index .icon-menu {
    display: none
    }
._index .logo-wrap {
    display: inline-block;
    text-align: left;
    width: 95%;
    padding-left: 14px
    }
.topband {
    box-shadow: 0 0 6px #333;
    z-index: 1;
    background-color: #ebebeb
    }
.menu, .navigation-wrap {
    z-index: 9999
    }
.situ-book {
    position: relative;
    bottom: 0;
    width: 100%
    }
.situ-book .btn-resa, .situ-book .btn-resa-page {
    padding: 14px 15px;
    bottom: 0;
    position: fixed;
    width: 100%
    }
.icon-email, .icon-phone, .icon-location {
    vertical-align: middle;
    display: inline-block;
    padding: 0
    }
.icon-phone, .icon-location, .icon-email {
    font-size: 30px
    }
.phone-wrap, .email-wrap {
    position: fixed;
    bottom: 50px;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
    background-color: rgba(235, 235, 235, 0.88);
    text-align: center;
    padding: 10px 0;
    z-index: 5
    }
.phone-iblock-wrap, .email-iblock-wrap {
    max-width: 100%;
    font-size: 16px
    }
.phone-iblock, .email-iblock {
    max-width: 25%
    }
.phone-iblock a, .email-iblock a {
    color: #f15b33;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 0
    }
.contact-wrap {
    text-align: right;
    display: inline-block;
    width: 130px;
    position: absolute;
    right: 0;
    padding-top: 4px
    }
.logo-wrap {
    display: inline-block;
    text-align: center;
    width: 93%
    }
.menu-ul, .sous-menu-ul {
    text-align: left
    }
.menu-ul {
    margin-right: 210px;
    margin-left: 28px;
    padding-bottom: 10px
    }
.sous-menu-ul {
    font-size: 20px
    }
.menu-li {
    margin: 0 0 25px 0
    }
.menu-li.a, .menu-li a {
    color: #000
    }
.menu-li.a, .menu-li a:hover {
    color: #f15b33
    }
.sous-menu-li {
    font-family: "Ubuntu", sans-serif;
    padding: 0 24px 0 24px;
    margin-top: 20px
    }
.sous-menu-li a:hover {
    color: #f15b33
    }
.sous-menu-li:last-child {
    border-right: none
    }
ul ul {
    display: none
    }
ul li:hover > ul {
    display: block
    }
.menu-nav, .booking-wrap {
    display: none
    }
.menu-nav {
    background-color: #ebebeb
    }
.booking-wrap {
    position: absolute;
    top: 47px;
    right: 0;
    padding: 10px;
    background-color: #f15b33;
    width: 270px;
    max-height: 90vh;
    max-height: calc(100vh - 100px);
    overflow-y: auto
    }
.booking {
    width: 100%;
    text-align: left;
    color: #fff
    }
.booking input, .booking select {
    padding: 10px 10px;
    border: 1px solid #fff
    }
.booking select {
    background-color: #f15b33
    }
.booking input[type="text"], .booking input[type="email"] {
    background: none
    }
#success_panel {
    display: none;
    text-align: center;
    color: #fff
    }
#success_panel a {
    color: #fff
    }
#logo {
    padding: 2px 2px
    }
.icon-menu {
    font-size: 33px;
    padding: 5px 10px 0 30px
    }
.menu-icon-cancel {
    font-size: 33px;
    padding: 5px 10px 0 30px
    }
.font16 {
    font-size: 16px;
    padding: 0 7px 0 8px
    }
.btn, .btn-resa-page, .btn-lieux {
    text-align: center;
    padding: 6px 12px;
    font-size: 50px;
    font-family: "Candal", sans-serif
    }
.btn-resa, .btn-resa-page {
    font-size: 20px;
    padding: 10px 15px;
    color: #fff;
    background-color: #f15b33;
    width: 210px
    }
.btn-resa a, .btn-resa-page a {
    color: #fff
    }
.btn-resa a:hover, .btn-resa-page a:hover {
    color: #ebebeb
    }
.btn-resa-page {
    margin: 15px 0 10px 0
    }
.btn-lieux {
    font-size: 20px;
    padding: 10px 15px;
    background: #282525;
    margin: 10px 5px;
    width: 210px;
    text-transform: uppercase
    }
.btn-lieux a {
    color: #fff
    }
.btn-lieux:hover {
    background: #f15b33
    }
._concept-header-bg {
    background-image: url(/wcms/img/corso-concept-size-444198-1600-900.jpg)
    }
._franchise-header-bg {
    background-image: url(/wcms/img/corso-bibliotheque-franchises-size-447630-1600-900.jpg)
    }
._nous-rejoindre-header-bg {
    background-image: url(/wcms/img/corso-bibliotheque-nous-rejoindre-size-447629-1600-900.jpg)
    }
._mentions-legales-header-bg {
    background-image: url()
    }
.fixed-map-wrap {
    z-index: 10000
    }
.fixed-map-wrap.loadMapInBg {
    display: block;
    opacity: 0
    }
.map-icon-cancel {
    top: 10px;
    right: 10px;
    font-size: 35px;
    z-index: 1
    }
.main-padding {
    padding-top: 47px;
    padding-bottom: 47px
    }
.index-nav .index-nav-li {
    position: relative
    }
.index-nav .index-nav-li .index-txt:hover {
    color: #f15b33;
    color: #393
    }
.index-nav .index-nav-li:last-child .index-txt:after {
    display: none
    }
.index-nav a {
    z-index: 1;
    padding: 50px;
    color: #282525
    }
.index-txt:hover + .index-title-image {
    opacity: 1;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s
    }
.index-title-image {
    opacity: 0;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
    }
.index-title-image-1 {
    background-image: url(/wcms/img/esprit-corso-size-446148-1600-900.jpg)
    }
.index-title-image-2 {
    background-image: url(/wcms/img/corso-la-carte-size-449100-1600-900.jpg)
    }
.index-title-image-3 {
    background-image: url(/wcms/img/corso-lieux-size-446146-1600-900.jpg)
    }
.index-title-image-4 {
    background-image: url(/wcms/img/corso-size-449101-1600-900.jpg)
    }
.index-title-image-5 {
    z-index: -1;
    background-image: url(/wcms/img/corso-size-449920-1600-900.jpg)
    }
.index-txt {
    width: auto;
    display: inline-block !important
    }
.title-color, .zone-header {
    margin: 4%;
    color: #f15b33
    }
.title-green, .title-lieux {
    margin: 4%;
    color: #393
    }
.rond .title-color, .rond .zone-header {
    margin: 5px 0 0 0;
    color: #fff
    }
.rond img {
    margin: 35px 0 0 0
    }
.rond .txt-rond {
    margin: 20px 50px 20px 50px
    }
.rond {
    width: 400px;
    height: 400px;
    background: #f15b33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 12% auto;
    color: #fff
    }
.rond .icon-right-open-big {
    color: #fff;
    font-size: 38px
    }
.carre {
    width: 303px;
    height: 340px;
    background-color: #f15b33
    }
.carre .title-color, .carre .zone-header {
    margin-top: 72px;
    color: #fff
    }
.carre .txt-white {
    color: #fff
    }
.nmt-8 {
    margin: -8px
    }
.img-lieux-noimage {
    padding-top: 20%;
    background-color: #f15b33
    }
.img-lieux-img-wrap {
    width: 80%
    }
.img-lieux-img {
    width: 25%
    }
.bg-black-hover {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
    }
.img-lieux:hover .bg-black-hover {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
    }
#gallery-slideshow {
    display: none;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8)
    }
#gallery-slideshow .cslide {
    display: none
    }
#gallery-slideshow .cslide.is-active {
    display: block
    }
#gallery-slideshow .cslide .gallery-text {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    color: #000;
    background-color: rgba(235, 235, 235, 0.5);
    text-align: center;
    text-transform: uppercase;
    font-size: 25px
    }
#gallery-slideshow .cslide .gallery-text:before {
    content: attr(title)
    }
#gallery-slideshow .icon-cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #f15b33;
    font-size: 40px
    }
.noimage {
    padding-top: 20%
    }
.img-concept-img {
    width: 20%
    }
.line-h {
    line-height: 1.7;
    font-size: 1.2em;
    padding: 0 10px
    }
.line-h > p {
    padding: 0;
    margin: 0
    }
.img-lieux {
    overflow: hidden
    }
.concept-gallery {
    white-space: nowrap;
    width: 100%
    }
.concept-gallery img {
    width: 100%;
    display: inline-block;
    vertical-align: top
    }
.zone-header {
    padding-top: 47px;
    list-style: none
    }
.zone-header .icon-down-open-big {
    color: #f15b33
    }
.slideshow-arrow {
    top: calc(50% - 20px);
    font-size: 40px;
    color: #f15b33
    }
.slideshow-arrow.prev-img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 10px
    }
.slideshow-arrow.next-img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 10px
    }
.slideshow .cslide {
    background-image: none;
    display: none
    }
.slideshow .cslide:first-child {
    display: block
    }
.corso-kleber-bg {
    background-image: url(/wcms/img/corso-bibliotheque-kleber-size-450398-1600-800.jpg)
    }
._corso-kleber-bg .cslide:first-child {
    background-image: url(/wcms/img/corso-bibliotheque-kleber-size-450211-1600-800.jpg)
    }
._corso-kleber-bg-2 {
    background-image: url(/wcms/img/corso-bibliotheque-kleber-size-450397-1600-800.jpg)
    }
.corso-quai-de-seine-bg {
    background-image: url(/wcms/img/corso-bibliotheque-quai-de-seine-size-450441-1600-800.jpg)
    }
._corso-quai-de-seine-bg .cslide:first-child {
    background-image: url(/wcms/img/corso-bibliotheque-quai-de-seine-size-450452-1600-800.jpg)
    }
._corso-quai-de-seine-bg-2 {
    background-image: url(/wcms/img/corso-bibliotheque-quai-de-seine-size-450442-1600-800.jpg)
    }
.footer-bottom {
    background-color: #ebebeb;
    margin-top: 20px;
    overflow-y: auto
    }
.footer-left {
    margin-top: 16px;
    margin-left: 24px;
    font-size: 13px;
    margin-bottom: 68px
    }
.footer-li {
    padding-right: 24px;
    padding-left: 24px;
    margin-top: 10px
    }
.border-right, .sous-menu-li {
    border-right: 1px solid
    }
@media all and (max-width: 1330px) {
    .line-h {
        line-height: 1.2;
        font-size: 1.1em;
        padding: 0 10px
        }
    .logo-wrap {
        width: 85%
        }
    .footer-right {
        float: none
        }
    .footer-left {
        margin-top: 15px;
        margin-left: 0;
        font-size: 13px;
        text-align: center;
        width: 100%
        }
    }
@media all and (max-width: 1024px) {
    .bg-att-fixed, .lieux-bg {
        background-attachment: scroll
        }
    .img-lieux-noimage {
        display: none
        }
    .img-lieux-img-wrap {
        width: 100%
        }
    .sous-menu-ul {
        font-size: 14px
        }
    .footer-iblock-wrap {
        display: block;
        max-width: none
        }
    .footer-corso-img {
        display: none
        }
    .logo-wrap {
        width: 85%
        }
    }
@media all and (min-width: 768px) and (max-width: 1000px) {
    .line-h {
        font-size: 0.9em
        }
    .img-lieux .slideshow-arrow {
        display: none
        }
    .img-lieux .h3 {
        font-size: 20px
        }
    .footer-iblock {
        padding: 10px
        }
    }
@media all and (max-width: 960px) {
    .phone-iblock, .email-iblock {
        max-width: 100% !important;
        width: 100% !important;
        display: block
        }
    }
@media all and (max-width: 660px) {
    .index-nav a {
        padding: 10px
        }
    }
@media all and (max-width: 767px), all and (max-height: 720px) {
    .close-booking {
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        color: #fff;
        font-size: 35px
        }
    .booking-wrap {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        z-index: 10000;
        top: 0;
        text-align: center !important;
        background-color: rgba(0, 0, 0, 0.8);
        max-height: none
        }
    .booking-wrap ::-webkit-input-placeholder {
        color: #fff
        }
    .booking-wrap ::-moz-placeholder {
        color: #fff
        }
    .booking-wrap :-ms-input-placeholder {
        color: #fff
        }
    .booking-wrap input:-moz-placeholder {
        color: #fff
        }
    .booking-wrap > .table, .booking-wrap > .header-commun, .booking-wrap > .rond-lieux, .booking-wrap > .lieux-table {
        max-width: 500px;
        position: relative;
        margin: 0 auto;
        padding-top: 40px
        }
    .booking input, .booking select {
        padding: 11px 10px !important;
        border: 1px solid #fff
        }
    .booking select {
        background: none
        }
    .booking option {
        background-color: rgba(0, 0, 0, 0.8)
        }
    }
@media all and (max-width: 767px) {
    h1, .h1, .index-nav a, .zone-header .icon-down-open-big, .header-title, .title-lieux {
        font-size: 40px
        }
    h2, .h2, .menu-li, .txt-rond-lieux {
        font-size: 25px
        }
    .btn-resa, .btn-resa-page {
        padding: 12px 15px
        }
    .sous-menu-li {
        padding: 0 10px
        }
    .footer-top, .footer-middle {
        display: none
        }
    .footer-right, .footer-left {
        float: none
        }
    .footer-right {
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 20px 10px
        }
    .footer-li {
        display: block;
        border: none !important
        }
    .lieux-table {
        display: block
        }
    .lieux-table > div {
        display: block;
        margin: 0 auto;
        width: auto
        }
    .img-concept-img {
        width: 100%
        }
    .noimage {
        padding-top: 50%
        }
    .block-img {
        min-width: 90%
        }
    .line-h {
        line-height: 1.2;
        font-size: 1.3em
        }
    .logo-wrap {
        width: 73%
        }
    }
@media all and (max-width: 420px) {
    .logo-wrap {
        width: 48%
        }
    h1, .h1, .index-nav a, .zone-header .icon-down-open-big, .header-title {
        font-size: 25px
        }
    .rond {
        width: 320px;
        height: 320px;
        padding: 10px 0
        }
    .rond img {
        display: none
        }
    .situ-book {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        background-color: #ebebeb;
        text-align: right;
        box-shadow: 0 0 6px #333
        }
    .situ-book .icon-location span {
        display: none
        }
    .situ-book .btn-resa, .situ-book .btn-resa-page {
        padding: 14px 15px;
        left: 0;
        position: absolute
        }
    .situ-book .icon-email, .situ-book .icon-phone, .situ-book .icon-location {
        float: right;
        padding: 10px
        }
    .situ-book .icon-phone {
        font-size: 28px;
        display: inline-block
        }
    .situ-book .icon-location {
        font-size: 25px
        }
    .situ-book .icon-email {
        display: none
        }
    .phone-wrap, .email-wrap {
        position: fixed;
        bottom: 50px;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        background-color: rgba(235, 235, 235, 0.88);
        text-align: center;
        padding: 10px 0;
        z-index: 5
        }
    .phone-iblock-wrap, .email-iblock-wrap {
        max-width: 100%;
        font-size: 13px
        }
    .phone-iblock, .email-iblock {
        max-width: 25%
        }
    .phone-iblock a, .email-iblock a {
        color: #f15b33;
        font-weight: 500;
        line-height: 24px;
        padding: 10px 0
        }
    }
@media all and (max-height: 850px) {
    .index-nav a {
        padding: 30px;
        font-size: 53px
        }
    .phone-wrap, .email-wrap {
        position: fixed;
        bottom: 50px;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        background-color: rgba(235, 235, 235, 0.88);
        text-align: center;
        padding: 10px 0;
        z-index: 5
        }
    .phone-iblock-wrap, .email-iblock-wrap {
        max-width: 100%;
        font-size: 16px
        }
    .phone-iblock, .email-iblock {
        max-width: 25%
        }
    .phone-iblock a, .email-iblock a {
        color: #f15b33;
        font-weight: 500;
        line-height: 24px;
        padding: 10px 0
        }
    .situ-book {
        position: relative;
        bottom: 0;
        width: 100%
        }
    .situ-book .btn-resa, .situ-book .btn-resa-page {
        padding: 14px 15px;
        bottom: 0;
        position: fixed;
        width: 100%
        }
    .footer-left {
        margin-bottom: 68px
        }
    .dnone {
        display: inline-block
        }
    .contact-warp {
        display: inline-block
        }
    .icon-email, .icon-phone, .icon-location {
        vertical-align: middle;
        display: inline-block;
        padding: 0
        }
    }
@media all and (max-height: 630px) {
    .index-nav a {
        padding: 20px;
        font-size: 40px
        }
    }
@media all and (max-height: 330px) {
    .index-nav a {
        padding: 10px;
        font-size: 20px
        }
    }
.ui-helper-hidden {
    display: none
    }
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
    }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
    }
.ui-helper-clearfix:after {
    clear: both
    }
.ui-helper-clearfix {
    min-height: 0
    }
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
    }
.ui-front {
    z-index: 100
    }
.ui-state-disabled {
    cursor: default !important
    }
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
    }
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none
    }
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0
    }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
    }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
    }
.ui-datepicker .ui-datepicker-prev {
    left: 2px
    }
.ui-datepicker .ui-datepicker-next {
    right: 2px
    }
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
    }
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
    }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
    }
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
    }
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
    }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
    }
.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em
    }
.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0
    }
.ui-datepicker td {
    border: 0;
    padding: 1px
    }
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none
    }
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
    }
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible
    }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
    }
.ui-datepicker.ui-datepicker-multi {
    width: auto
    }
.ui-datepicker-multi .ui-datepicker-group {
    float: left
    }
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em
    }
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
    }
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
    }
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
    }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
    }
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
    }
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
    }
.ui-datepicker-rtl {
    direction: rtl
    }
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
    }
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
    }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
    }
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
    }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
    }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
    }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
    }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
    }
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
    }
.ui-widget .ui-widget {
    font-size: 1em
    }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
    }
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
    }
.ui-widget-content a {
    color: #333
    }
.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
    }
.ui-widget-header a {
    color: #333
    }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
    }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #454545;
    text-decoration: none
    }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
    }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none
    }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
    }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
    }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
    }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
    }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
    }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
    }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
    }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
    }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: normal
    }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none
    }
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
    }
.ui-icon {
    width: 16px;
    height: 16px
    }
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
    }
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
    }
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
    }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
    }
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
    }
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
    }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
    }
.ui-icon-blank {
    background-position: 16px 16px
    }
.ui-icon-carat-1-n {
    background-position: 0 0
    }
.ui-icon-carat-1-ne {
    background-position: -16px 0
    }
.ui-icon-carat-1-e {
    background-position: -32px 0
    }
.ui-icon-carat-1-se {
    background-position: -48px 0
    }
.ui-icon-carat-1-s {
    background-position: -64px 0
    }
.ui-icon-carat-1-sw {
    background-position: -80px 0
    }
.ui-icon-carat-1-w {
    background-position: -96px 0
    }
.ui-icon-carat-1-nw {
    background-position: -112px 0
    }
.ui-icon-carat-2-n-s {
    background-position: -128px 0
    }
.ui-icon-carat-2-e-w {
    background-position: -144px 0
    }
.ui-icon-triangle-1-n {
    background-position: 0 -16px
    }
.ui-icon-triangle-1-ne {
    background-position: -16px -16px
    }
.ui-icon-triangle-1-e {
    background-position: -32px -16px
    }
.ui-icon-triangle-1-se {
    background-position: -48px -16px
    }
.ui-icon-triangle-1-s {
    background-position: -64px -16px
    }
.ui-icon-triangle-1-sw {
    background-position: -80px -16px
    }
.ui-icon-triangle-1-w {
    background-position: -96px -16px
    }
.ui-icon-triangle-1-nw {
    background-position: -112px -16px
    }
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
    }
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
    }
.ui-icon-arrow-1-n {
    background-position: 0 -32px
    }
.ui-icon-arrow-1-ne {
    background-position: -16px -32px
    }
.ui-icon-arrow-1-e {
    background-position: -32px -32px
    }
.ui-icon-arrow-1-se {
    background-position: -48px -32px
    }
.ui-icon-arrow-1-s {
    background-position: -64px -32px
    }
.ui-icon-arrow-1-sw {
    background-position: -80px -32px
    }
.ui-icon-arrow-1-w {
    background-position: -96px -32px
    }
.ui-icon-arrow-1-nw {
    background-position: -112px -32px
    }
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
    }
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
    }
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
    }
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
    }
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
    }
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
    }
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
    }
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
    }
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
    }
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
    }
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
    }
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
    }
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
    }
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
    }
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
    }
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
    }
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
    }
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
    }
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
    }
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
    }
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
    }
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
    }
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
    }
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
    }
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
    }
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
    }
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
    }
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
    }
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
    }
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
    }
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
    }
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
    }
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
    }
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
    }
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
    }
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
    }
.ui-icon-arrow-4 {
    background-position: 0 -80px
    }
.ui-icon-arrow-4-diag {
    background-position: -16px -80px
    }
.ui-icon-extlink {
    background-position: -32px -80px
    }
.ui-icon-newwin {
    background-position: -48px -80px
    }
.ui-icon-refresh {
    background-position: -64px -80px
    }
.ui-icon-shuffle {
    background-position: -80px -80px
    }
.ui-icon-transfer-e-w {
    background-position: -96px -80px
    }
.ui-icon-transferthick-e-w {
    background-position: -112px -80px
    }
.ui-icon-folder-collapsed {
    background-position: 0 -96px
    }
.ui-icon-folder-open {
    background-position: -16px -96px
    }
.ui-icon-document {
    background-position: -32px -96px
    }
.ui-icon-document-b {
    background-position: -48px -96px
    }
.ui-icon-note {
    background-position: -64px -96px
    }
.ui-icon-mail-closed {
    background-position: -80px -96px
    }
.ui-icon-mail-open {
    background-position: -96px -96px
    }
.ui-icon-suitcase {
    background-position: -112px -96px
    }
.ui-icon-comment {
    background-position: -128px -96px
    }
.ui-icon-person {
    background-position: -144px -96px
    }
.ui-icon-print {
    background-position: -160px -96px
    }
.ui-icon-trash {
    background-position: -176px -96px
    }
.ui-icon-locked {
    background-position: -192px -96px
    }
.ui-icon-unlocked {
    background-position: -208px -96px
    }
.ui-icon-bookmark {
    background-position: -224px -96px
    }
.ui-icon-tag {
    background-position: -240px -96px
    }
.ui-icon-home {
    background-position: 0 -112px
    }
.ui-icon-flag {
    background-position: -16px -112px
    }
.ui-icon-calendar {
    background-position: -32px -112px
    }
.ui-icon-cart {
    background-position: -48px -112px
    }
.ui-icon-pencil {
    background-position: -64px -112px
    }
.ui-icon-clock {
    background-position: -80px -112px
    }
.ui-icon-disk {
    background-position: -96px -112px
    }
.ui-icon-calculator {
    background-position: -112px -112px
    }
.ui-icon-zoomin {
    background-position: -128px -112px
    }
.ui-icon-zoomout {
    background-position: -144px -112px
    }
.ui-icon-search {
    background-position: -160px -112px
    }
.ui-icon-wrench {
    background-position: -176px -112px
    }
.ui-icon-gear {
    background-position: -192px -112px
    }
.ui-icon-heart {
    background-position: -208px -112px
    }
.ui-icon-star {
    background-position: -224px -112px
    }
.ui-icon-link {
    background-position: -240px -112px
    }
.ui-icon-cancel {
    background-position: 0 -128px
    }
.ui-icon-plus {
    background-position: -16px -128px
    }
.ui-icon-plusthick {
    background-position: -32px -128px
    }
.ui-icon-minus {
    background-position: -48px -128px
    }
.ui-icon-minusthick {
    background-position: -64px -128px
    }
.ui-icon-close {
    background-position: -80px -128px
    }
.ui-icon-closethick {
    background-position: -96px -128px
    }
.ui-icon-key {
    background-position: -112px -128px
    }
.ui-icon-lightbulb {
    background-position: -128px -128px
    }
.ui-icon-scissors {
    background-position: -144px -128px
    }
.ui-icon-clipboard {
    background-position: -160px -128px
    }
.ui-icon-copy {
    background-position: -176px -128px
    }
.ui-icon-contact {
    background-position: -192px -128px
    }
.ui-icon-image {
    background-position: -208px -128px
    }
.ui-icon-video {
    background-position: -224px -128px
    }
.ui-icon-script {
    background-position: -240px -128px
    }
.ui-icon-alert {
    background-position: 0 -144px
    }
.ui-icon-info {
    background-position: -16px -144px
    }
.ui-icon-notice {
    background-position: -32px -144px
    }
.ui-icon-help {
    background-position: -48px -144px
    }
.ui-icon-check {
    background-position: -64px -144px
    }
.ui-icon-bullet {
    background-position: -80px -144px
    }
.ui-icon-radio-on {
    background-position: -96px -144px
    }
.ui-icon-radio-off {
    background-position: -112px -144px
    }
.ui-icon-pin-w {
    background-position: -128px -144px
    }
.ui-icon-pin-s {
    background-position: -144px -144px
    }
.ui-icon-play {
    background-position: 0 -160px
    }
.ui-icon-pause {
    background-position: -16px -160px
    }
.ui-icon-seek-next {
    background-position: -32px -160px
    }
.ui-icon-seek-prev {
    background-position: -48px -160px
    }
.ui-icon-seek-end {
    background-position: -64px -160px
    }
.ui-icon-seek-start {
    background-position: -80px -160px
    }
.ui-icon-seek-first {
    background-position: -80px -160px
    }
.ui-icon-stop {
    background-position: -96px -160px
    }
.ui-icon-eject {
    background-position: -112px -160px
    }
.ui-icon-volume-off {
    background-position: -128px -160px
    }
.ui-icon-volume-on {
    background-position: -144px -160px
    }
.ui-icon-power {
    background-position: 0 -176px
    }
.ui-icon-signal-diag {
    background-position: -16px -176px
    }
.ui-icon-signal {
    background-position: -32px -176px
    }
.ui-icon-battery-0 {
    background-position: -48px -176px
    }
.ui-icon-battery-1 {
    background-position: -64px -176px
    }
.ui-icon-battery-2 {
    background-position: -80px -176px
    }
.ui-icon-battery-3 {
    background-position: -96px -176px
    }
.ui-icon-circle-plus {
    background-position: 0 -192px
    }
.ui-icon-circle-minus {
    background-position: -16px -192px
    }
.ui-icon-circle-close {
    background-position: -32px -192px
    }
.ui-icon-circle-triangle-e {
    background-position: -48px -192px
    }
.ui-icon-circle-triangle-s {
    background-position: -64px -192px
    }
.ui-icon-circle-triangle-w {
    background-position: -80px -192px
    }
.ui-icon-circle-triangle-n {
    background-position: -96px -192px
    }
.ui-icon-circle-arrow-e {
    background-position: -112px -192px
    }
.ui-icon-circle-arrow-s {
    background-position: -128px -192px
    }
.ui-icon-circle-arrow-w {
    background-position: -144px -192px
    }
.ui-icon-circle-arrow-n {
    background-position: -160px -192px
    }
.ui-icon-circle-zoomin {
    background-position: -176px -192px
    }
.ui-icon-circle-zoomout {
    background-position: -192px -192px
    }
.ui-icon-circle-check {
    background-position: -208px -192px
    }
.ui-icon-circlesmall-plus {
    background-position: 0 -208px
    }
.ui-icon-circlesmall-minus {
    background-position: -16px -208px
    }
.ui-icon-circlesmall-close {
    background-position: -32px -208px
    }
.ui-icon-squaresmall-plus {
    background-position: -48px -208px
    }
.ui-icon-squaresmall-minus {
    background-position: -64px -208px
    }
.ui-icon-squaresmall-close {
    background-position: -80px -208px
    }
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
    }
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
    }
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
    }
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
    }
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
    }
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
    }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
    }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
    }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
    }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
    }
.ui-widget-overlay {
    background: #aaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30)
    }
.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 5px;
    background: #666;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
    }