/* font-family: 'Kelson'; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans Condensed', sans-serif; font-family: 'FontAwesome'; */ /* фоновые изображения при фиксированной ширине сайта */ body{ background-attachment: fixed; } body.bg0{ background-color: #fff; } body.bg1{ background-image: url(../images/bg/bg1.png); } body.bg2{ background-image: url(../images/bg/bg2.png); } body.bg3{ background-image: url(../images/bg/bg3.png); } body.bg4{ background-image: url(../images/bg/bg4.png); } body.bg5{ background-image: url(../images/bg/bg5.png); } body.bg6{ background-image: url(../images/bg/bg6.png); } body.bg7{ background-image: url(../images/bg/bg7.png); } body.bg8{ background-image: url(../images/bg/bg8.png); } body.bg9{ background-image: url(../images/bg/bg9.png); } body.bg10{ background-image: url(../images/bg/bg10.png); } body.bg11{ background-image: url(../images/bg/bg11.png); } body.bg12{ background-image: url(../images/bg/bg12.jpg); } body.bg13{ background-image: url(../images/bg/bg13.png); } body.bg14{ background-image: url(../images/bg/bg14.png); } body.bg15{ background-image: url(../images/bg/bg15.png); } /* /. фоновые изображения при фиксированной ширине сайта */ /************************* Цветовые схемы *************************/ /* стандартная желтая схема */ .btn, .aside-menu-title, .slick-dots li.slick-active, #up, .index-services-wrapper, .aside-menu li > a.uMenuItemA{ background: #FBC01E; } .files-catalog .element:hover .title a, .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .mobile-menu .uMenuH > ul > li > a:hover, .mobile-menu .uMenuH ul ul > li.active > a, .mobile-menu .uMenuH ul ul > li > a:hover, .logo a span, .search-btn.active, .header-tel .fa, .aside-reviews-block .title-h3 i, .info-element .more, .top-menu-wrapper .uMenuH > ul ul li.active > a, .top-menu-wrapper .uMenuH > ul ul li > a:hover, .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .info-wrapper .title-h2 i{ color: #FBC01E; } .aside-menu li > a.uMenuItemA{ border-color: #fbc01e; } .aside-categories a.catNameActive, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .fancybox-close{ background: #fbc01e !important; } .aside-categories a.catNameActive, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #fbc01e !important; } .top-menu-wrapper .uMenuH > ul > li.mod > a, .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .uMenuH > ul > li.mod > a:hover, .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #FBC01E; } @media only screen and (min-width: 992px) { body::-webkit-scrollbar-thumb { background-color: #FBC01E; } } /* /. стандартная желтая схема */ /* оранжевая схема */ .orange-scheme .btn, .orange-scheme .aside-menu-title, .orange-scheme .slick-dots li.slick-active, .orange-scheme #up, .orange-scheme .index-services-wrapper, .orange-scheme .aside-menu li > a.uMenuItemA{ background: #F7822C; } .orange-scheme .files-catalog .element:hover .title a, .orange-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .orange-scheme .mobile-menu .uMenuH > ul > li > a:hover, .orange-scheme .mobile-menu .uMenuH ul ul > li.active > a, .orange-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .orange-scheme .logo a span, .orange-scheme .search-btn.active, .orange-scheme .header-tel .fa, .orange-scheme .aside-reviews-block .title-h3 i, .orange-scheme .info-element .more, .orange-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .orange-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .orange-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .orange-scheme .info-wrapper .title-h2 i{ color: #F7822C; } .orange-scheme .aside-menu li > a.uMenuItemA{ border-color: #F7822C; } .orange-scheme .aside-categories a.catNameActive, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .orange-scheme .fancybox-close{ background: #F7822C !important; } .orange-scheme .aside-categories a.catNameActive, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .orange-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #F7822C !important; } .orange-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .orange-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .orange-scheme .uMenuH > ul > li.mod > a:hover, .orange-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .orange-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #F7822C; } @media only screen and (min-width: 992px) { body.orange-scheme::-webkit-scrollbar-thumb { background-color: #F7822C; } } /* /. оранжевая схема */ /* красная схема */ .red-scheme .btn, .red-scheme .aside-menu-title, .red-scheme .slick-dots li.slick-active, .red-scheme #up, .red-scheme .index-services-wrapper, .red-scheme .aside-menu li > a.uMenuItemA{ background: #f13a2d; } .red-scheme .files-catalog .element:hover .title a, .red-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .red-scheme .mobile-menu .uMenuH > ul > li > a:hover, .red-scheme .mobile-menu .uMenuH ul ul > li.active > a, .red-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .red-scheme .logo a span, .red-scheme .search-btn.active, .red-scheme .header-tel .fa, .red-scheme .aside-reviews-block .title-h3 i, .red-scheme .info-element .more, .red-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .red-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .red-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .red-scheme .info-wrapper .title-h2 i{ color: #f13a2d; } .red-scheme .aside-menu li > a.uMenuItemA{ border-color: #f13a2d; } .red-scheme .aside-categories a.catNameActive, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .red-scheme .fancybox-close{ background: #f13a2d !important; } .red-scheme .aside-categories a.catNameActive, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .red-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #f13a2d !important; } .red-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .red-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .red-scheme .uMenuH > ul > li.mod > a:hover, .red-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .red-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #f13a2d; } @media only screen and (min-width: 992px) { body.red-scheme::-webkit-scrollbar-thumb { background-color: #f13a2d; } } /* /. красная схема */ /* голубая схема */ .blue-scheme .btn, .blue-scheme .aside-menu-title, .blue-scheme .slick-dots li.slick-active, .blue-scheme #up, .blue-scheme .index-services-wrapper, .blue-scheme .aside-menu li > a.uMenuItemA{ background: #31ACF3; } .blue-scheme .files-catalog .element:hover .title a, .blue-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .blue-scheme .mobile-menu .uMenuH > ul > li > a:hover, .blue-scheme .mobile-menu .uMenuH ul ul > li.active > a, .blue-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .blue-scheme .logo a span, .blue-scheme .search-btn.active, .blue-scheme .header-tel .fa, .blue-scheme .aside-reviews-block .title-h3 i, .blue-scheme .info-element .more, .blue-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .blue-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .blue-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .blue-scheme .info-wrapper .title-h2 i{ color: #31ACF3; } .blue-scheme .aside-menu li > a.uMenuItemA{ border-color: #31ACF3; } .blue-scheme .aside-categories a.catNameActive, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .blue-scheme .fancybox-close{ background: #31ACF3 !important; } .blue-scheme .aside-categories a.catNameActive, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .blue-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #31ACF3 !important; } .blue-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .blue-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .blue-scheme .uMenuH > ul > li.mod > a:hover, .blue-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .blue-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #31ACF3; } @media only screen and (min-width: 992px) { body.blue-scheme::-webkit-scrollbar-thumb { background-color: #31ACF3; } } /* /. голубая схема */ /* зеленая схема */ .green-scheme .btn, .green-scheme .aside-menu-title, .green-scheme .slick-dots li.slick-active, .green-scheme #up, .green-scheme .index-services-wrapper, .green-scheme .aside-menu li > a.uMenuItemA{ background: #49B947; } .green-scheme .files-catalog .element:hover .title a, .green-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .green-scheme .mobile-menu .uMenuH > ul > li > a:hover, .green-scheme .mobile-menu .uMenuH ul ul > li.active > a, .green-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .green-scheme .logo a span, .green-scheme .search-btn.active, .green-scheme .header-tel .fa, .green-scheme .aside-reviews-block .title-h3 i, .green-scheme .info-element .more, .green-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .green-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .green-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .green-scheme .info-wrapper .title-h2 i{ color: #49B947; } .green-scheme .aside-menu li > a.uMenuItemA{ border-color: #49B947; } .green-scheme .aside-categories a.catNameActive, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .green-scheme .fancybox-close{ background: #49B947 !important; } .green-scheme .aside-categories a.catNameActive, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .green-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #49B947 !important; } .green-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .green-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .green-scheme .uMenuH > ul > li.mod > a:hover, .green-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .green-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #49B947; } @media only screen and (min-width: 992px) { body.green-scheme::-webkit-scrollbar-thumb { background-color: #49B947; } } /* /. зеленая схема */ /* тёмно-красная схема */ .darkred-scheme .btn, .darkred-scheme .aside-menu-title, .darkred-scheme .slick-dots li.slick-active, .darkred-scheme #up, .darkred-scheme .index-services-wrapper, .darkred-scheme .aside-menu li > a.uMenuItemA{ background: #E21414; } .darkred-scheme .files-catalog .element:hover .title a, .darkred-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .darkred-scheme .mobile-menu .uMenuH > ul > li > a:hover, .darkred-scheme .mobile-menu .uMenuH ul ul > li.active > a, .darkred-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .darkred-scheme .logo a span, .darkred-scheme .search-btn.active, .darkred-scheme .header-tel .fa, .darkred-scheme .aside-reviews-block .title-h3 i, .darkred-scheme .info-element .more, .darkred-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .darkred-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .darkred-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .darkred-scheme .info-wrapper .title-h2 i{ color: #E21414; } .darkred-scheme .aside-menu li > a.uMenuItemA{ border-color: #E21414; } .darkred-scheme .aside-categories a.catNameActive, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .darkred-scheme .fancybox-close{ background: #E21414 !important; } .darkred-scheme .aside-categories a.catNameActive, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #E21414 !important; } .darkred-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .darkred-scheme .uMenuH > ul > li.mod > a:hover, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .darkred-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #E21414; } @media only screen and (min-width: 992px) { body.darkred-scheme::-webkit-scrollbar-thumb { background-color: #E21414; } } /* /. тёмно-красная схема */ /* фиолетовая схема */ .purple-scheme .btn, .purple-scheme .aside-menu-title, .purple-scheme .slick-dots li.slick-active, .purple-scheme #up, .purple-scheme .index-services-wrapper, .purple-scheme .aside-menu li > a.uMenuItemA{ background: #9650b9; } .purple-scheme .files-catalog .element:hover .title a, .purple-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .purple-scheme .mobile-menu .uMenuH > ul > li > a:hover, .purple-scheme .mobile-menu .uMenuH ul ul > li.active > a, .purple-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .purple-scheme .logo a span, .purple-scheme .search-btn.active, .purple-scheme .header-tel .fa, .purple-scheme .aside-reviews-block .title-h3 i, .purple-scheme .info-element .more, .purple-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .purple-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .purple-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .purple-scheme .info-wrapper .title-h2 i{ color: #9650b9; } .purple-scheme .aside-menu li > a.uMenuItemA{ border-color: #9650b9; } .purple-scheme .aside-categories a.catNameActive, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .purple-scheme .fancybox-close{ background: #9650b9 !important; } .purple-scheme .aside-categories a.catNameActive, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .purple-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #9650b9 !important; } .purple-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .purple-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .purple-scheme .uMenuH > ul > li.mod > a:hover, .purple-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .purple-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #9650b9; } @media only screen and (min-width: 992px) { body.purple-scheme::-webkit-scrollbar-thumb { background-color: #9650b9; } } /* /. фиолетовая схема */ /* бирюзовая схема */ .cyan-scheme .btn, .cyan-scheme .aside-menu-title, .cyan-scheme .slick-dots li.slick-active, .cyan-scheme #up, .cyan-scheme .index-services-wrapper, .cyan-scheme .aside-menu li > a.uMenuItemA{ background: #1AB0B1; } .cyan-scheme .files-catalog .element:hover .title a, .cyan-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .cyan-scheme .mobile-menu .uMenuH > ul > li > a:hover, .cyan-scheme .mobile-menu .uMenuH ul ul > li.active > a, .cyan-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .cyan-scheme .logo a span, .cyan-scheme .search-btn.active, .cyan-scheme .header-tel .fa, .cyan-scheme .aside-reviews-block .title-h3 i, .cyan-scheme .info-element .more, .cyan-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .cyan-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .cyan-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .cyan-scheme .info-wrapper .title-h2 i{ color: #1AB0B1; } .cyan-scheme .aside-menu li > a.uMenuItemA{ border-color: #1AB0B1; } .cyan-scheme .aside-categories a.catNameActive, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .cyan-scheme .fancybox-close{ background: #1AB0B1 !important; } .cyan-scheme .aside-categories a.catNameActive, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #1AB0B1 !important; } .cyan-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .cyan-scheme .uMenuH > ul > li.mod > a:hover, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .cyan-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #1AB0B1; } @media only screen and (min-width: 992px) { body.cyan-scheme::-webkit-scrollbar-thumb { background-color: #1AB0B1; } } /* /. бирюзовая схема */ /* оливковая схема */ .olive-scheme .btn, .olive-scheme .aside-menu-title, .olive-scheme .slick-dots li.slick-active, .olive-scheme #up, .olive-scheme .index-services-wrapper, .olive-scheme .aside-menu li > a.uMenuItemA{ background: #9aad2e; } .olive-scheme .files-catalog .element:hover .title a, .olive-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .olive-scheme .mobile-menu .uMenuH > ul > li > a:hover, .olive-scheme .mobile-menu .uMenuH ul ul > li.active > a, .olive-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .olive-scheme .logo a span, .olive-scheme .search-btn.active, .olive-scheme .header-tel .fa, .olive-scheme .aside-reviews-block .title-h3 i, .olive-scheme .info-element .more, .olive-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .olive-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .olive-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .olive-scheme .info-wrapper .title-h2 i{ color: #9aad2e; } .olive-scheme .aside-menu li > a.uMenuItemA{ border-color: #9aad2e; } .olive-scheme .aside-categories a.catNameActive, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .olive-scheme .fancybox-close{ background: #9aad2e !important; } .olive-scheme .aside-categories a.catNameActive, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .olive-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #9aad2e !important; } .olive-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .olive-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .olive-scheme .uMenuH > ul > li.mod > a:hover, .olive-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .olive-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #9aad2e; } @media only screen and (min-width: 992px) { body.olive-scheme::-webkit-scrollbar-thumb { background-color: #9aad2e; } } /* /. оливковая схема */ /* золотая схема */ .gold-scheme .btn, .gold-scheme .aside-menu-title, .gold-scheme .slick-dots li.slick-active, .gold-scheme #up, .gold-scheme .index-services-wrapper, .gold-scheme .aside-menu li > a.uMenuItemA{ background: #BEA042; } .gold-scheme .files-catalog .element:hover .title a, .gold-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .gold-scheme .mobile-menu .uMenuH > ul > li > a:hover, .gold-scheme .mobile-menu .uMenuH ul ul > li.active > a, .gold-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .gold-scheme .logo a span, .gold-scheme .search-btn.active, .gold-scheme .header-tel .fa, .gold-scheme .aside-reviews-block .title-h3 i, .gold-scheme .info-element .more, .gold-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .gold-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .gold-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .gold-scheme .info-wrapper .title-h2 i{ color: #BEA042; } .gold-scheme .aside-menu li > a.uMenuItemA{ border-color: #BEA042; } .gold-scheme .aside-categories a.catNameActive, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .gold-scheme .fancybox-close{ background: #BEA042 !important; } .gold-scheme .aside-categories a.catNameActive, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .gold-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #BEA042 !important; } .gold-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .gold-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .gold-scheme .uMenuH > ul > li.mod > a:hover, .gold-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .gold-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #BEA042; } @media only screen and (min-width: 992px) { body.gold-scheme::-webkit-scrollbar-thumb { background-color: #BEA042; } } /* /. золотая схема */ /* коричневая схема */ .brown-scheme .btn, .brown-scheme .aside-menu-title, .brown-scheme .slick-dots li.slick-active, .brown-scheme #up, .brown-scheme .index-services-wrapper, .brown-scheme .aside-menu li > a.uMenuItemA{ background: #a96042; } .brown-scheme .files-catalog .element:hover .title a, .brown-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .brown-scheme .mobile-menu .uMenuH > ul > li > a:hover, .brown-scheme .mobile-menu .uMenuH ul ul > li.active > a, .brown-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .brown-scheme .logo a span, .brown-scheme .search-btn.active, .brown-scheme .header-tel .fa, .brown-scheme .aside-reviews-block .title-h3 i, .brown-scheme .info-element .more, .brown-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .brown-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .brown-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .brown-scheme .info-wrapper .title-h2 i{ color: #a96042; } .brown-scheme .aside-menu li > a.uMenuItemA{ border-color: #a96042; } .brown-scheme .aside-categories a.catNameActive, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .brown-scheme .fancybox-close{ background: #a96042 !important; } .brown-scheme .aside-categories a.catNameActive, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .brown-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #a96042 !important; } .brown-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .brown-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .brown-scheme .uMenuH > ul > li.mod > a:hover, .brown-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .brown-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #a96042; } @media only screen and (min-width: 992px) { body.brown-scheme::-webkit-scrollbar-thumb { background-color: #a96042; } } /* /. коричневая схема */ /* тёмно-зеленая схема */ .darkgreen-scheme .btn, .darkgreen-scheme .aside-menu-title, .darkgreen-scheme .slick-dots li.slick-active, .darkgreen-scheme #up, .darkgreen-scheme .index-services-wrapper, .darkgreen-scheme .aside-menu li > a.uMenuItemA{ background: #2aa735; } .darkgreen-scheme .files-catalog .element:hover .title a, .darkgreen-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .darkgreen-scheme .mobile-menu .uMenuH > ul > li > a:hover, .darkgreen-scheme .mobile-menu .uMenuH ul ul > li.active > a, .darkgreen-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .darkgreen-scheme .logo a span, .darkgreen-scheme .search-btn.active, .darkgreen-scheme .header-tel .fa, .darkgreen-scheme .aside-reviews-block .title-h3 i, .darkgreen-scheme .info-element .more, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .darkgreen-scheme .info-wrapper .title-h2 i{ color: #2aa735; } .darkgreen-scheme .aside-menu li > a.uMenuItemA{ border-color: #2aa735; } .darkgreen-scheme .aside-categories a.catNameActive, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .darkgreen-scheme .fancybox-close{ background: #2aa735 !important; } .darkgreen-scheme .aside-categories a.catNameActive, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #2aa735 !important; } .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .darkgreen-scheme .uMenuH > ul > li.mod > a:hover, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .darkgreen-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #2aa735; } @media only screen and (min-width: 992px) { body.darkgreen-scheme::-webkit-scrollbar-thumb { background-color: #2aa735; } } /* /. тёмно-зеленая схема */ /* серая схема */ .gray-scheme .btn, .gray-scheme .aside-menu-title, .gray-scheme .slick-dots li.slick-active, .gray-scheme #up, .gray-scheme .index-services-wrapper, .gray-scheme .aside-menu li > a.uMenuItemA{ background: #babac0; } .gray-scheme .files-catalog .element:hover .title a, .gray-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .gray-scheme .mobile-menu .uMenuH > ul > li > a:hover, .gray-scheme .mobile-menu .uMenuH ul ul > li.active > a, .gray-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .gray-scheme .logo a span, .gray-scheme .search-btn.active, .gray-scheme .header-tel .fa, .gray-scheme .aside-reviews-block .title-h3 i, .gray-scheme .info-element .more, .gray-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .gray-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .gray-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .gray-scheme .info-wrapper .title-h2 i{ color: #babac0; } .gray-scheme .aside-menu li > a.uMenuItemA{ border-color: #babac0; } .gray-scheme .aside-categories a.catNameActive, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .gray-scheme .fancybox-close{ background: #babac0 !important; } .gray-scheme .aside-categories a.catNameActive, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .gray-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #babac0 !important; } .gray-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .gray-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .gray-scheme .uMenuH > ul > li.mod > a:hover, .gray-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .gray-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #babac0; } @media only screen and (min-width: 992px) { body.gray-scheme::-webkit-scrollbar-thumb { background-color: #babac0; } } /* /. серая схема */ /* розовая схема */ .pink-scheme .btn, .pink-scheme .aside-menu-title, .pink-scheme .slick-dots li.slick-active, .pink-scheme #up, .pink-scheme .index-services-wrapper, .pink-scheme .aside-menu li > a.uMenuItemA{ background: #E9457A; } .pink-scheme .files-catalog .element:hover .title a, .pink-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .pink-scheme .mobile-menu .uMenuH > ul > li > a:hover, .pink-scheme .mobile-menu .uMenuH ul ul > li.active > a, .pink-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .pink-scheme .logo a span, .pink-scheme .search-btn.active, .pink-scheme .header-tel .fa, .pink-scheme .aside-reviews-block .title-h3 i, .pink-scheme .info-element .more, .pink-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .pink-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .pink-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .pink-scheme .info-wrapper .title-h2 i{ color: #E9457A; } .pink-scheme .aside-menu li > a.uMenuItemA{ border-color: #E9457A; } .pink-scheme .aside-categories a.catNameActive, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .pink-scheme .fancybox-close{ background: #E9457A !important; } .pink-scheme .aside-categories a.catNameActive, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .pink-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #E9457A !important; } .pink-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .pink-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .pink-scheme .uMenuH > ul > li.mod > a:hover, .pink-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .pink-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #E9457A; } @media only screen and (min-width: 992px) { body.pink-scheme::-webkit-scrollbar-thumb { background-color: #E9457A; } } /* /. розовая схема */ /* светло-зеленая схема */ .lime-scheme .btn, .lime-scheme .aside-menu-title, .lime-scheme .slick-dots li.slick-active, .lime-scheme #up, .lime-scheme .index-services-wrapper, .lime-scheme .aside-menu li > a.uMenuItemA{ background: #A6E055; } .lime-scheme .files-catalog .element:hover .title a, .lime-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .lime-scheme .mobile-menu .uMenuH > ul > li > a:hover, .lime-scheme .mobile-menu .uMenuH ul ul > li.active > a, .lime-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .lime-scheme .logo a span, .lime-scheme .search-btn.active, .lime-scheme .header-tel .fa, .lime-scheme .aside-reviews-block .title-h3 i, .lime-scheme .info-element .more, .lime-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .lime-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .lime-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .lime-scheme .info-wrapper .title-h2 i{ color: #A6E055; } .lime-scheme .aside-menu li > a.uMenuItemA{ border-color: #A6E055; } .lime-scheme .aside-categories a.catNameActive, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .lime-scheme .fancybox-close{ background: #A6E055 !important; } .lime-scheme .aside-categories a.catNameActive, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .lime-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #A6E055 !important; } .lime-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .lime-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .lime-scheme .uMenuH > ul > li.mod > a:hover, .lime-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .lime-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #A6E055; } @media only screen and (min-width: 992px) { body.lime-scheme::-webkit-scrollbar-thumb { background-color: #A6E055; } } /* /. светло-зеленая схема */ /* salmon-scheme */ .salmon-scheme .btn, .salmon-scheme .aside-menu-title, .salmon-scheme .slick-dots li.slick-active, .salmon-scheme #up, .salmon-scheme .index-services-wrapper, .salmon-scheme .aside-menu li > a.uMenuItemA{ background: #FF796C; } .salmon-scheme .files-catalog .element:hover .title a, .salmon-scheme .mobile-menu .uMenuH > ul > li > a.uMenuItemA, .salmon-scheme .mobile-menu .uMenuH > ul > li > a:hover, .salmon-scheme .mobile-menu .uMenuH ul ul > li.active > a, .salmon-scheme .mobile-menu .uMenuH ul ul > li > a:hover, .salmon-scheme .logo a span, .salmon-scheme .search-btn.active, .salmon-scheme .header-tel .fa, .salmon-scheme .aside-reviews-block .title-h3 i, .salmon-scheme .info-element .more, .salmon-scheme .top-menu-wrapper .uMenuH > ul ul li.active > a, .salmon-scheme .top-menu-wrapper .uMenuH > ul ul li > a:hover, .salmon-scheme .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA, .salmon-scheme .info-wrapper .title-h2 i{ color: #FF796C; } .salmon-scheme .aside-menu li > a.uMenuItemA{ border-color: #FF796C; } .salmon-scheme .aside-categories a.catNameActive, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover, .salmon-scheme .fancybox-close{ background: #FF796C !important; } .salmon-scheme .aside-categories a.catNameActive, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:after, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li > a.uMenuItemA:hover{ border-color: #FF796C !important; } .salmon-scheme .top-menu-wrapper .uMenuH > ul > li.mod > a, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li.mod.mod2 > a, .salmon-scheme .uMenuH > ul > li.mod > a:hover, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA, .salmon-scheme .top-menu-wrapper .uMenuH > ul > li.mod2 > a.uMenuItemA:hover{ border-right-color: #FF796C; } @media only screen and (min-width: 992px) { body.salmon-scheme::-webkit-scrollbar-thumb { background-color: #FF796C; } } /* /. salmon-scheme */ /************************* /. Цветовые схемы *************************/ @font-face { font-family: 'Kelson'; src: url('../fonts/KelsonSans-RegularRU.ttf'), url('../fonts/KelsonSans-RegularRU.woff'), url('../fonts/KelsonSans-RegularRU.svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kelson'; src: url('../fonts/KelsonSans-BoldRU.ttf'), url('../fonts/KelsonSans-BoldRU.woff'), url('../fonts/KelsonSans-BoldRU.svg'); font-weight: bold; font-style: normal; } .art-img-wrapper{ margin: 4px 15px 30px 0; } .art-img{ border: 1px solid #ccc; padding: 2px; } .content strong, .content b, .content h2, .content h3, .content .title-h2, .content .title-h3{ color: #000; } .push1{ height: 1px; } .push2{ height: 2px; } .push3{ height: 3px; } .push4{ height: 4px; } .push5{ height: 5px; } .push6{ height: 6px; } .push7{ height: 7px; } .push8{ height: 8px; } .push9{ height: 9px; } .push10{ height: 10px; } .push15{ height: 15px; } .push20{ height: 20px; } .push25{ height: 25px; } .push30{ height: 30px; } .push35{ height: 35px; } .push40{ height: 40px; } .push45{ height: 45px; } .push50{ height: 50px; } .push55{ height: 55px; } .push60{ height: 60px; } .push70{ height: 70px; } .push80{ height: 80px; } .push90{ height: 90px; } .push100{ height: 100px; } .f8{ font-size: 8px; } .f9{ font-size: 9px; } .f10{ font-size: 10px; } .f11{ font-size: 11px; } .f12{ font-size: 12px; } .f13{ font-size: 13px; } .f14{ font-size: 14px; } .f15{ font-size: 15px; } .f16{ font-size: 16px; } .f18{ font-size: 18px; } .f20{ font-size: 20px; } .f22{ font-size: 22px; } .f24{ font-size: 24px; } .f26{ font-size: 26px; } .f28{ font-size: 28px; } .f30{ font-size: 30px; } .f34{ font-size: 34px; } .f36{ font-size: 36px; } .red{ color: red; } .kelson{ font-family: 'Kelson'; } html, body { height: 100%; margin: 0; padding: 0; } body{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; color: #6E6E6E; overflow-x: hidden; } .main-wrapper{ min-height: 100%; height: auto !important; height: 100%; padding: 0; margin-bottom: -80px; background: #fff; } .footer-wrapper{ min-height: 80px; background: #F3F3F3; position: relative; z-index: 400; } .footer-push{ height: 80px; } .footer{ padding: 20px 0; } .footer a{ color: #000000; } hr{ border: none; border-bottom: 1px solid #ccc; margin-bottom: 30px; } h1, .title-h1{ font-size: 24px; line-height: 1.15; margin-bottom: 20px; font-family: 'Kelson'; font-weight: bold; } h2, .title-h2{ font-size: 20px; line-height: 1.2; margin-bottom: 20px; font-family: 'Kelson'; font-weight: bold; } h3, .title-h3{ font-size: 18px; line-height: 1.2; margin-bottom: 20px; font-family: 'Kelson'; font-weight: bold; } h4, .title-h4{ font-size: 16px; line-height: 1.2; margin-bottom: 20px; font-weight: bold; } h5, .title-h5{ font-weight: 600; margin-bottom: 5px; } p{ margin-bottom: 20px; } a{ color: #000; } a:hover{ text-decoration: none; color: #7a7a7a; } strong, b, .bold{ font-weight: bold; } blockquote { position: relative; text-align: left; color: rgb(95, 95, 95); margin: 30px 0px; padding: 2px 0px 5px 20px; border-left: 2px solid #000; } /* fancybox */ .fancybox-wrap{ padding: 35px 0 0; } .fancybox-skin{ margin-bottom: 35px; } .fancybox-overlay{ background: rgba(0,0,0,0.8); } .fancybox-close { top: 0 !important; right: 0px !important; width: 40px !important; height: 40px !important; cursor: pointer; z-index: 8040; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .fancybox-close:after{ background: url(../images/close.png) 50% 50% no-repeat; width: 20px; height: 20px; top: 50%; left: 50%; content:""; display: block; position: absolute; margin-top: -10px; margin-left: -10px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .fancybox-close:hover:after{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fancybox-skin{ background: #fff; box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.3) !important; border-radius: 0; } .fancybox-nav span{ visibility: visible; opacity: 0.5; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .fancybox-next span { background: url(../images/fancy-prev.png) 50% 50% no-repeat; width: 48px; height: 48px; margin-top: -24px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fancybox-prev span { background: url(../images/fancy-prev.png) 50% 50% no-repeat; width: 48px; height: 48px; margin-top: -24px; } .fancybox-next span:hover, .fancybox-prev span:hover{ opacity: 1; } .fancybox-title-float-wrap{ left: 0; margin-bottom: -28px; width: 100%; text-align: left; overflow: hidden; } .fancybox-title-float-wrap .child{ background: rgba(255, 255, 255, 1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: #000; display: block; font-size: 14px; padding: 12px 20px; font-weight: normal; } .fancybox-title-float-wrap .child{ white-space: normal; width: 100%; } /* end fancybox */ /***********************slick carousel*******************************/ .slick-slider{ position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slider-wrapper{ margin-bottom: 1px; } .aside-gallery{ margin-bottom: 20px; } .slick-prev, .slick-next{ display: inline-block; height: 36px; width: 30px; position: absolute; z-index: 50; top: 50%; margin-top: -18px; line-height: 1; font-size: 38px; line-height: 1; } .slick-prev{ left: 0px; } .slick-next{ right: 0px; } .slick-prev:after{ content: "\f053"; display: inline-block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-family: 'FontAwesome'; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .slick-next:after{ content: "\f054"; display: inline-block; position: absolute; top: 0; left: 0; font-family: 'FontAwesome'; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .slick-prev:hover:after, .slick-next:hover:after{ color: #414141; } .slick-dots { position: absolute; bottom: 20px; width: 100%; padding: 0; list-style: none; text-align: center; display: block; } .slick-dots li button{ position: absolute; top: -5px; left: -5px; border: none; border-radius: 50%; display: block; opacity: 0; } .slick-dots li{ cursor: pointer; background: #FFFFFF; border-radius: 50%; display: inline-block; width: 14px; height: 14px; margin: 0 5px; cursor: pointer; position: relative; } /****************end slick carousel****************/ .modal{ display: none; width: 460px; max-width: 100%; background: #fff; padding: 55px 25px 35px; } .modal.big{ width: 800px; max-width: 100%; } .label{ display: block; margin-bottom: 4px; } .dashed{ text-decoration: none; border-bottom: 1px dashed; } .dashed:hover{ border-bottom-color: transparent; } .static{ position: static; } .menu-btn{ display: inline-block; position: fixed; top: 15px; right: 20px; z-index: 500; } .menu-btn span{ display: block; width: 32px; height: 4px; background: #fff; margin-bottom: 4px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 1; position: relative; } .menu-btn.active span.line1{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 8px; background-color: #E14739; width: 28px; height: 2px; } .menu-btn.active span.line2{ opacity: 0; } .menu-btn.active span.line3{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; background-color: #E14739; width: 28px; height: 2px; } .mobile-menu .uMenuH > ul > li.down > a{ padding-right: 60px } .top-menu-wrapper .uMenuH{ display: none; } .mobile-menu{ position: fixed; top: 0; right: -800px; background: #323644; height: 100%; width: 850px; max-width: 100%; z-index: 400; overflow-y: scroll; padding-top: 50px; box-shadow: -2px 0px 2px rgba(0,0,0,0.5); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .mobile-menu.active{ right: 0; } .mobile-menu .uMenuH > ul > li > a{ display: block; text-decoration: none; color: #fff; padding: 15px; border-bottom: 1px solid #242838; text-transform: uppercase; } .mobile-menu .uMenuH > ul > li:first-child > a{ border-top: 1px solid #242838; } .mobile-menu .uMenuH > ul > li > a.uMenuItemA{ background: #242838 !important; } .mobile-menu .uMenuH > ul > li > a:hover{ background: #43495C; } .mobile-menu .uMenuH ul ul > li > a{ display: block; text-decoration: none; color: #fff; padding: 10px 15px 10px 40px; border-bottom: 1px solid #242838; position: relative; font-size: 13px; } .mobile-menu .uMenuH ul ul > li > a:before{ content:""; display: block; position: absolute; width: 5px; height: 5px; top: 18px; left: 25px; background: #fff; } .mobile-menu .uMenuH ul .active ul > li > a{ background: #242838; border-bottom-color: #323644; } .mobile-menu .uMenuH ul ul > li.active > a{ background: #242838 !important; } .mobile-menu .uMenuH ul ul > li > a:hover{ background: #43495C; } .mobile-menu .uMenuH ul ul{ display: none; } .mobile-menu .uMenuH ul ul ul{ display: block; } .mobile-menu .uMenuH ul ul ul li a{ padding-left: 53px; } .mobile-menu .uMenuH ul ul ul > li > a::before{ left: 42px; width: 4px; height: 4px; } .mobile-menu .uMenuH ul ul ul ul{ display: none !important; } .mobile-menu .down{ position: relative; } .mobile-menu .down .dropdown-button{ display: block; width: 21px; height: 21px; position: absolute; right: 20px; top: 15px; background: #13151E; border-radius: 3px; } .mobile-menu .down .dropdown-button:after{ content: ""; display: block; position: absolute; width: 11px; height: 1px; top: 10px; left: 5px; background: #fff; opacity: 0.7; } .mobile-menu .down .dropdown-button:before{ content: ""; display: block; position: absolute; width: 1px; height: 11px; top: 5px; left: 10px; background: #fff; opacity: 0.7; } .mobile-menu .down .dropdown-button.active:before{ display: none; } .hidden { display: none; visibility: hidden; opacity:0; } .visible{ opacity:1; } /*************************************************************/ .header{ padding-top: 41px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); position: relative; z-index: 300; } .header-top{ background: #3B3F4F; background: -moz-linear-gradient(top, #3B3F4F, #313543); background: -webkit-linear-gradient(top, #3B3F4F, #313543); background: -o-linear-gradient(top, #3B3F4F, #313543); background: -ms-linear-gradient(top, #3B3F4F, #313543); background: linear-gradient(top, #3B3F4F, #313543); color: #9FA2AE; padding: 10px 0 11px; font-size: 11px; position: fixed; width: 100%; top: 0; left: 0; z-index: 300; height: 50px; } .slogan{ display: none; } .header-bottom{ padding: 35px 0 0; } .main-container{ padding: 40px 0; } .logo.logo-img a{ margin-top: -5px; } .logo{ margin-bottom: 20px; } .logo a{ text-decoration: none; font-family: 'Kelson'; font-size: 28px; line-height: 1.2; display: inline-block; font-weight: bold; color: #000; } .logo div{ font-size: 11px; padding-left: 2px; } .search_box { padding: 25px 20px; position: fixed; top: 50px; right: 0; z-index: 300; background: #F3F3F3; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.4); display: none; } .search_box.active{ display: block; } .search_box input[type='text']{ display: block; width: 100%; border: 1px solid #E0E0E0; border-radius: 4px; padding: 8px 15px; background: #FCFCFC; } .search_box input[type='text']:focus{ background: #fff; border-color: #B8B8B8; } .search_box .schBtn{ position: absolute; width: 24px; height: 24px; overflow: hidden; right: 10px; top: 50%; margin-top: -12px; font: normal normal normal 22px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0.6; } .search_box .schBtn:hover{ opacity: 1; } .search_box .schBtn:after{ content: "\f002"; display: block; position: absolute; top: 1px; left: 1px; } .search_box input[type='submit']{ position: relative; opacity: 0; z-index: 10; } .search-btn{ position: fixed; z-index: 310; top: 12px; right: 75px; color: #fff; font-size: 21px; padding: 2px; } @-webkit-keyframes fadeInDownSmall { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownSmall { 0% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; } @-webkit-keyframes fadeOutUpSmall { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes fadeOutUpSmall { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } } .fadeOutUpSmall { -webkit-animation-name: fadeOutUpSmall; animation-name: fadeOutUpSmall; } .slogan2{ display: none; } .btn.mini{ font-size: 12px; padding: 12px 15px 10px; line-height: 12px; } .btn{ display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #000; text-transform: uppercase; line-height: 14px; padding: 15px 30px; border-radius: 4px; border: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; text-align: center; } .btn.big{ padding: 17px 30px; } .btn:hover{ background: #353948; color: #fff; } .btn.block{ display: block; width: 100%; } .header-btn-wrapper{ border-radius: 5px; display: inline-block; position: fixed; top: 7px; z-index: 300; } .header-btn-wrapper .btn{ text-indent: -999999px; padding: 10px 0px; font-size: 13px; width: 44px; position: relative; z-index: 1; } .header-btn-wrapper .btn:after{ content: "\f095"; position: absolute; top: 12px; left: 12px; font-size: 24px; color: #363A49; font-family: 'FontAwesome'; text-indent: 0; } .header-tel{ padding-left: 5px; } .header-tel a{ font-weight: bold; font-size: 18px; color: #000; text-decoration: none; font-family: 'Open Sans Condensed', sans-serif; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; margin-left: 20px; } .header-tel a:hover{ color: #fff; } .header-tel .fa{ font-size: 18px; position: absolute; top: 3px; left: 0; } @media only screen and (min-width: 768px) { .header-tel .element{ display: inline-block; } .header-tel{ position: fixed; top: 15px; right: 120px; padding-left: 10px; z-index: 500; } .header-tel a{ font-size: 20px; color: #9FA2AE; } .header-tel .fa{ font-size: 20px; top: 1px; } } @media only screen and (min-width: 992px) { .header-tel{ position: absolute; top: -70px; right: 0; } } #up{ position: fixed; z-index: 300; bottom: 20px; right: 20px; display: none; color: #FFFFFF; width: 44px; text-align: center; height: 44px; border-radius: 3px; cursor: pointer; -webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; font-size: 40px; } #up:hover{ background-color: #323644; } .index-services-wrapper{ padding: 34px 0 40px; } .services-element{ text-align: center; padding: 5px 5px 15px; background: #FFF; position: relative; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; max-width: 300px; margin: auto; } .services-carousel{ padding: 0 30px; } @media only screen and (max-width: 669px) { .services-carousel{ padding: 0; } } .services-carousel .item{ padding: 8px; } .services-element .img-wrapper{ margin-bottom: 15px; overflow: hidden; } .services-element .element-img{ -moz-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; -webkit-transition: all 350ms ease-out; height: 200px; } .services-element:hover .element-img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .services-element:hover{ box-shadow: 0px 0px 2px rgba(0,0,0,0.4), 0px 4px 2px rgba(0,0,0,0.2); } .services-element .title{ font-size: 14px; line-height: 18px; color: #000; height: 36px; overflow: hidden; font-weight: 600; padding: 0 5px; } .services-element .title table{ width: 100%; height: 100%; } .services-element .title table td{ width: 100%; height: 100%; vertical-align: middle; text-align: center; } .main-column{ margin-bottom: 40px; } .content{ line-height: 24px; } .aside-reviews-block{ margin-bottom: 20px; background: #E8E8E8; border: 2px solid #fff; padding: 20px; box-shadow: 0px 0 22px rgba(0,0,0,0.3); } .aside-reviews-block .title-h3 i{ font-size: 24px; } .aside-reviews-block .gb-rev-element > div[style="float:right;"]{ display: none !important; } .aside-reviews-block .gb-rev-element .title-h3{ font-size: 16px; } .aside-reviews-block .gb-rev-element .title-h3 span{ display: block; margin: 5px 0; } .aside-reviews-block .gb-rev-element .title-h3 + a{ display: none; } .aside-reviews-block .gb-rev-element .text{ font-size: 13px; max-height: 140px; overflow: hidden; } .aside-banner{ margin-bottom: 40px; } .block{ display: block; } .advantages-wrapper{ padding: 50px 0 30px; border-top: 1px solid #D7D7D7; background: url(../images/pattern.jpg); } .advantages-element{ margin-bottom: 30px; } .advantages-element .img-wrapper{ margin-bottom: 15px; } .info-wrapper{ padding: 60px 0 30px; background: #3B3F4F; background: -moz-linear-gradient(top, #3B3F4F, #313543); background: -webkit-linear-gradient(top, #3B3F4F, #313543); background: -o-linear-gradient(top, #3B3F4F, #313543); background: -ms-linear-gradient(top, #3B3F4F, #313543); background: linear-gradient(top, #3B3F4F, #313543); } .info-wrapper .title-h2{ position: relative; } .info-wrapper .title-h2 i{ font-size: 26px; vertical-align: middle; margin: -2px 6px 0px 0px; } .info-element{ margin-bottom: 30px; padding-right: 20px; } .info-element .date{ color: #626270; margin-bottom: 7px; position: relative; font-size: 13px; font-weight: 600; padding-left: 25px; } .info-element .date:before{ background: url(../images/clock3.png) 0 0 no-repeat; content:""; display: block; position: absolute; width: 16px; height: 17px; top: 2px; left: 0; } .info-element h5{ margin-top: -5px; } .info-element .img-wrapper{ margin-bottom: 10px; } .info-element .introtext{ font-size: 13px; margin-bottom: 10px; color: #C0C2CA; } .info-element .more{ font-weight: bold; } .info-wrapper .btn{ margin-bottom: 30px; } ul.list, ol.list{ margin-bottom: 30px; } ol.list{ list-style: inside decimal; margin-left: -16px; } ol.list li > ol, ol.list li > ul{ padding-left: 16px !important; } ul.list > li, ol.list > li{ position: relative; padding-left: 16px; margin-bottom: 10px; } ul.list > li:before{ content: "\f101"; display: block; position: absolute; top: 0; left: 0; font-family: FontAwesome; color: #000; } ul.list ol, ol.list ol, { padding-top: 20px; margin-bottom: 20px; margin-left: 16px; } ul.list ul, ol.list ul{ padding-top: 20px; margin-bottom: 20px; } img.border{ border: 1px solid #ccc; } span.highlight{ background-color: #FBE53E; } #preloader { background: #fff; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; left: 0; position: fixed; z-index: 9999; display: block; -webkit-transition: all 600ms ease-out; -moz-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out; opacity: 1; } #preloader:after{ content:""; display: block; position: absolute; width: 187px; height: 209px; top: 50%; left: 50%; margin-left: -93px; margin-top: -85px; background: url(../images/hex-loader2.gif) 0 0 no-repeat; } #preloader.hid { opacity: 0; z-index: -100; } .overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: -100; opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .overlay.active{ z-index: 400; opacity: 1; } .aside{ padding-top: 10px; } .person { background: url(../images/person-icon.png) right 50% no-repeat #fff; } .tel, .phone { background: url(../images/tel-icon.png) right 50% no-repeat #fff; } .top-slider .item .element-img{ height: 520px; width: 100%; } .slider-content { position: absolute; left: 0; top: 20%; width: 100%; z-index: 100; color: #fff; } .slider-content .title2 { margin-bottom: 6px; display: inline-block; } .slider-content .title2 span { display: inline-block; background: #373B4A; text-transform: uppercase; font-size: 26px; padding: 6px 8px; line-height: 1; } .slider-content .title3 span { background: #fff; color: #333333; font-size: 14px; padding: 6px 8px; font-weight: normal; } @media only screen and (max-width: 1259px) { .top-slider .item .element-img{ height: 450px; } } @media only screen and (max-width: 991px) { .top-slider .item .element-img{ height: 400px; } } @media only screen and (max-width: 767px) { .top-slider .item .element-img{ height: 200px; } .slider-content .title2 span { font-size: 22px; } .slider-content { top: auto; bottom: 10%; } } .fix-body .main-wrapper{ width: 1260px; max-width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.4); margin-left: auto; margin-right: auto; } .fix-body .container{ max-width: 100%; width: 100%; } .fix-body .footer-wrapper{ width: 1260px; margin-left: auto; margin-right: auto; } .fix-body .top-menu-wrapper .inner{ width: 1260px; margin-left: auto; margin-right: auto; } /****************** ASIDE MENU *******************/ .aside-menu{ margin-bottom: 30px; } .aside-menu > div > ul > li > a { display: block; text-decoration: none !important; color: #2d2d2d; padding: 15px 20px; font-size: 14px; background: #f3f3f3; line-height: 1.3; border-top: 1px solid #e0e0e0; font-weight: 600; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .aside-menu > div > ul > li:first-of-type > a{ border-top: none; } .aside-menu li > a:not(.uMenuItemA):hover{ background: #E0E0E0; } .aside-menu li > a.uMenuItemA{ color: #000; } .aside-menu > div > ul ul{ background: #EDEDED; display: none; } .aside-menu > div > ul > li.active ul{ display: block; } .aside-menu > div > ul li{ position: relative; } .aside-menu > div > ul li.down > a{ padding-right: 50px; } .aside-menu .dropdown-button{ width: 50px; height: 49px; display: block; position: absolute; top: 0; right: 0; cursor: pointer; } .aside-menu .dropdown-button:after{ content:""; display: block; position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; margin-top: -7px; margin-left: -5px; border-left: 1px solid #000; border-bottom: 1px solid #000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .aside-menu .open .dropdown-button:after{ -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -2px; } .aside-menu .active .dropdown-button:after{ -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -2px; } .aside-menu .active.open .dropdown-button:after{ margin-top: -7px; border-left: 1px solid #000; border-bottom: 1px solid #000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .aside-menu ul ul a{ font-size: 13px; font-weight: 600; text-decoration: none; padding: 10px 20px 10px 35px; display: block; border-top: 1px solid #DBDBDB; color: #000; position: relative; } .aside-menu ul ul a:before{ content:""; display: block; position: absolute; width: 5px; height: 5px; top: 18px; left: 20px; border-right: 1px solid #000; border-bottom: 1px solid #000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .aside-menu ul ul .active a{ color: #72B626; background: #EDEDED; border-color: #DBDBDB; } .aside-menu ul ul .active + li > a{ border-color: #DBDBDB; } .aside-menu-title { padding: 15px 42px 15px 20px; position: relative; color: #000; border-radius: 3px; font-weight: 600; text-transform: uppercase; } .aside-menu-title i{ vertical-align: middle; } .aside-menu-title:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 50%; right: 20px; border-right: 2px solid #000; border-bottom: 2px solid #000; margin-top: -8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .active .aside-menu-title:after { -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -3px; } @media only screen and (max-width: 991px) { .aside-menu > div > ul{ display: none; margin-top: 10px; } .aside-menu.active > div > ul{ display: block; } .aside{ border-right: none; } .aside-menu a { border-right: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5; } } @media only screen and (min-width: 992px) { .base-template .main-column{ padding-left: 20px; } } /****************** ASIDE MENU END*******************/ /* aside categories menu begin*/ .aside-categories .catsTd{ position: relative; } .aside-categories span{ position: absolute; right: 18px; top: 14px; padding: 3px 7px; font-size: 13px; background: #B8B8B8; color: #fff; line-height: 1; border-radius: 3px; } .aside-categories a{ display: block; text-decoration: none !important; color: #2d2d2d; padding: 15px 20px; font-size: 14px; background: #f3f3f3; line-height: 1.3; border-top: 1px solid #e0e0e0; font-weight: 600; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .aside-categories td a{ padding: 15px 55px 15px 20px; } .aside-categories table > tr:first-of-type > a{ border-top: none; } .aside-categories a:hover{ background: #E0E0E0; } .aside-categories a.catNameActive{ color: #000 !important; } .aside-categories a.catNameActive + span{ background: #fff; color: #2E2E2E; } @media only screen and (max-width: 991px){ .aside-menu > div > table{ margin-top: 10px; } .aside-menu .aside-categories{ display: none; } .aside-menu.active .aside-categories { display: block; } } @media only screen and (min-width: 992px){ .aside-categories tr:first-of-type a{ border-top: 1px solid #e3e3e4; } .aside-categories a:hover{ background: #e3e3e4; } .aside-categories a.catNameActive{ margin-top: -1px; } } /* aside categories menu end*/ .aside-block{ margin-bottom: 40px; } .aside-block .title { border: 1px solid #E0E0E0; text-align: center; padding: 11px 10px; margin-bottom: 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; position: relative; } .aside-block .title:after{ content:""; display: block; position: absolute; height: 2px; bottom: -1px; left: -1px; right: -1px; background: #000; } .aside-latest-post .element{ padding-left: 120px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cacaca; min-height: 100px; font-size: 13px; } .aside-latest-post .element .img-wrapper{ position: absolute; left: 0; top: 0; } .aside-latest-post .img-wrapper .element-img{ background: #f1f1f1; } .aside-latest-post a{ text-decoration: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .aside-latest-post .element .img-wrapper a{ display: block; } .aside-latest-post .element .img-wrapper a:hover{ opacity: 0.7; } .aside-latest-post .inner > div:last-of-type{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; min-height: 80px; } .aside-subscribe-inner { background: #f3f3f3; padding: 20px; } /* tag cloud begin */ .tag-cloud{ overflow: hidden; color: #fff; } .main-column .tag-cloud{ margin-top: -20px; } .tag-cloud p{ margin-bottom: 10px; color: #000; } .tag-cloud a { color: #fff; font-size: 13px !important; text-decoration: none; display: inline-block; padding: 0 5px 2px; border: none; margin: 0 5px 5px 0; text-transform: lowercase; background: #323644; color: #fff !important; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; border-radius: 3px; } .tag-cloud a:hover{ background: #000; color: #fff; } /* tag cloud end */ .cleaner-hr { height: 0; opacity: 0; margin: 0; padding: 0; border: none; } .advantages > .row > hr:nth-of-type(2n){ clear: both; } @media only screen and (min-width: 1260px) { .advantages > .row > hr:nth-of-type(2n){ clear: none; } .advantages > .row > hr:nth-of-type(3n){ clear: both; } } /* index "освойте чердак" */ .loft-gallery{ min-height: 350px; } .loft-gallery .element{ width: 270px; height: 300px; position: absolute; top: 30px; left: 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: pointer; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .loft-gallery .element-inner{ overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .loft-gallery .element.active{ width: 580px; height: 220px; top: 0; left: 30px; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; z-index: 10; } .loft-gallery .element .img-element{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .loft-gallery .element.active .img-element{ opacity: 1; } .loft-gallery .element:hover .img-element{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); opacity: 1; } .loft-gallery .text{ width: 450px; position: absolute; top: 250px; left: 300px; font-size: 16px; color: #5E6066; } .loft-gallery .element .title{ font-size: 18px; color: #35373B; font-style: italic; position: absolute; bottom: 30px; left: -80px; font-weight: bold; padding-right: 80px; -webkit-transition: all 600ms ease-out; -moz-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out; } .loft-gallery .element .title:after{ content:""; display: block; position: absolute; width: 70px; height: 2px; top: 50%; right: 0; background: #35373B; z-index: 10; -webkit-transition: all 600ms ease-out; -moz-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out; } .loft-gallery .element.active .title{ bottom: auto; left: auto; right: -80px; top: 40%; z-index: 10; padding-left: 80px; padding-right: 0; } .loft-gallery .element.active .title:after{ right: auto; left: 0; } @media only screen and (max-width: 1259px) { .loft-gallery .text { width: 330px; top: 245px; left: 290px; font-size: 14px; } .loft-gallery .element.active{ width: 510px; } .loft-gallery .element .title{ bottom: 15px; left: -55px; } } @media only screen and (max-width: 991px) { .loft-gallery { margin-left: 60px; } } @media only screen and (max-width: 767px) { .loft-gallery { margin-left: 0; } .loft-gallery .element{ width: 100% !important; position: relative !important; height: 300px !important; top: auto !important; left: auto !important; margin-bottom: 30px; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .loft-gallery .element .title{ top: 30px !important; left: 30px !important; bottom: auto !important; right: auto !important; padding: 4px 0 !important; z-index: 20; background: #FFB700; color: #000; width: 100px !important; height: 30px !important; text-align: center; } .loft-gallery .element .title:after{ display: none; } .loft-gallery .element .img-element{ opacity: 1 !important; } .loft-gallery .text{ position: static; width: 100%; } } /* index "освойте чердак" */ .index-template .partners{ border-top: 1px solid #E5E5E5; } .partners-carousel{ margin: 0 -10px; } .partners-carousel .item{ padding: 0 10px; } .partners-carousel img{ -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.5; } .partners-carousel img:hover{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .specialist-block { border-bottom: 2px solid #EDEDED; } .specialist-block .table-cell { padding-left: 10px; width: auto; } .specialist-block .bold-italic { color: #5e6066; font-size: 16px; line-height: 24px; font-style: italic; font-weight: bold; } .specialist-block .table-cell.pict { width: 40%; padding: 0; vertical-align: bottom; text-align: center; } .specialist-block .table-cell.pict img { vertical-align: bottom; } .certificate-gallery .element{ margin-bottom: 20px; border: 1px solid #e0e0e0; padding: 5px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .certificate-gallery .element:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } .certificate-gallery .element a{ position: relative; display: block; overflow: hidden; } .certificate-gallery .element a:after{ content:""; display: block; position: absolute; bottom: 0; right: 0; top: 0; left: 0; background: rgba(0,0,0,0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; } .certificate-gallery .element:hover a:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } .certificate-gallery .element a:before { content:""; width: 50px; height: 50px; background: url(../images/zoom.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -22px; margin-left: -22px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .certificate-gallery .element:hover a:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } .base-template .partners p img { border: 1px solid #E0E0E0; } .aside{ margin-bottom: 20px; } .row.big{ margin-left: -10px; margin-right: -10px; } .row.big > div[class^="col-"]{ padding-left: 10px; padding-right: 10px; } .row.no-padding{ margin-left: 0; margin-right: 0; } .row.no-padding > div[class^="col-"]{ padding-left: 0; padding-right: 0; } table.tpl-table{ width: 100%; border-collapse: collapse; border: 1px solid #ccc; margin-bottom: 30px; } table.tpl-table td{ border: 1px solid #ccc; } table.tpl-table td, table.tpl-table th { padding: 8px 15px; border-left: 1px solid #ccc; vertical-align: middle; color: #232323; } table.tpl-table td:first-child, table.tpl-table th:first-child { border-left: none; } table.tpl-table th{ font-weight: bold; background: #f3f3f3; text-transform: uppercase; } @media only screen and (max-width: 767px) { table.tpl-table td, table.tpl-table th { padding: 8px 10px; font-size: 12px; line-height: 1.2; } } .team .element{ box-shadow: 0 0 0 1px #EBEBEB; overflow: hidden; border-radius: 3px; margin-bottom: 20px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .team .element .img-wrapper{ height: 270px; overflow: hidden; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .team .element .img-wrapper img{ width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .team .element .element-content{ padding: 15px 10px; height: 75px; overflow: hidden; } .team .element .title{ font-weight: bold; color: #000; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .team .element .subtitle{ font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .team .element:hover .img-wrapper img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } .team .element:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.4); } @media only screen and (max-width: 991px) { .team .element .img-wrapper{ height: 260px; } } @media only screen and (max-width: 870px) { .team .element .img-wrapper{ height: 240px; } } @media only screen and (max-width: 790px) { .team .element .img-wrapper{ height: 230px; } } @media only screen and (max-width: 767px) { .team .element .img-wrapper{ height: 300px; } } @media only screen and (max-width: 650px) { .team .element .img-wrapper{ height: 250px; } } @media only screen and (max-width: 560px) { .team .element .img-wrapper{ height: 220px; } } @media only screen and (max-width: 490px) { .team .element .img-wrapper{ height: auto; } .team > .row > .col-xs-6{ width: 100%; } } .job-why .element{ margin-bottom: 20px; min-height: 70px; padding-left: 80px; } .job-why .element img{ position: absolute; left: 10px; top: 5px; } /************************* accordeon **************************/ .accordeon .element-content { display: none; padding: 0 15px 13px 30px; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; } .accordeon .element{ background: #fff; } .accordeon .element .title { cursor: pointer; padding: 10px 45px 10px 15px; font-weight: 600; position: relative; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; border: 1px solid #EFEFEF; border-top: none; } .accordeon .element.active .title{ color: #E32924; background: #F8F8F8; border-bottom-color: #F8F8F8; border-left: 1px solid #E32924; } .accordeon .element.active .element-content{ background: #F8F8F8; border-left: 1px solid #E32924; } .accordeon .element .title:before{ content: ""; display: block; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top: -4px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; border-right: 2px solid #333; border-bottom: 2px solid #333; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordeon .element.active .title:before{ -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); border-color: #E32924; } .accordeon > div:first-of-type .element-content{ display: block; } .accordeon .element .title:hover:before{ border-color: #E32924; } .accordeon .element .title:hover{ color: #E32924; } .accordeon > div:last-of-type{ margin-bottom: 0; } .accordeon > div:first-of-type .title{ border-top: 1px solid #EFEFEF; } .accordeon > div:last-of-type .element-content{ border-bottom: 1px solid #EFEFEF; } .accordeon.invert .element .title{ background: #F8F8F8; } .accordeon.invert .element.active .title{ background: #fff; border-bottom-color: #fff; } .accordeon.invert .element.active .element-content{ background: #fff; } /************************* end accordeon **************************/ /*=============================== SERVICES BEGIN ===============================*/ .services-section .element{ margin-bottom: 10px; } .services-section .element .element-content{ padding: 20px; background: #F5F5F5; border: 1px solid #E2E6E7; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .services-section .element:hover .element-content{ background: #fff; } .services-section .element .img-wrapper{ overflow: hidden; position: relative; } .services-section .element .img-wrapper:after{ content:""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .services-section .element:hover .img-wrapper:after{ opacity: 1; } .services-section .element .img-wrapper .hiddentitle { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; z-index: 2; opacity: 0; text-align: center; } .services-section .element:hover .img-wrapper .hiddentitle { opacity: 1; } .services-section .element .img-wrapper .hiddentitle span { text-transform: uppercase; border: 2px solid #fff; padding: 10px 30px; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 1px; } .services-section .element .element-img{ -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; height: 200px; } .services-section .element:hover .element-img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .services-elements > .row > div:nth-of-type(3n) .element .element-content{ border-right: 1px solid #E2E6E7; } .services-elements .title{ overflow: hidden; color: #000; height: 40px; } @media only screen and (max-width: 767px) { .services-section .element .element-img{ height: 50vw; } } /*=============================== SERVICES END ===============================*/ .art-gallery .element{ margin-bottom: 10px; } .art-gallery .element a { position: relative; display: block; overflow: hidden; } .art-gallery .element-img{ height: 140px; } .art-gallery .element a:before { content: ""; width: 50px; height: 50px; background: url(../images/zoom.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -22px; margin-left: -22px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .art-gallery .element a:after{ content:""; display: block; position: absolute; bottom: 0; right: 0; top: 0; left: 0; background: rgba(0,0,0,0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; } .art-gallery .element:hover a:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } .art-gallery .element a:before { content:""; width: 50px; height: 50px; background: url(../images/zoom.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -22px; margin-left: -22px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .art-gallery .element:hover a:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } @media only screen and (max-width: 1259px) { .art-gallery .element-img{ height: 190px; } } @media only screen and (max-width: 991px) { .art-gallery .element-img{ height: 15vw; } } @media only screen and (max-width: 767px) { .art-gallery .element-img{ height: 40vw; } } /*======================= NEWS BEGIN ===================*/ .news-element{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #E0E0E0; } #allEntries > div:first-of-type .news-element, .news-list .archiveEntries > div:first-of-type .news-element{ margin-top: -30px; border-top: 0; } .news-element h3{ font-family: 'Open Sans', sans-serif; } .news-element h3 a{ text-decoration: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .news-element .img-wrapper{ padding-right: 10px; overflow: hidden; } .news-element .element-img{ width: 100%; height: 150px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .news-element .element-img:hover{ -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); } .news-element .btn{ margin-bottom: 0; } .news-list .element-info{ margin: -10px 0 15px; } .element-info{ margin: 0 0 10px; font-size: 13px; color: #969696; } .element-info a{ text-decoration: none; color: #969696; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .element-info a:hover{ color: #2E2E2E; } .element-info span{ margin-right: 10px; } .element-info .fa{ margin-right: 4px; } @media only screen and (max-width: 1259px) { .news-element .element-img{ height: 100px; } } @media only screen and (max-width: 991px) { .news-element .element-img{ height: 15vw; } } @media only screen and (max-width: 767px) { .news-element .img-wrapper{ margin-bottom: 20px; } .news-element{ padding-top: 40px; } .news-element .element-img{ height: 50vw; } } /*======================= NEWS END ===================*/ /* blog list */ .blog .element{ height: 295px; margin-bottom: 10px; overflow: hidden; } .blog .element-content{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; background: rgba(0,0,0,0.2); } .blog .element-content .inner{ padding: 30px; position: absolute; top: 0; left: 0; width: 100%; color: #000; line-height: 1.3; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .blog .element-content .inner{ color: #fff; } .blog .element-content .text{ height: 58px; overflow: hidden; font-size: 15px; font-weight: 100; } .blog .element-content .title{ font-size: 20px; margin: 5px 0 8px; } .blog .element-content .date{ font-size: 13px; } .blog .element:hover .element-content{ background: rgba(0,0,0,0.8); } .blog .element:hover .element-content .inner{ top: 55px; color: #fff; } .blog .element-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 600ms ease-out; -moz-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out; } .blog .element:hover .element-img{ -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); } .blog .element-info{ color: #fff; } /* end blog list */ .map-wrapper{ border: 2px solid #E3E3E4; padding: 4px; border-radius: 3px; } .map-wrapper .map { height: 391px; } .contacts-content .element { padding-left: 25px; } .contacts-content .element > i { position: absolute; left: 0px; top: 5px; color: #000; font-size: 16px; } /*============================ UCOZ CUSTOM STYLES BEGIN =======================*/ /* pagination begin */ .row > div > .catPages1{ padding-left: 6px; padding-right: 6px; } .row.min > div > .catPages1{ padding-left: 5px; padding-right: 5px; } .catPages1, .pagination{ text-align: left; padding-top: 20px; margin-bottom: 20px; overflow: hidden; } .portfolio-template .pagination{ margin-bottom: 50px; } .news-list .catPages1{ margin-top: 10px; margin-bottom: 0; } .catPages1 > b, .catPages1 > a > span, .pagesBlockuz1 > b, .pagesBlockuz1 > a > span{ position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #626262; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-weight: 100; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .catPages1 .swchItemA, .pagesBlockuz1 .swchItemA{ background: #333745; color: #fff; border-color: #333745; position: relative; z-index: 2; } .catPages1 > a:hover > span, .pagesBlockuz1 > a:hover > span{ background: #DDDDDD; color: #000; } /* pagination end */ /* systems messages popup begin*/ .myWinCont{ max-width: 100% !important; text-align: left !important; } .xw-plain .xw-tl, .xw-plain .xw-bl{ border-radius: 0 !important; } .xw-plain .xw-ml, .xw-plain .xw-tl, .xw-plain .xw-bl{ background: #F9F9F9 !important; } .xw-hdr .xw-hdr-text { font-size: 26px !important; color: #000 !important; font-weight: bold !important; margin-top: 20px !important; display: inline-block !important; } .myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt{ color: #000 !important; } .xt{ margin: 0 !important; background: transparent !important; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: -10px !important; } .xt:before { content: ""; width: 100%; height: 2px; top: 50%; left: 0; display: block; position: absolute; background: #FF3324; margin-top: -1px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .xt:after { content: ""; width: 2px; height: 100%; top: 0; left: 50%; display: block; position: absolute; background: #FF3324; margin-left: -1px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .xt:hover{ -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .myWinGrid{ opacity: 0.8 !important; } .xw-plain { border-radius: 0 !important; box-shadow: none !important; } .xw-blank{ border-radius: 0 !important; } @media only screen and (max-width: 400px) { .xw-plain{ width: 300px !important; } #_uwndTop1{ left: 50% !important; margin-left: -150px !important; } } /* systems messages popup end */ /* custom comments begin */ button.uf-btn, input#addcBut{ background: #393D4C !important; display: inline-block !important; color: #fff !important; font-size: 14px !important; padding: 10px 25px 9px !important; margin-bottom: 10px !important; position: relative !important; border: none !important; text-align: center !important; cursor: pointer !important; text-transform: uppercase !important; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; letter-spacing: 1px !important; height: auto !important; } button.uf-btn:hover, input#addcBut:hover{ background: #A8AAAC !important; color: #fff !important; } .ucf-start-content textarea { height: 150px !important; max-height: 150px !important; } .uComment span[itemprop="datePublished"] { display: inline-block; margin-left: 15px; font-size: 13px; } /* custom comments end */ .search-results .search-element{ margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px; } .search-results .search-element .title-h4{ margin-bottom: 10px; } .search-results .search-element .info{ margin-bottom: 10px; } /* guest book begin */ .gb-form-inner .form-group input{ display: block; width: 100%; height: 45px; padding: 0 15px; font-size: 13px; line-height: 1.42857143; color: #2E2E2E; background-color: #fff; border: 1px solid #C7C7C7; margin-bottom: 10px; } .gb-form-inner .form-group textarea{ display: block; width: 100%; height: 150px; max-height: 150px; padding: 15px; font-size: 13px; line-height: 1.42857143; color: #2E2E2E; background-color: #fff; border: 1px solid #C7C7C7; margin-bottom: 10px; } .captcha-group input{ display: inline-block; width: 158px; height: 45px; padding: 0 15px; font-size: 13px; line-height: 1.42857143; color: #2E2E2E; background-color: #fff; border: 1px solid #C7C7C7; margin-bottom: 10px; margin-right: 7px; } .gb-form-inner .form-group input:focus, .gb-form-inner .form-group textarea:focus, .captcha-group input:focus{ outline: 0; border-color: #6B6B6B; color: #707070; } .securityCode + input + img{ height: 45px; border: 1px solid #C7C7C7 !important; } .securityCode + input + img + img{ width: 17px; margin-left: 5px; } .commError{ text-align: left !important; margin-bottom: 15px; color: #A94442; } .commError .successText{ color: #00487F !important; } #pagesBlock2{ text-align: left !important; } .gb-rev-element{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .gb-rev-element .text{ font-size: 14px; margin-top: 10px; } #numEntries{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .gb-element-date{ letter-spacing: 0; margin-left: 15px; font-size: 12px; padding-top: 2px; color: #000000; vertical-align: middle; font-weight: normal; } .gb-rev-element .title-h3{ font-family: 'Open Sans', sans-serif; } /* guest book end*/ /* выпадашка селекта при добавлении материала */ form #uCatsMenu7{ left: auto !important; top: auto !important; } /* /. выпадашка селекта при добавлении материала */ /* для информационного сообщения */ .myWinCont b { color: #000 !important; } /* /. для информационного сообщения */ /* фотоальбомы */ .gallery-list .row table, .gallery-list .row tbody, .gallery-list .row tr, .gallery-list .row td{ display: inline; } .gallery-list .element{ margin-bottom: 10px; border: 1px solid #ccc; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .gallery-list .element .img-wrapper{ height: 200px; width: 100%; overflow: hidden; background: #ccc; } .gallery-list .element .img-wrapper img{ height: 200px; width: 100% } .gallery-list .element .element-content{ padding: 10px; } .gallery-list .element .title{ font-weight: bold; color: #000; margin-bottom: 5px; font-size: 16px; height: 40px; overflow: hidden; } .gallery-list .element:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } #uEntriesList { display: block !important; } .main-gallery #uEntriesList .uEntryWrap, .main-gallery #uEntriesList .entryBlock{ width: auto !important; display: block !important; } .main-gallery img{ display: none !important; } .main-gallery .element{ margin-bottom: 10px; } .main-gallery .element a.absolute{ background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .main-gallery .element:hover a.absolute{ opacity: 1; } .main-gallery .element a.absolute:before{ content:""; width: 50px; height: 50px; background: url(../images/zoom.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -22px; margin-left: -22px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .main-gallery .element:hover a.absolute:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } /* /. фотоальбомы */ /* форум */ .forum-top-links a{ display: inline-block; text-decoration: none; background: #373B4A; color: #fff; padding: 5px 15px; margin-right: 5px; margin-bottom: 10px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .forum-top-links a:hover{ background: #21232C; } .gTable{ border-collapse: separate; margin-bottom: 20px; } .gTable td, .ThrTopButtonsTbl td{ vertical-align: middle;-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .gTable .gTableRight{ text-align: center; } /*------*/ .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #dbe1e8;margin:0!important;padding:5px!important;} #content .cBlock1,#content .cBlock2{padding:0 0 20px!important;margin:0 0 20px!important;} .commTable {background:#dbe1e8;padding:20px;} .cMessage {font-size:12px;line-height:130%;} .cTop {padding:0 0 15px 0;font-size:14px;} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 0;font-style:italic;color:#464646;font-size:11px;} .commTd1 {padding:5px 2px;width:20%;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin: 10px 0;color: #333;font-size: 14px!important;line-height: 18px!important;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color: #555;font-size: 16px;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color: #555;font-size: 16px;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color: #555;font-size: 16px;} .replaceTable {font-size:12px;padding:20px;border:none;background:#fff;} .legendTd {font-size: 13px!important;line-height: 32px!important;font-family: 'Roboto', sans-serif!important;color: #555;} .outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #ddd;margin:4px 0;} .uTable {border-spacing:0;margin:0;padding:0;} .uTd {padding: 10px 0;color: #333!important;font-size: 15px!important;line-height: 20px!important;} .uTable td.uTopTd {border-bottom: none;padding: 10px;background: #F3F3F3;color: #333 !important;font-size: 15px!important;line-height: 20px!important;font-family: 'Roboto Condensed', sans-serif!important} .uTd a {color: #333!important;font-size: 16px!important;line-height: 20px!important;} .uTd a:hover {text-decoration:none!important} .eAttach .entryAttachSize {padding-left:4px;color: #333;font-size: 14px!important;line-height: 18px!important;} .manTable {text-align:left;} .manTable .manTd1 {font-size:14px;line-height:22px;width:30%;} #casing.popuptable {margin:0;padding:0; background:#fff;} .popuptitle {text-transform:uppercase;padding:13px 20px;color:#fff;font-size:16px;font-family:'Roboto';} .popuptable table {text-align:left;color:#5e6d81;} .udtlb, .udtlb a, .udtlb span, .udtb, .udtb a, .udtb span {text-decoration: none!important;color: #555;font-size: 15px!important;line-height: 26px;} #subscribe a {font-size: 13px!important;line-height: 18px!important;text-transform: none;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;color:#fff;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;color:#5e6d81;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;color:#939fae;} .uTd .user_avatar img {max-width:50px;} .user_avatar img {width:100px;} .cMessage .user_avatar img {width:50px;margin:0 10px 5px 0;} .userSchFrm select, .userSchFrm input {font-size: 15px!important;line-height: 20px!important;} #mesforuds .gTableLeft {border-left:1px solid #CACACA;color: #333;font-size: 14px!important;line-height: 18px!important;} #mesforuds .gTableRight {padding:15px 20px;} #mesforuds .gTableRight label, #mesforuds .gTableRight select, #mesforuds .gTableRight {z-index:CACACA9;color: #333!important;font-size: 14px!important;line-height: 18px!important;} #mesforuds {margin-top: 25px;} .posttdMessage img {margin-bottom:20px;} .posttdMessage a {text-decoration:underline;line-height: 22px;font-size: 14px;} .posttdMessage a:hover {text-decoration:underline;color:#000;} .bbQuoteBlock {margin-top:10px;} .bbQuoteName, .bbCodeName {color: #333;font-size: 13px !important;} .posttdMessage li {color: #333;line-height: 22px;font-size: 14px;} .posttdMessage ul {margin: 10px 0;color: #333;} .entryAttach {color: #333!important;font-size: 14px!important;line-height: 18px!important;font-weight: 700;text-decoration: none!important;} .entryAttach:hover {text-decoration: none!important;} .eAttach:before {font-size:14px;font-family: Fontawesome;display:inline-block;padding:0 4px 0 0;content: '\f0c6';color:#333;text-decoration:none!important;} .pollAnswer label {color:#333!important;font-size: 16px!important;line-height: 24px!important;} .pollButtons {padding: 20px 0!important;} .dira-1 {text-decoration:none!important;font-size: 18px;font-weight: 400;color: #333;font-family: 'Fira Sans', sans-serif!important;line-height: 26px;} .dira-1:hover {text-decoration:none!important;} #forumPollF {margin-top:20px!important;} .pollAnswer {text-align:left!important;} .pollResults {padding-bottom: 10px!important;} .pollTotal {padding-bottom: 20px!important;font-size: 15px!important;line-height: 21px!important;color: #333!important;} .pollResults table {font-size: 15px!important;line-height: 21px!important;color: #333!important;} .titstatistics {text-align: center;display: block;font-size: 16px;color: #333 !important;} .tOnline, .gOnline, .uOnline, .tOnline b, .gOnline b, .uOnline b {text-align: center;font-weight: 400 !important;font-size: 16px;color: #333 !important;line-height:22px;} .forumOnlineBar a {font-size: 14px!important;} .pollBlock {margin-top:-19px!important;} .forum-box {padding:20px;background:#fff;} .gTable,.postTable {background:none;border-spacing:0;} .gTableTop { line-height: 40px; padding: 0 20px !important; color: #fff; text-decoration: none; font-size: 12px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; letter-spacing: 1px; background: #373B4A; border-color: #373B4A !important; } .gTableTop a { color: #fff !important; text-decoration: none; font-size: 12px; letter-spacing: 1px; } .threadNametd .poooedi .modBut:before {font-size:12px;font-family: Fontawesome;display:inline-block;padding:0 4px;content: '\f040';color:#777;text-decoration:none!important;} .threadNametd .pooodel .modBut:before {font-size:12px;font-family: Fontawesome;display:inline-block;padding-right:4px;content: '\f1f8';color:#777;text-decoration:none!important;} .threadNametd .poooedi:hover .modBut:before {color:#333;text-decoration:none!important;} .threadNametd .pooodel:hover .modBut:before {color:#333;text-decoration:none!important;} .modBut img {display:none!important;} .poooedi, .pooodel {color:#777;text-decoration:none!important;} .poooedi:hover, .pooodel:hover {color:#333;text-decoration:none!important;} .gTableTop a:hover {text-decoration:none!important;} .gTableSubTop,.postTdTop {border-bottom: 1px solid #CACACA;color: #333;font-weight: bold;padding: 1px 10px;height: 34px;position: relative;background: #F3F3F3;font-size: 14px!important;line-height: 21px!important;} .gTableSubTop a,.gTableSubTop a:hover,.postTdTop a,.postTdTop a:hover {color: #333;font-weight: bold;padding: 1px 10px;height: 34px;position: relative;background: #F3F3F3;font-size: 14px!important;line-height: 21px!important;text-decoration: none!important;} .gTableSubTop b {font-weight:normal;} .gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom {padding:15px 10px;border-bottom:1px solid #CACACA;} .postPoll,.postTdInfo,.postBottom,.posttdMessage {border-bottom:none;} .postBottom {border-bottom: 1px solid #CACACA;border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;} .postBottom {padding:3px 7px;background: #F3F3F3;} .postBottom:nth-child(2) {border-left:0!important;} .threadsDetails, .forumOnlineBar {padding: 5px 0;color: #555;font-size: 14px!important;line-height: 18px!important;} .FrmBotTbl {margin-top: 15px;} .FrmBotCl21, .userRights {padding-top: 20px;font-size: 13px!important;line-height: 24px!important;font-family: 'Roboto', sans-serif!important;color: #555;} .threadsDetails {padding-top: 20px!important;} a.forum {margin-bottom: 3px;font-size: 16px;color: #333;font-family: 'Fira Sans', sans-serif;font-weight: 700;display: inline-block;} a.threadLink {margin-bottom: 3px;font-size: 15px;color: #333;font-family: 'Fira Sans', sans-serif;font-weight: 700;display: inline-block;} a.forum:hover,a.threadLink:hover, .lastUserLink:hover {text-decoration:none!important;} .forumThreadTd, .forumPostTd, .forumLastPostTd, .forumThreadTd a, .forumPostTd a, .forumLastPostTd a {line-height: 18px;font-size: 13px;text-decoration:none!important;color: #333 !important;} .forumThreadTd a:hover, .forumPostTd a:hover, .forumLastPostTd a:hover {text-decoration:none!important;} .fNavLink {display:inline-block;padding:8px 12px;color:#777;background:#F3F3F3;margin:0 10px 5px 0;font-size: 14px!important;line-height: 20px!important;} .fNavLink:hover {text-decoration:none!important;background:#cdcdcd;} .foma-1:before, .foma-2:before, .foma-3:before, .foma-4:before, .foma-5:before, .foma-6:before, .foma-7:before {font-size:14px;font-family: Fontawesome;display:inline-block;padding-right:4px;color:#777;} .foma-1:before {content: '\f2b7';} .foma-2:before {content: '\f03a';} .foma-3:before {content: '\f0c0';} .foma-4:before {content: '\f1c1';} .foma-5:before {content: '\f002';} .foma-6:before {content: '\f09e';} .foma-7:before {content: '\f087';} .lastPostUserLink, .threadLastPostTd {line-height: 18px;font-size: 13px;text-decoration: none!important;color: #333 !important;} .lastPostUserLink:hover {text-decoration:none!important;} .FrmTopButtonsCl11 {width: 100%!important;display: block!important;margin-bottom: 10px!important;} .forumNamesBar {color: #000;font-size: 14px!important;line-height: 18px!important;margin-bottom: 20px;display: inline-block!important;} #forum_filter {margin-bottom: 15px;} .forumBar, .forumBarA {color: #555;font-size: 14px!important;line-height: 18px!important;} .forumBar:hover, .forumBarA:hover {text-decoration:none!important;color:#000!important;} .fastNav {font-size: 14px!important;padding:6px!important; height: 36px;} #thread_search_field {font-size: 14px!important;padding: 6px!important;margin: 0 !important; height: 36px;} .fastNav[type="submit"], .fastNav[type="button"] { background: #373B4A; border: 1px solid #373B4A; color: #fff; height: 36px; } .moderOptions {font-size: 14px!important;padding: 5px!important;margin: 0 0 20px 0 !important; height: 36px;} .gTableBody {margin:0;line-height:150%;text-align:justify!important;font-size: 13px;line-height: 23px;} .gTableBody img {max-width:100%;height:auto!important;float:left;border:none!important;} .gTableBody p {margin: 0;padding: 1px 0 16px 0;overflow: hidden;font-size: 13px;line-height: 23px;color: #333;} .gTableBody {padding-top: 20px !important;color: #333;word-wrap: break-word;font-size: 16px;line-height: 23px;} .gTableBody ul, .gTableBody ol, .gTableBody li, .gTableBody span, .gTableBody table, .gTableBody td, .gTableBody tr, .gTableBody {font-size: 13px;line-height: 23px;color: #333;} .gTableBody a {margin: 0;padding: 1px 0 16px 0;overflow: hidden;font-size: 16px;line-height: 23px;text-decoration:underline;} .gTableBody a:hover {color:#000!important;} .gTableBodyli {margin-bottom:3px;} .gTableBody ul, .eText ol {margin-top:3px;} .searchForumsFl {color: #555 !important;font-size: 15px!important;line-height: 18px!important;} .forumMemNum {padding:15px 0;color: #555 !important;font-size: 15px!important;line-height: 18px!important;} .forumMemSwch {padding:20px 0;color: #555 !important;font-size: 15px!important;line-height: 20px!important;} .fFastSearchTd input[type='text'] {font-size: 14px!important;padding:6px!important;margin-bottom: 0 !important;} .fFastSearchTd { line-height: 31px; margin-top: 0!important; font-size: 14px; color: #333; padding: 20px 0 20px 8px !important; } .fFastSearchTd input{ height: 36px; height: 36px; vertical-align: middle; line-height: 36px; } .fFastSearchTd input[type='submit'] { background: #373B4A; border: 1px solid #373B4A; color: #fff; } .frmBtns img {margin-left: 5px !important;} .gTableRight img {min-width:30px;} .funcLink:hover {text-decoration:none!important;background:#cdcdcd;} .forumIcoTd {border-left: 1px solid #CACACA;} .forumNameTd {border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;} .forumThreadTd, .forumPostTd, .forumLastPostTd {border-right: 1px solid #CACACA;} .firtopfor {border-left:1px solid #CACACA;border-right:1px solid #CACACA;} .secfortop {border-right:1px solid #CACACA;} .gTable td.gTableSubTop:nth-child(1) {border-left: 1px solid #CACACA;} .gTable td.gTableSubTop:nth-child(2) {border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;} .gTable td.gTableSubTop:nth-child(3) {border-right: 1px solid #CACACA; text-align: center;} .gTable td.gTableSubTop:nth-child(4) {border-right: 1px solid #CACACA; text-align: center;} .gTable td.gTableSubTop:nth-child(5) {border-right: 1px solid #CACACA;} .gTable td.gTableSubTop:nth-child(6) {border-right: 1px solid #CACACA;} .postTable {margin-bottom:25px;} .threadIcoTd {border-left: 1px solid #CACACA;background: #F3F3F3;} .threadNametd {border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;} .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd {border-right: 1px solid #CACACA;} .threadPostTd, .threadViewTd {background: #F3F3F3;font-size: 14px;color: #333;} .gTableRight {border-left:1px solid #CACACA;border-right: 1px solid #CACACA;} .forumIcoTd, .gTableRight, .forumThreadTd, .forumPostTd {background:#F3F3F3; text-align: center;} .gTableBody1 {border-right: 1px solid #CACACA;} .statsRecord {color: #333;margin: 10px 10px 0 0;font-size: 13px!important;line-height: 20px!important;} .gTableBody1 a.groupAdmin:link, .gTableBody1 a.groupAdmin:visited, .gTableBody1 a.groupAdmin:hover {color: #333!important;margin: 10px 10px 0 0;font-size: 13px!important;line-height: 20px!important;} .gTableBody1, gTableBody1 a {color: #333!important;font-size: 13px!important;line-height: 20px!important;} .lastUserLink {color: #333;font-size: 13px!important;line-height: 20px!important;} .gTableLeft {font-weight:bold} .gTableError {color:#FF0000} .threadAuthorLink {font-size: 14px;color: #333;text-decoration: none!important;} a.catLink, a.threadPinnedLink {text-decoration:none!important;} a.catLink:hover {text-decoration:underline} .archivedForum{font-size: 13px!important;line-height: 18px!important;font-family: 'Roboto', sans-serif!important;color: #555;display: block;margin-bottom: 5px;} .subforumDescr, .subforumDescr a, .forumArchive, .forumArchive a, .forumViewed, .forumViewed a {font-size: 13px!important;line-height: 16px!important;margin-top: 5px;} .subforumDescr {color: #333;display: block;} .subforumDescr a {color: #555;} .forumModer {font-size: 13px!important;line-height: 16px!important;margin-top: 5px;color: #333;} .forumThreadTd, .forumPostTd {font-size: 14px;color: #333;} .forumModer:hover, .subforumDescr a:hover, .forumArchive a:hover .forumViewed a:hover, .threadAuthorLink:hover {text-decoration:none!important;} .forumDescr {font-size: 13px!important;line-height: 18px!important;font-family: 'Roboto', sans-serif!important;color: #555;display: block;margin-bottom: 5px;} div.forumModer {color:#939fae;font-size:8pt} .forumViewed {font-size:9px} .forumLastPostLink {line-height: 18px;font-size: 13px;text-decoration: none!important;color: #333 !important;} .forumLastPostLink:hover {text-decoration:none!important;} .forumBarKw {font-weight:normal} .threadPinnedLink:hover {text-decoration:none!important;} .fastLoginForm {font-size:8pt} .threadLastPostTd {} .threadDescr {font-size: 13px!important;line-height: 16px!important;font-family: 'Roboto', sans-serif!important;color: #555;display: block;margin-bottom: 5px;} .threadNoticeLink {font-weight:bold} .threadsType {color: #333;font-weight: bold;padding: 1px 10px;height: 34px;font-size: 14px!important;line-height: 24px!important;border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;} .threadsDetails,.forumOnlineBar {padding:5px 0;} a.threadPinnedLink {margin-bottom: 3px;font-size: 15px;color: #333;font-family: 'Fira Sans', sans-serif;font-weight: 700;display: inline-block;} a.threadFrmLink {font-size: 14px;color: #333;text-decoration: none!important;} .threadFrmLink:hover {text-decoration: none!important;} .postpSwithces {font-size:8pt} .thDescr {display: none;} .threadFrmBlock {font-size:8pt;text-align:right} .forumModerBlock {padding:3px 0} .postPoll {text-align:center} .postUser {font-weight:bold} .postRankName {margin-top:5px;color: #555;font-size: 14px!important;line-height: 18px!important;} .postRankIco {margin-bottom:5px;margin-bottom:5px} .reputation {margin-top:5px} .signatureHr {margin-top:20px;border-bottom: 1px solid #CACACA;} .postTdInfo,.posttdMessage {padding:20px;} .postTdInfo {text-align:center;border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;border-bottom: 1px solid #CACACA;} .numposts, .postRankIco, .postUserGroup, .reputation, .statusBlock {color: #555;font-size: 13px!important;line-height: 18px!important;margin-bottom: 5px;text-decoration:none!important;} .posttdMessage {border-right: 1px solid #CACACA;border-bottom: 1px solid #CACACA;color: #333;line-height: 22px;font-size: 13px;} .reputation a {color: #333;font-size: 14px!important;line-height: 18px!important;margin-bottom: 5px;text-decoration:none!important;} .reputation a:hover {text-decoration:none!important;} .pollQuestion {text-align:center;font-weight:bold} .pollButtons,.pollTotal {text-align:center} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt} .pollSubmit {font-weight:bold} .pollEnd {text-align:center;height:30px} .codeMessage,.quoteMessage,.uSpoilerText {padding: 10px;margin: 0 0 15px;background: none;border: 1px solid #ddd!important;color: #555;line-height: 22px;font-size: 14px;} .signatureView {display: block;padding: 0 0 0 10px;border-left: 3px solid #CACACA;font-size: 14px!important;line-height: 18px!important;} .edited {padding-top:30px;font-size:8pt;text-align:right;color:gray} .editedBy {font-weight:bold;font-size:8pt} .statusBlock {padding-top:3px} .statusOnline {color:blue;} .statusOffline {color:red;} .newThreadItem {padding:0 0 8px;background:url(/.s/t/1322/12.gif) no-repeat 0 4px} .newPollItem {padding:0 0 8px;background:url(/.s/t/1322/12.gif) no-repeat 0 4px} .pollHelp {font-weight:normal;font-size:14px;padding-top:3px} .smilesPart {padding-top:5px;text-align:center} .pollButtons button {margin:0 10px 0 0!important} .postBottom .goOnTop {display:none!important} .postIpLink {text-decoration:none;} .thread_subscribe {text-decoration:none;} .thread_subscribe:hover {text-decoration:underline;} .postip,.postip a {font-size:11px;color:#939fae;} .UhideBlockL {background:none;border:1px solid #dbe1e8;padding:10px;color:#939fae;} .UhideBlockL a {color:#939fae; text-decoration:underline;} /*------*/ .postTdTop { border-left: 1px solid #CACACA !important; border-right: 1px solid #CACACA !important; } .pagesInfo { font-weight: normal; color: rgb(51, 51, 51); font-size: 14px; line-height: 20px; font-family: "Roboto Condensed", sans-serif; padding: 6px 10px; background: rgb(238, 238, 238); text-decoration: none !important; } .switchActive { font-weight: normal; color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; padding: 6px 10px; background: #373B4A; text-decoration: none !important; } form .gTable td:first-of-type{ border-left: 1px solid #CACACA; } .ThrTopButtonsTbl{ margin-bottom: 20px; } #thread_search_button{ margin-top: 0 !important; margin-left: 3px; } form table input.postPreview, form table input.postSubmit, form table input.postReset{ background: #373B4A; border: 1px solid #373B4A; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; font-weight: normal !important; padding: 5px 10px; width: auto !important; float: right; margin-left: 5px; } form table input.postPreview:hover, form table input.postSubmit:hover, form table input.postReset:hover{ background: #000; border-color: #000; } form table input[type="file"]{ margin-bottom: 15px; } #filter_by{ margin-right: 15px; line-height: 36px; } #forum_filter_select, #filter_word{ height: 36px; } #filter_word + input[type="submit"], .fastLogBt{ height: 36px; background: #373B4A; border: 1px solid #373B4A; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #filter_word + input[type="submit"]:hover, .fastLogBt:hover{ background: #000; } form[name="memform"]{ text-align: right; } form[name="memform"] input, form[name="memform"] select{ height: 36px; margin-bottom: 15px; } form[name="memform"] input[type="submit"]{ background: #373B4A; border: 1px solid #373B4A; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } form[name="memform"] input[type="submit"]:hover{ background: #000; } form[name="memform"] input[type="checkbox"]{ position: relative; bottom: -12px; margin-right: 10px; } .forum-section form[name="searchform"] input, .forum-section form[name="searchform"] select{ height: 36px; margin-bottom: 15px; display: block; width: 100%; } .forum-section form[name="searchform"] select[multiple]{ height: auto; } form[name="searchform"] .gTable table td:first-of-type { border-left: none; } form[name="searchform"] br{ display: none; } form[name="searchform"] input[type="checkbox"]{ display: inline; height: auto; width: auto; } form[name="searchform"] td.gTableBody1{ vertical-align: top; } form[name="searchform"] .searchSubmitFl{ width: auto !important; display: inline-block !important; float: left; background: #373B4A; border: 1px solid #373B4A; color: #fff; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } form[name="searchform"] .searchSubmitFl:hover{ background: #000; } form[name="searchform"] .gTableBottom{ padding: 20px 0 0; border: none !important; } form[name="searchform"] .gTableSubTop{ background: #fff; } form[name="searchform"] .gTableSubTop b{ font-weight: bold !important; } @media only screen and (max-width: 991px) { .forum-section .gTableSubTop,.forum-section .forumIcoTd,.forum-section .forumThreadTd,.forum-section .forumPostTd,.forum-section .forumLastPostTd,.forum-section .threadIcoTd,.forum-section .threadPostTd,.forum-section .threadViewTd,.forum-section .threadAuthTd,.forum-section .threadLastPostTd,.forum-section .legendTable,.forum-section .fFastSearchTd,.forum-section .fFastNavTd,.forum-section .funcBlock,.forum-section .userRights, .forum-section #forum_filter, .forum-section .forumOnlineBar {display:none;} .forum-section .gTableTop {padding:10px 20px;} .forum-section .postTable,.forum-section .postTable tbody,.forum-section .postTable tr,.forum-section .postTable td {display:block;width:auto!important;} .forum-section td.postBottom,.forum-section td.postTdInfo {display:none;} .forum-section .postTdTop {text-align:left;height:auto;line-height:normal;font-size:13px;padding:10px 20px;border-bottom-width:1px;} .forum-section .postTdTop + .postTdTop {padding:10px 20px;font-size:11px;font-weight:normal;} .ThrForumBarRow1, .ThrTopButtonsRow1, .forumModerFuncsT.forumModerFuncsTbl, .ThrBotTbl, form[name="addform"]{ display: none !important; } .posttdMessage { border-left: 1px solid #CACACA; } .forum-section .postRest2{ border-top: 1px solid #CACACA; } } /* /. форум */ /* каталог файлов */ .sorting-menu span{ color: #fff; margin-left: 10px; } .sorting-menu a{ text-decoration: none; background: #F3F3F3; border: 1px solid #ccc; color: #373B4A; display: inline-block; padding: 1px 8px; border-radius: 2px; font-size: 13px; font-weight: bold; margin-bottom: 10px; } .catSortLink.darr:after, .catSortLink.uarr:after { color: #fff !important; margin-left: 4px; } .sorting-menu a:hover, .catSortLink.darr, .catSortLink.uarr{ background: #373B4A; border-color: #373B4A; color: #fff; } .files-catalog .element{ margin-bottom: 20px; } .files-catalog .element .element-img{ height: 410px; margin-bottom: 10px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .files-catalog .element .title{ font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #000; height: 40px; overflow: hidden; } .files-catalog .element .title a{ text-decoration: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .files-catalog .element:hover .element-img{ box-shadow: 0 0 10px rgba(0,0,0,0.6); } .file-details .tpl-table{ border: none; font-size: 13px; } .file-details .tpl-table td{ border: none; } .file-details .tpl-table tr:nth-of-type(odd) td{ background: #F3F3F3; } .file-details .tpl-table td:first-of-type{ font-weight: bold; } .file-details .img-wrapper img{ width: 320px; max-width: 100%; } .rating ul { list-style: none; margin: 0px; padding: 0px; width: 120px; height: 24px; position: relative; background: url(../images/stars.png) top left repeat-x; } .rating ul li{ padding:0px;margin:0px;float:left } .rating ul li a { display:block;width:24px;height: 24px;line-height:24px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden } .rating ul li a:hover { background: url('../images/stars.png') left center;z-index:2;left:0px;border:none } .rating ul a.u-one-star { left:0px } .rating ul a.u-one-star:hover { width:24px } .rating ul a.u-two-stars { left:24px } .rating ul a.u-two-stars:hover { width:48px } .rating ul a.u-three-stars { left:48px } .rating ul a.u-three-stars:hover { width:72px } .rating ul a.u-four-stars { left:72px } .rating ul a.u-four-stars:hover { width:96px } .rating ul a.u-five-stars { left:96px } .rating ul a.u-five-stars:hover { width:120px } .rating ul li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('../images/stars.png') left bottom;position: absolute;height:24px !important;line-height:24px !important;display:block;text-indent:-9000px;z-index:1 } @media only screen and (min-width: 992px) { .file-details-inner{ padding-left: 10px; } } @media only screen and (max-width: 991px) { .files-catalog .element .element-img{ height: 45vw; } } @media only screen and (max-width: 767px) { .files-catalog .element .element-img{ height: 130vw; } } /* /. каталог файлов */ /*============================ UCOZ CUSTOM STYLES END =======================*/ /************************************************** MEDIA QUERIS *****************************************************/ @media only screen and (max-width: 768px) { } @media only screen and (min-width: 768px) { .slider-content{ top: 30%; } .slider-content .title2 { margin-bottom: 10px; position: relative; } .slider-content .title2 span { padding: 10px 5px; border: 1px solid transparent; } .slider-content .title2 span:first-of-type { padding-left: 15px; } .slider-content .title2 span:last-of-type { padding-right: 15px; } .slider-content .title3 span { font-size: 18px; padding: 10px 15px; } .modal{ padding: 55px 40px 40px; } h1, .title-h1{ font-size: 30px; margin-bottom: 30px; } h2, .title-h2{ font-size: 24px; margin-bottom: 20px; } .header-btn-wrapper{ border-radius: 5px; padding: 3px; background: #F0F0F0; display: inline-block; margin-bottom: 30px; box-shadow: inset 0px 0px 4px #E1E1E1; position: absolute; right: 0; top: 2px; z-index: 1; } .header-btn-wrapper .btn{ padding: 12px 15px; font-size: 13px; text-indent: 0; width: auto; } .header-btn-wrapper .btn:after{ display: none; } .slogan{ display: inline-block; margin-top: 4px; } .header-top{ font-size: 13px; } .mobile-menu{ width: 350px; right: -400px; } .info-wrapper .btn{ float: right; } } @media only screen and (min-width: 992px) { body::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 8px; height: 1px; } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-button { background-image: url(''); background-repat: no-repeat; width: 8px; height: 0px; } body::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; } body::-webkit-scrollbar-track { background-color: #2C2C2C; } .logo.logo-img a{ margin-top: -16px; } .index-services-wrapper{ padding: 48px 0 58px; } .header-btn-wrapper { top: 50%; margin-top: -30px; } .main-container{ padding: 50px 0; } .header-top{ position: static; font-size: 13px; } .header{ padding-top: 0; } .top-menu-wrapper .inner{ border-top: 1px solid #E0E0E0; background: #F3F3F3; } .top-menu-wrapper .uMenuH{ display: table; width: 100%; } .top-menu-wrapper .uMenuH > ul{ display: table-row; } .top-menu-wrapper .uMenuH > ul > li{ display: table-cell; text-align: center; position: relative; } .top-menu-wrapper .uMenuH > ul > li > a{ text-decoration: none; color: #000; font-size: 13px; font-weight: 600; padding: 15px 13px; display: block; -webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; position: relative; border-right: 1px solid #e0e0e0; margin-top: -1px; border-top: 1px solid transparent; border-radius: 0; } .top-menu-wrapper .uMenuH > ul > li:first-child > a{ border-left: 1px solid #e0e0e0; } .top-menu-wrapper .uMenuH > ul > li > a:after{ content: ""; display: block; width: 100%; height: 1px; position: absolute; top: -1px; left: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .top-menu-wrapper .uMenuH > ul > li.mod2 > a, .top-menu-wrapper .uMenuH > ul > li.mod2 > a:hover{ border-right-color: #E4E4E4; } .top-menu-wrapper .uMenuH > ul > li:hover > a, .top-menu-wrapper .uMenuH > ul > li:hover > a:after{ background: #E4E4E4; border-color: #E4E4E4; } .top-menu-wrapper .uMenuH > ul ul{ position: absolute; width: 280px; top: 52px; padding-top: 12px; left: 0; z-index: 300; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; -ms-animation-duration: 0.2s; animation-duration: 0.2s; text-align: left; } .top-menu-wrapper .uMenuH > ul ul li{ background: #323644; } .top-menu-wrapper .uMenuH > ul > li > ul > li{ z-index: 20; position: relative; } .top-menu-wrapper .uMenuH > ul ul li > a{ padding: 12px 15px; border-bottom: 1px solid #242838; display: block; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .top-menu-wrapper .uMenuH > ul ul li.active > a{ background: #242838 !important; } .top-menu-wrapper .uMenuH > ul ul li > a:hover, .top-menu-wrapper .uMenuH > ul ul li > a.uMenuItemA{ background: #43495C; } .top-menu-wrapper .uMenuH > ul ul li:last-child > a{ border: none; } .top-menu-wrapper .uMenuH > ul ul > div{ box-shadow: 2px 2px 6px rgba(0,0,0,0.4); overflow: hidden; } .top-menu-wrapper .uMenuH > ul ul:before { content: ""; display: block; border-bottom: 10px solid #323644; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 30px; top: 2px; } .top-menu-wrapper .uMenuH > ul ul ul{ left: 280px; top: 0; padding-left: 10px; padding-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; z-index: 10; } .top-menu-wrapper .uMenuH > ul ul ul::before{ content: ""; display: block; border-right: 8px solid #323644; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; left: -8px; top: 15px; } .top-menu-wrapper .uMenuH > ul ul li:hover ul{ left: 280px; visibility: visible; opacity: 1; } .top-menu-wrapper .uMenuH > ul ul ul ul{ display: none !important; } .top-menu-wrapper ul ul li.uWithSubmenu > a:after{ content:""; display: block; position: absolute; width: 8px; height: 8px; top: 50%; right: 15px; border-top: 1px solid #fff; border-right: 1px solid #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; } .mobile-menu{ display: none !important; } .menu-btn, .search-btn{ display: none; } .top-menu-wrapper{ margin-bottom: 0; } .top-menu-wrapper .uMenuH > ul > li > a{ padding: 16px 15px; } .top-menu-wrapper .uMenuH{ display: block; } .top-menu-wrapper .uMenuH > ul{ display: block; } .top-menu-wrapper .uMenuH-menu > ul > li{ display: block; float: left; } .search_box{ position: static; box-shadow: none; display: block !important; } .top-menu-wrapper-push.active{ height: 55px; } .top-menu-wrapper.fixed{ position: fixed; top: 0; left: 0; width: 100%; z-index: 300; } .top-menu-wrapper.fixed .inner{ box-shadow: 0 1px 1px rgba(0,0,0,0.3); } .no-fix-panel .top-menu-wrapper.fixed{ position: relative; } .no-fix-panel .top-menu-wrapper.fixed .inner{ box-shadow: none; } .no-fix-panel .top-menu-wrapper-push.active{ height: 0; } .search_box{ padding: 7px 0px; } .footer-tel{ margin-bottom: 20px; margin-top: -7px; display: block; text-align: right; } .footer-tel a{ font-weight: bold; font-size: 24px; line-height: 34px; color: #000; text-decoration: none; font-family: 'Open Sans Condensed', sans-serif; } .footer-tel a span{ color: #B3B3B3; } .slogan2{ font-size: 20px; line-height: 30px; position: relative; max-width: 100%; padding-left: 80px; display: block; position: absolute; top: -15px; right: 300px; } .slogan2 span{ font-size: 24px; font-weight: bold; } .slogan2:after{ background: url(../images/clock.png) 0 0 no-repeat; content:""; display: block; position: absolute; width: 86px; height: 91px; top: -10px; left: 0; } .main-container{ padding: 55px 0 45px; } .overlay.active{ opacity: 0 !important; z-index: -400 !important; } } @media only screen and (min-width: 1260px) { .slider-content .title2 span { font-size: 48px; } .top-menu-wrapper .uMenuH > ul > li > a{ padding: 17px 25px; font-size: 14px; } .header-btn-wrapper{ padding: 5px; } .header-btn-wrapper .btn{ padding: 12px 30px; font-size: 14px; } .slogan2{ right: 400px; } }