.clearfix:before,
.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.left{float: left;}
.right{float: right;}
.hidden{display: none;}

a {
    outline: none!important;
}

html,
body{
    height: 100%;
    min-height: 100%;
    font-family: DIN, Arial, Verdana, sans-serif;
}

a{
    color: #95c555;
    text-decoration: none;
}

#container {
    /*min-height: 670px;*/
    min-height: 205px;
    /*min-height: 730px;*/
    /*min-height: 860px;*/
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 100;
}
#logo,
#logo1 {
    position: absolute;
    left: 35px;
    top: 30px;
    z-index: 700;
    display: none;
    width: 107px;
    height: 12px;
}
#logo img,
#logo1 img {
    width: 100%;
}

#welcome-box {
    position: absolute;
    border: 10px solid #95c555;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../images/pre_intro_new.png") no-repeat center center;
    /*background: url("../images/pre_intro_new.svg") no-repeat center center;*/
    cursor: pointer;
    display: none;
}
#ios #welcome-box {
    background: url("../images/pre_intro_new.svg") no-repeat center center;
}
.images-box{
    display: none;
    position: absolute;
    left: 257px;
    top:0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
    height: 100%;
    /*width: 100%;*/
}
.images-item{
    height: 100%;
    /*width: 100%;*/
    text-align: right;
    position: relative;
}
.images-item .img{
    display: none;
    position: absolute;
    top:0;
   /* right: 0;*/
    left:0px;
}
.images-item .video{
    position: absolute;
    top:0;
    /*right: 0;/
    /*background: #000;*/
}
.images-ctrl {
    position: absolute;
    right: 20px; /*25*/
   bottom:30px;
   /* top:25px;*/
    z-index: 100;
    width: 13px;
    height: 100px;
}
.images-ctrl .next {
    background: url("../images/arrow.png") no-repeat;
    width: 13px;
    height: 21px;
    margin: 0 0 20px 0;
    cursor: pointer;
}
.images-ctrl .prev {
    background: url("../images/arrow-r.png") no-repeat;
    width: 13px;
    height: 21px;
    cursor: pointer;
}
.images-ctrl .play {
    margin: 17px 0 0 0;
    background: url("../images/play.png") no-repeat center;
    width: 13px;
    height: 21px;
    cursor: pointer;
}
.images-ctrl .pause {
    margin: 17px 0 0 0;
    background: url("../images/stop.png") no-repeat center;
    width: 13px;
    height: 21px;
    cursor: pointer;
}
#intro-box .images-ctrl {
    display: none;
}
#intro-box {
    left: 0;
}


#logo {
    position: absolute;
    left: 35px;
    top: 30px;
    z-index: 700;
}
#sidebar {
    position: absolute;
    width: 257px;
    left: -257px;
    /*width: 215px;
    left: -215px;*/
    /*left: 0;*/
    top:0;
    bottom: 0;
    height: 100%;
    background: #fff;
    z-index: 500;
}
#navigation {
    margin: 100px 0 0 35px;
}
#navigation menu,
#navigation menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    text-transform: uppercase;
}
#navigation menu a {
    color: #000;
    text-decoration: none;
}
#navigation menu .active a,
#navigation menu a:hover {
    color: #95c555;
}
#navigation menu menu {
    padding: 5px 0 15px 10px;
    display: none;
}
#s-bottom {
    position: absolute;
    left: 35px;
    right: 15px;
    bottom: 20px;
    /*overflow: hidden;*/
}
#s-bottom #search-link {
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
}
#s-bottom #social{
    float: right;
}
#s-bottom #social a{
    float: left;
    margin: 0 6px 0 0;
}

#search-input {
    border: 1px solid #95c555;
    border-radius: 12px;
    color: #95c555;
    width: 120px;
    outline: none;
    height: 21px;
    line-height: 13px;
    padding: 1px 6px 0 6px;
    overflow: hidden;
    float: left;
    margin: -2px 4px 0 0;
    font-family: DIN, Arial, Verdana, sans-serif;
    font-size: 11px;
}
/*.chrome #search-input,*/
.firefox #search-input {padding-top: 0; padding-bottom: 1px;}
#search-input::-webkit-input-placeholder  { color:#95c555; }
#search-input::-moz-input-placeholder  { color:#95c555; }
#search-button {
    margin: 5px 0 0 0;
    cursor: pointer;
}
#search-result-cnt {
    padding: 23px 0 0 0;
    font-size: 11px;
}


#g-thumbs {
    margin: 30px 0 0 35px;
}
#g-thumbs .outer{
    /*height: 376px;*/
    height: 235px;
    width: 47px;
    overflow: hidden;
    position: relative;
}
#g-thumbs .thumbs{
    position: absolute;
    left: 0;
    top: 0;
}
#g-thumbs .thumbs {}
#g-thumbs .thumbs a {
    display: block;
    width: 47px;
    height: 47px;
    overflow: hidden;
    position: relative;
}
.thumbs a span {
    display: none;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    background: #95c555;
    opacity: 0.5;
}
.thumbs a.active span {
    display: block;
}
#g-thumbs .thumbs a img {}
#g-thumbs .next {
    width: 47px;
    height: 20px;
    background: url("../images/arrow-d.png") no-repeat center bottom;
    cursor: pointer;
}
#g-thumbs .prev {
    width: 47px;
    height: 20px;
    background: url("../images/arrow-u.png") no-repeat center top;
    cursor: pointer;
}

.next.disabled,
.prev.disabled {
    cursor: default!important;
    opacity: 0.3!important;
}

#v-thumbs {
  /*  position: absolute;
   /* right: 0;*/
 /*   top:262px;
    left:36px;
    z-index:99999;*/
    margin: 30px 0 0 35px;
}
#v-thumbs .outer{
    height: 235px;
    width: 47px;
    overflow: hidden;
    position: relative;
}

#v-thumbs .thumbs{
    position: absolute;
    left: 0;
    top: 0;
}
#v-thumbs .thumbs {}
#v-thumbs .thumbs a {
    display: block;
    width: 45px;
    height: 45px;
    overflow: hidden;
    float: left;
    position: relative;
}
#v-thumbs .thumbs a img {}
#v-thumbs .next {
    width: 47px;
    height: 20px;
    background: url("../images/arrow-d.png") no-repeat center bottom;
    cursor: pointer;
   /* float: right;*/
}
#v-thumbs .prev {
    width: 47px;
    height: 20px;
    background: url("../images/arrow-u.png") no-repeat center top;
    cursor: pointer;
   /* float: right;*/
}

#tools-box {
    position: absolute;
   /* bottom: 110px;*/
   bottom:150px !important;
    height: 70px;
    right: 21px;
    font-size: 11px;
}
#tools-box .buttons {
    text-transform: uppercase;
    color: #95c555;
}
#tools-box .buttons span {
    cursor: pointer;
    display: block;
    text-align: right;
    margin: 5px 0 0 0;
}
#tools-box .split {
    display: block;
    background: url("../images/small-green-line.png") no-repeat bottom right;
    height: 1px;
    margin-top: 10px;
}
#btn-info {
    margin: 10px 0 0 0!important;
}

#info-box {
    position: absolute;
   /* right: 10px;*/
   left:21px;
   bottom: 20px !important;
    width: 215px;
    min-height: 215px;
    background: #fff;
    font-size: 11px;
  /*  text-align: right;*/
    display: none;
}
#info-box .close {
    position: absolute;
    font-weight: bold;
    right: 20px;
    bottom: 25px;
    color: #95c555;
    text-transform: uppercase;
    cursor: pointer;
    opacity:0 !important;
    display:none !important;
}
#info-box .content {
    position: absolute;
    right: 20px;
  /*  bottom: 60px;*/
    left: 20px;
    padding-top: 17px; /*25*/
}
#info-box .title {
    padding-bottom: 15px;
    color: #95c555;
    font-size: 13px;
    text-transform: uppercase;
}


#text-container{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
    height: 100%;
    margin:0 0 0 257px;
    font-size: 12px;
    border-left: 1px solid #95c555;
}
#text-container a:hover {
    color: #000;
}
#msg-sended {
    color: #fff;
    position: absolute;
    left: 10px;
    top: 30px;
    z-index: 1000;
    display: none;
}
#lightbox-container,
#search-container{
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:0;
    background: #95c555;
    color: #fff;
    padding: 10px;
}
#search-container .top {}
#search-container .top .title {
    font-size: 16px;
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: bottom;
}
#search-container .top .form {
    border-bottom: 2px solid #cce3af;
    display: inline-block;
    position: relative;
    top: -3px;
}
#search-container .top .form input {
    border: none;
    font-size: 10px;
    color: #fff;
    background: #95c555;
    margin: 0 5px 0 0;
}
#search-container .top .form img {
    cursor: pointer;
}


.items-catalog {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    right: 0;
    padding: 100px 0 100px 0;
}
#search-container .items-catalog {
    top: 0;
    left: 10px;
    bottom: 0;
    right: 0;
    padding: 100px 0 0 0;
}
#search-result-cnt {
    line-height: 20px;
    padding: 31px 0 49px 10px;
    position: fixed;
    background: #95c555;
    top: 0;
    left: 260px;
    right: 20px;
}
.items-catalog .item {
    width: 139px;
    height: 164px;
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 10px 10px 0;
    vertical-align: top;
}
.items-catalog .item .thumb {
    width: 120px;
    height: 122px;
    margin: 10px auto 0 auto;
    text-align: center;
    cursor: pointer;
}
.items-catalog .item .thumb img {
    max-width: 120px;
    max-height: 122px;
}
.items-catalog .item .controls {
    overflow: hidden;
    width: 120px;
    margin: 10px auto 0 auto;
}
.items-catalog .item .controls .l{
    background: url("../images/arr-left-bg-green.png") no-repeat;
    width: 13px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
}
.items-catalog .item .controls .r{
    background: url("../images/arr-right-bg-green.png") no-repeat;
    width: 13px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 3px;
}
.items-catalog .item .controls .p{
    background: url("../images/plus-bg-green.png") no-repeat;
    width: 16px;
    height: 15px;
    cursor: pointer;
    float: right;
}
.items-catalog .item.selected {
    background: #fff;
}
.items-catalog .item.selected .controls .p{
    background: url("../images/lb-x.png") no-repeat;
}
.items-catalog .item.selected .controls .l{
    background: url("../images/arr-left-bg-white.png") no-repeat;
}
.items-catalog .item.selected .controls .r{
    background: url("../images/arr-right-bg-white.png") no-repeat;
}
/*#lightbox-container .items-catalog .item {
    background: #fff;
}
#lightbox-container .items-catalog .item .controls .l{
    background: url("../images/arr-left-bg-white.png") no-repeat center;
}
#lightbox-container .items-catalog .item .controls .r{
    background: url("../images/arr-right-bg-white.png") no-repeat center;
}
#lightbox-container .items-catalog .item .controls .x{
    background: url("../images/lb-x.png") no-repeat center;
    width: 12px;
    height: 15px;
    cursor: pointer;
    float: right;
}*/

#view-image{
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:257px;
    /*background: #95c555;*/
    background: #fff;
    color: #fff;
    /*padding: 10px;*/
    z-index: 800;
    display: none;
    text-align: right;
}
/*#view-image .image img{*/
    /*max-width: 100%;*/
    /*max-height: 100%;*/
/*}*/
#view-image .close{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: url("../images/X.png") no-repeat;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
#view-image .image img {
    display: block;
    float: right;
}
#view-image .image {
    width: 100%;
    height: 100%;
    position: absolute;
}

#biography {
    font-size: 14px;
    line-height: 1.5em;
    position: absolute;
    left: 257px;
    top:0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
    border-left: 2px solid #cae1a9;
    padding: 95px 0 0 25px;
}
#biography .text {
    font-family: DINLight, arial, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}
#biography a {
    color: #000;
}
#biography a.current,
#biography a:hover {
    color: #95c555;
}
#bio-content {
    position: absolute;
    left: 200px;
    top: 95px;
    right: 0;
    display: none;
}
#bio-content .image {
    float: left;
    width: 180px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin: 0 20px 0 0;
}
#bio-content .image img {
    width: 100%;
    display: block;
}
#bio-content .content {
    overflow: hidden;
    width: 310px;
}
#bio-content .title {
    font-size: 16px;
    padding: 0 0 8px 0;
    line-height: 21px;
}


#contacts {
    font-size: 14px;
    position: absolute;
    left: 257px;
    top:0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
    border-left: 2px solid #cae1a9;
    padding: 95px 0 0 25px;
}
#contacts .title {
    font-size: 21px;
    line-height: 21px;
}
#contacts .title span {
    font-size: 14px;
}
#contacts .content {
    position: absolute;
    left: 280px;
    top: 95px;
    font-size: 12px;
    line-height: 16px;
}
#contacts .content2 {
    position: absolute;
    left: 534px;
    top: 95px;
    font-size: 12px;
    line-height: 16px;
}
#contacts .content3 {
    position: absolute;
    left: 780px;
    top: 95px;
    font-size: 12px;
    line-height: 16px;
}
#contacts .content span,#contacts .content2 span,#contacts .content3 span {
    min-width: 30px;
    display: inline-block;
}
#contacts .map {
    position: absolute;
    top: 300px;
    left: 25px;
    right: 0;
    bottom: 0;
    /*height: 65%;*/
}
#printmap {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2000;
    background: url("../images/print-map.png") no-repeat;
    width: 113px;
    height: 27px;
    cursor: pointer;
}
#viewmap {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 140px;
    z-index: 2000;
    background: url("../images/view_in_os.png") no-repeat;
    width: 113px;
    height: 27px;
    cursor: pointer;
}
/*#printmap {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2000;
    color: #fff;
    background: #555;
    padding: 5px 10px;
    cursor: pointer;
}*/

#cs-container {
    display: none;
}


#action-buttons {
    position: absolute;
 /*   padding: 10px 0 20px 0;*/
  /*  bottom: 0;*/
      bottom: 144px; /*165*/
    right: 2px; /*8*/
/*    left: 10px;*/
    width:95px;
    /*background: #95c555;*/
text-transform: uppercase;
color: #95c555;
font-size: 11px;
z-index:3;
height:70px;
/*display:none;*/
}
#action-buttons .button {
   /* background: url("../images/wbg-right-corner.png") no-repeat top right;*/
    float: right;
  /*  color: #333;*/
    padding: 0px 16px 0px 8px; /*6px 16px 6px 8px;*/
    margin: 0 0 0 6px;
    min-width: 90px;
    cursor: pointer;
}
#i_saved
{
color: #95c555;
font-size: 11px;
margin-top:50px;
padding: 0px 16px 0px 0px;
display:none;
width:100px;
}
#view-imageclose
{
   /* position: absolute;
    right: 20px;
    bottom: 20px;*/
    background: url("../images/small_close.jpg") no-repeat;
    width: 12px;
    height: 11px;
    cursor: pointer;
}

#order-container-bg{
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:257px;
    background: #95c555;
    color: #fff;
    z-index: 800;
    display: none;
    opacity: 0.7;
}
#order-container {
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:257px;
    z-index: 810;
    display: none;
}
#order-form {
    background: url("../images/wbg-right-corner.png") no-repeat top right;
    position: absolute;
    padding: 14px 18px 8px 17px;
    width: 250px;
    min-height: 345px;
    font-size: 12px;
}
#order-form .row {
    padding: 0 0 10px 0;
}
#order-form .row input {
    border: 1px solid #95c555;
    width: 247px;
    margin: 2px 0 0 0;
}
#ios #order-form .row input {
    width: 237px;
}
#order-form .row textarea {
    border: 1px solid #95c555;
    width: 245px;
    height: 75px;
    max-width: 245px;
    max-height: 75px;
    margin: 2px 0 0 0;
    overflow: hidden;
    resize: none;
}
#order-form .row .error {
    border-color: #cc0000;
}
#order-form .checkbox-row {
    padding: 0 0 10px 0;
    line-height: 12px;
}
#order-form .checkbox-row input {
    vertical-align: bottom;
}
#order-form .buttons-row {}
#order-form .buttons-row input {
    border: none;
    background: transparent url("../images/gbg-right-corner.png") no-repeat top right;
    text-transform: uppercase;
    padding: 6px 0 6px 10px;
    text-align: left;
    width: 118px;
}
#order-form .buttons-row input + input {
    margin: 0 -1px 0 0;
    float: right;
}

#cs-ctrl {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border: 1px solid #95c555;
    border-radius: 12px;
    height: 18px;
    padding: 2px 10px;
    overflow: hidden;
    line-height: 18px;
    font-size: 11px;
    color: #95c555;
    z-index: 1000;
}
#cs-ctrl .ctrl-box {
    top: -1px;
    position: relative;
    display: inline-block;
}
#cs-ctrl .ctrl-box span {
    cursor: pointer;
    display: inline-block;
}
#cs-ctrl  .ctrl-box span:hover {
    color: #333;
}
#cs-ctrl .ctrl-box .next {
    margin: 0 0 0 10px;
}
#cs-ctrl .ctrl-box .prev {
    margin: 0 10px 0 0;
}
#cs-ctrl .ctrl-box .playpause {
    margin: 0 15px;
}
#cs-ctrl .items span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 4px 0 0 0;
    border: 1px solid #95c555;
    cursor: pointer;
}
#cs-ctrl .items span.current,
#cs-ctrl .items span:hover {
    background: #95c555;
}
#cs-ctrl .items span + span {
    margin-left: 8px;
}

#lock-screen {
    position: fixed;
    z-index: 900;
    /*left: 257px;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    display: none;
}


@media all and (max-height: 690px){
    #s-bottom {
        bottom: 10px;
    }
    #cs-ctrl {
        bottom: 10px;
    }
    #tools-box {
        bottom: 50px;
    }
    #g-thumbs {
        margin-top: 20px;
    }
    #text-container{
        margin:0 0 0 215px;
    }
    #sidebar {
        width: 215px;
        left: -215px;
    }
    #lock-screen {
        left: 215px;
    }
    #order-container-bg{
        left:215px;
    }
    #order-container {
        left:215px;
    }
    #contacts {
         left: 215px;
    }
    #biography {
        left: 215px;
    }
    #view-image{
        left:215px;
    }
    #search-input {
         width: 85px;
     }
    #search-result-cnt {
        left: 208px;
    }
    .images-box{
        left: 215px;
    }
    #intro-box {
        left: 0;
    }
}
.light_info
{
text-transform: uppercase;
color: #95c555;
font-size: 11px;
width:60px;
position:relative;
left:-46px;
cursor:pointer;
text-align:right;
}