/* Effective stylesheet produced by snapshot save */
@font-face {
  font-family: "Philosopher";
  src: local("Philosopher"), url("Philosopher.ttf.bin");
}
/* body { margin: 0px; font-family: "Philosopher"; background: rgb(250, 223, 156) none repeat scroll left top; } */
body { margin: 0px; font-family: "Philosopher"; background: rgb(250, 223, 156) none repeat scroll left top; font-size: 20px;}
img { border: medium none; }
.nav-wrapper { background: transparent url("../img/menu_back.png") repeat scroll 0px 0px; left: 0px; position: fixed; top: 0px; z-index: 112; width: 100%; height: 141px; }
div.nav { top: 20px; width: 950px; display: block; margin: 12px auto 0px; }
ul.menu { list-style: outside none none; margin: 11px 0px 0px; padding: 0px; }
ul.menu li { float: left; text-align: center; width: 110px; margin: 0px 14px; }
ul.menu li.menu-vacancy { width: 137px; } /* ul.menu li.photo-menu { width: 137px; } */
div.nav a { color: rgb(32, 12, 12); text-decoration: none; padding: 0px; margin: 7px 0px; position: relative; text-transform: uppercase; font-size: 20px; }
div.nav a:hover { color: rgb(255, 63, 27); }
/* div.nav a.selected { color: rgb(255, 209, 68); } */
div.nav a.selected { color: rgb(255, 0, 0); }
/*#content div.section { display: block; padding-top: 145px; }*/
#content div.section { display: block; padding-top: 150px; }
div.article { width: 960px; margin: 0px auto; }
/* #first, #second, #third, #fourth, #photo { background: transparent none repeat scroll 0% 0%; color: white; } */
#first, #second, #third, #vacancy { background: transparent none repeat scroll 0% 0%; color: #34211d; }
#first, #third { background: transparent url("../img/square.jpg") repeat scroll 0px 0px; }
#contact-section { min-height: 350px; }
/* #footer-section { background: transparent url("../img/footer.png") repeat scroll 0px 0px; } */
#footer-section { background: rgb(242, 159, 55);}
#footer-section table { margin: 0px auto; padding-top: 55px; width: 950px; font-size: 12px; }
/*#footer-section table tr td { vertical-align: top; }*/
#footer-section table tr td { vertical-align: center; }
/*#fourth { background: transparent url("../img/about_back.jpg") no-repeat scroll center 136px; min-height: 519px; }*/
#fourth { background: rgb(242, 159, 55); }
/* #second { background: transparent url("../img/uslugi.png") no-repeat scroll center top; min-height: 1291px; color: black; } */
#second { background: rgb(250, 234, 198); }
/* #photo { background: transparent url("../img/foto_back.jpg") no-repeat scroll center top; min-height: 541px; color: black; } */
#vacancy { background: rgb(242, 159, 55); }
.menu { float: right; }
#logo { margin-top: 26px; }
.article-title { font-size: 40px; text-transform: uppercase; text-align: center; margin-top: 0px; font-weight: bold; }
.article-title-small { font-size: 35px; text-align: center; margin-top: 0px; font-weight: bold; }
.article-title-small-small { font-size: 30px; text-align: center; margin-top: 0px; font-weight: bold; }
/* .text { font-size: 16px; } */
.text { font-size: 20px; }
/* */ ul { font-size: 20px; margin: 0px; font-style: italic; }
.about-us td { width: 50%; vertical-align: top; }
ol { counter-reset: point; list-style: outside none none; padding-left: 0px; }
ol > li { margin-bottom: 30px; padding-left: 45px; position: relative; }
ol > li::before { background: rgb(255, 199, 28) none repeat scroll 0px 0px; border-radius: 27px; border: 2px solid rgb(151, 228, 241); color: rgb(255, 255, 255); content: counter(point, decimal); counter-increment: point 1; font-size: 19px; left: 0px; padding: 4px 6px; position: absolute; text-align: center; top: 0px; width: 20px; }
.text-li li { color: rgb(255, 199, 28); }
.text-li li span { color: white; } /* Дорогі речі - дорогі в роботі */
/* .uslugi > div { color: rgb(9, 69, 160); float: left; height: 208px; margin: 20px 25px 28px; padding: 0px; text-align: center; width: 265px; } */
.uslugi > div { color: #34211d; float: left; height: 208px; margin: 20px 25px 28px; padding: 0px; text-align: center; width: 265px; }
.uslugi > div.box > span, .uslugi > div.box > .hover-uslugi > span { font-size: 21px; font-weight: bold; text-transform: uppercase; }
.uslugi > div.box span div { padding: 8px 0px; }
.uslugi > div.box .hover-uslugi span div { padding: 8px 0px 8px 1px; }
.uslugi img { clear: left; margin-bottom: 8px; }
.hover-uslugi { border-style: solid; border-width: 3px; border-color: rgb(151, 228, 241); border-radius: 15px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 16px 0px rgb(0, 25, 63); display: none; left: -26px; padding: 20px; position: relative; top: -23px; width: 270px; z-index: 100; }
/*
 .hover-uslugi > span > div { font-size: 21px; font-weight: bold; background: transparent url("urn:not-loaded:http://ulyubomira.lviv.ua/images/title.png") no-repeat scroll center top; min-height: 51px; padding: 8px 0px; }
 */
.hover-uslugi > span > div { font-size: 21px; font-weight: bold; background: transparent url("urn:../img/title.png") no-repeat scroll center top; min-height: 51px; padding: 8px 0px; }
.hover-uslugi ul { text-align: left; font-size: 20px; color: rgb(51, 110, 164); padding: 0px 10px 0px 25px; }
.hover-uslugi ul > li { text-decoration: underline; padding: 4px 0px; min-height: 24px; }
.hover-uslugi ul > li > a { color: inherit; }
.hover-uslugi ul > li:hover { text-decoration: none; color: rgb(255, 209, 68); cursor: pointer; }
.hover-uslugi ul > li:hover a { text-decoration: none; color: rgb(1, 87, 165); font-weight: bold; font-size: 19px; }
.feedback { margin-top: 45px; display: inline-block; width: 382px; height: 78px; background: transparent url("question.png") no-repeat scroll center top; }
/* .feedback:hover { background: transparent url("urn:not-loaded:http://ulyubomira.lviv.ua/images/question_active.png") no-repeat scroll center top; } */
.contact-cloud { background: transparent url("contact.png") no-repeat scroll center top; font-size: 22px; font-weight: bold; height: 59px; padding-top: 7px; text-align: center; text-transform: uppercase; width: 290px; }
.contact { margin-top: 60px; font-size: 20px; }
.contact td { padding: 0px 14px; height: 200px; vertical-align: top; line-height: 1.5; }
.map { color: rgb(255, 209, 68); }
sup { text-decoration: underline; }
/* .link-menu img { margin-bottom: 15px; } */
.link-menu img { position: absolute; left: 0px; top: 0px; z-index: 113; }
#first, #third #contact-section { padding-bottom: 100px; }
/* */ #vacancy { padding-bottom: 75px; }
#photo-gallery .photo-row .photo-title { text-transform: uppercase; font-size: 22px; color: rgb(9, 69, 160); margin: 0px 20px; }
#photo-gallery .photo-row table { margin: 0px auto; }
.wrapper-dropdown-3 { z-index: 100; position: relative; width: 200px; margin: 0px auto; padding: 15px 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 7px; border: 2px solid rgb(212, 250, 253); cursor: pointer; outline: medium none; text-align: left; color: rgb(2, 67, 156); }
.wrapper-dropdown-3::after { content: ""; width: 0px; height: 0px; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0px; border-style: solid; border-color: rgb(255, 197, 20) transparent; }
.wrapper-dropdown-3 .dropdown { position: absolute; top: 100%; left: 0px; right: 0px; background: white none repeat scroll 0% 0%; border-radius: inherit; border: 2px solid rgb(212, 250, 253); font-weight: normal; transition: all 0.5s ease-in 0s; list-style: outside none none; opacity: 0; pointer-events: none; padding: 0px; }
.wrapper-dropdown-3 .dropdown::after { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 15px; border-width: 0px 6px 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent; }
.wrapper-dropdown-3 .dropdown::before { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 13px; border-width: 0px 8px 8px; border-style: solid; border-color: rgb(212, 250, 253) transparent; }
.wrapper-dropdown-3 .dropdown li a { display: block; padding: 7px 10px 7px 20px; text-decoration: none; color: rgb(2, 67, 156); transition: all 0.3s ease-out 0s; }
.wrapper-dropdown-3 .dropdown li:first-of-type a { border-radius: 7px 7px 0px 0px; }
.wrapper-dropdown-3 .dropdown li:last-of-type a { border: medium none; border-radius: 0px 0px 7px 7px; }
.wrapper-dropdown-3 .dropdown li:hover a { background: rgb(243, 248, 248) none repeat scroll 0% 0%; }
#dropdown { display: inline-block; }
.swiper-table-photo { margin-top: 40px ! important; }
.arrow-left, .arrow-right { width: 32px; height: 58px; display: block; }
.arrow-left { background-image: url("arrow_left.png"); }
/* .arrow-right { background-image: url("urn:not-loaded:http://ulyubomira.lviv.ua/images/arrow_right.png"); } */
.arrow-right.active { background-image: url("arrow_right_active.png"); }
.swiper-slide { width: 200px ! important; height: 286px; margin: 0px 10px; }
.swiper-slide img { cursor: pointer; }
.swiper-slide img:first-child { margin-bottom: 16px; }
.swiper-container { width: 880px; height: 286px; text-align: center; margin: 10px 0px ! important; }
/* #photo .article { top: -70px; position: relative; } */

a.button25 { position: relative; display: inline-block; width: 15em; height: 2.5em; line-height: 2.5em; vertical-align: middle; text-align: center; text-decoration: none; text-shadow: 0 -1px 1px #777; color: #fff; outline: none; border: 2px solid #F64C2B; border-radius: 5px; box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #800; background: linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17); }
a.button25:active { top: .1em; left: .1em; box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset; }