a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.fleft { float: left; margin: 5px; }
.fright { float: right; margin: 5px; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus {	clip: auto !important; display: block; font-size: 14px; height: auto; left: 5px; line-height: normal; text-decoration: none; top: 5px; width: auto; z-index: 999; } .hide-microrazmetka { display: none; } 
.all-center { text-align: center; }
.all-left { text-align: left; }
.all-right { text-align: right; }
.block-inline { display: inline-table; vertical-align: top; }
.clear { clear: both; }
.grid { display: grid; }
.red, .big-red, .red a, .big-red a { color: red!important; }
.big-red, .big-red a { text-transform: uppercase; }
.page404 { font-size: 60px; font-weight: bold; width: 200px; height: 200px; line-height: 190px; display: block; margin: 0 auto; border: 4px solid #699fc7; border-radius: 50%; }
.grecaptcha-badge {visibility: hidden;}  *{ 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0;  background-color: #fff; } header .block-title, .menu li a, .content a, 
.gallery-img .size-thumbnail, .carousel-slider__item img,
.footer-icon-block img {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
} .promo-blocks br,
.gallery-img br { display: none; padding: 0;	margin: 0; line-height: 0; clear: none!important; } .max-width { margin: 0 auto; } header { min-height: 130px; background-color: #fff; }
header .grid { align-items: center; }
.header-logo-block { grid-area: logo; }
.header-phone-block { grid-area: phone; }
.header-email-block { grid-area: email; }
.header-formlink-block { grid-area: formlink; display: none; }
header td img { margin-right: 5px; }
header .block-title { color: #000; text-decoration: none; }
header .block-title:hover { color: #699fc7; }
header .small-text { color: #999; display: block; } nav { display: block; background-color: #699fc7; }
#menu-glavnoe { margin: 0 auto; }
.menu { display: block; padding: 0; margin: 0; }
.menu li { display: inline-block; position: relative; z-index:100; padding: 0px; }
.menu li:first-child { margin-left: 0; } #menu-glavnoe li a { font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; margin: 0px; display: block; color: #fff; }
#menu-glavnoe li a { text-transform: uppercase; }
#menu-glavnoe li a:hover, #menu-glavnoe li:hover > a { background-color: #fff; color: #000; }
#menu-glavnoe .current-menu-item, #menu-glavnoe .current-menu-item a:hover { background-color: #eee; }
#menu-glavnoe .current-menu-item a { color: #000; } .menu ul { display: none; margin: 0; padding: 0; min-width: 150px; position: absolute; background: #fff; }
.menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
.menu ul li a {	font-size: 14px; display: block; color: #000; background: #fff; }
.menu ul li a:first-child { padding-left: 0; }
.menu ul li a:hover, .menu ul li:hover > a { background: #f0f0f0; }
.menu li:hover > ul { display: block; }
.menu ul ul { left: 149px; top: 0px; }
@media (max-width: 767px) {
nav { margin: 0; background: none; }
.menu { display: none; }
.menu li { display: block; margin: 0; padding: 0; }
.menu ul { display: block; position: relative;	top: 0;	left: 0; width: 100%; }
.menu ul ul { left: 0px; }
.menu .sub-menu { padding-left: 10px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
#menu-glavnoe li a { padding: 0 8px; font-size: 13px; }
}
@media (min-width: 1200px) {
#menu-glavnoe li a { padding: 0 25px; }	
}  .btn-mob-menu { position: fixed; left: 10px; top: 10px; cursor: pointer; transition: left .23s; z-index: 3; width: 35px; height: 33px; background-image: url(//udachnika.ru/wp-content/themes/UdachTheme/img/mob-menu.png); background-repeat: no-repeat;  -webkit-backface-visibility: hidden; }
.hidden-menu, .btn-mob-menu { box-shadow: 0 0 5px #000; }
.hidden-menu { width: 300px; height: 100%; background-color: rgb(0 0 0 / 80%); top: 0; left: -305px; padding: 10px 5px; margin: 0; 
display: block; position: fixed; list-style: none; box-sizing: border-box; transition: left .2s; z-index: 150; 
-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; text-align: left;
}
.hidden-menu ul { margin: 0 5px; padding: 0px; }
.hidden-menu li { list-style-type: none; line-height: 20px; }
.hidden-menu .menu-title ul li { list-style-type: square; color: #699fc7; margin-left: 12px; }
.hidden-menu .menu {}
.hidden-menu .menu-title>a { background-color: #699fc7; text-align: center; }
#menu-mobilnoe li a { margin-bottom: 5px; font-size: 13px; line-height: 25px; }
.hidden-menu-ticker { display: none; }
.hidden-menu-ticker:checked ~ .btn-mob-menu { left: 305px; background-image: url(//udachnika.ru/wp-content/themes/UdachTheme/img/mob-menu-hover.png); }
.hidden-menu-ticker:checked ~ .hidden-menu { left: 0; }
@media (min-width: 768px) {
.btn-mob-menu, .hidden-menu-ticker { display: none; }
}  .content { background-color: #fff; } h1, h2, h3, h4, 
.block-title, header .small-text, 
.menu li a, .mob-menu li a { font-family: Tahoma, sans-serif; }
h1 { font-size: 30px; font-weight: 400; padding: 15px 0; }
h2 { font-size: 20px; font-weight: 400; }
h3 { font-size: 18px; }
h4 { font-size: 15px; } .content p, .content ul li, .content ol li { font-family: Verdana, Arial, sans-serif; }
.content p { font-size: 14px; }
.content a, .content a:link, .content a:visited, .content a:focus { color: #699fc7; text-decoration: none; }
.content a:hover { border-bottom: 1px dashed #699fc7; }
.content a.fancyboxforwp:hover { border-bottom: none; }
.content .red a:hover, .content .big-red a:hover { border-bottom: 1px dashed red; }
.content ul, .content ol { padding: 10px 0px 20px 0px; }
.content ul { margin-left: 20px; }
.content ol { counter-reset: myCounter; }
.content ol li, 
.content ul li { margin-bottom: 10px; font-size: 14px; }
.content ol li { list-style: none; padding-left: 40px; }
.content ol li:before { counter-increment: myCounter; content: counter(myCounter); color: #fff; font-style: normal; background: #699fc7; display: inline-block; text-align: center; margin: 0px 0px 0px -25px; font-size: 12px; line-height: 16px; width: 16px; height: 16px; position: absolute; } .price, .price2 { margin: 20px auto 30px auto; width: 100%; border-spacing: 0; border-collapse: collapse; }
.price tr:nth-child(2n+1), .price2 tr:nth-child(2n+1){ background-color: #f7f7f7; }
.price th, .price2 th { background-color: #474747; color: #fff; padding: 5px; text-align: center; }
.price th, .price td, .price2 th, .price2 td { border: 1px solid #eee; height: 35px; font-family: Verdana, Arial, sans-serif; font-size: 14px; }
.price td { width: 20%; text-align: center; }
.price td:first-child { text-align: left; width: 40%; padding-left: 10px; }
.price tr:hover, .price2 tr:hover { background-color: #e9f5ff; }
.price tr:first-child:hover { border-left: 1px solid #3498db; border-right: 1px solid #3498db; }
.price2 tr:first-child:hover { border-left: 1px solid #3498db; border-right: 1px solid #3498db; }
.price2 .big-title { text-align: center; font-size: 18px; font-weight: bold; background-color: #9a9a9a; color: #fff; } .blocks { display: flex; justify-content: flex-start; flex-flow: wrap; }
.blocks .block-inline:first-child { margin-right: 30px; }
.blocks .block-inline h4 { line-height: 16px; margin: 0; }
.blocks .block-inline ol { padding: 0px; } .promo-blocks { margin: 20px 0px; }
.promo-blocks .block-inline { width: 210px; height: 150px; padding: 2px 2px 0 2px; background-color: #fff; border: 2px solid #eee; border-top-left-radius: 10px; border-bottom-right-radius: 10px; margin: 5px; }
.promo-blocks .block-inline:hover { border: 2px solid #699fc7; }
.promo-blocks .block-inline img { width: 100%; max-height: 150px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.promo-blocks .block-inline span { position: absolute; margin: 110px -200px; width: 200px; text-align: center; background-color: rgba(0, 0, 0, 0.5); padding: 5px; color: #fff; } .post { padding: 10px 0 20px 0; border-bottom: 1px solid #000; margin: 10px; }
.post h4 { margin: 0px 0px 10px 0; }
.post .meta { padding: 10px 0px; }
.post .meta p { font-size: 12px; margin: 5px 0; } .pagination li { list-style: none; display: inline-block; min-width: 28px; border-radius: 4px; overflow: hidden; font-size: 12px; line-height: 16px; margin: 2px; text-align: center; }
.pagination li.active { color: #000; background-color: #eee; width: 27px; padding: 5px; }
.content .pagination li a, .content .pagination li a:hover { color: #fff!important; font-style: normal; background-color: #699fc7; padding: 5px; min-width: 27px; height: 27px; display: block; border-bottom: none; } .uslugi .block-inline { width: 100%; display: grid; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 5px; }
.uslugi .block-inline img { padding: 2px; border: 1px solid #699fc7; border-radius: 5px; }
.uslugi .block-inline ul { padding: 0; }
.uslugi .block-inline li { list-style: none; display: inline-block; }
.uslugi .block-inline li a { padding: 2px 10px; background-color: #eee; border-radius: 5px; margin: 3px; display: block; font-size: 14px; color: #000; }
.uslugi .block-inline li a:hover { border-bottom: none; background-color: #699fc7; color: #fff; } .gallery-img { text-align: center; }
.gallery-img .gallery-item { float: none!important; margin: 0px!important; display: inline-block; width: auto!important; }
.gallery-img .size-thumbnail,
.carousel-slider__item img { border: 2px solid #999; padding: 2px; text-align: center; border-radius: 5px; opacity: 0.8; }
.gallery-img .gallery-item .size-thumbnail { width: 156px; height: 118px; margin: 0;}
.gallery-icon { max-width: 156px; margin: 0 2px; }
.gallery-img .size-thumbnail:hover,
.carousel-slider__item img:hover { border: 2px solid #699fc7; opacity: 1;  }
.carousel-slider .owl-nav .owl-next, .carousel-slider .owl-nav .owl-prev { top: 43%!important; margin: 0 7px; border-radius: 5px; }
.carousel-slider .owl-nav .owl-next { background: url(//udachnika.ru/wp-content/themes/UdachTheme/img/next.jpg) no-repeat #000!important; }
.carousel-slider .owl-nav .owl-prev { background: url(//udachnika.ru/wp-content/themes/UdachTheme/img/prev.jpg) no-repeat #000!important; }
.carousel-slider .owl-nav .owl-prev.disabled , .carousel-slider .owl-nav .owl-next.disabled { display: none; }
.carousel-slider .owl-nav .owl-next svg, .carousel-slider .owl-nav .owl-prev svg { display: none; }
.carousel-slider .owl-nav .owl-next:hover, .carousel-slider .owl-nav .owl-prev:hover { color: #699fc7!important; } .gallery { display: flex; flex-wrap: wrap; justify-content: center; }
.gallery img { margin: 5px; } .colonka-right { float: right; height: auto; margin: 0; width: 250px; }  #menu-bokovoe li {  display: block; width: 100%; }
#menu-bokovoe li a { padding: 5px 0px 5px 20px; font-size: 14px; text-transform: none; text-decoration: none;  display: block; color: #000; border-bottom: 1px solid #eee; }
#menu-bokovoe li a:hover { margin-left: 3px; color: #699fc7; }
#menu-bokovoe .menu-title a { padding: 0px 0px 0px 20px; cursor: text; font-weight: bold; line-height: 30px; background-color: #699fc7; color: #fff; border-radius: 5px; }
#menu-bokovoe .menu-title a:hover { margin-left: 0px; color: #fff; }
#menu-bokovoe .menu-title { margin-top: 5px; }    
#menu-bokovoe .menu-title:first-child { margin-top: 0; }    
#menu-bokovoe .current-menu-item { background-color: #eee; } .messend td img { width: 36px; height: 36px; }
.messend { display: inline-table; margin: 5px; }
.messend td { vertical-align: top; }
.messend td:nth-child(2) a { line-height: 36px; display: block; background-color: #a9a9a9; color: #fff; padding: 0 5px; }
.messend td a:hover { border-bottom: none; opacity: 0.8; } .contact-block { border-top: 1px solid #699fc7; padding: 5px; border-bottom: 1px solid #699fc7; margin-top: 30px; }
.contact-block table { margin: 5px auto 5px auto; }
.contact-block img { width: 20px; height: 20px; margin-right: 5px; }
.contact-block .h3 { font-size: 18px; display: block; }
.contact-block .small-text { font-size: 12px; display: block; }
.contact img { width: 40px; height: 40px; margin-right: 5px; }
.contact span { display: block; }
.contact .h3 { font-size: 18px; font-weight: bold; }
.margin-top10 { margin-top: 10px; } footer { min-height: 80px; background-color: #699fc7; }
footer .flex { align-items: center; display: flex; justify-content: space-between; padding-top: 14px; flex-wrap: wrap; }
.footer-menu-block { padding: 0 20px; }
#menu-niznee { display: grid; grid-template-columns: 100px 130px 100px; }
#menu-niznee li a,
#menu-mobilnoe li a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#menu-niznee li a { font-size: 12px; }
#menu-niznee li a { padding: 5px 0; }
#menu-niznee li a:hover, #menu-mobilnoe li a:hover { opacity: 0.8; }
.footer-icon-block img { margin: 0 5px; border-radius: 50%; }
.footer-icon-block img:hover { opacity: 0.8; }
.footer-copyright-block p, .privacy { color: #fff; font-size: 12px; margin: 0 0 5px 0; font-family: 'Tahoma', sans-serif; }
.privacy { margin-top: 5px; border-bottom: 1px dashed #fff; text-decoration: none; }
.privacy:hover { opacity: 0.8; } .height-content { min-height: 667px; } .forma-fancybox { background-color: #699fc7; border: 1px solid #000; display: block; border-radius: 10px; text-align: center; width: 290px; padding: 10px 0px; }
.forma-fancybox h4 { text-transform: uppercase; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 3px #000; }
.forma-fancybox p { margin: 0; padding: 0px 10px; }
.forma-fancybox p.small-txt { padding: 5px 10px; } 
.text-txt, .phone-txt, .mess-txt { font-size: 14px; width: 100%; font-family: Arial, sans-serif; border-radius: 10px; text-align: left; padding: 4px 10px; margin-bottom: 8px; border: 1px solid #fff; outline: none; }
.text-txt, .phone-txt { line-height: 24px; }
.mess-txt { max-height: 90px; line-height: 20px; }
.text-txt:hover, .phone-txt:hover, .mess-txt:hover { border: 1px solid #000; }
.wpcf7 input[type="file"] { width: 225px; }
.forma-fancybox .white-btn { margin: 10px auto 0 auto; outline: none; cursor: pointer; display: block; background-color: #fff; padding: 5px 20px; border-radius: 10px; font-size: 14px; border: 1px solid #000; }
.forma-fancybox .white-btn:hover { background-color: #eee; }
.small-txt { font-size: 11px; line-height: 12px; color: #fff; }
.small-txt a { color: #eee; }
div.wpcf7 .ajax-loader { display: block; } .wpcf7-not-valid-tip { margin: -15px 0px; padding: 0 10px; border: 1px dashed red; }
.wpcf7-not-valid-tip, 
.wpcf7 form.sent .wpcf7-response-output, 
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output { font-weight: 700; position: absolute; font-size: 11px; line-height: 13px; text-align: center; border-radius: 10px; background-color: rgb(255 255 255 / 0.9); z-index: 100; }
.wpcf7 form.sent .wpcf7-response-output, 
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output { padding: 2px 5px; position: absolute; margin: -30px 0 0 0; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #ffb900; }
.contact-form .wpcf7-spinner { position: absolute; } @media (max-width: 449px) {
header .grid { margin: 0 auto; display: block; }
.header-logo-block { text-align: center; padding: 10px 0; }
.header-phone-block table, .header-email-block table, .header-formlink-block table { min-width: 212px; margin: 0 auto; }
header td:last-child { text-align: left; }
.uslugi .block-inline { grid-template-columns: 130px auto; }
.uslugi .block-inline img { max-width: 120px; }
.uslugi .block-inline h3 { text-align: center; }
#menu-niznee { grid-template-columns: 80px 110px 90px; }
.footer-icon-block { padding: 10px 0 0 0; }
.footer-copyright-block { text-align: center; padding-top: 10px; }
}
@media (min-width: 450px) {
header td:last-child { text-align: right; }
.uslugi .block-inline { grid-template-columns: 230px auto; }
}
@media (min-width: 450px) and (max-width: 767px) {
header .grid { 
grid-template-areas: "logo phone" "logo email"; grid-template-columns: 215px 215px; grid-template-rows: 100px; position: relative; margin-left: 50%; left: -215px; padding-bottom: 10px; }
}
@media (max-width: 767px) {
.no-mobile { display: none; }
.no-desktop { display: block; }
.max-width { max-width: 100%; }
.header-logo-block img { max-height: 80px; }
header { border-bottom: 2px solid #699fc7; }
header td img, .footer-icon-block img { width: 36px; height: 36px; }
header td img { margin: 0; }
header .block-title { font-size: 20px; }
header .small-text { font-size: 12px; }
.content { padding: 0px 10px 15px 10px; }
.promo-blocks { text-align: center; }
.size-full { width: 100%; }
}
@media (min-width: 768px) {
.no-desktop { display: none; }
.no-mobile { display: block; }
header .small-text { font-size: 14px; }
.content { padding: 0px 20px 30px 20px; }
.one-sidebar-right { margin-right: 250px; }
}
@media (min-width: 450px) and (max-width: 1199px) {
.footer-copyright-block p:nth-child(1) { margin-right: 20px; }
.footer-copyright-block p { display: inline-block; padding: 10px 0; }
}
@media (max-width: 1199px) {
a img.alignright, a img.alignnone, a img.alignleft, a img.aligncenter { width: 100%; height: auto; }
footer .flex { justify-content: space-evenly; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.max-width { max-width: 768px; }
.header-logo-block img { max-height: 90px; }
header .grid { padding-top: 15px;
grid-template-areas: "logo phone email"; grid-template-columns: auto 260px 250px; grid-template-rows: 90px; position: relative; }
header .block-title { font-size: 22px; }
}
@media (min-width: 1200px) {
header .grid { 
grid-template-areas: "logo phone email"; 
grid-template-columns: auto 290px 290px; grid-template-rows: 130px; }
header .block-title { font-size: 24px; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
.max-width { max-width: 1160px; }
}
@media (min-width: 1280px) {
.max-width { max-width: 1240px; }
}
@media (min-width: 768px) { .colonka-right {
float: left !important;
width: 250px !important;
margin-right: 30px !important;
margin-left: 0 !important;
} .content.one-sidebar-right {
float: right !important;
width: calc(100% - 280px) !important;
margin-right: 0 !important;
margin-left: 0 !important;
clear: none !important;
} .clear {
clear: both !important;
display: block !important;
}
} footer {
clear: both !important;
width: 100% !important;
display: block !important;
background-color: #699fc7; margin-top: 40px;
}
@media (min-width: 768px) { .colonka-right {
float: left !important;
width: 250px !important;
margin-right: 30px !important;
margin-left: 0 !important;
} .content.one-sidebar-right {
float: right !important;
width: calc(100% - 280px) !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
} .max-width.height-content {
margin-top: 30px !important; padding-top: 0;
display: block;
overflow: hidden; }
@media (min-width: 768px) { .colonka-right {
margin-top: 10px !important; 
} .content.one-sidebar-right {
margin-top: 10px !important;
}
}