.likely,.likely__widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin:0;padding:0;text-indent:0!important;list-style:none!important;font-weight:400;font-family:"Helvetica Neue",Arial,sans-serif;font-size:inherit}.likely{opacity:0;font-size:0!important}.likely_visible{opacity:1;transition:opacity .1s ease-in}.likely>*{display:inline-block;visibility:hidden}.likely_visible>*{visibility:inherit}.likely__widget{display:inline-block;position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;display:inline-block;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative;font-weight:400}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__widget,.likely__icon,.likely__button,.likely__counter{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;line-height:inherit}.likely__widget:hover,.likely__widget:active,.likely__widget:focus{transition:none;cursor:pointer}.likely__icon{position:relative;text-align:left;display:inline-block}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:#ececec;background:rgba(109,150,202,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(to right,rgba(0,0,0,.2)0,rgba(0,0,0,0).5px,rgba(0,0,0,0)100%)}.likely-light .likely__widget{color:#fff;fill:#fff;background:rgba(236,236,236,.16);text-shadow:rgba(0,0,0,.2)0 0 .33em}.likely-light .likely__counter{background-image:linear-gradient(to right,rgba(255,255,255,.4)0,rgba(255,255,255,0).5px,rgba(255,255,255,0)100%)}.likely__widget_facebook{fill:#425497}.likely__widget_facebook:hover,.likely__widget_facebook:active,.likely__widget_facebook:focus{background:rgba(207,212,229,.8)}.likely-light .likely__widget_facebook:hover,.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus{text-shadow:#425497 0 0 .25em;background:rgba(66,84,151,.7)}.likely__widget_twitter{fill:#00b7ec}.likely__widget_twitter:hover,.likely__widget_twitter:active,.likely__widget_twitter:focus{background:rgba(191,237,250,.8)}.likely-light .likely__widget_twitter:hover,.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus{text-shadow:#00b7ec 0 0 .25em;background:rgba(0,183,236,.7)}.likely__widget_gplus{fill:#dd4241}.likely__widget_gplus:hover,.likely__widget_gplus:active,.likely__widget_gplus:focus{background:rgba(246,207,207,.8)}.likely-light .likely__widget_gplus:hover,.likely-light .likely__widget_gplus:active,.likely-light .likely__widget_gplus:focus{text-shadow:#dd4241 0 0 .25em;background:rgba(221,66,65,.7)}.likely__widget_vkontakte{fill:#526e8f}.likely__widget_vkontakte:hover,.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus{background:rgba(211,218,227,.8)}.likely-light .likely__widget_vkontakte:hover,.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus{text-shadow:#526e8f 0 0 .25em;background:rgba(82,110,143,.7)}.likely__widget_pinterest{fill:#cc002b}.likely__widget_pinterest:hover,.likely__widget_pinterest:active,.likely__widget_pinterest:focus{background:rgba(242,191,202,.8)}.likely-light .likely__widget_pinterest:hover,.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus{text-shadow:#cc002b 0 0 .25em;background:rgba(204,0,43,.7)}.likely__widget_odnoklassniki{fill:#f6903b}.likely__widget_odnoklassniki:hover,.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus{background:rgba(252,227,206,.8)}.likely-light .likely__widget_odnoklassniki:hover,.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus{text-shadow:#f6903b 0 0 .25em;background:rgba(246,144,59,.7)}.likely{line-height:20px;margin:0 -5px -10px}.likely .likely__widget{font-size:14px;border-radius:3px;height:40px;margin:0 04px 10px}.likely .likely__icon{width:40px;height:40px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:8px;top:8px;width:25px;height:25px}.likely-big{line-height:28px;margin:0 -6px -12px}.likely-big .likely__widget{font-size:40px;border-radius:3px;height:40px;margin:0 5px 10px}.likely-big .likely__icon{width:40px;height:40px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{line-height:0px;margin:0 -4px -8px}.likely-small .likely__widget{font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:40px;height:40px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px}@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@font-face {
font-family: ruble;
src: url(//centernovo.ru/fonts/rouble.eot);
src: url(//centernovo.ru/fonts/rouble.eot?#iefix) format('embedded-opentype'), url(//centernovo.ru/fonts/rouble.woff2) format('woff2'), url(//centernovo.ru/fonts/rouble.woff) format('woff'), url(//centernovo.ru/fonts/rouble.ttf) format('truetype'), url(//centernovo.ru/fonts/rouble.svg#als_rublregular) format('svg');
font-weight: 400;
font-style: normal
}
* {
margin: 0;
padding: 0
}
html {
height: 100%
}
.textContent p,
body {
font-size: 15px;
line-height: 24px
}
body {
background: #fff;
font-family: Ubuntu, Arial, sans-serif;
color: #343434;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:800px) {
body {
overflow-x: hidden
}
}
a {
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
a[href^=tel] {
text-decoration: none;
cursor: default
}
a[href^=tel]:hover {
color: inherit !important
}
.content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto
}
.wrapper {
width: 98%;
max-width: 1600px
}
@media screen and (max-width:800px) {
.wrapper {
width: 100%
}
}
.ruble:before {
content: 'i';
font-family: ruble;
font-style: normal;
display: inline
}
.clear {
clear: both
}
.h100 {
height: 100%
}
.dflx {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.flxd-clm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.linkBack a,
.prel {
position: relative
}
.flx1,
.row .clm {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.green {
color: #4171af
}
.linkBack a:hover,
.textContent .allLink a:hover,
a.green:hover {
color: #3c641b
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.row .clm {
-ms-flex: 1 0 0%;
-webkit-flex: 1 0 0%;
flex: 1 0 0%;
min-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.row .clm.clm2 {
-webkit-box-flex: 2;
-ms-flex: 2 0 0%;
-webkit-flex: 2 0 0%;
flex: 2 0 0%
}
.row .clm.clm3 {
-webkit-box-flex: 3;
-ms-flex: 3 0 0%;
-webkit-flex: 3 0 0%;
flex: 3 0 0%
}
.row .clm.clm4 {
-webkit-box-flex: 4;
-ms-flex: 4 0 0%;
-webkit-flex: 4 0 0%;
flex: 4 0 0%
}
.row .clm.clm5 {
-webkit-box-flex: 5;
-ms-flex: 5 0 0%;
-webkit-flex: 5 0 0%;
flex: 5 0 0%
}
.row .clm.clm6 {
-webkit-box-flex: 6;
-ms-flex: 6 0 0%;
-webkit-flex: 6 0 0%;
flex: 6 0 0%
}
.row .clm.clm7 {
-webkit-box-flex: 7;
-ms-flex: 7 0 0%;
-webkit-flex: 7 0 0%;
flex: 7 0 0%
}
.row .clm.clm8 {
-webkit-box-flex: 8;
-ms-flex: 8 0 0%;
-webkit-flex: 8 0 0%;
flex: 8 0 0%
}
.row .clm.clm9 {
-webkit-box-flex: 9;
-ms-flex: 9 0 0%;
-webkit-flex: 9 0 0%;
flex: 9 0 0%
}
.row .clm.clm10 {
-webkit-box-flex: 10;
-ms-flex: 10 0 0%;
-webkit-flex: 10 0 0%;
flex: 10 0 0%
}
.row .clm.clm11 {
-webkit-box-flex: 11;
-ms-flex: 11 0 0%;
-webkit-flex: 11 0 0%;
flex: 11 0 0%
}
.row .clm.clm12 {
-webkit-box-flex: 12;
-ms-flex: 12 0 0%;
-webkit-flex: 12 0 0%;
flex: 12 0 0%
}
.row .clm.clm13 {
-webkit-box-flex: 13;
-ms-flex: 13 0 0%;
-webkit-flex: 13 0 0%;
flex: 13 0 0%
}
.row .clm.clm14 {
-webkit-box-flex: 14;
-ms-flex: 14 0 0%;
-webkit-flex: 14 0 0%;
flex: 14 0 0%
}
.row .clm.clm15 {
-webkit-box-flex: 15;
-ms-flex: 15 0 0%;
-webkit-flex: 15 0 0%;
flex: 15 0 0%
}
.row .clm.clm16 {
-webkit-box-flex: 16;
-ms-flex: 16 0 0%;
-webkit-flex: 16 0 0%;
flex: 16 0 0%
}
.row .clm .cont {
padding-left: 20px
}
.row.aiCenter,
.textContent .incutPhoto .row {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.filterNav {
margin-bottom: 40px;
font-size: 0;
padding-left: 0 !important
}
.filterNav li {
display: inline-block;
height: 40px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 0 !important
}
.filterNav li a {
display: block;
height: 40px;
line-height: 36px;
border: 2px solid #4171af;
padding: 0 15px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
-webkit-transition: color .3s ease, background .3s ease;
-o-transition: color .3s ease, background .3s ease;
transition: color .3s ease, background .3s ease;
color: #343434;
text-decoration: none
}
.filterNav li.active a,
.filterNav li:hover a {
background: #4171af;
color: #fff
}
.alignerList-link+div,
.caseContent-text p+p,
.linkBack,
.navService-list>li h3+ul,
.newsContent-text p+p,
.newsDetail-content p+p,
.textContent .super+h3 {
margin-top: 20px
}
.linkBack a:before {
content: '';
width: 12px;
height: 21px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
right: 100%;
margin-top: -11px;
margin-right: 20px;
background-size: 125px 120px;
background-position: 0 -30px
}
.linkBack a:hover:before {
background-position: 0 -60px
}
.contentWrap {
padding: 40px 0 100px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto
}
@media screen and (max-width:800px) {
.contentWrap {
padding: 120px 0 40px
}
.contentWrap>.row {
display: block
}
.contentWrap .cont {
padding: 0 20px
}
.contentWrap-empty {
display: none
}
}
.textContent .mainTitle,
.textContent h1 {
font-size: 65px;
line-height: 72px;
color: #464646;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 35px;
position: relative;
z-index: 10
}
@media screen and (max-width:800px) {
.textContent .mainTitle,
.textContent h1 {
font-size: 35px;
line-height: 47px
}
}
.textContent .subtitle,
.textContent h2 {
font-size: 35px;
text-transform: uppercase;
font-weight: 400
}
.textContent h2 {
margin-top: 60px;
color: #343434;
line-height: 48px;
margin-bottom: 40px
}
@media screen and (max-width:800px) {
.textContent h2 {
font-size: 25px;
line-height: 37px
}
}
.textContent h3 {
color: #343434;
font-size: 35px;
line-height: 42px;
font-weight: 300;
margin-bottom: 30px
}
@media screen and (max-width:800px) {
.textContent h3 {
font-size: 20px;
line-height: 30px
}
}
.textContent p+h3 {
margin-top: 70px
}
.textContent .allLink {
text-transform: uppercase;
margin: 60px 0;
font-weight: 700
}
.linkBack a,
.textContent .allLink a,
.textContent a {
color: #4171af
}
}
.textContent .subtitle {
line-height: 42px;
color: #4171af;
margin-bottom: 30px
}
.textContent p+.subtitle {
margin-top: 60px
}
.textContent .lead {
font-size: 35px;
line-height: 42px;
font-weight: 300;
color: #343434;
margin-bottom: 60px
}
@media screen and (max-width:800px) {
.textContent .lead {
font-size: 25px;
line-height: 37px
}
}
.textContent p {
margin-bottom: 20px
}
.textContent p.strong {
font-weight: 500;
font-size: 17px;
line-height: 24px
}
.textContent ol,
.textContent ul {
padding-left: 20px;
margin-bottom: 30px
}
.textContent ol li+li,
.textContent ul li+li {
margin-top: 5px
}
.textContent p+ol,
.textContent p+ul {
margin-top: -10px
}
.textContent .incutBlue,
.textContent .incutPhoto {
padding: 40px 40px 40px 200px;
margin-left: -200px;
margin-bottom: 40px;
font-size: 17px;
line-height: 24px
}
.textContent .incutPhoto {
background-size: cover;
background-position: left center;
background-repeat: no-repeat;
background-color: #eee;
min-height: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.textContent .incutPhoto .row {
min-height: 220px
}
@media screen and (max-width:800px) {
.textContent .incutPhoto .row {
display: block
}
}
.textContent .iconList .incutPhoto {
min-width: 100%
}
.textContent .incutBlue {
background: #eff7f8
}
.textContent .incutBlue .row {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.textContent .incutBlue-text {
padding-right: 20px
}
@media screen and (min-width:801px) {
.textContent .incutBlue-text {
padding: 20px 20px 20px 0
}
}
.textContent .incutBlue img {
width: 100%;
height: auto
}
@media screen and (max-width:800px) {
.textContent .incutBlue .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.textContent .incutBlue .clm {
-webkit-box-flex: 0;
-ms-flex: 0;
-webkit-flex: 0;
flex: 0
}
.textContent .incutBlue .incutImg {
margin-top: 20px
}
}
.textContent .quote {
padding: 40px 40px 40px 200px;
background: #eff7f8;
margin-left: -200px;
margin-top: 60px;
margin-bottom: 60px;
position: relative;
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%
}
.textContent .quote img {
max-width: 100%;
height: auto
}
.textContent .quote:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
border-color: transparent #eff7f8 transparent transparent;
position: absolute;
top: 100%;
right: 30px
}
.textContent .quote .row {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.textContent .quote-text {
font-size: 17px;
line-height: 24px;
margin-bottom: 40px
}
.textContent .quote-author {
min-height: 75px;
display: table
}
.textContent .quote-author-img {
width: 75px;
height: 75px;
overflow: hidden;
display: table-cell;
vertical-align: middle
}
.textContent .quote-author-img img {
width: 100%;
height: auto
}
.textContent .quote-author-name {
display: table-cell;
vertical-align: middle;
font-style: italic;
font-weight: 300;
padding-left: 20px
}
@media screen and (max-width:800px) {
.textContent .quote {
background-image: none !important
}
.textContent .quote .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.textContent .quote .clm {
-webkit-box-flex: 0;
-ms-flex: 0;
-webkit-flex: 0;
flex: 0
}
.textContent .quote-img {
display: none
}
}
.textContent .super {
font-weight: 700;
text-transform: uppercase;
font-size: 65px;
line-height: 72px;
margin-top: 80px;
color: #4171af;
overflow: hidden
}
.textContent .super+* {
margin-top: 50px
}
@media screen and (max-width:950px) {
.textContent .super {
font-size: 35px;
line-height: 47px
}
}
@media screen and (max-width:460px) {
.textContent .super {
font-size: 20px;
line-height: 30px
}
}
.textContent table {
width: 100%
}
.textContent table tr:nth-child(odd) td {
background: #f3f2f3
}
.textContent table td {
padding: 15px
}
.textContent .table-comment {
padding: 15px;
color: #4171af;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 40px
}
.textContent .iconList {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
padding-left: 0 !important
}
.textContent .iconList-item {
margin-bottom: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
position: relative;
margin-top: 0 !important
}
.textContent .iconList-item-title {
font-size: 15px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
min-height: 48px
}
}
.textContent .iconList.noIcons .iconList-item {
width: 33.33%
}
@media screen and (max-width:1000px) {
.textContent .iconList.noIcons .iconList-item {
width: 50%
}
}
@media screen and (max-width:550px) {
.textContent .iconList.noIcons .iconList-item {
width: 100%
}
.textContent .iconList.noIcons .iconList-item-title {
margin-bottom: 10px
}
}
.textContent .iconList.smallIcons .iconList-item {
width: 33.33%;
padding-left: 60px
}
.textContent .iconList.smallIcons .iconList-item-icon {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-image: url(//centernovo.ru/img/sprite-icons-small.svg);
background-size: 440px 40px;
background-repeat: no-repeat
}
.textContent .iconList.smallIcons .iconList-item-icon.iconPers {
background-position: 0 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconMoon {
background-position: -40px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconShield {
background-position: -80px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconTooth {
background-position: -120px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconHands {
background-position: -160px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconRuble {
background-position: -200px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconScrew {
background-position: -240px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconMicro {
background-position: -280px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconHandRuble {
background-position: -320px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconSmile {
background-position: -360px 0
}
.textContent .iconList.smallIcons .iconList-item-icon.iconHex {
background-position: -400px 0
}
@media screen and (max-width:1000px) {
.textContent .iconList.smallIcons .iconList-item {
width: 50%
}
}
@media screen and (max-width:550px) {
.textContent .iconList.smallIcons .iconList-item {
width: 100%
}
.textContent .iconList.smallIcons .iconList-item-title {
margin-bottom: 10px
}
}
.textContent .iconList.bigIcons .iconList-item {
width: 25%
}
.textContent .iconList.bigIcons .iconList-item-icon {
width: 70px;
height: 70px;
margin-bottom: 25px;
background-image: url(//centernovo.ru/img/sprite-icons-big.svg);
background-size: 840px 70px;
background-repeat: no-repeat
}
.textContent .iconList.bigIcons .iconList-item-icon.iconClock {
background-position: 0 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconGlobe {
background-position: -70px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconMicro {
background-position: -140px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconTooth {
background-position: -210px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconScrew {
background-position: -280px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconMoon {
background-position: -350px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconPers {
background-position: -420px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconShine {
background-position: -490px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconTeeth {
background-position: -560px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconSmile {
background-position: -630px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconCity {
background-position: -700px 0
}
.textContent .iconList.bigIcons .iconList-item-icon.iconCall {
background-position: -770px 0
}
@media screen and (max-width:900px) {
.textContent .iconList.bigIcons .iconList-item {
width: 33.33%
}
}
@media screen and (max-width:700px) {
.textContent .iconList.bigIcons .iconList-item {
width: 50%
}
}
@media screen and (max-width:550px) {
.textContent .iconList.bigIcons .iconList-item {
width: 100%
}
.textContent .iconList.bigIcons .iconList-item-title {
margin-bottom: 10px
}
}
.textContent .checkList {
list-style: none;
font-size: 0;
margin-bottom: 20px;
padding-left: 0 !important
}
.textContent .checkList li {
display: inline-block;
width: 25%;
padding-right: 20px;
vertical-align: top;
font-size: 17px;
line-height: 24px;
padding-left: 45px;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.textContent .checkList li:before {
content: '';
width: 29px;
height: 21px;
background: url(//centernovo.ru/img/check.png) no-repeat;
position: absolute;
top: 0;
left: 0
}
@media screen and (max-width:1200px) {
.textContent .checkList li {
width: 33.33%
}
}
@media screen and (max-width:800px) {
.textContent .checkList li {
width: 50%
}
}
@media screen and (max-width:500px) {
.textContent .checkList li {
width: 100%
}
}
.textContent .greenForm {
margin-top: 60px;
padding: 40px 80px;
background: #e8eed9
}
.textContent .greenForm.white {
background: #fff
}
.textContent .greenForm .formRow {
font-size: 0
}
.textContent .greenForm-title {
font-size: 15px;
line-height: 24px;
color: #4171af;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 40px;
position: relative
}
.textContent .greenForm-title:before {
content: '';
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: -60px;
margin-top: -20px;
background: url(//centernovo.ru/img/question.svg) center center no-repeat
}
.textContent .greenForm-title span {
text-transform: none;
color: #343434;
display: block;
font-weight: 400
}
.textContent .greenForm.iconMail .greenForm-title:before {
background: url(//centernovo.ru/img/sprite-menu.svg);
background-size: 360px 120px;
background-position: -200px 0
}
.textContent .greenForm input[type=email],
.textContent .greenForm input[type=password],
.textContent .greenForm input[type=text] {
width: 49%;
margin-bottom: 20px;
border: 1px solid #4171af;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
padding-left: 10px;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
color: #343434;
background: #fff;
float: left;
margin-right: 2%
}
.textContent .greenForm input[type=email]:nth-of-type(2n),
.textContent .greenForm input[type=password]:nth-of-type(2n),
.textContent .greenForm input[type=text]:nth-of-type(2n) {
margin-right: 0
}
.textContent .greenForm input[type=email]:focus,
.textContent .greenForm input[type=password]:focus,
.textContent .greenForm input[type=text]:focus,
.textContent .greenForm textarea:focus {
border: 1px solid #3c641b;
outline: 1px solid #3c641b
}
.textContent .greenForm input[type=email].error,
.textContent .greenForm input[type=password].error,
.textContent .greenForm input[type=text].error,
.textContent .greenForm textarea.error {
background: #fff0ea;
border-color: #ff6c60;
outline-color: #ff6c60
}
.textContent .greenForm textarea {
width: 100%;
border: 1px solid #4171af;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
color: #343434;
background: #fff;
height: 140px;
margin-bottom: 20px
}
.textContent .greenForm .formFooter {
display: table;
width: 100%
}
.textContent .greenForm button {
display: table-cell;
margin-right: 20px;
height: 40px;
font-family: Ubuntu, Arial, sans-serif;
line-height: 40px;
padding: 0 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
background: #343434;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
border: 0;
outline: 0
}
.navForm button:hover,
.textContent .greenForm button:hover {
background: #3c641b
}
.navForm button:disabled,
.textContent .greenForm button:disabled {
cursor: default;
background: #ccc
}
.textContent .greenForm .errorMsg {
display: table-cell;
font-size: 13px;
font-weight: 300;
padding-left: 20px;
vertical-align: middle;
line-height: 18px;
width: 100%
}
@media screen and (max-width:800px) {
.textContent .greenForm {
padding: 20px
}
.textContent .greenForm-title {
margin-bottom: 20px
}
.textContent .greenForm-title:before {
display: none
}
.textContent .greenForm input[type=email],
.textContent .greenForm input[type=password],
.textContent .greenForm input[type=text] {
width: 100%;
margin-right: 0
}
}
.textContent .serviceSteps,
.textContent .serviceSteps-item {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.textContent .serviceSteps {
margin-bottom: 65px;
font-size: 0;
padding-left: 0 !important;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.textContent .serviceSteps li+li {
margin-top: 0 !important
}
.textContent .serviceSteps-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
width: 20%;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top
}
.textContent .serviceSteps-item-num {
height: 100px;
background: #f0e8e1;
font-size: 45px;
font-weight: 700;
color: #b6967d;
line-height: 100px;
padding: 0 20px
}
.textContent .serviceSteps-item-text {
background: #f7f2ef;
padding: 20px;
font-size: 15px;
line-height: 24px;
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.textContent .serviceSteps-item.double {
width: 40%
}
@media screen and (max-width:1320px) {
.textContent .serviceSteps-item {
width: 25%
}
.textContent .serviceSteps-item.double {
width: 50%
}
}
@media screen and (max-width:1055px) {
.textContent .serviceSteps-item {
width: 33.33%
}
.textContent .serviceSteps-item.double {
width: 66.66%
}
}
@media screen and (max-width:710px) {
.textContent .serviceSteps-item {
width: 50%
}
.textContent .serviceSteps-item.double {
width: 100%
}
}
@media screen and (max-width:500px) {
.textContent .serviceSteps-item {
width: 100%;
display: table;
table-layout: fixed
}
.textContent .serviceSteps-item-num,
.textContent .serviceSteps-item-text {
display: table-cell;
vertical-align: middle;
height: auto
}
.textContent .serviceSteps-item-num {
width: 20%;
text-align: center
}
}
}
[type=checkbox].personalData-agree {
position: absolute;
left: -9999px
}
[type=checkbox].personalData-agree+label {
position: relative;
padding-left: 26px;
font-size: 15px;
line-height: 20px;
cursor: pointer;
display: inline-block;
color: #fff;
margin-bottom: 30px
}
[type=checkbox].personalData-agree+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 3px
}
[type=checkbox].personalData-agree+label:after {
content: '';
position: absolute;
top: 4px;
left: 3px;
display: block;
width: 12px;
height: 10px;
background: url(//centernovo.ru/img/sprite-checkbox.svg) center center no-repeat;
background-size: 27px 10px;
background-position: 0 0
}
[type=checkbox].personalData-agree+label a {
color: #fff
}
[type=checkbox].personalData-agree:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
[type=checkbox].personalData-agree:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
[type=checkbox].personalData-agree.error+label:before {
border: 2px solid #ff6c60 !important
}
.greenForm [type=checkbox].personalData-agree+label {
color: inherit
}
.greenForm [type=checkbox].personalData-agree+label:before {
border: 2px solid #4171af
}
.greenForm [type=checkbox].personalData-agree+label:after {
background-position: -15px 0
}
.navWrap {
position: fixed;
top: 10px;
bottom: 10px;
left: 10px;
font-size: 0;
z-index: 990
}
@media screen and (max-width:800px) {
.navWrap {
display: none;
}
}
.icon {
width: 60px;
height: 60px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background: url(//centernovo.ru/img/low_sprites.png);
background-size: auto
}
.icon-clin {
background-position: -10px -250px
}
.icon-clin:hover {
background-position: -90px -250px
}
.icon-clin:active {
background-position: -170px -250px
}
.icon-serv {
background-position: -330px -250px
}
.icon-serv:hover {
background-position: -10px -330px
}
.icon-serv:active {
background-position: -90px -330px
}
.icon-pers {
background-position: -90px -90px
}
.icon-pers:hover {
background-position: -170px -10px
}
.icon-pers:active {
background-position: -170px -90px
}
.icon-rev {
background-position: -120px 0
}
.icon-prac {
background-position: -250px -10px
}
.icon-prac:hover {
background-position: -250px -90px
}
.icon-prac:active {
background-position: -10px -10px
}
.icon-mail {
background-position: -10px -170px
}
.icon-mail:hover {
background-position: -90px -170px
}
.icon-mail:active {
background-position: -170px -170px
}
.icon-pin {
background-position: -90px -10px
}
.icon-pin:hover {
background-position: -250px -170px
}
.icon-pin:active {
background-position: -10px -90px
}
.social {
width: 60px;
height: 60px;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
background: url(//centernovo.ru/img/social-sprite.png);
background-size: auto
}
.social-vk {
background-position: -10px -10px
}
.social-vk:hover {
background-position: -90px -10px
}
.social-vk:active {
background-position: -10px -90px
}
.navLeft {
width: 100px;
display: inline-block;
height: 100%;
vertical-align: top;
background: #eee;
background: rgba(255, 255, 255, .95)
}
.navLeft-cont {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.navRight-logo-link {
position: relative
}
.logo-active,
.logo-hover {
display: none
}
.navRight-logo-link:active .logo-active,
.navRight-logo-link:hover .logo-hover {
display: block;
position: absolute;
z-index: 150;
top: -60px;
left: 0
}
.navLeft-logo {
margin-top: 20px;
margin-bottom: 20px
}
.navLeft-logo img,
.navRight-logo img {
height: 60px;
width: auto
}
.navWrap.openMenu .navLeft-logo,
.navWrap.openMenu .navLeft-menu {
visibility: hidden
}
.navLeft-logo,
.navLeft-menu {
text-align: center
}
.navLeft-menu ul,
.navRight-menu ul,
.navService-list>li ul {
list-style: none
}
.navLeft-menu li+li,
.navMobile-body-menu li+li,
.navRight-menu li+li,
.navService-list>li ul li+li {
margin-top: 10px
}
.navLeft-menu .icon {
display: block;
margin: 0 auto
}
.navLeft-menu a {
display: block;
color: #4171af;
font-size: 13px;
text-decoration: none
}
.navLeft-menu a:hover {
color: rgba(65, 113, 175, .7)
}
.navLeft-menu a:active {
color: rgba(65, 113, 175, .4)
}
.navLeft-menu span {
color: #4171af;
font-size: 13px
}
.navLeft-menu li.active {
position: relative;
color: #7e7e7e
}
.navLeft-menu li.active a,
.navLeft-menu li.active span {
color: #7e7e7e;
display: block
}
.navLeft-mail.active:after,
.navLeft-menu li.withTriangle:after,
.navRight-menu li.withTriangle a:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent rgba(255, 255, 255, .95);
position: absolute;
top: 50%;
margin-top: -20px;
right: -20px;
z-index: 1100
}
.navLeft-btn,
.navLeft-mail,
.navMobile-body-menu li.active,
.navRight-menu li.active {
position: relative
}
.navLeft-btn {
height: 90px;
cursor: pointer;
margin-top: 28px;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navLeft-btn:after {
content: '';
position: absolute;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(//centernovo.ru/img/low_sprites.png);
background-size: auto;
background-position: -330px -90px
}
.navLeft-btn,
.navLeft-btn:hover {
background: #203550
}
.navLeft-btn:hover:after,
.navMobile-head-btn:hover:after {
background-position: -330px -170px
}
.navWrap.openMenu .navLeft-btn:after {
background-position: -250px -250px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.navMobile.open .navMobile-head-btn:hover:after,
.navWrap.openMenu .navLeft-btn:hover:after {
background-position: -330px -10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.navRight {
width: 0;
display: inline-block;
height: 100%;
vertical-align: top;
background: rgba(255, 255, 255, .95)
}
.navRight-cont {
width: 300px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
visibility: hidden
}
.navWrap.openMenu .navRight-cont {
visibility: visible
}
.navWrap.openMenu .navRight {
width: 300px
}
.navRight-logo {
margin-top: 20px;
padding-left: 20px
}
.navRight-logo img {
margin-left: -15px
}
.navRight-logo,
.navRight-menu {
margin-bottom: 20px
}
.navRight-menu,
.navRight-social {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
padding-left: 20px
}
.navRight-menu a,
.navRight-menu span,
.navRight-social a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase
}
.navRight-menu a,
.navRight-social a {
text-decoration: none;
color: #4171af
}
.navRight-menu a:hover,
.navRight-social a:hover {
color: rgba(65, 113, 175, .7)
}
.navRight-menu a:active,
.navRight-social a:social {
color: rgba(65, 113, 175, .4)
}
.navRight-menu span {
color: #343434
}
.navMobile-body-menu li.active a,
.navMobile-body-menu li.active span,
.navRight-menu li.active a,
.navRight-menu li.active span {
color: #7e7e7e
}
.navRight-btnLine {
padding-left: 20px;
margin-bottom: 10px;
position: relative
}
.navWrap.openForm .navRight-btnLine:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent rgba(255, 255, 255, .95);
position: absolute;
top: 50%;
margin-top: -20px;
right: -20px
}
.navRight-btn {
display: inline-block;
height: 45px;
padding: 0 60px;
background: #4171af;
color: #fff;
font-size: 15px;
line-height: 45px;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navRight-btn:hover {
background: rgba(65, 113, 175, .7)
}
.navRight-btn:active {
background: rgba(65, 113, 175, .4)
}
.navWrap.openForm .navRight-btn {
background: #7e7e7e
}
.navRight-info {
margin-bottom: 20px;
font-size: 15px;
padding-left: 60px;
position: relative;
margin-left: 20px
}
.navRight-info a {
color: #4171af
}
.navRight-info a:hover {
color: rgba(65, 113, 175, .7)
}
.navRight-info a:active {
color: rgba(65, 113, 175, .4)
}
.navRight-info .icon {
position: absolute;
top: 0;
left: 0
}
.navRight-bottom {
height: 70px;
background: #f3e5d8;
font-size: 15px;
line-height: 70px;
padding-left: 80px
}
.navRight-bottom a {
color: #343434;
font-weight: 700
}
.navRight-bottom a:hover,
.navService a:hover {
color: #4171af
}
.navForm {
width: 0;
height: 100%;
background: rgba(65, 113, 175, .95);
overflow: hidden;
display: inline-block
}
.navForm-cont {
width: 500px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 50px;
opacity: 0
}
.navForm-title {
font-size: 15px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
position: relative;
padding-right: 80px
}
.navForm-title-close {
position: absolute;
top: 50%;
margin-top: -20px;
right: 0;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 3px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navForm-title-close:after,
.navService-close:after {
content: '';
width: 17px;
height: 17px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
background-size: 125px 120px;
background-position: -100px 0
}
.navForm form {
width: 100%;
margin-top: 50px
}
.mainForm-body input[type=text],
.navForm input[type=text],
.navMobile-form input[type=text] {
display: block;
width: 100%;
height: 40px;
margin-bottom: 20px;
background: #fff;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
border: 1px solid #fff;
outline: 0
}
.navForm input[type=text]:focus,
.navForm textarea:focus {
border: 1px solid #1f3c61;
outline: 1px solid #1f3c61
}
.navForm input[type=text].error,
.navForm textarea.error {
background: #fff0ea;
border-color: #ff6c60;
outline-color: #ff6c60
}
.navForm textarea {
width: 100%;
height: 140px;
margin-bottom: 10px;
background: #fff;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
padding: 10px;
border: 1px solid #fff;
outline: 0;
resize: none
}
.navForm .formFooter {
display: table;
width: 100%
}
.navForm button,
.navMobile-form button {
display: table-cell;
cursor: pointer;
height: 40px;
font-family: Ubuntu, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
line-height: 40px;
padding: 0 1em;
border: 0;
background: #343434;
color: #fff;
outline: 0;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navForm .errorMsg {
display: table-cell;
font-size: 13px;
font-weight: 300;
padding-left: 20px;
vertical-align: middle;
line-height: 18px;
width: 100%;
color: #fff
}
.navForm textarea,
.navService,
.navService-cont {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.navService {
height: auto;
top: 130px;
background: rgba(8, 35, 80, .8);
vertical-align: top;
color: #fff;
padding: 53px 0;
position: relative;
overflow: hidden;
z-index: 1000;
width: 0
}
.navService-cont {
width: 850px;
opacity: 0;
padding-right: 70px
}
.navService-list {
list-style: none;
-webkit-column-count: 2;
column-count: 2
}
.navService-close,
.navService-list>li {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.navService-list>li {
font-size: 15px;
font-weight: 300;
vertical-align: top;
padding-left: 50px;
padding-bottom: 30px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
.navService-list>li h3 {
font-size: 35px;
line-height: 47px;
font-weight: 300;
text-align: center
}
.navService-close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 3px;
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navService-close:hover {
background: #fff
}
.navService a {
color: #ecf0f1;
text-decoration: none
}
@media screen and (max-width:1299px) {
.navService-list>li {
padding-left: 28px
}
.navService-list>li h3 {
font-size: 20px;
line-height: 29px
}
}
.navMobile {
display: none;
position: fixed;
top: 10px;
left: 10px;
right: 10px;
z-index: 1000;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
height: 70px;
background: rgba(255, 255, 255, .95);
overflow: hidden
}
.navMobile-head {
height: 70px;
position: absolute;
top: 0;
left: 0;
right: 0
}
.navMobile-head-logo {
display: block;
margin: 10px 20px;
float: left
}
.navMobile-head-logo img {
height: 50px;
width: auto
}
.navMobile-head-logo .logo-full,
.navMobile.open .navMobile-head-logo .logo-small {
display: none
}
.navMobile.open .navMobile-head-logo .logo-full {
display: block
}
.navMobile-head-btn {
width: 70px;
height: 70px;
float: right;
cursor: pointer;
position: relative
}
.navMobile-head-btn:after {
content: '';
position: absolute;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(//centernovo.ru/img/low_sprites.png);
background-size: auto;
background-position: -330px -90px
}
.navMobile.open .navMobile-head-btn:after {
background-position: -250px -250px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.navMobile-body {
position: absolute;
top: 70px;
right: 0;
bottom: 0;
left: 0
}
.navMobile-body-cont {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.navMobile-body-menu {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
list-style: none;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
overflow: scroll
}
.navMobile-body-menu a,
.navMobile-body-menu span {
font-size: 15px;
color: #4171af;
text-decoration: none;
text-transform: uppercase;
font-weight: 700
}
.navMobile-body-menu a:hover,
.navMobile-body-menu span:hover {
color: rgba(65, 113, 175, .7)
}
.navMobile-body-menu a:active,
.navMobile-body-menu span:active {
color: rgba(65, 113, 175, .4)
}
.navMobile-body-bottom {
height: 70px
}
.navMobile-body-btn,
.navMobile-body-nonres {
width: 50%;
height: 70px;
line-height: 70px;
font-weight: 700;
text-align: center
}
.navMobile-body-nonres {
background: #f3e5d8;
float: left
}
.navMobile-body-nonres a {
color: #343434
}
.navMobile-body-nonres a:hover,
.navMobile-service a:hover {
color: #4171af
}
.navMobile-body-btn {
float: right;
background: #4171af;
color: #fff;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.navMobile-body-btn:hover {
background: rgba(65, 113, 175, .7)
}
.navMobile-body-btn:active {
background: rgba(65, 113, 175, .4)
}
.navMobile-form {
position: fixed;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: rgba(65, 113, 175, .95);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
display: none;
z-index: 1000
}
.navMobile-form-cont {
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.navMobile-form form {
width: 100%;
margin-top: 30px
}
.navMobile-form input[type=text]:focus,
.navMobile-form textarea:focus {
border: 1px solid #1f3c61;
outline: 1px solid #1f3c61
}
.navMobile-form input[type=text].error,
.navMobile-form textarea.error {
background: #fff0ea;
border-color: #ff6c60;
outline-color: #ff6c60
}
.mainForm-body textarea,
.navMobile-form textarea {
width: 100%;
height: 140px;
margin-bottom: 15px;
background: #fff;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: 1px solid #fff;
outline: 0;
resize: none
}
.navMobile-form [type=checkbox].personalData-agree+label {
margin-bottom: 15px
}
.navMobile-form .formFooter {
display: table;
width: 100%
}
.navMobile-form button:hover {
background: #1f3c61
}
.navMobile-form button:disabled {
cursor: default;
background: #ccc
}
.navMobile-form .errorMsg {
display: table-cell;
font-size: 13px;
font-weight: 300;
padding-left: 20px;
vertical-align: middle;
line-height: 18px;
width: 100%;
color: #fff
}
@media screen and (max-width:800px) {
.navMobile {
display: block
}
}
.navMobile-service {
position: fixed;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: rgba(52, 52, 52, .9);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 1000;
color: #fff;
overflow: hidden;
display: none
}
.navMobile-service-cont {
padding: 20px 70px 20px 20px;
position: relative
}
.copyright a,
.footer,
.footer a,
.navMobile-service a {
color: #fff
}
.navMobile-service .navService-list {
-webkit-column-count: 1
}
.navMobile-service .navService-list li {
padding-bottom: 20px;
padding-left: 0
}
.footer {
padding: 25px 0;
background: #4171af;
-webkit-box-flex: 0;
-ms-flex: none;
-webkit-flex: none;
flex: none
}
.footer a:hover {
color: rgba(255, 255, 255, .7)
}
.footer a:active {
color: rgba(255, 255, 255, .4)
}
.footer-logo {
margin-bottom: 42px;
padding-left: 20px
}
.footer-logo img {
height: 52px;
width: auto;
margin-top: -20px
}
.footer-menu {
list-style: none
}
.footer-menu li+li {
margin-top: 15px
}
.footer .anotherCity {
font-weight: 700;
margin: 30px 0 15px
}
.footer .personalData {
font-weight: 700;
margin: 0
}
.footer .socialLinks {
font-size: 0;
display: inline-block;
vertical-align: top;
margin-left: 10px
}
.footer .socialLinks li {
display: inline-block;
margin-right: 5px
}
.footer .socialLinks li:last-of-type {
margin-right: 0
}
.footer .socialLinks li a {
display: block;
height: 24px;
width: 24px
}
.footer .socialLinks li a.fb {
background: url(//centernovo.ru/img/social_links.png) 0 0 no-repeat
}
.footer .socialLinks li a.fb:hover {
background: url(//centernovo.ru/img/social_links.png) 0 -25px no-repeat
}
.footer .socialLinks li a.insta {
background: url(//centernovo.ru/img/social_links.png) -24px 0 no-repeat
}
.footer .socialLinks li a.insta:hover {
background: url(//centernovo.ru/img/social_links.png) -24px -25px no-repeat
}
@media screen and (max-width:424px) {
.footer .socialLinks {
margin-left: 0;
display: block
}
}
@media screen and (max-width:800px) {
.footer {
padding: 40px 0
}
.footer-empty {
display: none
}
.footer .cont {
padding: 0 20px
}
.footer-logo {
margin-bottom: 20px;
padding-left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.footer-logo img {
margin: 0
}
.footer-cont {
margin-bottom: 25px
}
.footer-infoWrap,
.footer-menuWrap {
width: auto;
float: none
}
}
@media screen and (max-width:710px) {
.footer .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.footer-menu {
margin-bottom: 25px
}
}
.copyright {
height: 70px;
background: #2962ac;
color: #fff
}
.copyright a:hover {
color: #4171af
}
.copyright .clm {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.copyright .clm:last-of-type {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.copyright .toTop {
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 3px;
cursor: pointer;
float: right;
-webkit-transition: border-color .3s ease;
-o-transition: border-color .3s ease;
transition: border-color .3s ease;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.copyright .toTop:after {
content: '';
width: 21px;
height: 12px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -10px;
background-size: 125px 120px
}
.copyright .toTop:hover {
border-color: #fff
}
.copyright .toTop:after,
.copyright .toTop:hover:after {
background-position: -50px 0
}
@media screen and (max-width:520px) {
.copyright {
height: auto;
padding: 20px 0
}
.copyright .row {
display: block
}
.copyright-empty {
display: none !important
}
.copyright-left,
.copyright-right {
float: none !important;
line-height: 25px !important;
width: auto !important
}
}
@media screen and (max-width:800px) {
.copyright {
padding-right: 20px;
position: relative
}
.copyright .row {
display: block
}
.copyright-empty {
display: none !important
}
.copyright-left,
.copyright-right {
float: left;
width: 50%;
line-height: 70px
}
.copyright .toTop {
position: absolute;
top: 50%;
margin-top: -20px;
right: 20px
}
}
.mainSlides {
height: 100vh;
background: #4171af;
color: #fff;
position: relative;
overflow: hidden
}
.mainSlides-img,
.mainSlides-img-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.mainSlides-img {
list-style: none
}
.mainSlides-img-item {
display: none;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.mainSlides-right,
.mainSlides-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.mainSlides-right {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.mainSlides-wrap {
width: 100%;
height: 350px;
margin-bottom: 30px;
padding-left: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between;
position: relative
}
.mainSlides-wrap>* {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto
}
.mainSlides-wrap-arrows {
font-size: 0;
height: 40px;
max-height: 40px;
margin-bottom: 30px;
z-index: 5
}
.mainSlides-wrap-arrows .arrow {
display: inline-block;
width: 40px;
height: 40px;
cursor: pointer;
margin-right: 20px;
border: 2px solid #fff;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease
}
.mainSlides-wrap-arrows .arrow:hover {
background: #fff
}
.mainSlides-wrap-arrows .arrow-left:after {
width: 12px;
height: 21px;
left: 50%;
margin-top: -11px;
margin-left: -8px;
background-position: 0 0
}
.mainSlides-wrap-arrows .arrow-left:hover:after {
background-position: 0 -30px
}
.mainSlides-wrap-arrows .arrow-left:after,
.mainSlides-wrap-arrows .arrow-right:after,
.mainSlides-wrap-next span:after {
content: '';
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
background-size: 125px 120px
}
.mainSlides-wrap-arrows .arrow-right:after {
left: 50%;
margin-left: -6px;
width: 12px;
height: 21px;
margin-top: -11px;
background-position: -25px 0
}
.mainSlides-wrap-arrows .arrow-right:hover:after {
background-position: -25px -30px
}
.mainSlides-wrap-titles {
list-style: none;
position: relative
}
.mainSlides-wrap-titles .titleItem {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
font-size: 35px;
line-height: 48px;
text-transform: uppercase;
z-index: 1
}
.mainSlides-wrap-titles .titleItem a {
color: #fff;
text-decoration: none
}
.mainSlides-wrap-titles .titleItem.withBG {
background: rgba(60, 100, 27, .5);
padding: 100px 30px 30px;
margin: -100px 0 -30px -30px
}
.mainSlides-wrap-next {
display: inline-block;
height: 25px;
max-height: 25px;
line-height: 25px
}
.mainSlides-wrap-next span {
cursor: pointer;
position: relative
}
.mainSlides-wrap-next span:hover {
text-decoration: none
}
.mainSlides-wrap-next span:after {
width: 21px;
height: 12px;
margin-top: -6px;
right: 100%;
margin-right: 20px;
background-position: -75px 0
}
@media screen and (max-width:800px) {
.mainSlides-left {
display: none
}
.mainSlides-wrap-titles .titleItem {
font-size: 25px;
line-height: 35px;
padding-right: 20px
}
.mainSlides-wrap-next {
padding-left: 41px
}
}
.mainAbout-left,
.mainAbout-right {
padding-top: 80px;
padding-bottom: 20px
}
.mainAbout-left {
background: #f3e5d8
}
.mainAbout-title {
font-size: 35px;
line-height: 48px;
font-weight: 400;
margin-top: -10px;
margin-bottom: 25px;
text-transform: uppercase
}
.mainAbout-text {
margin-bottom: 75px
}
@media screen and (max-width:800px) {
.mainAbout .topRow {
display: block
}
.mainAbout-empty {
display: none
}
.mainAbout-left,
.mainAbout-right {
padding: 40px 0
}
.mainAbout-left .cont,
.mainAbout-right .cont {
padding: 0 20px
}
.mainAbout-list-title {
width: 100%;
font-size: 35px !important;
line-height: 47px !important;
margin-bottom: 40px !important
}
}
.mainAbout-video {
margin-bottom: 25px;
position: relative;
cursor: pointer
}
.mainAbout-video img {
width: 100%;
height: auto;
display: block
}
.mainAbout-video-icon {
position: absolute;
bottom: 20px;
right: 20px;
font-size: 15px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding-left: 60px;
z-index: 10
}
.mainAbout-video-icon:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(//centernovo.ru/img/sprite-video.svg);
background-size: 50 100px;
position: absolute;
top: 50%;
margin-top: -25px;
left: 0
}
.mainAbout-video:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(182, 150, 125, .3);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.mainAbout-video:hover:after {
background: rgba(52, 52, 52, .3)
}
.overlay,
.videoPopup {
display: none;
position: fixed
}
.overlay {
right: 0;
bottom: 0;
background: rgba(52, 52, 52, .8);
top: 0;
left: 0;
z-index: 200
}
.videoPopup {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
max-width: 1000px;
z-index: 250
}
.videoPopup:after {
padding-top: 56.25%;
display: block;
content: ''
}
.videoPopup iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.videoPopup-close {
height: 40px;
position: absolute;
top: -40px;
right: 0;
color: #fff;
line-height: 40px;
cursor: pointer
}
.videoPopup-close:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
margin-left: 10px;
background-size: 125px 120px;
background-position: -100px 0
}
.videoPopup-close:hover {
color: #4171af;
text-decoration: none
}
.videoPopup-close:hover:after {
background-position: -100px -30px
}
.mainAbout-quote {
margin-bottom: 30px;
padding-right: 20px
}
.mainAbout-quote:before {
content: '«';
display: block;
font-size: 36px;
font-weight: 400;
margin-bottom: 20px
}
.mainAbout-quote:after {
content: '»';
display: block;
font-size: 36px;
font-weight: 400;
margin-top: 20px
}
.mainAbout-author {
font-style: italic;
position: relative
}
.mainAbout-author:before {
content: '';
width: 30px;
height: 2px;
background: #343434;
position: absolute;
top: 11px;
right: 100%;
margin-right: 20px
}
.mainAbout-list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px
}
.mainAbout-list-title {
font-size: 65px;
line-height: 72px;
font-weight: 600;
color: #4171af;
text-transform: uppercase;
margin-bottom: 50px;
padding-left: 20px
}
.mainAbout-listItem {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
margin-bottom: 60px;
padding-left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mainAbout-listItem-title {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px
}
@media screen and (min-width:500px) {
.mainAbout-listItem {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%
}
}
@media screen and (min-width:1600px) {
.mainAbout-listItem {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
-webkit-flex: 0 0 33.33%;
flex: 0 0 33.33%
}
}
.mainForm-head {
background: #3c641b;
height: 100px
}
.mainForm-head-left {
background: #4171af;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.mainForm-head-right {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer
}
.mainForm-head-open {
color: #fff;
display: inline-block;
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
position: relative
}
.mainForm-head-open:hover,
.mainForm-head-right:hover .mainForm-head-open {
color: #4171af
}
.mainForm-head-open .icon {
content: '';
width: 40px;
height: 40px;
background: #fff;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -20px;
right: 100%;
margin-right: 20px
}
.mainForm-head-open .icon:after {
content: '';
width: 21px;
height: 12px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -10px;
background-size: 125px 120px;
background-position: -75px -60px
}
.mainForm-head-open.active .icon:after,
.mainForm-head.active .mainForm-head-open .icon:after {
background-position: -50px -60px
}
.mainForm-body button:hover,
.mainForm-head.active .mainForm-head-left {
background: #3c641b
}
.mainForm-body {
display: none;
background: #4171af;
padding: 20px 0 30px
}
.mainForm-body input[type=text]:focus,
.mainForm-body textarea:focus {
border: 1px solid #3c641b;
outline: 1px solid #3c641b
}
.mainForm-body input[type=text].error,
.mainForm-body textarea.error {
background: #fff0ea;
border-color: #ff6c60;
outline-color: #ff6c60
}
.mainForm-body .formFooter {
display: table;
width: 100%
}
.mainForm-body button,
.mainServices-dots span {
background: #343434;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.mainForm-body .errorMsg,
.mainForm-body button {
display: table-cell;
font-size: 13px;
vertical-align: middle;
color: #fff
}
.mainForm-body button {
cursor: pointer;
font-family: Ubuntu, Arial, sans-serif;
text-transform: uppercase;
padding: 0 1em;
border: 0;
outline: 0;
height: 40px;
font-weight: 700;
line-height: 40px
}
.mainForm-body .errorMsg {
font-weight: 300;
padding-left: 20px;
line-height: 18px;
width: 100%
}
@media screen and (max-width:800px) {
.mainForm .row {
display: block
}
.mainForm-empty {
display: none
}
.mainForm-head-right {
height: 100px
}
.mainForm-head-open {
padding-left: 50px
}
.mainForm-head-open .icon {
right: auto;
left: 0
}
.mainForm-body .cont {
padding: 0 20px
}
}
.mainServices {
height: 650px;
background: #e9e6e7;
position: relative;
overflow: hidden
}
.mainServices-mobileNav {
display: none;
position: absolute;
bottom: 20px;
right: 20px;
left: 20px
}
.mainServices-dots {
float: left
}
.mainServices-dots span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px
}
.mainServices-dots span.active {
background: #4171af
}
.mainServices-next {
float: right;
height: 21px;
line-height: 21px;
cursor: pointer;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.mainServices-next:after {
content: '';
display: inline-block;
width: 12px;
height: 21px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
background-size: 125px 120px;
background-position: -25px -90px;
vertical-align: middle;
margin-left: 10px
}
.mainServices-next:hover {
color: #4171af;
text-decoration: underline
}
.mainServices-next:hover:after {
background-position: -25px -30px
}
@media screen and (max-width:800px) {
.mainServices {
height: 400px
}
.mainServices .row,
.mainServices-mobileNav {
display: block
}
.mainServices .serviceList-item {
background-position: 35% center
}
.mainServices .serviceList-item-title {
margin-top: 30px
}
.mainServices .serviceList-item-text,
.mainServices .serviceNav {
display: none
}
.mainServices .cont {
padding: 0 20px
}
}
.serviceList {
list-style: none
}
.serviceList-item,
.serviceList-item a {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.serviceList-item {
background-size: cover;
background-repeat: no-repeat;
display: none
}
.serviceList-item a {
display: block;
color: #343434;
text-decoration: none
}
.serviceList-item-title {
margin-top: 80px;
font-size: 35px;
line-height: 48px;
text-transform: uppercase;
margin-bottom: 30px
}
@media screen and (max-width:1450px) {
.serviceList-item-cont {
-webkit-box-flex: 6 !important;
-ms-flex: 6 6 0px !important;
-webkit-flex: 6 6 0 !important;
flex: 6 6 0 !important
}
.serviceList-item-empty {
-webkit-box-flex: 8 !important;
-ms-flex: 8 8 0px !important;
-webkit-flex: 8 8 0 !important;
flex: 8 8 0 !important
}
}
@media screen and (max-width:1050px) {
.serviceList-item-cont {
-webkit-box-flex: 8 !important;
-ms-flex: 8 8 0px !important;
-webkit-flex: 8 8 0 !important;
flex: 8 8 0 !important
}
.serviceList-item-empty {
-webkit-box-flex: 6 !important;
-ms-flex: 6 6 0px !important;
-webkit-flex: 6 6 0 !important;
flex: 6 6 0 !important
}
}
.serviceNav {
position: absolute;
right: 0;
bottom: 50px;
left: 0
}
.serviceNavList,
.serviceNavList-item {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.serviceNavList {
list-style: none;
margin-left: -20px;
margin-right: -20px
}
.serviceNavList-item {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 100px;
background: rgba(255, 255, 255, .8);
margin-right: 20px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
-webkit-transition: background .3s ease, color .3s ease;
-o-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease
}
.serviceNavList-item span {
padding: 0 20px
}
.mainReviews-links a:hover,
.serviceNavList-item:hover {
color: #4171af
}
.serviceNavList-item.active {
background: rgba(52, 52, 52, .8);
color: #fff;
cursor: default
}
.serviceNavList-item.active:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 10px;
border-color: transparent transparent rgba(52, 52, 52, .8);
position: absolute;
top: -10px;
left: 50%;
margin-left: -15px
}
.mainNews-list {
list-style: none;
padding: 30px 20px 30px 0
}
.mainNews-listItem+.mainNews-listItem,
.serviceTop+h2 {
margin-top: 50px
}
.mainNews-listItem-date {
color: #a3a1a0;
margin-bottom: 5px;
padding-left: 25px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
background-image: url(//centernovo.ru/wp-content/themes/novocentre/img/clock.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.mainNews-listItem-title {
font-size: 17px;
line-height: 22px;
text-decoration: none;
font-weight: 500;
color: #4171af
}
.mainNews-listItem-title:hover,
.menuInner li a:hover,
.menuInner li span:hover,
.newsContent-text a:hover {
color: rgba(65, 113, 175, .7)
}
@media screen and (max-width:500px) {
.mainNews-listItem {
width: 100% !important
}
}
@media screen and (max-width:800px) {
.mainNews-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 0
}
.mainNews-listItem {
width: 45%;
margin-top: 0 !important;
margin-bottom: 30px
}
}
.mainNews-main {
min-height: 450px;
position: relative;
color: #fff;
background-color: #4171af;
background-size: cover;
background-position: center center
}
.mainNews-main:before {
content: '';
background: rgba(65, 113, 175, .5);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.mainNews-main-wrap,
.mainNews-main:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
.mainNews-main-wrap .clm7,
.menuInner li.active {
position: relative
}
.mainNews-main-date {
line-height: 20px;
margin-top: 30px
}
.mainNews-main-title {
font-size: 35px;
line-height: 48px;
color: #fff;
text-transform: uppercase;
position: absolute;
right: 20px;
bottom: 30px;
left: 0
}
.mainNews-main:hover:before {
background: rgba(52, 52, 52, .5)
}
.mainNews {
padding: 80px 0
}
@media screen and (max-width:800px) {
.mainNews {
padding: 20px 0 0
}
.mainNews .row {
display: block
}
.mainNews-empty {
display: none
}
.mainNews .cont {
padding: 0 20px
}
.mainNews-main {
display: block;
height: 400px
}
.mainNews-main-wrap .clm7 {
position: static !important
}
.mainNews-main-title {
left: 20px;
right: 20px;
font-size: 25px;
line-height: 37px
}
}
.mainReviews {
background: #f3e5d8 url(//centernovo.ru/img/smile.png) no-repeat;
background-position: 20px bottom;
background-size: auto 70%;
padding: 80px 0 160px
}
.mainReviews-title {
font-size: 65px;
line-height: 72px;
text-transform: uppercase;
font-weight: 700;
color: #4171af;
margin-bottom: 80px
}
.mainReviews-quote {
position: relative;
margin-bottom: 30px
}
.mainReviews-quote:before {
content: '«';
display: block;
font-size: 36px;
font-weight: 400;
position: absolute;
top: -2px;
right: 100%;
margin-right: 20px
}
.mainReviews-author {
font-style: italic;
margin-bottom: 60px
}
.mainReviews-author:before {
content: '';
display: block;
width: 40px;
height: 3px;
background: #343434;
margin-bottom: 20px
}
.mainReviews-links a {
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
display: inline-block;
margin-right: 20px;
color: #343434
}
@media screen and (max-width:600px) {
.mainReviews {
background-position: center bottom !important;
background-size: auto 200px !important
}
}
@media screen and (max-width:800px) {
.mainReviews {
padding: 40px 0 250px;
background-position: right bottom;
background-size: auto 60%
}
.mainReviews .row {
display: block
}
.mainReviews .cont {
padding: 0 20px
}
.mainReviews-empty {
display: none
}
.mainReviews-title {
font-size: 35px;
line-height: 47px;
margin-bottom: 40px
}
}
.menuInner {
height: 60px;
list-style: none;
margin-bottom: 40px;
border-bottom: 1px solid #c7c7c7;
padding-left: 0 !important
}
.menuInner li {
display: inline-block;
height: 60px;
margin-top: 0 !important
}
.menuInner li a,
.menuInner li span {
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
color: #4171af;
text-decoration: none;
line-height: 60px
}
.menuInner li.active a,
.menuInner li.active span {
color: rgba(65, 113, 175, .4)
}
.expandItem.open .expandItem-head:after,
.menuInner li.active:after,
.menuInner li.active:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
position: absolute;
top: 100%;
left: 50%
}
.menuInner li.active:before {
border-width: 12px 17px 0;
border-color: #c7c7c7 transparent transparent;
margin-left: -17px
}
.menuInner li.active:after {
border-width: 10px 15px 0;
border-color: #fff transparent transparent;
margin-left: -15px
}
.menuInner li+li {
margin-left: 40px
}
@media screen and (max-width:1000px) {
.menuInner {
height: auto;
border: 0;
font-size: 0
}
.menuInner li {
height: 40px;
margin-right: 10px;
margin-bottom: 10px;
border: 2px solid #4171af;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .3s ease;
-o-transition: border-color .3s ease;
transition: border-color .3s ease
}
.menuInner li a,
.menuInner li span {
font-size: 15px;
line-height: 36px;
padding: 0 10px;
display: block
}
.menuInner li:hover {
border-color: #3c641b
}
.menuInner li.active {
border-color: #7e7e7e;
cursor: default
}
.menuInner li.active:after,
.menuInner li.active:before {
display: none
}
.menuInner li+li {
margin-left: 0
}
}
.expandList {
list-style: none;
font-size: 0;
padding-left: 0 !important
}
.infiniteLoader {
font-size: 25px;
line-height: 37px;
border: 2px solid #4171af;
border-radius: 3px;
color: #4171af;
font-weight: 300;
padding: 20px 0;
text-align: center;
display: none
}
.expandItem {
display: inline-block;
vertical-align: top;
margin-top: 0 !important
}
.expandItem-head {
cursor: pointer;
position: relative
}
.expandItem.open .expandItem-head:after {
border-width: 0 30px 30px;
border-color: transparent transparent #e9e6e7;
margin-top: -10px;
margin-left: -30px;
z-index: 210
}
.expandItem-body {
display: none;
background: #e9e6e7;
position: absolute;
top: auto;
left: 0;
right: 0;
margin-top: 20px
}
.expandItem-body .clm14 {
position: relative
}
.expandItem-body-content {
padding: 30px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.expandItem-body.tempBody {
left: -9999px;
top: -9999px;
display: block;
visibility: hidden;
width: 100vw;
height: auto
}
.expandItem-close {
position: absolute;
top: 30px;
right: 0;
width: 30px;
height: 30px;
cursor: pointer;
background: url(//centernovo.ru/img/close-big.svg) no-repeat
}
.expandItem.loading .expandItem-head:before {
content: '';
position: absolute;
top: 20px;
right: 20px;
width: 34px;
height: 34px;
background: url(//centernovo.ru/img/loader.png) center center no-repeat;
z-index: 100;
-webkit-animation: loading 3s linear infinite;
animation: loading 1s linear infinite
}
@media screen and (max-width:800px) {
.expandItem .row {
display: block
}
.expandItem .clm2 {
display: none
}
.expandItem-body {
padding-right: 20px !important
}
.expandItem-close {
right: 0;
z-index: 900
}
}
.galleryItem {
width: 49%;
margin-right: 2%;
margin-bottom: 2%
}
.galleryItem.open {
height: 1120px
}
.galleryItem:nth-of-type(2n) {
margin-right: 0
}
.galleryItem-head {
height: 300px;
background: #ccc
}
.galleryItem-head-num,
.galleryItem-head-title {
position: absolute;
left: 0;
width: 50%;
color: #fff;
z-index: 250;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.galleryItem-head-num {
top: 0;
font-size: 15px;
line-height: 24px;
padding: 25px 20px 0
}
.galleryItem-head-title {
bottom: 0;
font-size: 35px;
line-height: 42px;
padding: 20px;
font-weight: 300
}
.galleryItem-head-square {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.galleryItem-head-square.big {
width: 50%;
height: 100%
}
.galleryItem-head-square.small {
width: 25%;
height: 50%
}
.galleryItem-head-square.sq01 {
top: 0;
left: 0
}
.galleryItem-head-square.sq02 {
top: 0;
left: 50%
}
.galleryItem-head-square.sq03 {
top: 0;
right: 0
}
.galleryItem-head-square.sq04 {
bottom: 0;
left: 50%
}
.galleryItem-head-square.sq05 {
bottom: 0;
right: 0
}
.galleryItem-head-shadow {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(140, 171, 64, .5);
z-index: 90;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.galleryItem-head:hover .galleryItem-head-shadow,
.galleryItem.open .galleryItem-head-shadow,
.newsItem-head:hover .newsItem-head-back:after,
.newsItem.open .newsItem-head-back:after {
background: rgba(54, 54, 54, .8)
}
.galleryItem-body {
height: 800px;
font-size: 20px;
line-height: 32px
}
.galleryItem-body-content {
padding-right: 0
}
.galleryItem-body .clm14 {
overflow: hidden
}
.galleryItem-body .fotorama__thumb-border {
border-color: rgba(54, 54, 54, .9);
background: rgba(54, 54, 54, .8)
}
.galleryItem-body .fotorama__caption {
text-align: center;
font-family: Ubuntu, Arial, sans-serif;
font-size: 15px;
line-height: 24px;
color: #343434
}
.galleryItem-body .fotorama__arr--next,
.galleryItem-body .fotorama__arr--prev {
width: 12px;
height: 21px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
background-size: 125px 120px
}
.galleryItem-body .fotorama__arr--prev {
left: 20px;
background-position: 0 -90px
}
.galleryItem-body .fotorama__arr--next {
background-position: -25px -90px;
right: 20px
}
.galleryItem .expandItem-close {
top: 40px;
right: 10px;
background: rgba(255, 255, 255, .5) url(//centernovo.ru/img/close-big.svg) no-repeat;
outline: 10px solid rgba(255, 255, 255, .5)
}
@media screen and (max-width:1000px) {
.galleryItem {
width: 100%;
margin-right: 0
}
}
.newsItem {
width: 32%;
margin-right: 2%;
margin-bottom: 2%
}
.newsItem:nth-of-type(3n) {
margin-right: 0
}
.newsItem-head {
height: 240px;
background: #4171af;
position: relative;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.newsItem-head-back,
.newsItem-head-back:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.newsItem-head-back {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: none
}
.newsItem-head-back:after {
content: '';
display: block;
background: rgba(65, 113, 175, .5);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.newsItem-head-date,
.newsItem-head-title {
position: absolute;
left: 0;
right: 0;
line-height: 24px;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.newsItem-head-date {
top: 0;
padding: 25px 20px 0;
font-size: 15px;
color: #a3a1a0
}
.newsItem-head-title {
min-height: 80px;
bottom: 0;
padding: 20px;
font-size: 17px;
color: #343434;
font-weight: 500;
text-transform: uppercase
}
.newsItem-head:hover .newsItem-head-date,
.newsItem-head:hover .newsItem-head-title {
color: #fff
}
.newsItem-head:hover,
.newsItem.open .newsItem-head {
background: #464646
}
.newsItem.open .newsItem-head-date,
.newsItem.open .newsItem-head-title {
color: #fff
}
.newsItem.withImg .newsItem-head-back {
display: block
}
.newsItem.withImg .newsItem-head-date,
.newsItem.withImg .newsItem-head-title {
color: #fff
}
.newsItem-body {
height: 800px
}
.newsItem-body .subtitle {
font-size: 35px;
line-height: 48px;
color: #343434;
text-transform: uppercase;
margin-bottom: 35px;
font-weight: 400
}
@media screen and (max-width:800px) {
.newsItem-body .subtitle {
font-size: 24px;
line-height: 36px
}
}
@media screen and (max-width:1000px) {
.newsItem {
width: 49%
}
.newsItem:nth-of-type(3n) {
margin-right: 2%
}
.newsItem:nth-of-type(2n),
.newsItem:nth-of-type(6n) {
margin-right: 0
}
}
@media screen and (max-width:700px) {
.newsItem {
width: 100%;
margin-right: 0
}
.newsItem:nth-of-type(3n) {
margin-right: 0
}
}
.newsContent-date {
color: #a3a1a0;
margin: 30px 0
}
.newsContent-date,
.newsContent-text {
font-size: 15px;
line-height: 24px
}
.newsContent-text img {
max-width: 100%;
height: auto;
margin: 20px 0
}
.caseContent-info a:hover,
.newsContent-text a {
color: #4171af
}
.newsContent-share {
height: 65px;
font-weight: 500;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.caseContent-share>span,
.newsContent-share>span,
.specContent-share>span {
margin-right: 10px
}
.newsContent-share-links {
display: inline-block;
vertical-align: middle
}
.newsContent-share-links ul {
padding-left: 0 !important;
margin-bottom: 0 !important
}
.caseContent-share-links li,
.newsContent-share-links li,
.specContent-share-links li {
margin-top: 0 !important
}
.licenseItem {
width: 15%;
margin-right: 2%;
margin-bottom: 2%
}
.licenseItem:nth-of-type(6n) {
margin-right: 0
}
.licenseItem-head {
border: 4px solid #4171af
}
.licenseItem-head img {
width: 100%;
height: auto;
display: block
}
.licenseItem.open .licenseItem-head:after {
margin-top: -6px
}
.licenseItem-head-shadow {
content: '';
display: block;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: 0 0;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.caseItem-head:hover .caseItem-head-back:after,
.caseItem.open .caseItem-head-back:after,
.licenseItem-head:hover .licenseItem-head-shadow,
.licenseItem.open .licenseItem-head-shadow {
background: rgba(54, 54, 54, .8)
}
.licenseItem .licenseContent-title {
font-size: 35px;
line-height: 48px;
color: #343434;
text-transform: uppercase;
margin-bottom: 40px
}
@media screen and (max-width:800px) {
.licenseItem .licenseContent-title {
font-size: 24px;
line-height: 36px
}
}
.licenseItem .licenseContent-img img {
max-width: 100%;
height: auto
}
@media screen and (max-width:1100px) {
.licenseItem {
width: 18.4%
}
.licenseItem:nth-of-type(6n) {
margin-right: 2%
}
.licenseItem:nth-of-type(5n) {
margin-right: 0
}
}
@media screen and (max-width:950px) {
.licenseItem {
width: 23.5%
}
.licenseItem:nth-of-type(5n),
.licenseItem:nth-of-type(6n) {
margin-right: 2%
}
.licenseItem:nth-of-type(4n) {
margin-right: 0
}
}
@media screen and (max-width:750px) {
.licenseItem {
width: 32%
}
.licenseItem:nth-of-type(4n),
.licenseItem:nth-of-type(5n),
.licenseItem:nth-of-type(6n) {
margin-right: 2%
}
.licenseItem:nth-of-type(3n) {
margin-right: 0
}
}
@media screen and (max-width:550px) {
.licenseItem {
width: 49%
}
.licenseItem:nth-of-type(3n),
.licenseItem:nth-of-type(4n),
.licenseItem:nth-of-type(5n),
.licenseItem:nth-of-type(6n) {
margin-right: 2%
}
.licenseItem:nth-of-type(2n) {
margin-right: 0
}
}
p+.caseList {
margin-top: 40px !important
}
.caseItem {
width: 32%;
margin-right: 2%;
margin-bottom: 2%
}
.caseItem:nth-of-type(3n) {
margin-right: 0
}
.caseItem-head {
height: 240px;
background: #eff7f8;
position: relative;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.caseItem-head-back,
.caseItem-head-back:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.caseItem-head-back {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: none
}
.caseItem-head-back:after {
content: '';
display: block;
background: rgba(65, 113, 175, .5);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.caseItem-head-date,
.caseItem-head-title {
position: absolute;
left: 0;
right: 0;
line-height: 24px;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.caseItem-head-date {
display: none;
top: 0;
padding: 25px 20px 0;
font-size: 15px;
color: #a3a1a0
}
.caseItem-head-title {
min-height: 80px;
bottom: 0;
padding: 20px;
font-size: 17px;
color: #343434;
font-weight: 500;
text-transform: uppercase
}
.caseItem-head:hover .caseItem-head-date,
.caseItem-head:hover .caseItem-head-title {
color: #fff
}
.caseItem-head:hover,
.caseItem.open .caseItem-head {
background: rgba(52, 52, 52, .5)
}
.caseItem.open .caseItem-head-date,
.caseItem.open .caseItem-head-title {
color: #fff
}
.caseItem.open .caseItem-head:after,
.specItem.open .specItem-head:after {
border-color: transparent transparent #eff7f8
}
.caseItem.withImg .caseItem-head-back {
display: block
}
.caseItem.withImg .caseItem-head-date,
.caseItem.withImg .caseItem-head-title {
color: #fff
}
.caseItem-body {
height: 800px;
background: #eff7f8
}
.caseItem-body .caseContent-date {
display: none;
font-size: 15px;
line-height: 24px;
color: #a3a1a0;
margin-bottom: 20px
}
.caseItem-body .caseContent-title {
font-size: 35px;
line-height: 48px;
color: #343434;
text-transform: uppercase;
margin-bottom: 35px
}
@media screen and (max-width:800px) {
.caseItem-body .caseContent-title {
font-size: 24px;
line-height: 36px
}
}
.caseItem-body .subtitle {
color: #464646
}
@media screen and (max-width:1000px) {
.caseItem {
width: 49%
}
.caseItem:nth-of-type(3n) {
margin-right: 2%
}
.caseItem:nth-of-type(2n),
.caseItem:nth-of-type(6n) {
margin-right: 0
}
}
@media screen and (max-width:700px) {
.caseItem {
width: 100%;
margin-right: 0
}
.caseItem:nth-of-type(3n) {
margin-right: 0
}
}
.caseContent-date {
display: none
}
.caseContent-text {
font-size: 15px;
line-height: 24px
}
.caseContent-text p+img {
margin-top: 0
}
.caseContent-text img {
max-width: 100%;
height: auto;
margin: 20px 0
}
.caseContent-result {
width: 100%;
max-width: 1000px;
font-size: 0;
margin-bottom: 40px
}
.caseContent-result-after,
.caseContent-result-before {
display: inline-block;
font-size: 15px;
font-style: italic;
width: 49%;
vertical-align: top
}
.caseContent-result-before {
margin-right: 2%
}
.caseContent-result img {
margin: 0;
width: 100%;
height: auto
}
.caseContent-result-text {
margin-top: 12px
}
@media screen and (max-width:600px) {
.caseContent-result-after,
.caseContent-result-before {
width: 100%
}
.caseContent-result-before {
margin-right: 0;
margin-bottom: 20px
}
}
.caseContent-info {
margin-top: 40px !important;
margin-bottom: 40px;
font-size: 0
}
.caseContent-info h4 {
font-size: 15px;
font-weight: 700;
margin-bottom: 25px;
text-transform: uppercase
}
.caseContent-info-clm {
display: inline-block;
width: 50%;
font-size: 15px;
line-height: 24px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top
}
.caseContent-info-doctor {
display: block;
font-style: italic;
padding-left: 95px;
position: relative;
min-height: 75px
}
.caseContent-info-doctor img {
width: 75px;
height: auto;
position: absolute;
top: 0;
left: 0;
margin: 0
}
.caseContent-info ul {
list-style: none;
padding-left: 0 !important
}
.caseContent-info ul li+li {
margin-top: 15px !important
}
.caseContent-info a {
color: #343434
}
@media screen and (max-width:700px) {
.caseContent-info {
margin-bottom: 0
}
.caseContent-info-clm {
display: block;
width: 100%;
margin-bottom: 40px
}
}
.caseContent-share {
height: 65px;
font-weight: 500;
vertical-align: middle;
padding-top: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px
}
.caseContent-share-links {
display: inline-block;
vertical-align: middle
}
.caseContent-share-links ul,
.serviceIndexList .navService-list ul,
.specContent-share-links ul {
padding-left: 0 !important;
margin-bottom: 0 !important
}
.specItem {
width: 32%;
margin-right: 2%;
margin-bottom: 2%
}
.specItem:nth-of-type(3n) {
margin-right: 0
}
.specItem-head {
height: 300px;
background: #eff7f8;
position: relative;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.specItem-head-back,
.specItem-head-info {
position: absolute;
right: 0;
bottom: 0;
left: 0
}
.contactsInfo.iconTime:after,
.specItem-head-back {
top: 0;
background-position: center center;
background-repeat: no-repeat
}
.contactsInfo.iconTime:after {
content: '';
width: 70px;
height: 70px;
position: absolute;
left: 0;
background-image: url(//centernovo.ru/img/sprite-icons-big.svg);
background-size: 840px 70px
}
.specItem-head-back {
background-size: cover
}
.specItem-head-info {
padding: 10px 15px;
color: #343434;
background: rgba(255, 255, 255, .78);
font-size: 15px;
line-height: 24px
}
.specItem-head-info-name {
font-weight: 700;
text-transform: uppercase
}
.specItem-head-info-name-pos {
font-style: italic;
height: 24px;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.specItem-body {
height: 800px;
background: #eff7f8
}
.specItem-close {
top: 40px;
right: 10px
}
@media screen and (max-width:1000px) {
.specItem {
width: 49%
}
.specItem:nth-of-type(3n) {
margin-right: 2%
}
.specItem:nth-of-type(2n),
.specItem:nth-of-type(6n) {
margin-right: 0
}
}
@media screen and (max-width:700px) {
.specItem {
width: 100%;
margin-right: 0
}
.specItem:nth-of-type(3n) {
margin-right: 0
}
}
.specContent-top {
height: 740px;
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
line-height: 24px;
padding: 30px 20px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 30px;
position: relative
}
.specContent-top .cont {
padding-left: 0 !important
}
@media screen and (max-width:800px) {
.specContent-top {
margin-left: 0;
height: 500px;
background-position: center center
}
.specContent-top .cont {
padding: 0
}
}
.specContent-name {
font-size: 35px;
line-height: 48px;
text-transform: uppercase;
margin-bottom: 30px;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff
}
@media screen and (max-width:800px) {
.specContent-name {
width: 100%;
font-size: 25px;
line-height: 37px;
padding-right: 80px;
color: #343434
}
}
.specContent-pos {
font-style: italic;
margin-bottom: 40px;
width: 40%;
color: #fff
}
@media screen and (max-width:800px) {
.specContent-pos {
width: 100%;
color: #343434
}
.specContent-desktop {
display: none
}
}
.specContent-mobile {
display: none
}
.specContent-mobile .specContent-name {
margin-bottom: 10px
}
.specContent-mobile .specContent-pos {
font-size: 15px;
margin-bottom: 20px
}
@media screen and (max-width:800px) {
.specContent-mobile {
display: block
}
}
.specContent-quote {
background: rgba(255, 255, 255, .78);
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 40%;
position: absolute;
bottom: 20px;
left: 20px;
color: #41666b
}
.specContent-quote-title,
.specContent-text h4 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px
}
.specContent-text h4 {
line-height: 24px;
margin-bottom: 10px
}
@media screen and (max-width:800px) {
.specContent-quote {
display: none;
width: auto;
height: 300px;
overflow: hidden;
margin-left: 0;
right: 20px
}
}
.specContent-text p+h4 {
margin-top: 35px
}
.specContent-share {
height: 65px;
min-height: 65px;
font-weight: 500;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
margin-top: 30px
}
.specContent-share-links {
display: inline-block;
vertical-align: middle
}
.licenseText {
font-size: 15px;
line-height: 24px;
color: #343434;
margin-bottom: 20px;
max-width: 600px
}
.licenseText-item {
width: 50%;
max-width: 300px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-bottom: 24px
}
.newsDetail-content {
font-size: 14px;
line-height: 22px
}
.newsDetail-content img {
max-width: 100%;
height: auto;
margin: 20px 0
}
.tour-frame {
width: 100%;
height: 700px
}
.errorLink {
margin-top: 50px !important
}
}
.errorLink a:hover {
color: #3c641b
}
}
.contactsInfo a,
.free-subscribe-block .free-subscribe .free-subscribe-button:hover,
.jahyq a:hover {
color: #343434
}
@media screen and (max-width:600px) {
.jahyq Review {
padding-right: 20px;
background-image: none
}
}
.contactsInfo {
width: 40%;
margin-right: 8%;
margin-bottom: 25px;
display: inline-block;
vertical-align: top
}
.contactsInfo a:hover,
.faqList .faqItem-body .faqItem-body-content a {
color: #4171af
}
.contactsInfo strong,
.contactsInfo-btn {
text-transform: uppercase
}
.contactsInfo-btn {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 15px;
color: #fff !important;
text-decoration: none;
font-weight: 700;
background: #4171af;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
margin-top: 11px
}
.contactsInfo-btn:hover {
background: #3c641b
}
.contactsInfo.iconTime {
position: relative;
padding-left: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:800px) {
.contactsInfo {
width: 49%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
margin-right: 0
}
}
@media screen and (max-width:600px) {
.contactsInfo {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0
}
}
.contactsMap {
height: 800px;
position: relative;
margin-top: -50px
}
.contactsMap:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 300px;
background: -webkit-linear-gradient(top, #fff, transparent);
background: -o-linear-gradient(top, #fff, transparent);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
background: linear-gradient(to bottom, #fff, transparent);
z-index: 500
}
@media screen and (max-width:800px) {
.contactsMap {
height: 500px
}
}
.lightGreenBg,
.textContent .equipImgBg {
margin-left: -200px;
margin-bottom: 40px;
background-size: contain
}
.textContent .equipImgBg {
background-position: right bottom;
background-color: #fff;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 17px;
line-height: 24px;
padding: 0 40px 0 200px
}
@media screen and (max-width:800px) {
.textContent .equipImgBg {
background-image: none !important
}
}
.lightGreenBg {
background: url(//centernovo.ru/img/green-bg.png) left bottom repeat-x;
padding: 0 40px 40px 200px
}
.incutBlue.fullImgHeight {
padding: 0 0 0 200px
}
@media screen and (max-width:800px) {
.incutBlue.fullImgHeight {
padding: 40px 40px 40px 200px
}
.mobile-hiddenBlock {
display: none
}
}
.img-responsive {
max-width: 100%;
height: auto
}
@media screen and (min-width:407px) and (max-width:1063px) {
.img-responsive.equip-img {
max-width: 367px;
display: block
}
}
.company-map {
background: url(//centernovo.ru/img/company-map.jpg) no-repeat right bottom;
padding-bottom: 40px
}
.company-map .companyAbout-video-text {
padding-right: 40px
}
.company-map .companyAbout-video-text .lead {
margin-bottom: 20px
}
.company-map .companyAbout-video-container {
margin-bottom: 30px
}
@media screen and (max-width:800px) {
.company-map {
padding-left: 20px;
margin-left: -20px
}
.company-map .company-map-empty {
display: none
}
.company-map .companyAbout-video-container .row {
display: block
}
.company-map,
.company-map .companyAbout-video-text {
padding-right: 0
}
}
.company-doctors {
padding: 40px 40px 40px 200px;
margin-left: -200px;
background: -webkit-linear-gradient(top, #3c641b, #4171af);
background: -o-linear-gradient(top, #3c641b, #4171af);
background: -webkit-gradient(linear, left top, left bottom, from(#3c641b), to(#4171af));
background: linear-gradient(to bottom, #3c641b, #4171af);
margin-bottom: 60px
}
}
.company-list-blue,
.reviewSlider ol,
.reviewSlider ul {
padding-left: 0 !important
}
.company-list-blue-inner {
background: #eff7f8;
padding: 40px 60px;
font-size: 17px;
line-height: 24px;
font-style: italic
}
.textContent .authorInner .mainAbout-quote {
margin-bottom: 70px
}
.textContent .authorInner .mainAbout-author:before {
background: #fff;
margin-right: -30px;
top: -20px
}
@media screen and (max-width:800px) {
.textContent .authorInner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.textContent .authorInner .clm {
-webkit-box-flex: 0;
-ms-flex: 0;
-webkit-flex: 0;
flex: 0
}
.textContent .authorInner .authorVideo {
margin-top: 20px
}
}
.tour-link-block {
background: url(//centernovo.ru/img/3d-tour.png) center no-repeat;
background-size: contain;
min-height: 167px
}
.photogallery-link,
.tour-link-block .tour-link {
color: #fff;
text-transform: uppercase;
font-size: 35px
}
.tour-link-block .tour-link {
border-radius: 50%;
background: rgba(52, 52, 52, .95);
width: 120px;
height: 120px;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -60px;
text-decoration: none;
line-height: 30px;
text-align: center;
padding: 30px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute
}
.tour-link-block .tour-link span {
font-size: 23px
}
.tour-link-block .tour-link:hover {
background: #3c641b;
color: #fff
}
.photogallery-link {
position: relative;
display: block;
margin-bottom: 80px
}
.nonresMap:after,
.photogallery-link:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.photogallery-link:after,
.tour-link-block .tour-link {
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.photogallery-link:hover:after {
background: rgba(52, 52, 52, .3)
}
.photogallery-link img {
width: 100%;
height: auto
}
.photogallery-link .photogallery-link-title {
position: absolute;
top: 50%;
z-index: 10;
text-decoration: none;
font-weight: 300;
width: 100%;
text-align: center;
margin-top: -45px;
color: #fff
}
.photogallery-link .photogallery-link-title:before {
content: "";
display: block;
background: url(//centernovo.ru/img/photo-icon.png) 0 0 no-repeat;
width: 47px;
height: 38px;
margin: 0 auto 20px
}
.free-subscribe-block {
background: #4171af;
background: url(//centernovo.ru/img/director.png), -webkit-linear-gradient(top, #dde0e0, #c0c4c5);
background: url(//centernovo.ru/img/director.png), -o-linear-gradient(top, #dde0e0, #c0c4c5);
background: url(//centernovo.ru/img/director.png), -webkit-gradient(linear, left top, left bottom, from(#dde0e0), to(#c0c4c5));
background: url(//centernovo.ru/img/director.png), linear-gradient(to bottom, #dde0e0, #c0c4c5);
background-position: 95% 100%;
background-repeat: no-repeat;
background-size: 50% auto, cover;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 50% 40px 200px;
margin-left: -200px;
margin-bottom: -124px;
height: 941px
}
@media screen and (max-width:1240px) {
.free-subscribe-block {
height: 1000px
}
}
@media screen and (max-width:955px) {
.free-subscribe-block {
height: 1110px
}
}
@media screen and (max-width:800px) {
.free-subscribe-block {
padding-right: 20px;
margin-right: -20px;
margin-bottom: -40px;
height: 800px;
background-position: 70% bottom
}
}
@media screen and (max-width:600px) {
.free-subscribe-block {
background: #f5f8f8;
background: -webkit-linear-gradient(top, #f5f8f8 0, #a1bbbf 100%);
background: -o-linear-gradient(top, #f5f8f8 0, #a1bbbf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f8f8), to(#a1bbbf));
background: linear-gradient(to bottom, #f5f8f8 0, #a1bbbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f8f8', endColorstr='#a1bbbf', GradientType=0);
height: auto;
margin-bottom: -40px
}
}
.free-subscribe-block .free-subscribe,
.priceBlock-list li {
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.free-subscribe-block .free-subscribe.active {
background: #4171af
}
.free-subscribe-block .free-subscribe .free-subscribe-button {
background: #4171af;
height: 100px;
color: #fff;
text-transform: uppercase;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
font-weight: 700;
cursor: pointer;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 80%;
max-width: 450px;
padding-left: 60px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (min-width:800px) {
.free-subscribe-block .free-subscribe .free-subscribe-button {
min-width: 350px
}
}
.free-subscribe-block .free-subscribe .free-subscribe-button .icon {
margin-left: -40px;
background: url(//centernovo.ru/img/subscribe-icon.svg) no-repeat;
background-size: 35px 30.5px
}
@media screen and (max-width:380px) {
.free-subscribe-block .free-subscribe .free-subscribe-button .icon {
width: 55px
}
}
@media screen and (max-width:800px) {
.free-subscribe-block .free-subscribe .free-subscribe-button {
width: 100%;
max-width: 800px
}
}
.free-subscribe-block .free-subscribe .greenForm {
margin-top: 0
}
@media screen and (max-width:1240px) {
.free-subscribe-block .free-subscribe .greenForm input[type=text] {
width: 100%;
margin-right: 0
}
}
.nonresImplant {
margin-bottom: 40px
}
.nonresImplant-left {
width: 70%;
float: left
}
.nonresImplant-right {
width: 20%;
float: right
}
.nonresImplant-right a {
color: #4171af
}
.faqList .faqItem-body .faqItem-body-content a:hover,
.nonresImplant-right a:hover,
.nonresMain a:hover {
color: #3c641b
}
@media screen and (max-width:800px) {
.nonresImplant-left,
.nonresImplant-right {
width: 100%
}
.nonresImplant-right {
margin-top: 20px
}
}
.nonresMain {
padding: 20px;
margin-left: -20px;
background: #4171af;
color: #fff
}
.nonresMain-left {
width: 60%;
float: left
}
.nonresMain-right {
width: 30%;
float: right
}
.nonresMain strong {
display: block;
font-size: 35px;
line-height: 48px;
font-weight: 400
}
.nonresMain a {
color: #fff;
text-decoration: none
}
.nonresMain a span {
border-bottom: 1px solid #fff
}
.nonresMain a:hover span {
border-bottom: 1px solid #3c641b
}
@media screen and (max-width:1040px) {
.nonresMain strong {
font-size: 25px;
line-height: 37px
}
}
@media screen and (max-width:800px) {
.nonresMain {
margin-right: -20px
}
.nonresMain-left,
.nonresMain-right {
width: 100%
}
.nonresMain-right {
margin-top: 20px
}
}
.domina {
padding-right: 40px !important
}
.domina>* {
position: relative
}
.domina-back {
position: absolute;
top: -20px;
left: -20px;
right: 20px;
bottom: -20px;
background: url(//centernovo.ru/img/domina-back.jpg) center center no-repeat;
background-size: cover
}
.nonresSuper,
.priceBlock-list li+li,
.reviewSlider ol li+li,
.reviewSlider ul li+li,
.serviceIndexList .navService-list>li+li,
.serviceMain li+li {
margin-top: 0 !important
}
@media screen and (min-width:951px) {
.textContent .oneLineTitle {
font-size: 57px
}
}
.nonresMap {
width: 100%;
height: 1000px;
position: relative;
margin-top: -50px
}
.nonresMap:after {
height: 100px;
background: -webkit-linear-gradient(top, #fff, transparent);
background: -o-linear-gradient(top, #fff, transparent);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
background: linear-gradient(to bottom, #fff, transparent)
}
.nonresMap a[href^="http://maps.google.com/maps"],
.nonresMap a[href^="https://maps.google.com/maps"] {
display: none !important
}
.nonresMap .gm-style-cc,
.nonresMap .gmnoprint a,
.nonresMap .gmnoprint span {
display: none
}
@media screen and (max-width:800px) {
.nonresMap {
height: 500px
}
.nonresMap:after {
height: 50px
}
}
.nonresBubble {
color: #343434;
font-size: 15px;
line-height: 24px;
font-style: italic
}
.nonresBubble h4 {
margin-bottom: 5px;
font-style: normal;
font-family: Ubuntu
}
.faqList {
margin-bottom: 80px !important;
padding-left: 0 !important
}
.faqList .faqItem {
margin-bottom: 30px;
display: list-item
}
.faqList .faqItem-head {
position: relative
}
@media screen and (max-width:800px) {
.faqList .faqItem-head .clm3 {
display: none
}
}
.faqList .faqItem-head .questionItem {
-webkit-box-shadow: 5px 5px 20px 0 #d3dadb;
box-shadow: 5px 5px 20px 0 #d3dadb;
padding: 30px 40px;
z-index: 10;
background: #fff;
cursor: pointer
}
.faqList .faqItem-head .questionItem p {
display: inline;
border-bottom: 1px dotted #b3b3b3;
font-weight: 700;
font-size: 17px
}
.faqList .faqItem-head.open:after {
content: '';
display: block;
width: 62px;
height: 57px;
background: url(//centernovo.ru/img/triangle.png) 0 0 no-repeat;
position: absolute;
bottom: -57px;
left: 70px;
z-index: 210
}
@media screen and (max-width:800px) {
.faqList .faqItem-head.open:after {
display: none
}
}
.faqList .faqItem-body {
display: none;
position: relative;
margin-top: -40px;
margin-bottom: 50px
}
@media screen and (max-width:800px) {
.faqList .faqItem-body {
margin-top: 0
}
.faqList .faqItem-body .clm2 {
display: none
}
}
.faqList .faqItem-body .faqItem-body-content {
background: #eff7f8;
padding: 60px 40px 40px
}
.faqList .faqItem-body .faqItem-body-content:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #eff7f8 transparent transparent;
position: absolute;
top: 100%;
right: 70px
}
@media screen and (max-width:800px) {
.faqList .faqItem-body .faqItem-body-content:after {
display: none
}
}
.faqList .faqItem-body .faqItem-close {
position: absolute;
top: 20px;
right: 20px;
background: url(//centernovo.ru/img/close-green.svg) no-repeat;
height: 20px;
width: 20px;
cursor: pointer
}
.reviewTop {
margin-bottom: 70px;
display: table;
width: 100%
}
.reviewTop-left,
.reviewTop-right {
display: table-cell;
vertical-align: top
}
.reviewTop-left {
padding-right: 20px
}
@media screen and (max-width:600px) {
.reviewTop,
.reviewTop-left,
.reviewTop-right {
display: block
}
.reviewTop-right {
margin-top: -30px
}
}
.reviewSlider {
height: 700px;
background: #f3f3f3;
margin-bottom: 80px;
position: relative;
overflow: hidden;
padding: 0 40px;
margin-left: -40px
}
@media screen and (max-width:800px) {
.reviewSlider {
padding: 0 20px;
margin-left: -20px;
margin-right: -20px
}
}
.reviewSlider-carousel .slides li div,
.reviewSlider-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.reviewSlider-slider .flex-viewport {
width: 100%;
height: 100%
}
.noArrows .reviewSlider-carousel .flex-direction-nav,
.reviewItem.short .reviewItem-review-toggle,
.reviewSlider-slider .flex-direction-nav,
.reviewSlider.noNav .reviewSlider-carousel {
display: none
}
.reviewSlider-slider .slides {
height: 100%
}
.reviewSlider-slider .slides li {
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.reviewSlider-slider-content {
width: 40%;
padding: 40px 20px 0 40px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 550px;
overflow: hidden
}
@media screen and (max-width:1000px) {
.reviewSlider-slider-content {
width: 60%
}
}
@media screen and (max-width:650px) {
.reviewSlider-slider-content {
width: 100%
}
}
.reviewSlider-slider-text:before {
content: '«';
display: block;
margin-bottom: 20px;
font-size: 42px
}
.reviewSlider-slider-author {
font-style: italic;
margin-top: 30px
}
.reviewSlider-slider-author:before {
content: '';
display: block;
width: 40px;
height: 3px;
background: #fff;
margin-bottom: 20px
}
.reviewSlider-carousel {
position: absolute;
bottom: 45px;
left: 40px;
right: 40px;
padding: 0 60px;
height: 100px
}
.noArrows .reviewSlider-carousel {
padding: 0
}
@media screen and (max-width:1000px) {
.reviewSlider-carousel {
left: 20px;
right: 20px
}
}
.reviewSlider-carousel .slides li {
width: 100px;
height: 100px;
background: #ccc;
display: inline-block;
cursor: pointer;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.reviewSlider-carousel .slides li div {
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.reviewSlider-carousel .flex-active-slide:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 3px solid #343434
}
.reviewList,
.reviewSlider-carousel .flex-direction-nav {
list-style: none
}
.reviewSlider-carousel .flex-nav-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px !important;
width: 40px
}
.reviewSlider-carousel .flex-nav-next a:after,
.reviewSlider-carousel .flex-nav-prev a:after {
content: '';
width: 12px;
height: 21px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -6px;
background-size: 125px 120px
}
.reviewSlider-carousel .flex-nav-prev a:after {
background-position: 0 -30px
}
.reviewSlider-carousel .flex-nav-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -20px !important;
width: 40px
}
.reviewSlider-carousel .flex-nav-next a:after {
background-position: -25px -30px
}
.reviewSlider-carousel .flex-direction-nav li a {
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #4171af;
border-radius: 3px;
cursor: pointer;
font-size: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.reviewSlider:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 200px;
background: -webkit-linear-gradient(bottom, #cdcbcc 0, transparent 100%);
background: -o-linear-gradient(bottom, #cdcbcc 0, transparent 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cdcbcc), to(transparent));
background: linear-gradient(to top, #cdcbcc 0, transparent 100%)
}
.reviewList {
padding-left: 0 !important
}
.reviewItem {
margin-bottom: 25px
}
.reviewItem:after {
content: '';
width: 100%;
display: table;
clear: both;
height: 0;
overflow: hidden
}
.reviewItem-review {
width: 60%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #eff7f8;
padding: 40px 80px 40px 40px;
float: left
}
.reviewItem-review-author {
opacity: .5;
margin-bottom: 20px;
font-style: italic
}
.reviewItem-review-textWrap {
max-height: 200px;
overflow: hidden;
position: relative
}
.reviewItem-review-toggle {
padding-top: 10px;
cursor: pointer;
position: relative
}
.reviewItem-review-toggle span {
color: #4171af;
border-bottom: 1px dashed #4171af;
height: 24px;
line-height: 24px;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.reviewItem-review-toggle:hover span {
color: #3c641b
}
.reviewItem-review-shadow {
height: 100px;
background: -webkit-linear-gradient(bottom, #eff7f8, rgba(239, 247, 248, 0));
background: -o-linear-gradient(bottom, #eff7f8, rgba(239, 247, 248, 0));
background: -webkit-gradient(linear, left bottom, left top, from(#eff7f8), to(rgba(239, 247, 248, 0)));
background: linear-gradient(to top, #eff7f8, rgba(239, 247, 248, 0));
position: absolute;
bottom: 100%;
left: 0;
right: 0
}
@media screen and (max-width:800px) {
.reviewItem-review {
padding: 20px 20px 40px;
width: 100%
}
}
.reviewItem-answer {
background: #4171af;
border: 1px solid #4171af;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-top: 20px;
margin-left: -40px;
cursor: pointer;
padding: 30px 40px 30px 20px;
-webkit-transition: background .4s ease;
-o-transition: background .4s ease;
transition: background .4s ease;
min-width: 95px;
position: relative;
margin-bottom: 40px
}
.reviewItem-answer-cont {
display: none
}
.reviewItem.open .reviewItem-answer {
background: #fff;
cursor: default
}
.reviewItem-answer-ellipses {
position: absolute;
width: 42px;
height: 8px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(//centernovo.ru/img/ellipses.png) center center no-repeat;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease
}
.reviewItem.open .reviewItem-answer-ellipses {
opacity: 0
}
.reviewItem-answer-close {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
display: none
}
.reviewItem-answer-close:after {
content: '';
width: 17px;
height: 17px;
background: url(//centernovo.ru/img/sprite-arrows.svg) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
background-size: 125px 120px;
background-position: -100px -30px
}
.reviewItem-answer-close:hover:after {
background-position: -100px -60px
}
.reviewItem-answer .mainLink {
font-weight: 700;
text-transform: uppercase;
color: #4171af
}
.reviewItem-answer .mainLink:hover {
color: #3c641b
}
.reviewItem-answer:after,
.reviewItem-answer:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: #4171af transparent transparent;
position: absolute;
top: 100%;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.reviewItem-answer:before {
border-width: 17px 17px 0 0;
left: 39px
}
.reviewItem.open .reviewItem-answer:before {
border-width: 27px 27px 0 0
}
.reviewItem-answer:after {
border-width: 15px 15px 0 0;
left: 40px
}
.reviewItem.open .reviewItem-answer:after {
border-width: 25px 25px 0 0;
border-color: #fff transparent transparent
}
@media screen and (max-width:800px) {
.reviewItem-answer {
float: right;
margin-left: 0;
margin-top: -31px
}
}
.priceBlockList {
font-size: 0
}
.priceBlock,
.priceBlock-title {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.priceBlock {
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 40px;
margin-bottom: 40px
}
.priceBlock-title {
font-size: 35px;
line-height: 42px;
font-weight: 300;
color: #343434;
margin-bottom: 20px;
text-transform: uppercase
}
.priceBlock-list {
padding-left: 0 !important;
list-style: none
}
.priceBlock-list li {
padding: 10px;
margin-left: -10px
}
.priceBlock-list li:hover {
background: rgba(140, 171, 64, .2) !important
}
.priceBlock-list li.strong {
font-weight: 700
}
.priceBlock-list li:nth-of-type(odd) {
background: #f3f2f3
}
.priceBlock-list-price,
.priceBlock-list-title {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top
}
.priceBlock-list-title {
font-size: 15px;
padding-right: 20px;
width: 70%
}
.priceBlock-list-price {
width: 30%;
font-size: 17px;
white-space: nowrap
}
@media screen and (max-width:800px) {
.priceBlock {
width: 100%;
padding-right: 0
}
}
.serviceMain {
margin-top: 50px !important;
margin-bottom: 60px;
padding-left: 0 !important;
list-style: none;
font-size: 0
}
.serviceMain-item {
display: inline-block;
width: 33.33%;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 40px
}
.serviceMain-item-link {
color: #343434;
text-decoration: none
}
.serviceIndexList .navService-list a:hover,
.serviceMain-item-link:hover {
color: #4171af
}
.serviceMain-item-link:hover span {
border-color: #4171af
}
.serviceMain-item-img {
margin-bottom: 30px
}
.serviceMain-item-img img {
width: 100%;
height: auto;
display: block
}
.serviceMain-item-title {
height: 144px;
font-size: 35px;
line-height: 48px;
font-weight: 300;
margin-bottom: 30px
}
.serviceMain-item-title span {
-webkit-transition: border .3s ease;
-o-transition: border .3s ease;
transition: border .3s ease;
border-bottom: 1px solid #343434
}
.serviceMain-item-text {
font-size: 15px;
line-height: 24px
}
@media screen and (max-width:800px) {
.serviceMain-item-title {
font-size: 25px;
line-height: 37px
}
.serviceMain-item {
padding-right: 0;
width: 100%
}
.serviceMain-item-title {
height: auto
}
.serviceMain-item-img img {
max-width: 100%;
width: auto
}
.serviceMain-item+.serviceMain-item {
margin-top: 60px !important
}
}
.serviceIndexList .navService-list {
padding-left: 0 !important
}
.serviceIndexList .navService-list li {
padding-left: 0;
font-weight: 400
}
.serviceIndexList .navService-list h3 {
margin-bottom: 0 !important
}
.serviceIndexList .navService-list a {
color: #343434
}
@media screen and (max-width:800px) {
.serviceIndexList .navService-list {
-webkit-column-count: 1;
column-count: 1
}
}
.serviceTop {
padding-right: 40%;
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat
}
.serviceTop,
.serviceTop * {
position: relative
}
.serviceTop .allServices {
margin-bottom: 40px;
text-transform: uppercase
}
.serviceTop .allServices a {
font-size: 15px;
font-weight: 700;
color: #4171af
}
.alignerList-link a:hover,
.Oip-ip a:hover,
.serviceTop .allServices a:hover {
color: #3c641b
}
.serviceTop .serviceImg {
height: 100%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: table
}
@media screen and (max-width:800px) {
.serviceTop {
padding-right: 0
}
.serviceTop .serviceImg {
opacity: .3
}
}
.alignerList {
list-style: none;
margin-bottom: 60px;
padding-left: 0 !important
}
.alignerList li+li {
margin-top: 60px !important
}
.alignerList-title {
font-size: 35px;
font-weight: 300;
color: #343434;
margin-bottom: 25px
}
.alignerList-logo {
margin-bottom: 10px
}
.alignerList-link a {
font-weight: 700;
color: #4171af
}
.alignerList .row+.row {
margin-top: 20px
}
@media screen and (max-width:700px) {
.alignerList li .row {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.alignerList li .clm {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 0px !important;
-webkit-flex: 1 1 0 !important;
flex: 1 1 0 !important
}
.alignerList li .clm6 {
margin-top: 20px
}
}
.alignerVideo {
margin-top: 50px;
padding: 40px 40px 40px 200px;
margin-left: -200px;
background: #eff7f8;
font-size: 17px;
line-height: 24px
}
.alignerVideo-row {
width: 100%;
display: table
}
.alignerVideo-left,
.alignerVideo-right {
display: table-cell;
vertical-align: middle
}
.alignerVideo-right {
padding-left: 20px
}
.alignerVideo-video {
cursor: pointer;
position: relative
}
.alignerVideo-video img {
display: block
}
@media screen and (max-width:700px) {
.alignerVideo-video img {
width: 100%
}
}
.alignerVideo-video:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(182, 150, 125, .3);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.alignerVideo-video:hover:after {
background: rgba(52, 52, 52, .3)
}
@media screen and (max-width:700px) {
.alignerVideo-left,
.alignerVideo-right {
display: block
}
.alignerVideo-left {
margin-bottom: 20px
}
.alignerVideo-right {
padding-left: 0
}
}
.alignerImages,
.alignerImages>div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.alignerImages {
margin-top: 30px;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.alignerImages>div {
width: 49%;
margin-bottom: 2%
}
.alignerImages img {
display: block;
max-width: 100%;
height: auto
}
.alignerImages span {
width: 49.5%;
display: block;
position: relative
}
.alignerImages span:first-of-type:after {
content: 'До';
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 20px
}
.alignerImages span:last-of-type:after {
content: 'После';
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 20px
}
@media screen and (max-width:650px) {
.alignerImages>div {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.alignerImages>div+div {
margin-top: 5%
}
.alignerImages span {
width: 49%;
margin-top: 0 !important
}
}
.Jhdfy-fv {
margin-top: 50px
}
.Jhdfy-fv a {
color: #4171af
}
.Jhdfy-fv .clm5 {
text-align: center
}
.bracesBlock-logo {
margin-bottom: 20px
}
.bracesBlock-title {
font-size: 35px;
line-height: 48px;
color: #343434;
text-transform: uppercase;
margin-bottom: 30px
}
.bracesBlock-left img {
display: block;
width: 100%;
height: auto
}
.bracesBlock-right {
padding-left: 40px
}
@media screen and (max-width:800px) {
.bracesBlock .row {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.bracesBlock .clm {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
-webkit-flex: 1 1 0;
flex: 1 1 0
}
.bracesBlock-left img {
max-width: 100%;
height: auto
}
.bracesBlock-right {
padding-left: 0;
margin-top: 30px
}
}
.bracesBlock+.bracesBlock {
margin-top: 65px
} #fancybox-wrap{
background:#15567E!important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;   
}
#fancybox-outer{
background:none!important;
}
#fancybox-outer>div, #fancybox-content,  #contact_form_pop_up{
background:none!important;
border:none!important;
}
#contact_form_pop_up{
padding: 20px 10px 10px 20px!important;
}
.wpcf7 {
color:#fff!important;
background:#15567E!important;
width:300px; padding:10px!important; overflow:auto;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
border:1px solid red;
padding:4px!important;
border-radius:5px;
border:1px solid #f1f1f1;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
border:1px solid #fff;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
width:295px!important;
}
.wpcf7-submit{
background: linear-gradient(#f1f1f1, #8b8b8b), #f1f1f1!important;
color:#000!important;
text-transform:uppercase;
float:right;
margin-top:20px;
}
.wpcf7-submit:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;  
background-image: linear-gradient( #8b8b8b, #f1f1f1), #8b8b8b!important;
}
.about {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -5px -125px;
background-size: 245px 209px;
width: 45px;
height: 45px;
}
.about:hover {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -54px -125px;
background-size: auto auto;
background-size: 245px 209px;
width: 45px;
height: 45px;
}
.projects {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -165px -125px;
background-size: 205px 205px;
width: 45px;
height: 45px;
}
.projects:hover {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -1px -166px;
background-size: auto auto;
background-size: 205px 205px;
width: 45px;
height: 45px;
}
.team {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -45px -45px;
background-size: 216px 220px;
width: 45px;
height: 45px;
}
.team:hover {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -88px -1px;
background-size: auto auto;
background-size: 216px 220px;
width: 45px;
height: 45px;
}
.news {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -126px 0px;
background-size: 209px 230px;
width: 43px;
height: 45px;
}
.news:hover {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -126px -46px;
background-size: auto auto;
background-size: 209px 230px;
width: 43px;
height: 45px;
}
.location {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -82px -1px;
background-size: auto auto;
background-size: 350px 350px;
width: 60px;
height: 60px;
}
.location:hover {
background: url(//centernovo.ru/img/low_sprites.png) no-repeat -222px -141px;
background-size: auto auto;
background-size: 350px 350px;
width: 60px;
height: 60px;
}
div.navMobile-body-bottom {
display: block!important;
} .page_project {
margin-bottom: 59px;
}
.page_project .active-page_project {
color: #fef5f6;
background: #4171af;
}
.previous_project {
display: inline-block;
padding: 8px 14px 10px 16px;
margin-right: 9px;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
font-family: "Ubuntu","Arial",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 3px;
}
.previous_project:hover {
border: 1px solid #4171af;
}
.previous_project:active {
border: 1px solid #ee3643;
}
.previous_project:nth-child(3) {
margin-right: 11px;
}
.following_project {
display: inline-block;
padding: 10px 31px;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
font-family: "Ubuntu","Arial",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.following_project:hover {
border: 1px solid #4171af;
}
.following_project:active {
border: 1px solid #ee3643;
} .wp-pagenavi {
padding: 0px 20px;
margin-bottom: 50px;
}
.current {
display: inline-block;
padding: 8px 14px 10px 16px;
margin-right: 9px;
margin-bottom: 9px;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
font-family: "Ubuntu","Arial",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #fef5f6;
background: #4171af;
}
.page {
display: inline-block;
padding: 8px 14px 10px 16px;
margin-right: 9px;
margin-bottom: 9px;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
font-family: "Ubuntu","Arial",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 3px;
}
.page:hover {
border: 1px solid #4171af;
}
.page:active {
border: 1px solid #ee3643;
}
.pages, .nextpostslink, .previouspostslink {
display: inline-block;
padding: 10px 31px;
margin-right: 9px;
margin-bottom: 9px;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
font-family: "Ubuntu","Arial",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.nextpostslink:hover, .previouspostslink:hover {
border: 1px solid #4171af;
}
.nextpostslink:active, .previouspostslink:active {
border: 1px solid #ee3643;
}.navForm [type=submit]{display:table-cell;cursor:pointer;height:40px;font-family:Ubuntu,Arial,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;line-height:40px;padding:0 1em;border:0;background:#343434;color:#fff;outline:0;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}.navForm [type=submit]:hover{background:#1f3c61}.navForm{font-size:14px}