html, body, table, td, div, p, img, span, form, select, input, textarea, a, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; /*line-height: 1px;*/ } html, body { height: 100%; width: 100%; } body, a { font: 400 13px/24px Open Sans; text-decoration: none; } a { color: #da261d; text-decoration: underline; } a:hover { text-decoration: none; } body { min-width: 960px; } img { border: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; } .wrapper { margin: 0px auto; width: 960px; min-width: 960px; position: relative; text-align: justify;} .clear { clear: both; } h1 { font: 600 24px/24px Open Sans; color: #2f3031; text-transform: uppercase; } h3 { font: 400 17px/20px Open Sans; color: #000; text-transform: uppercase; } /* END OF SYSTEM */ /*FONTS DECLARATION*/ @font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot"); src: local("☺"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.otf") format("opentype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg"); } /*END OF FONTS DECLARATION*/ /* DECORATION */ /* END OF DECORATION */ /* HEADER BOX */ #header-box { height: 517px; position: relative; background: url(../img/header-bg.jpg) no-repeat center top; background-attachment: fixed; overflow: hidden;} #header-box .logo { width: 171px; height: 141px; position: absolute; left: 394px; top: 153px;} /* END OF HEADER BOX */ /* TOP MENU BOX */ #top-menu-box { height: 64px; background: url(../img/bg-menu.jpg) repeat-x center top; } #top-menu-box.floating { position: fixed; left: 0px; right: 0px; top: 0px; margin: 0px; z-index: 500; } #top-menu-box.floating1 { position: fixed; left: 0px; right: 0px; top: 0px; margin: 0px; z-index: 500; } #top-menu-box ul, #top-menu-box li { margin: 0px; padding: 0px; list-style: none; } #top-menu-box .wrapper ul{ } #top-menu-box .wrapper ul li:first-child { margin: 12px 10px 10px 10px; height: 41px; float: left; } #top-menu-box .wrapper ul li:first-child a { display: block; height: 41px; width: 41px; line-height: 0px; margin: 0px; padding: 0px; } #top-menu-box .wrapper ul li:last-child { margin: 12px 10px 10px 9px; height: 41px; float: right; } #top-menu-box .wrapper ul li:last-child a { display: block; height: 41px; width: 41px; line-height: 0px; margin: 0px; padding: 0px; } #top-menu-box .wrapper ul li { float: left; height: 63px; cursor: pointer; position: relative; } #top-menu-box .wrapper ul li a { display: table-cell; font: 600 13px/64px Open Sans, serif; height: 63px; color: #fff; padding: 0px 15px; vertical-align: middle; text-transform: uppercase; margin: 0px; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; background-position: left bottom; } #top-menu-box .wrapper ul li a:hover{ background-color: #4d4f51; background-image: url(../img/bg-bottom-menu.png); background-repeat: repeat-x; background-position: left bottom; } #top-menu-box .wrapper ul li a.active{ background-color: #4d4f51; background-image: url(../img/bg-bottom-menu.png); background-repeat: repeat-x; background-position: left bottom; } #top-menu-box .wrapper ul li .feed { display: block; box-sizing: border-box; border: 1px solid #fff; height: 41px; width: 41px; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease;} #top-menu-box .wrapper ul li .feed:hover { background-color: #fff; } #top-menu-box .wrapper ul li .feed img { padding: 12px 8px; } /* END OF TOP MENU BOX */ /* DERECTION BOX */ #derection-box { background: url(../img/bg-derection.jpg) repeat left top; height: 440px; overflow: hidden; position: relative; } #derection-box ul, #derection-box ul li { margin:0px; padding: 0px; list-style: none; } #derection-box .direction { padding: 53px 0px 90px 0px; } #derection-box .direction li { display: block; float: left; width: 460px; height: 297px; margin:0px 10px; position: relative; overflow: hidden; background-color: #000; padding: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } #derection-box .direction li a { display: block; text-align: center; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); overflow: hidden; } #derection-box .direction li a:hover::before, #derection-box .direction li a:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #derection-box .direction li a::before { border-top: 1px solid #da261d; border-bottom: 1px solid #da261d; -webkit-transform: scale(0,1); transform: scale(0,1); } #derection-box .direction li a::after { border-right: 1px solid #da261d; border-left: 1px solid #da261d; -webkit-transform: scale(1,0); transform: scale(1,0); } #derection-box .direction li a::before, #derection-box .direction li a::after { position: absolute; top: 9px; right: 9px; bottom: 9px; left: 9px; content: ''; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } #derection-box .direction li img { position: absolute; left:0px; top: 0px; width: 460px; height: 297px; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } #derection-box .direction li:hover img { opacity: 0.5; -webkit-transform: scale(1.1); transform: scale(1.1); } #derection-box .direction li a .title-block { display: inline-block; font: 600 24px/24px Open Sans; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 120px; } #derection-box .direction li a .title-block:after { content: ""; display: block; margin: 10px 30px 0px 30px; border-bottom: 1px solid #e3e3e3; } #derection-box .direction li a p { font: 300 14px/20px Open Sans; color: #fff; margin: 35px 0px 67px 0px; text-transform: none; } /* END OF DERECTION BOX */ /* STAGES BOX */ #stages-box { background: url(../img/bg-stages.jpg) no-repeat center 140px; overflow: hidden; } #stages-box .title-block { font: 400 20px/24px Open Sans; color: #2f3031; text-transform: uppercase; text-align: center; padding-top: 68px; } #stages-box ul, #stages-box ul li { margin: 0px; padding: 0px; list-style: none; } #stages-box .left-stages, #stages-box .right-stages { margin: 121px 0px 141px 0px; width: 300px;} #stages-box .left-stages { float: left; margin-left: 10px; } #stages-box .left-stages li .item, #stages-box .right-stages li .item { height: 36px; background-color: #2f3031; font: 400 18px/36px Open Sans; color: #fafafa; text-transform: uppercase; padding-left: 71px; position: relative; margin-bottom: 25px; } #stages-box .left-stages li .item:before, #stages-box .right-stages li .item:before { width: 48px; height: 48px; position: absolute; left: 6px; top: -6px; background-color: #da261d; font: 400 30px/48px Open Sans; color: #fff; text-align: center; } #stages-box .left-stages li .item:before { content:"1"; } #stages-box .left-stages li + li .item:before { content:"2"; } #stages-box .left-stages li + li + li .item:before { content:"3"; } #stages-box .left-stages li p, #stages-box .right-stages li p { font: 400 14px/20px Open Sans; color:#242424; height: 75px; overflow: hidden; margin-bottom: 8px; } #stages-box .right-stages { float: right; margin-right: 10px; } #stages-box .right-stages li .item:before { content:"4"; } #stages-box .right-stages li + li .item:before { content:"5"; } #stages-box .right-stages li + li + li .item:before { content:"6"; } /* END OF STAGES BOX */ /* PARTNERS INNER BOX */ #content-box { position: relative; } #content-box .partners-block { padding: 70px 10px 90px 10px; overflow: hidden; } #content-box .partners-block .title-block { display: inline-block; font: 400 24px/24px Open Sans; color: #2f3031; text-transform: uppercase; } #content-box .partners-block .title-block:after { content: ""; display: block; margin: 15px 0px 0px 0px; border-bottom: 1px solid #da261d; } #content-box .partners-block .anonce { margin: 50px 0px 66px 0px; font: 400 14px/20px Open Sans; color: #000; } #content-box .partners-block .body { margin: 50px 0px 66px 0px; font: 400 14px/24px Open Sans; color: #000; text-align: justify; } #content-box .partners-block .body a{color: #da261d; text-decoration: underline; } #content-box .partners-block .body a:hover{text-decoration: none; } #content-box .partners-block .part-item { width: 460px; float: left; margin-bottom: 41px; margin-right: 20px; } #content-box .partners-block .part-item:nth-child(2n) { margin-right: 0px; } #content-box .partners-block .part-item a { display: block; height: 108px; margin-bottom: 30px; background-repeat: no-repeat; background-position: left center; } #content-box .partners-block .part-item:hover .more { border: 1px solid #d92319; color: #d92319; background-color: #d92319; color: #fff; } #content-box .partners-block .part-item .part-anonce {font: 400 13px/18px Open Sans; color: #4c4c4c; height: 92px; overflow: hidden; } #content-box .partners-block .part-item .more { display: block; margin-top: 35px; width: 219px; height: 39px; font: 400 13px/39px Open Sans; color: #555555; text-transform: uppercase; text-align: center; border: 1px solid #696c70; -webkit-transition: border 0.9s; -moz-transition: border 0.9s; -o-transition: border 0.9s; transition: border 0.9s; -webkit-transition: color 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; box-sizing: border-box; cursor: pointer; } #content-box .partners-block .part-item .more:hover { border: 1px solid #d92319; color: #d92319; background-color: #d92319; color: #fff; } #content-box .partners-block .part-item .none { display: none; } #content-box .anonce a{color: #da261d; text-decoration: underline; } #content-box .anonce a:hover{text-decoration: none; } /* END OF PARTNERS INNER BOX */ /* ADVANTAGES BOX */ #advantages-box { height: 680px; background-image: url(../img/bg-advantages.jpg); background-repeat: no-repeat; overflow: hidden; position: relative; } #advantages-box .title-block { font: 400 20px/24px Open Sans; color: #fff; text-transform: uppercase; text-align: center; padding-top: 74px; } #advantages-box .itemlist-advant { margin-top: 52px; margin-bottom: 124px; } #advantages-box .itemlist-advant ul, #advantages-box .itemlist-advant ul li { padding: 0px; margin: 0px; list-style: none; } #advantages-box .itemlist-advant .left-advant, #advantages-box .itemlist-advant .right-advant { width: 437px;} #advantages-box .itemlist-advant .left-advant { float: left; margin-left: 20px; } #advantages-box .itemlist-advant .right-advant { float: right; margin-right: 20px; } #advantages-box .itemlist-advant ul li .figcaption { display: block; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); box-sizing: border-box; position: relative; background-color: rgba(248,248,248,0.8); } #advantages-box .itemlist-advant ul li .figcaption:hover { background-color: rgba(248,248,248,1); } #advantages-box .itemlist-advant ul li .figcaption:hover::before, #advantages-box .itemlist-advant ul li .figcaption:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #advantages-box .itemlist-advant ul li .figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } #advantages-box .itemlist-advant ul li .figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } #advantages-box .itemlist-advant ul li .figcaption::before, #advantages-box .itemlist-advant ul li .figcaption::after { position: absolute; top: -11px; right: -11px; bottom: -11px; left: -11px; content: ''; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } #advantages-box .itemlist-advant ul li { box-sizing: border-box; height: 144px; margin-bottom: 24px; } #advantages-box .itemlist-advant ul li:last-child { margin-bottom: 0px; } #advantages-box .itemlist-advant ul li .figcaption .title-item { height: 40px; padding-left: 69px; font: 400 18px/40px Open Sans; color: #fff; text-transform: uppercase; background-color: #2f3031; box-sizing: border-box; position: relative; } #advantages-box .itemlist-advant ul li .figcaption p { font: 400 13px/18px Open Sans; color: #474545; padding: 25px 29px 24px 70px; height: 55px; overflow: hidden; } #advantages-box .itemlist-advant ul li .figcaption .title-item::before { content:""; width: 48px; height: 48px; position: absolute; left: 6px; top: 0px; background-color: #da261d; border: 0px; } #advantages-box .itemlist-advant .left-advant li .title-item::before { background-image: url(../img/ico-adv1.png); background-repeat: no-repeat; background-position: center center; } #advantages-box .itemlist-advant .left-advant li + li .title-item::before { background-image: url(../img/ico-adv2.png); background-repeat: no-repeat; background-position: center center; } #advantages-box .itemlist-advant .left-advant li + li + li .title-item::before { background-image: url(../img/ico-adv3.png); background-repeat: no-repeat; background-position: center center; } #advantages-box .itemlist-advant .right-advant li .title-item::before { background-image: url(../img/ico-adv4.png); background-repeat: no-repeat; background-position: center center; } #advantages-box .itemlist-advant .right-advant li + li .title-item::before { background-image: url(../img/ico-adv5.png); background-repeat: no-repeat; background-position: center center; } #advantages-box .itemlist-advant .right-advant li + li + li .title-item::before { background-image: url(../img/ico-adv6.png); background-repeat: no-repeat; background-position: center center; } /* END OF ADVANTAGES BOX */ /* PARTNERS BOX */ #partners-box { /*padding-bottom: 75px;*/padding-bottom: 15px; overflow: hidden; text-align: center; } #partners-box .title-block { font: 400 20px/24px Open Sans; color: #2f3031; text-transform: uppercase; text-align: center; padding-top: 90px ; } #partners-box .logos, #partners-box .logos ul { position: relative; padding: 0px; margin: 0px; list-style: none; text-align: center; } #partners-box .logos { margin-top: 54px; height: 100px; overflow: hidden; } #partners-box .logos .page ul { overflow: hidden; } #partners-box .logos .page li { width: 25%; text-align: center; position: relative; padding: 0px; margin: 0px; list-style: none; float: left; } #partners-box .logo-inner { height: 100px; overflow: hidden; background-position: center top; background-repeat: no-repeat; } #partners-box .logo-inner:hover { background-position: center bottom; } #partners-box .logos-control-nav { padding: 0px; list-style: none; margin: 55px 0px 40px 0px; display: inline-block;} #partners-box .logos-control-nav li { width: 32px; height: 32px; padding: 0px; margin: 0px; list-style: none; cursor: pointer; background: #b9b9bb; position: relative; float: left; margin-right: 8px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } #partners-box .logos-control-nav li:last-child { margin-right: 0px; } #partners-box .logos-control-nav li:hover { background: #969696;} #partners-box .logos-control-nav li:before { color: #fff; font-size: 24px; line-height: 31px; font-family: FontAwesome; position: absolute; } #partners-box .logos-control-nav li.prev:before { content: "\f104"; left: 11px; } #partners-box .logos-control-nav li.next:before { content: "\f105"; left: 13px; } /* END OF PARTNERS BOX */ /* CONTACT BOX */ #content-box .contact-block { padding: 70px 10px 90px 10px; overflow: hidden; } #content-box .contact-block .title-block { display: inline-block; font: 400 24px/24px Open Sans; color: #2f3031; text-transform: uppercase; } #content-box .contact-block .title-block:after { content: ""; display: block; margin: 15px 0px 0px 0px; border-bottom: 1px solid #da261d; } #content-box .absolut-block { position: absolute; top: 241px; right: 0px; left: 0px; z-index: 400; width: 940px; height: 354px; margin: 0 auto; } #content-box .absolut-block .body { background-color: #fff; padding: 50px 400px 54px 75px; font: 400 14px/20px Open Sans; color: #000; border: 1px solid #bebebe; position: relative;} #content-box .absolut-block .body::after { content: ""; position: absolute; bottom: 0px; right:75px; width: 344px; height: 411px; background: url(/themes/default/img/bg-contact.png) no-repeat right bottom; } #content-box .absolut-block .body .contact-table { } #content-box .absolut-block .body .contact-table tr td img { padding: 10px; border: 1px solid #bebebe; box-sizing: border-box; margin-right: 60px; } #content-box .absolut-block .body .contact-table tr td { padding: 18px 0px; vertical-align: middle; } #content-box .absolut-block .body .contact-table tr:first-child td { font-size: 13px; } #content-box .absolut-block .body .contact-table tr:last-child td { font-size: 13px; } #content-box .text-block { padding: 70px 10px 90px 10px; overflow: hidden; } #content-box .text-block .title-block { display: inline-block; font: 400 24px/24px Open Sans; color: #2f3031; /*text-transform: uppercase;*/ } #content-box .text-block .title-block:after { content: ""; display: block; margin: 15px 0px 0px 0px; border-bottom: 1px solid #da261d; } #content-box .text-block .body { margin-top: 50px; font: 400 14px/20px Open Sans; color: #000; position: relative;} #content-box .text-block .body .block-title { font: 400 17px/20px Open Sans; color: #000; text-transform: uppercase; } #content-box .text-block .body a { color: #da261d; text-decoration: underline; } #content-box .text-block .body a:hover { text-decoration: none; } #content-box .text-block .body .red { background: #da261d; color: #fff; display: inline; line-height: 30px; margin-right: 10px; padding: 2px 8px; } #content-box .text-block .body .button { display: block; margin: 45px auto; width: 219px; height: 39px; font: 400 13px/39px Open Sans; text-decoration: none; color: #555555; text-transform: uppercase; text-align: center; border: 1px solid #696c70; -webkit-transition: border 0.9s; -moz-transition: border 0.9s; -o-transition: border 0.9s; transition: border 0.9s; -webkit-transition: color 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; box-sizing: border-box; cursor: pointer; } #content-box .text-block .body .button:hover { border: 1px solid #d92319; color: #d92319; background-color: #d92319; color: #fff; } #content-box .text-block .body ul.twocol, #content-box .text-block .body ul.twocol li { padding: 0px; margin: 0px; list-style: none; } #content-box .text-block .body ul.twocol { overflow: hidden; } #content-box .text-block .body ul.twocol li { width: 410px; padding-left: 50px; margin-bottom: 22px; font-style: italic; position: relative; } #content-box .text-block .body ul.twocol li:before { content:""; width: 20px; height: 20px; background-color: #cb231b; position: absolute; left: 0px; top: 0px; font: 600 14px/20px Open Sans; color: #fff; font-style: normal; text-align: center; } #content-box .text-block .body ul.twocol li:nth-child(odd) { float: left; } #content-box .text-block .body ul.twocol li:nth-child(even) { float: right; } #content-box .text-block .body ul.twocol li:before { content:"1"; } #content-box .text-block .body ul.twocol li + li:before { content:"4"; } #content-box .text-block .body ul.twocol li + li + li:before { content:"2"; } #content-box .text-block .body ul.twocol li + li + li +li:before { content:"5"; } #content-box .text-block .body ul.twocol li + li + li + li + li:before { content:"3"; } #content-box .text-block .body ul.twocol li + li + li + li + li + li:before { content:"6"; } #content-box .text-block .body ul, #content-box .text-block .body ul li { padding: 0px; margin: 0px; list-style: none; } #content-box .text-block .body ul { overflow: hidden; } #content-box .text-block .body ul li { padding-left: 50px; margin-bottom: 22px; font-style: italic; position: relative; } #content-box .text-block .body ul li:before { content:"\f00c"; color: #fff; font-style: normal; font-size: 13px; line-height: 20px; font-family: FontAwesome; width: 20px; height: 20px; background-color: #cb231b; position: absolute; left: 0px; top: 0px; text-align: center; /* font: 600 14px/20px Open Sans; color: #fff;*/ } /*#content-box .text-block .body ul li:before { content:"1"; } #content-box .text-block .body ul li + li:before { content:"2"; } #content-box .text-block .body ul li + li + li:before { content:"3"; } #content-box .text-block .body ul li + li + li +li:before { content:"4"; } #content-box .text-block .body ul li + li + li + li + li:before { content:"5"; } #content-box .text-block .body ul li + li + li + li + li + li:before { content:"6"; } #content-box .text-block .body ul li + li + li + li + li + li + li:before { content:"7"; } #content-box .text-block .body ul li + li + li + li + li + li + li + li:before { content:"8"; } #content-box .text-block .body ul li + li + li + li + li + li + li + li + li:before { content:"9"; } #content-box .text-block .body ul li + li + li + li + li + li + li + li + li + li:before { content:"10"; }*/ #content-box .about-girl { background: url(/themes/default/img/bg-derection.jpg) repeat left top; } #content-box .about-girl .text-blockin { padding: 90px 30px 100px 370px; } #content-box .about-girl .text-blockin:before { content: ""; position: absolute; bottom: 0px; left:37px; width: 385px; height: 427px; background: url(/themes/default/img/bg-about.png) no-repeat right bottom; z-index: 3; } #content-box .about-girl .text-blockin .title-block h2 { background: #da261d; outline: #da261d solid 6px; outline-offset: 0px; font: 600 italic 16px/19px Open Sans; color: #fff; display: inline; padding: 2px 4px; } #content-box .about-girl .text-blockin .title-block h2 span { position: relative; } #content-box .about-girl .text-blockin .body { font: italic 13px/18px Open Sans; color: #000; margin-top: 45px; margin-left: -6px; } /* END OF CONTACT BOX */ /* FEEDBACK BOX */ #feedback-box { background: url(../img/bg-derection.jpg) repeat left top; padding-bottom: 124px; } #feedback-box .title-block { font: 400 20px/24px Open Sans; color: #2f3031; text-transform: uppercase; text-align: center; padding-top: 98px; } #feedback-box .text { font: 400 10pt/18px Open Sans; color: #4e4e4e; text-align: center; padding-top: 21px; } #feedback-box .feedback { padding-top: 71px; margin: 0px 10px; } #feedback-box .feedback input { width: 299px; height: 40px; background-color: #fff; border: 1px solid #696c70; font: 400 13px/38px Open Sans; color: #575757; padding: 0px 19px; display: inline-block; float: left; margin: 0px 21px 13px 0px; outline: none; -webkit-transition: border 0.6s ease; -moz-transition: border 0.6s ease; -o-transition: border 0.6s ease; transition: border 0.6s ease; box-sizing: border-box; } #feedback-box .feedback input:nth-child(3n) { margin: 0px 0px 13px 0px; } #feedback-box .feedback input:hover { border: 1px solid #d92319; } #feedback-box .feedback input:focus { border: 1px solid #d92319; } #feedback-box .feedback textarea { width: 939px; height: 97px; display: inline-block; background-color: #fff; padding: 15px 19px; margin-bottom: 18px; border: 1px solid #696c70; font: 400 13px/24px Open Sans; color: #575757; outline: none; overflow: hidden; resize: none; -webkit-transition: border 0.6s ease; -moz-transition: border 0.6s ease; -o-transition: border 0.6s ease; transition: border 0.6s ease; box-sizing: border-box; } #feedback-box .feedback textarea:hover { border: 1px solid #d92319; } #feedback-box .feedback textarea:focus { border: 1px solid #d92319; } #leasing { display: none; } #feedback-box .feedback.leasing input { width: 459px; } #feedback-box .feedback.leasing input:nth-child(2n) { margin-right: 0; } #feedback-box .feedback.leasing input:nth-child(3n) { margin-bottom: 23px; } #feedback-box .feedback.leasing .selectbox { margin: 0 0 23px 21px; } #feedback-box .feedback.leasing .selectbox .select { width: 438px; height: 38px; padding: 0 0 0 19px; border: 1px solid #696c70; outline: none; background: #fff; display: inline-block; float: left; box-shadow: none; text-shadow: none; -webkit-transition: border 0.6s ease; -moz-transition: border 0.6s ease; -o-transition: border 0.6s ease; transition: border 0.6s ease; } #feedback-box .feedback.leasing .selectbox .select .text, #feedback-box .feedback.leasing .selectbox .dropdown { font: 400 13px/38px Open Sans; color: #575757; padding: 0; text-align: left; } #feedback-box .feedback.leasing .selectbox .select .trigger { top: 3px; right: 3px; } #feedback-box .feedback.leasing .selectbox .select .trigger i { background: url(/themes/default/img/sprites.jpg) no-repeat 0px -32px; top: 0; right: 0; border: 0px; width: 32px; height: 32px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } #feedback-box .feedback.leasing .selectbox .select:hover { border-color: #d92319; } #feedback-box .feedback.leasing .selectbox .select:hover .trigger i, #feedback-box .feedback.leasing .selectbox.focused .select .trigger i { background-position: 0px 0px; } #feedback-box .feedback.leasing .selectbox ul { list-style: none; padding: 0px; margin: 0px; } #feedback-box .feedback.leasing .selectbox li { padding: 0 19px; margin: 0px; list-style: none; color: #575757; } #feedback-box .feedback.leasing .selectbox li.selected { background-color: #747474; color: #fff; } #feedback-box .feedback.leasing .selectbox li:hover { background-color: #747474; color: #fff; } #feedback-box .feedback.leasing .selectbox.focused .select { border-color: #d92319; } #feedback-box .feedback.leasing .selectbox ul li:nth-child(odd) { background-color: #f0f0f0; } #feedback-box .feedback.leasing .selectbox ul li:nth-child(odd):hover { background-color: #747474; color: #fff; } #feedback-box .feedback.leasing .selectbox ul li.selected:nth-child(odd) { background-color: #747474; color: #fff; } #feedback-box .feedback.leasing .selectbox ul li.selected:nth-child(odd):hover { background-color: #747474; color: #fff; } #feedback-box .feedback input::-webkit-input-placeholder, #feedback-box .feedback textarea::-webkit-input-placeholder { color:#575757; opacity:1; } #feedback-box .feedback input::-moz-placeholder, #feedback-box .feedback textarea::-moz-placeholder { color:#575757; opacity:1; }/* Firefox 19+ */ #feedback-box .feedback input:-moz-placeholde, #feedback-box .feedback textarea:-moz-placeholder { color:#575757; opacity:1; }/* Firefox 18- */ #feedback-box .feedback input:-ms-input-placeholder, #feedback-box .feedback textarea:-ms-input-placeholder { color:#575757; opacity:1; } #send { margin: 0 auto; width: 219px; height: 39px; font: 400 13px/39px Open Sans; color: #555555; text-transform: uppercase; text-align: center; border: 1px solid #696c70; -webkit-transition: border 0.9s; -moz-transition: border 0.9s; -o-transition: border 0.9s; transition: border 0.9s; -webkit-transition: color 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; box-sizing: border-box; cursor: pointer; } #send:hover { border: 1px solid #d92319; color: #d92319; background-color: #d92319; color: #fff; } #feedback-box .text-bot-box { text-align: center; margin-top: 30px; margin-bottom: -30px; } #feedback-box .text-bot-box a { font: 400 14px/20px Open Sans; color: #da261d; text-decoration: underline; } #feedback-box .text-bot-box a:hover { text-decoration: none; } /* END OF FEEDBACK BOX */ #info-message { padding-bottom: 28px; } #info-message .g-descr { color: #000; font: 16px/26px 'RobotoLight'; margin: 0 auto; max-width: 1020px; padding: 0 0 18px 50px; text-align: left; } #info-message .g-descr._warn { font: 400 13px/20px 'Open Sans'; color: #000000; margin-top: 28px; padding-left: 60px !important; padding-bottom: 0; position: relative; } #info-message .g-descr._warn:before { content: ''; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 29px; height: 29px; background: url(/themes/default/img/alert-ico.png) no-repeat left top; } /* FOOTER BOX */ #footer-box { background-color: #2f3031; padding: 46px 0px 52px 0px; overflow: hidden;} #footer-box .copyright { float: left; font: 400 13px/20px Open Sans; color: #fff; padding-left: 43px; margin: 5px 0px 0px 10px; background: url(../img/footer-logo.jpg) no-repeat left center; } #footer-box .acb { float: left; font: 400 13px/20px Open Sans; color: #fff; padding-left: 43px; margin: 5px 0px 0px 70px; background: url(../img/logo-acb.png) no-repeat left center; } #footer-box .YUMI-here { float: right; margin-top: 10px; } #footer-box .YUMI-here a {height: 24px; display: inline-block; font: 400 13px/24px Open Sans; color: #fff; text-decoration: underline; margin-left: 12px; padding-right: 93px; background-image: url(../img/YUMI.jpg); background-position: right 0px; background-repeat: no-repeat; -webkit-transition: background-position 0.2s ease; -moz-transition: background-position 0.2s ease; -o-transition: background-position 0.2s ease; transition: background-position 0.2s ease; } #footer-box .YUMI-here a:hover { background-position: right -24px; text-decoration: none; } /* END OF FOOTER BOX */ /*SUBSCRIBE*/ #subscribe-overlay { display: none; background: rgba(0,0,0,0.72); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 800; } #subscribe-button { position: fixed; right: 0px; top: 348px; width: 53px; height: 307px; z-index: 500; background: url(../img/subscribe-button.gif) no-repeat left top; cursor: pointer; } #subscribe-button:hover { background-position: right top; } #subscribe-box { width: 476px; position: absolute; left: 50%; margin: 120px 0px 0px -254px; background-color: #340c0d; background-image: url(../img/frame-bold-lu.gif), url(../img/frame-bold-ru.gif), url(../img/frame-bold-ld.gif), url(../img/frame-bold-rd.gif), url(../img/frame-bold-u.gif), url(../img/frame-bold-d.gif), url(../img/frame-bold-l.gif), url(../img/frame-bold-r.gif); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y; background-position: left top, right top, left bottom, right bottom, left top, left bottom, left top, right top; padding: 15px 16px; box-shadow: 0px 0px 15px 0px #000; } #subscribe-box .block-title { box-shadow: inset 0px 2px 12px 0px #000; background-color: #673132; background-image: url(../img/line-with-gradient-long.gif), url(../img/title-bg-texture.png); background-repeat: no-repeat, repeat; background-position: center bottom, left top; padding: 15px 0px 11px 0px; text-align: center; font: bold 20px/22px Tinos, serif; color: #fce9b5; text-transform: uppercase; text-shadow: 0px 1px 3px #180b0b; } #subscribe-box .desc { padding: 17px 20px 17px 20px; } #subscribe-box .desc, #subscribe-box .desc p { font: italic normal 15px/20px Tinos, serif; color: #fce9b5; text-align: justify; } #subscribe-box ul { padding: 0px 17px 13px 17px; margin: 0px; list-style: none; overflow: hidden; } #subscribe-box ul li { padding: 0px 0px 7px 0px; margin: 0px; list-style: none; } #subscribe-box ul li.data-field, #subscribe-box ul li.captcha-img, #subscribe-box ul li.captcha-field { background-image: url(../img/form-field-l.gif), url(../img/form-field-r.gif), url(../img/form-field-bg.gif); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left top, right top, left top; height: 43px; } #subscribe-box ul li.data-field input, #subscribe-box ul li.captcha-field input { background: none; border: 0px; outline: none; margin: 10px 0px 0px 12px; font: italic normal 20px/22px Tinos, serif; color: #fce9b5; text-shadow: 0px 1px 3px #000; } #subscribe-box ul li.data-field input { width: 415px; } #subscribe-box ul li.captcha-img { float: left; width: 160px; text-align: center; } #subscribe-box ul li.captcha-img img { width: 98px; height: 25px; margin-top: 9px; } #subscribe-box ul li.captcha-refresh { float: left; width: 100px; text-align: center; padding: 11px 0px 0px 12px; } #subscribe-box ul li.captcha-refresh a { font: italic normal 18px/20px Tinos, serif; color: #fce9b5; border-bottom: 1px dashed #fce9b5; text-shadow: 0px 1px 3px #000; } #subscribe-box ul li.captcha-refresh a:hover { border-bottom: none; } #subscribe-box ul li.captcha-field { float: right; width: 160px; } #subscribe-box ul li.captcha-field input { width: 133px; } #subscribe-box .submit { box-shadow: inset 0px -2px 12px 0px #000; background-color: #723334; background-image: url(../img/line-with-gradient-long.gif), url(../img/title-bg-texture.png); background-repeat: no-repeat, repeat; background-position: center top, left top; height: 75px; text-align: center; } #subscribe-box .submit input { margin-top: 17px; border: 0px; width: 440px; height: 43px; background: url(../img/form-submit-bg.png) no-repeat left top; text-align: center; cursor: pointer; outline: none; font: italic normal 23px/43px Tinos, serif; color: #f4edd9; text-shadow: 0px 1px 3px #000; } #subscribe-box .submit input::-moz-focus-inner { border: 0px; padding: 0px; margin-top: -3px; } #subscribe-box .submit input:hover { background-position: left -43px; color: #552c13; text-shadow: 0px 1px 3px #fff; } /*END OF SUBSCRIBE*/ /* NEW STYLE */ #footer-social{ background: #616161; vertical-align: middle; height: 32px; font-size: 0px; padding: 9px 0; } #footer-socia div{ vertical-align: middle; } #footer-social span{ font-size: 14px; color: #ffffff; margin-left: 10px; margin-right: 28px; vertical-align: middle; } #footer-social a{ display: inline-block; margin-right: 12px; vertical-align: middle; } #footer-social a img{ display: block; opacity: 0.9; } #footer-social a:hover img{ opacity: 0.7; } ol{ padding-left: 15px; } .text_block{ font-size: 14px; overflow: hidden; } p{ margin: 0 0 15px; } .highslide img { border: none !important; } h2{ font-size: 20px; font-weight: bold; margin: 0 0 15px; } h3{ font-size: 16px; font-weight: bold; text-transform: none; margin: 0 0 15px; } ol { margin: 0 0 15px; } #stages-box h2 { font: 400 20px/24px Open Sans; color: #2f3031; text-transform: uppercase; text-align: center; padding-top: 68px; } .widget{ margin: 0 0 30px; } .widget iframe{ border: none; width: 100% !important; } .my_form{ font: 600 15px/39px 'Open Sans'; } .g-pt6b10.my_form{ margin-top: 12px; } .my_form form{ font-size: 0; } .my_form .item{ display: inline-block; vertical-align: top; width: 50%; font: 600 15px/39px 'Open Sans'; margin-bottom: 15px; } .my_form .item .sub_name{ font: 400 13px/21px 'Open Sans'; } .my_form .item_last{ display: block; text-align: center; } .my_form textarea{ border: 1px solid #696c70; background: #fff; display: block; font: 600 15px/19px 'Open Sans'; /*height: 39px;*/ min-height: 60px; padding: 10px 10px 0 18px; vertical-align: middle; width: 342px; border-radius: 0; } /******************************************/ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em;} sub {bottom: -0.25em;} .header_top_wrap{ height: 62px; background: #232425; } .header_top{ display: block; width: 100%; max-width: 960px; margin: 0 auto; height: 62px; font-size: 13px; line-height: 20px; color: #aeaeae; padding: 11px 0; box-sizing: border-box; overflow: hidden; text-align: center; } .header_top br{ line-height: 18px; } .header_top_left{ float: left; text-align: left; vertical-align: top; position: relative; top: -2px; } .header_top_left a{ color: #ffffff; text-decoration: none; } .header_top_left a:hover{ text-decoration: underline; } .header_top_center{ display: inline-block; vertical-align: middle; text-align: left; } .header_top_right{ float: right; text-align: left; vertical-align: top; position: relative; top: -2px; } .header_top_right a{ display: inline; color: #aeaeae; text-decoration: none; } .header_top_right a:nth-of-type(2){ position: relative; top: -4px; } .header_top_right a:hover{ text-decoration: underline; } #header-box{ background-attachment: local !important; background-size: auto 100%; background-position: center top !important; } #top-menu-box.floating1{ position: static; margin-top: -64px; } #top-menu-box.floating1.floating{ position: fixed; margin-top: 0px; } /* Добавление новостного блока */ section#news-box { /*display: none;*/ } .news-box-content { display: inline-block; vertical-align: top; position: relative; width: 280px; height: 460px; } #news-box .title-block { font: 400 24px/24px Open Sans; color: #2f3031; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #da261d; display: table; margin: 0 auto; } #news-box .title { text-align: center; padding-bottom: 20px; } #news-box .news-block-box { display: inline-block; vertical-align: top; margin-top: 25px; } #news-box .news-block { width: 280px; height: 460px; border: 1px solid #2f3032; } #news-box .news-block .date { height: 40px; background: #da261d; position: relative; } #news-box .news-block .date img { display: block; vertical-align: top; padding: 8px; padding-left: 20px; } #news-box .news-block .date .date_num { position: absolute; top: 7px; left: 70px; font-size: 13px; color: #ffffff; } #news-box .news-block p { padding: 20px; text-align: left; height: 85px; font-size: 14px; padding-top: 0px; } #news-box .news-block a { font-size: 14px; float: right; color: #da261d; padding-right: 20px; text-decoration: underline; } #news-box .news-block a:hover { color: #272727; } #news-box .news-box-content { margin-right: 50px; } #news-box .news-box-content { margin-right: 28px; margin-left: 15px; } #news-box.news-inner .news-box-content { margin-right: 20px; margin-left: 10px; margin-bottom: 20px; } #news-box .news-block p { overflow:hidden; position:relative; margin-top: -1px; } #news-box .news-block > p:after{ display:block; content:' '; position:absolute; left:0; bottom:0px; height:40px; width:100%; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); } #news-box .news-box-content:last-child { margin-right: 0px; } #news-box .news-block .img_box { height: 130px; overflow: hidden; } #news-box .news-block .img_box a { padding-right: 0; } #news-box .news-block .img_box img { position: relative; bottom: 50px; margin-top: -1px; } #news-box .news-block .news_desc { background: #2f3032; } #news-box .news-block .news_desc p, #news-box .news-block .news_desc a { font-size: 14px; color: #ffffff; padding: 20px; padding-top: 10px; height: 85px; text-align: left; float: none; text-decoration: none; display: block; margin-bottom: 10px; } #news-box .news-block .news_desc p { margin-top: -1px; } #news-box .news_btn { display: table; margin: 0 auto; padding: 28px 0; /*padding-bottom: 120px;*/ padding-bottom: 60px; margin-top: 30px; } #news-box .news_btn input[type="submit"] { padding: 10px 20px; background: none; border: 1px solid #2f3032; cursor: pointer; text-transform: uppercase; font-size: 13px; } #news-box .news_btn a { padding: 10px 20px; background: none; border: 1px solid #2f3032; cursor: pointer; text-transform: uppercase; font-size: 13px; display:inline-block; text-decoration:none; font:13px Arial; color:#000; } #news-box .news-block-box:hover { padding: 10px; border: 1px solid #da261d; position: absolute; left: -11px; top: -11px; box-sizing: border-box; } .news-page .content-box{ padding-top:25px; } .news-page .pict{ width:300px; max-width:100%; float:left; margin:5px 20px 10px 0; } .news-page .pict img{ max-width:100%; } @media only screen and (max-width: 600px) { .news-page .pict{ float:none; margin:5px 0 10px; text-align:center; width:100%; } }