@font-face {font-family: PF Din Text Cond Pro; src: url(/font/PFDinTextCondPro-Bold.ttf); font-style: normal; font-weight: bold;} @font-face {font-family: PF Din Text Cond Pro; src: url(/font/PFDinTextCondPro-Medium.ttf); font-style: normal; font-weight: medium;} @font-face {font-family: PF Din Text Cond Pro; src: url(/font/PFDinTextCondPro-Regular.ttf); font-style: normal; font-weight: normal;} @font-face {font-family: PF Din Text Cond Pro; src: url(/font/PFDinTextCondPro-Light.ttf); font-style: normal; font-weight: light;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, body, html {margin:0; padding:0; } li, dd, blockquote {margin:0; padding:0;} fieldset {border:none;} img {border:none;} body {height: 100%; font-family: PF Din Text Cond Pro, sans-serif;min-width:1024px;} html {/*height: 100%;*/} h1{font:normal 38px/1.4 PF Din Text Cond Pro; margin:0 0 20px 0; color:#000; text-transform: uppercase;} h2{font:normal 28px/1.4 PF Din Text Cond Pro; margin:0 0 20px 0; color:#000; text-transform: uppercase;} h3{font:bold 20px/1.4 PF Din Text Cond Pro; margin:0 0 15px 0; color:#000;} h4{font:bold 18px/1.4 PF Din Text Cond Pro; margin:0 0 16px 0; color:#000;} h5{font:bold 16px/1.4 PF Din Text Cond Pro; margin:0 0 14px 0; color:#000;} p {font:normal 16px/1.4 PF Din Text Cond Pro; margin:0 0 15px 0; color: #000;} ul {padding:5px 25px; list-style:disc; margin:0 0 20px 0;} ol {padding:5px 25px; margin:0 0 20px 0;} ul li, ol li {font:normal 14px/1.4 PF Din Text Cond Pro; margin:0 0 10px 0; color: #000;} a {color:#000; font-size: 14px; text-decoration: none;} a:hover {text-decoration: underline; color: #D10319;} /* global style */ #container {background: #fff; position: relative; min-height: 100%;} #content {padding: 35px 0 70px 0; height: auto; background: url(/img/body-bg.jpg) repeat-y center top; width: 100%; height: auto;} .centered {width: 980px; margin: 0 auto; position: relative; } #footer {height:220px; bottom: 0; left: 0; width: 100%; background: #2E2E2E; padding: 40px 0 25px 0;} .clear {clear: both; width: 100%; height: 1px; margin: 0; padding: 0; float: none;} .text-center {text-align: center;} .text-right {text-align: right;} .text-left {text-align: left;} .mb30 {margin-bottom: 30px;} .mb20 {margin-bottom: 20px;} .mb10 {margin-bottom: 10px;} .mb5 {margin-bottom: 5px;} .mb0 {margin-bottom: 0px;} .mt30 {margin-top: 30px;} .mt10 {margin-top: 10px;} .mr10 {margin-right: 10px} .mr20 {margin-right: 20px} .mr30 {margin-right: 30px} .oh {overflow: hidden;} .fl-r {float: right;} .fl-l {float: left;} .pos-rel {position: relative;} .noupper {text-transform: none;} .btn a {display: inline-block; zoom: 1; *display: inline; padding: 1px 25px; text-align: center; font: normal 18px 	PF Din Text Cond Pro; text-transform: uppercase; background: #D10319; border-radius: 10px; color: #fff;} .btn a:hover {text-decoration: none; background: #FC1B31;} /*----------------------------------------------------------------------------------*/ #header {height: 657px; width: 100%; background: url(/img/header-bg.jpg) center top; overflow: hidden; border-bottom: 16px solid #D10319; position: relative;} #header .select {width: 157px; height: 23px; position: absolute; top: 450px; left: 50%; margin: 0 0 0 -78px;} #header .btn-menu {width: 212px; height: 175px; position: absolute; top: 450px; left: 50%; margin: 0 0 0 288px; background: rgba(209,3,25,0.8); border-radius: 45px; padding: 20px 16px; box-sizing: border-box; color: white; font-size: 35px; } #header .btn-menu a { display: block; width: 136px; height: 46px; background: url(/img/btn-plus.png) no-repeat 7px 35px; padding: 32px 0 0 30px; color: #fff; text-transform: uppercase; text-decoration: underline; font-size: 17px; } #header .btn-menu a:hover {text-decoration: none;} #header.inner .logo-link {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 355px; height: 116px; display: block;} .w340 dl {overflow: hidden; margin: 0 0 0 -20px;} .w340 dl dt {width: 310px; margin: 0 0 0 20px; float: left;} .w340 dl dt .img {overflow:hidden;} .w340 dl dt .img a {display:block; position:relative;} .w340 dl dt .img a .mask {position:absolute; top:0; left:0;} .w340 dl dt .img a img {} .w340 dl dt.m1 .mask {background: url(/img/mask22.png) no-repeat; width: 290px; height: 246px; overflow: hidden;} .w340 dl dt.m1 .img a {display: block; width: 290px;height: 246px;} .w340 dl dt.m2 .mask {background: url(/img/mask233.png) no-repeat; width: 290px; height: 246px; overflow: hidden;} .w340 dl dt.m2 .img a {display: block; width: 290px; height: 246px;} .w340 dl dt.m2 .img.tel-hed a {display: block; width: 290px; height: 246px;} .w340 dl dt.m2 .btn-red {margin: 0 auto;} .w340 dl dt.m3 .mask {background: url(/img/mask333.png) no-repeat; width: 290px; height: 246px; overflow: hidden;} .w340 dl dt.m3 .img a {display: block; width: 290px; height: 246px;} .w340 dl dt .img {margin: 0 0 10px 0; height: 270px; display: inline-block; zoom: 1; *display: inline;} .w340 dl dt .teaser {width: 250px; display: inline-block; zoom: 1; *display: inline;} .w340 dl dt .teaser p {font: normal 16px/1.2 PF Din Text Cond Pro; width: 250px;} .w340 dl dt .btn-red a {display: inline-block; zoom: 1; *display: inline; padding: 1px 20px; text-transform: uppercase; font: medium 12px Din Text Cond Pro; background: #D10319; text-decoration: none; color: #fff; border-radius: 5px;} .w340 dl dt .btn-red a:hover {background: #FC1D33;} .w340 dl dt .btn-red {text-align: center; width: 250px; display: inline-block; zoom: 1; *display: inline;} .navigation dl {margin: 0 0 0 -15px; height: 22px;} .navigation dl dt {    text-transform: uppercase;margin-right: 0.5em;float: left; margin: 0 0 0 3px; position: relative; padding: 0 0 15px 0;} .navigation dl dt:last-child { float: right; background: url(/img/p_dance.png) no-repeat left 1px; /*micro.png*/ display: inline-block; padding-left: 45px; background-size: 40px; padding-top: 12px; top: -12px; } .navigation dl > dt > a {display: block; font: normal 14px PF Din Text Cond Pro; color: #000; text-transform: uppercase; padding: 1px 6px; text-decoration: underline;} .navigation dl dt a:hover {color: #D10319;} .navigation dl dt a.active {    padding: 1px 5px;background: #D10319; color: #fff; border-radius: 5px; text-decoration: none;} .navigation dl dt:hover .hidden {display: block;} .navigation dl dt .left {position: absolute; top: 20px; right: 50%; padding: 10px 0 0 0;} .navigation dl dt .hidden {position: absolute; top: 20px; left: 50%; display: none; padding: 10px 0 0 0; z-index: 100;} .navigation dl dt .hidden ul {list-style: none; padding: 0; margin: 0;} .navigation dl dt .hidden ul li {padding: 0; margin: 0;} .navigation dl dt .hidden ul li a {font: normal 13px PF Din Text Cond Pro; color: #fff; text-transform: uppercase; padding: 3px 20px; white-space: nowrap; display: block;} .navigation dl dt .hidden ul li a:hover {background: #B30418; text-decoration: none;} .navigation dl dt .hidden .wrapper {position: relative; right: 50%; background: #D1031A; border-radius: 5px; padding: 10px 0;} .navigation dl dt .hidden .wrapper .conus {position: absolute; top: -7px; left: 50%; margin: 0 0 0 -7px; width: 15px; height: 17px; background: url(/img/conus.png) no-repeat;} #footer .navi {padding: 0 0 20px 0;} #footer .navi dl {margin: 0 0 0 -32px; overflow: hidden;} #footer .navi dl dt {float: left; margin: 0 0 0 32px;} #footer .navi .title a {font: bold 13px PF Din Text Cond Pro; color: #fff; text-transform: uppercase;} #footer .navi ul {list-style: none; padding: 0; margin: 0;} #footer .navi ul li {margin: 0;} #footer .navi ul li a {color: #fff; text-transform: uppercase; font: medium 12px PF Din Text Cond Pro;} #footer .peoples {background: url(/img/peoples.png) no-repeat left center; display: inline-block; zoom: 1; *display: inline; padding: 0 0 0 150px; height: 26px; margin: 0 0 40px 0;} #footer .peoples a {display: inline-block; zoom: 1; *display: inline; width: 26px; height: 25px; background: url(/img/contact-icon-footer_new.png) no-repeat; margin: 0 0 0 20px;} #footer .peoples .p1 {background-position: 0 0;} #footer .peoples .p2 {background-position: 0 -30px;} #footer .peoples .p3 {background-position: 0 -60px;} #footer .peoples .p4 {background-position: 0 -90px;} #footer .peoples .p5 {background-position: 0 -120px;} #footer .peoples .p6 {background-position: 0 -150px;} #footer .search {margin: 0 60px 0 0;} #footer .search .text {width: 203px; height: 23px; border: none; border-radius: 5px; padding: 0 5px; font-size: 14px;} #footer .search .btn {width: 17px; height: 19px; border: none; background: url(/img/search-btn.png) no-repeat; cursor: pointer; margin: 0 0 0 5px;} #footer .img {margin: -40px 0 0 0;} #footer .copy {color: #fff; font: normal 13px PF Din Text Cond Pro; text-transform: uppercase;} /* menu */ #header.inner {height: 240px; background: url(/img/peoples.jpg) no-repeat center center #fff; overflow: visible;} #header.inner .select {top: 157px; margin: 0 0 0 240px; width: 250px; z-index: 99999;} #header.inner .select > span {display: inline-block; zoom: 1; *display: inline; margin: 0 20px 0 0; vertical-align: top;} .cols .left-col {width: 230px; float: left;} /*на странице меню*/ #right-col{ width: 735px; margin-left: 250px;} /* ---------------- */ .cols .right-col {width: 735px; float: right;} .v-navi {background: #D1031A; padding: 30px 0; border-radius: 20px; position: relative;} .v-navi dl dt a {font: normal 16px PF Din Text Cond Pro; color: #fff; padding: 3px 40px 3px 30px; display: block; position: relative; text-transform: uppercase;} .v-navi dl dt a.active .tic {display: block;} .v-navi dl dt a .tic {width: 16px; height: 14px; background: url(/img/tic.png) no-repeat; position: absolute; right: 20px; top: 50%; margin: -6px 0 0 0; display: none;} .v-navi dl dt a:hover {background: #B30418; text-decoration: none;} .v-navi .round {position: absolute; bottom: -8px; left: -6px; background: url(/img/round.png) no-repeat; width: 48px; height: 38px;} .breadcrumb a {display: inline-block; zoom: 1; *display: inline; font: normal 38px PF Din Text Cond Pro; text-transform: uppercase; color: #000;} .breadcrumb a:hover {text-decoration: none;} .breadcrumb a.last {font: normal 18px PF Din Text Cond Pro; color: #D10319;} .breadcrumb a.last:hover {text-decoration: underline;} .breadcrumb span {display: inline-block; zoom: 1; *display: inline; margin: 0 5px; font: normal 18px PF Din Text Cond Pro; color: #000;} .items-list dl {overflow: hidden; margin: 0 0 0 -5px;} .items-list dl dt { height: auto; overflow: hidden; border: none; float: left; margin: 0 0 5px 5px; position: relative;} .items-list dl dt:hover .text {display: block;} .items-list dl dt .text {background: url(/img/opacity-white.png); width: 230px; height: auto; position: absolute; top: 0; left: 0; padding: 10px 20px; display: none;} .items-list dl dt .text .title {font: normal 35px PF Din Text Cond Pro; color: #D10319; margin: 0 0 5px 0;} .items-list dl dt .text .teaser p {font: normal 14px PF Din Text Cond Pro; color: #000;} .items-list dl dt .text .cost {margin: 0; padding: 0 30px 0 0; background: url(/img/rub.png) no-repeat right center; display: inline-block; zoom: 1; *display: inline; font: normal 44px PF Din Text Cond Pro; color: #D10319;} .items-list dl dt .text .unit {display: inline-block; zoom: 1; *display: inline; font: font: normal 14px PF Din Text Cond Pro; margin: 0;} .items-list .dop dl dt{width: 100%; height: 269px; overflow: hidden; border: 1px solid #838180; float: left; margin: 0 0 5px 5px; position: relative;} /* about*/ .text-about {padding: 185px 300px 0 0;background: url(/img/text-about.png) no-repeat right 212px;} .text-about p {font: normal 16px/1.6 PF Din Text Cond Pro; color: #323232;} .items-list.inner dl dt {width: 239px;} .col3 img {width: 300px;float: left;padding-right: 20px;} /* gallery */ .gallery-list dl dt {padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; margin: 0 0 10px 0; overflow: hidden;} .gallery-list dl dt.last {border: none;} .gallery-list .text {float: left; margin: 0 30px 0 0; width: 280px;} .gallery-list .text .title a {font-size: 25px; margin: 0 0 5px 0;} .gallery-list .text .date {font-size: 16px; margin: 0 0 5px 0; color: #4E4D4D;} .gallery-list .text .sum {background: url(/img/photo.png) no-repeat left center; padding: 0 0 0 60px; font-size: 50px; color: #D10319; display: inline;} .gallery-list .img {overflow: hidden; width: 323px; height: 216px; border: 1px solid #ccc;} .gallery-list .img img {display: block;} .w267 dl {overflow: hidden; margin: 0 0 0 -4px;} .w267 dl dt {float: left; width: 267px; height: 194px; border: 1px solid #A6A4A4; margin: 0 0 4px 4px; overflow: hidden;} .w267 dl dt img {display: block;} .w353 dl {overflow: hidden; margin: 0 0 0 -10px;} .w353 dl dt {float: left; width: 310px; border: 1px solid #A6A4A4; margin: 0 0 10px 10px; background: #fff;} .w353 dl dt img {display: block; width:100%;} .w353 dl dt .text {padding: 30px; /*background: #fff; position: relative; height: 224px;*/} .w353 dl dt .text .title a {font: normal 22px PF Din Text Cond Pro; color: #D10319;} .w353 dl dt .text .data {font: normal 12px PF Din Text Cond Pro; color: #000;} .w353 dl dt .text .more {display: block; width: 35px; height: 27px; background: url(/img/more-icon.png) no-repeat; position: absolute; right: 5px; bottom: 5px;} .article-info {padding: 0 0 20px 0; border-bottom: 1px dashed #000;} .article-info .title {font: normal 28px PF Din Text Cond Pro; margin: 0 0 5px 0; color: #d1031a;} .article-info .date {font: italic 14px PF Din Text Cond Pro;} .article-info .soc a {display: inline-block; zoom: 1; *display: inline; width: 30px; height: 30px; background: url(/img/soc-sprite.png) no-repeat; margin: 0 5px 0 0;} .article-info .soc a.s1 {background-position: 0 0;} .article-info .soc a.s2 {background-position: 0 -35px;} .article-info .soc a.s3 {background-position: 0 -70px;} .article-info .soc a.s4 {background-position: 0 -105px;} .partners dl {overflow: hidden; margin: 0 0 0 -3px;} .partners dl dt {width: 215px; height: 158px; overflow: hidden; border-radius: 10px; float: left; margin: 0 0 3px 3px;} .text-franch h1 {font: medium 65px PF Din Text Cond Pro; color: #D10319;} .text-franch h2 {font: normal 25px PF Din Text Cond Pro;} .text-franch h3 {font: medium 20px PF Din Text Cond Pro; color: #323232; text-transform: uppercase;} .text-franch p {font: normal 20px PF Din Text Cond Pro; margin: 0 0 20px 0;} .form-feedback { background: url(/img/form-feedback.png) no-repeat 37px 22px #D10319; border-radius: 20px; padding: 30px 30px 20px 30px; /* height: 242px; */ position: relative; display: inline-block; vertical-align: top; width: 317px;background-size:290px 165px; } #carousel img { border-radius:19px;} .form-feedback .text { border: none; width: 270px; height: 43px; padding: 0 5px; border-radius: 10px; /* float: right; */ font: normal 22px PF Din Text Cond Pro; margin: 0 auto; display: block; } .form-feedback p {font: normal 22px PF Din Text Cond Pro; color: #fff; text-transform: uppercase; overflow: hidden;} .form-feedback p span {display: inline-block; zoom: 1; *display: inline; padding: 10px 0 0 0;} .form-feedback .btn input {display: inline-block; zoom: 1; *display: inline; border: none; cursor: pointer; width: 214px; height: 50px; background: url(/img/btn-input.png) no-repeat;} .form-feedback .btn input:hover {background-position: 0 -60px;} .recipe dl {overflow: hidden; margin: 0 0 0 -5px;} .recipe dl dt {width: 268px; overflow: hidden; float: left; margin: 0 0 5px 5px; position: relative;} .recipe dl dt .img {width: 268px; height: 207px; overflow: hidden; margin: 0 0 5px 0;} .recipe dl dt .img img {display: block;} .recipe dl dt .title a {font: normal 18px PF Din Text Cond Pro; color: #D10319;} .recipe dl dt .like {background: url(/img/like.png) no-repeat left center; padding: 5px 0 0 30px; display: inline-block;zoom: 1; *display: inline;} .recipe .border {border-bottom: 1px dotted #ccc;} .address dl {overflow: hidden; margin: 0 0 0 0px} .address dl dt {float: left; text-align:center;width:16.66666%; } .address dl dt a {display: block; /* height: 100px; */ font: normal 18px/28px PF Din Text Cond Pro;} .address dl dt .icon {display: block; width: 100px; height: 100px; background: url(/img/sprite-contact_new.png) no-repeat center center;display:block; margin: 0 auto 0 auto; background-position: 13px -213px;} .address dl dt .active .icon {background-position: -112px -213px;} .address dl dt .icon.i48 {background-position: 13px 0;} .address dl dt .active .icon.i48 {background-position: -112px 0;} .address dl dt .icon.i49 {background-position: 13px -106px;} .address dl dt .active .icon.i49 {background-position: -112px -106px;} .address dl dt .icon.i52 {background-position: 13px -213px;} .address dl dt .active .icon.i52 {background-position: -112px -213px;} .address dl dt .icon.i50 {background-position: 13px -322px;} .address dl dt .active .icon.i50 {background-position: -112px -322px;} .address dl dt .icon.i51 {background-position: 13px -431px;} .address dl dt .active .icon.i51 {background-position: -112px -431px;} .address dl dt .icon.i533 {background-position: 13px -541px;} .address dl dt .active .icon.i533 {background-position: -112px -541px;} .shop-info .street {display: inline-block; zoom: 1; *display: inline; padding: 50px 0 0 0; background: url(/img/logo-small.png) no-repeat; min-width: 175px; font: normal 26px PF Din Text Cond Pro; text-transform: uppercase;} .shop-info .phone {display: inline-block; zoom: 1; *display: inline; font: normal 74px PF Din Text Cond Pro; text-transform: uppercase; color: #D10319; background: url(/img/phone-icon.png) no-repeat left center; padding: 0 0 0 50px; position: inherit;} .carousel .bx-controls .bx-pager {text-align: right;} .carousel .bx-controls .bx-pager .bx-pager-item {display: inline-block; zoom: 1; *display: inline; margin: 5px 0 0 10px; vertical-align: top;} .carousel .bx-controls .bx-pager .bx-pager-item a {display: block; width: 12px; height: 12px; background: url(/img/carousel-pager.png) no-repeat; font-size: 0; color: transparent;} .carousel .bx-controls .bx-pager .bx-pager-item a.active {background-position: 0 -17px;} .form-feedback.reserve .btn input {display: block; zoom: 1; border: none; cursor: pointer; width: 214px; height: 50px; background: url(/img/btn-reserve.png) no-repeat; margin: 0 auto;} .form-feedback.reserve .btn input:hover {background-position: 0 -60px;} .btn-up {position: fixed; right: 100%; bottom: 100px; z-index: 99999; margin: 0 -200px 0 0; display: none;} .btn-up a {display: block; width: 50px; background: url(/img/btn-up.png) no-repeat top center; font: normal 16px PF Din Text Cond Pro; color: PF Din Text Cond Pro; text-transform: uppercase; padding: 40px 0 0 0;} .btn-up a:hover {text-decoration: none;} .carousel-wrap{display:inline-block;vertical-align:top;} .plan{ box-sizing: border-box;} .infoform{color: white; font-size: 27px; background: #D10319; border-radius: 39px; padding: 9px 15px; box-sizing: border-box; position: relative; margin: 10px auto 58px auto; width: 245px; } .infoform h1{ color: white; font-size: 47px; font-weight: bold; margin: 10px 0 0 0px; } .phone {position: relative; bottom: 0px; text-transform: none;} .interior dl dt {width: 269px; height: 269px; overflow: hidden; float: left; margin: 0 0 5px 5px; position: relative;} .interior dl {overflow: hidden; margin: 0 0 0 -5px;} .interior dl dt {width: 980px; height: 269px; overflow: hidden; float: left; margin: 0 0 5px 5px; position: relative;} .interior dl dt:hover .text {display: block;} .interior dl dt .text {background: url(/img/opacity-white.png); width: 230px; height: auto; position: absolute; top: 0; left: 0; padding: 10px 20px; display: none;} .interior dl dt .text .title {font: normal 35px PF Din Text Cond Pro; color: #D10319; margin: 0 0 5px 0;} .interior dl dt .text .teaser p {font: normal 14px PF Din Text Cond Pro; color: #000;} .interior dl dt .text .cost {margin: 0; padding: 0 30px 0 0; background: url(/img/rub.png) no-repeat right center; display: inline-block; zoom: 1; *display: inline; font: normal 44px PF Din Text Cond Pro; color: #D10319;} .interior dl dt .text .unit {display: inline-block; zoom: 1; *display: inline; font: font: normal 14px PF Din Text Cond Pro; margin: 0;} .interior img{float: left;} .interior_1{width: 670px;;float: left; margin-left: 20px;font-size: 20pt} .interior a{font-size: 20pt; margin-left: 15px; } .issuu {width: 735px; height: 600px;} .modules dl {overflow:hidden; width:1000px; margin:0 0 0 -20px;} .modules dl dd {float:left; width:480px; margin:0 0 20px 20px;} .modules dl dd img {width:100%; display:block;} .modules dl dd.text-box {background: #efefef; padding:20px 0 20px 0;} .modules dl dd.text-box h3 {padding:0 20px 0 20px;} .modules dl dd.text-box p {padding:0 20px 0 20px; font-size:18px;} .modules dl dd.text-box ul {padding:0 20px 0 40px;} .modules dl dd.text-box ul li {font-size:16px;} .modules dl dd.w1 {width:300px;} .modules dl dd.w3 {width:660px;} .modules dl dd.w4 {width:100%} .modules dl dd.items3 {width:313px} .modules dl dd .rows2 li {width: 49%;float: left} #footer .perelink { color: #FFFFFF; font-size: 13px; height: 4px; } #footer .perelink ul { list-style: none outside none; margin: 0 0 -23px 5px; padding: 0; } #footer .perelink li { border-bottom:0; display: inline-block; margin: 0 0 -23px 5px;} .menu-prev p{font: normal 22px/1.4 PF Din Text Cond Pro;}