/* font-family: 'Montserrat Alternates', sans-serif; font-family: 'Playfair Display', serif; font-family: 'FontAwesome'; */ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px} .tooltipster-follower .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-follower .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-follower.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-follower.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-follower.tooltipster-light .tooltipster-content{color:#666}.tooltipster-follower.tooltipster-noir .tooltipster-box{border-radius:0;border:3px solid #000;background:#fff}.tooltipster-follower.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-follower.tooltipster-punk .tooltipster-box{border-radius:5px;border:none;border-bottom:3px solid #f71169;background:#2a2a2a}.tooltipster-follower.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-follower.tooltipster-shadow .tooltipster-content{color:#8d8d8d} .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; } .content p{ text-align: justify; } .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: 'Montserrat Alternates', sans-serif; } html, body { height: 100%; margin: 0; padding: 0; } body{ font-family: 'Montserrat Alternates', sans-serif; font-size: 16px; line-height: 20px; color: #474747; overflow-x: hidden; } .main-wrapper{ min-height: 100%; height: auto !important; height: 100%; padding: 0; margin-bottom: -404px; } .footer-push{ height: 404px; } .footer-wrapper{ min-height: 404px; background: #313131; color: #878787; position: relative; z-index: 301; font-size: 13px; } .footer-wrapper a:not(.btn){ color: #fff; } .footer-wrapper .btn:hover{ background: #fff; color: #313543; } .footer-bottom{ padding: 30px 0; } .footer-top-wrapper{ padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-top-inner{ padding-right: 280px; min-height: 150px; } .footer-top-last{ max-width: 250px; position:absolute; right: 0; top: 0; padding: 0; } .footer-top-wrapper{ min-height: 315px; } .footer-top-wrapper .title{ font-weight: bold; font-size: 16px; margin-bottom: 20px; color: #fff; text-transform: uppercase; } .footer-text{ padding-right: 30px; } .footer-menu li{ margin-bottom: 6px; } .footer-contacts-el{ margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #fff; } .footer-contacts-el a{ text-decoration: none; } .footer-contacts-el a:hover{ color: #B8A77F; } .footer-top-last .button:hover{ background: transparent; border-color: #fff; color: #fff; } .social-links a{margin:0 10px 0 0} .footer-wrapper .social-links{padding-top: 15px;} .contacts-block-wrapper .social-links a { border: 1px solid #F3F3F3; background: #F3F3F3; color: #333333; } .social-links a{color:#fff;margin:0 5px 0 0;display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid rgba(255,255,255,0.3)} .social-links .vk_link:hover{color:#fff;background:#5880B7;border-color:#5880B7} .social-links .fb_link:hover{color:#fff;background:#415897;border-color:#415897} .social-links .tw_link:hover{color:#fff;background:#40A0F1;border-color:#40A0F1} .social-links .inst_link:hover{color:#fff;background:#8838A4;border-color:#8838A4} .social-links .yutb_link:hover{color:#fff;background:#F50000;border-color:#F50000} .social-links .ok_link:hover{color:#fff;background:#EE811C;border-color:#EE811C} @media(max-width: 1259px){ .footer-top-inner{ padding-right: 0; } .footer-top-first{ padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-top-last{ max-width: 100%; position: static; padding: 0 10px; } .footer-text{ padding-right: 0; } } @media(max-width: 767px){ .footer-menu{ margin-bottom: 50px; } .footer-contacts{ margin-bottom: 50px; } } hr{ border: none; border-bottom: 1px solid #ccc; margin-bottom: 30px; } h1, .title-h1{ font-size: 35px; line-height: 1.2; margin-bottom: 40px; font-family: "Playfair Display"; font-weight: 700; } h1.title-min{ line-height: 1.1; } h2, .title-h2{ font-size: 24px; line-height: 1.2; margin-bottom: 20px; font-family: 'Playfair Display', serif; font-weight: bold; } h3, .title-h3{ font-size: 20px; line-height: 1.2; margin-bottom: 20px; font-family: 'Playfair Display', serif; font-weight: bold; } h4, .title-h4{ font-size: 18px; line-height: 1.2; margin-bottom: 20px; font-family: 'Playfair Display', serif; font-weight: bold; } h5, .title-h5{ font-weight: 600; margin-bottom: 5px; } @media(min-width: 992px){ h1.title-min{ font-size: 55px; } } p{ margin-bottom: 2px; } 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 { background: #DD5145 !important; top: 15px !important; right: 15px !important; width: 30px !important; height: 30px !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; border-radius: 100%; } .fancybox-close:after { background: url(../images/close.png) 50% 50% no-repeat; width: 10px; height: 10px; top: 50%; left: 50%; content: ""; display: block; position: absolute; margin-top: -5px; margin-left: -5px; -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{ background: #FF3927 !important; } .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: #eed28f; -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: #eed28f; -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: #B8A77F; } .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; } .slick-dots li.slick-active{ background: #eed28f; } /****************end slick carousel****************/ .modal{ display: none; width: 480px; 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: 1500; } .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: #313131; height: 100%; width: 850px; max-width: 100%; z-index: 1000; 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 #292929; text-transform: uppercase; } .mobile-menu .uMenuH > ul > li:first-child > a{ border-top: 1px solid #242838; } .mobile-menu .uMenuH > ul > li.uMenuItemA > a{ background: #292929 !important; color: #eed28f; } .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: 14px; } .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: #313131; } .mobile-menu .uMenuH ul ul > li.active > a{ color: #eed28f; background: #242838 !important; } .mobile-menu .uMenuH ul ul > li > a:hover{ color: #eed28f; 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: 900; background: #fff; } .header-top{ background: url(../images/arches.png) #B8A77F; color: #fff; 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; min-height: 110px; } .main-container{ padding: 70px 0; } .logo.logo-img a{ margin-top: -5px; } .logo{ margin-bottom: 20px; } @media(min-width: 992px){ .logo{ position: relative; top: -5px; } } .logo{ display: inline-block; } .logo a{ text-decoration: none; font-family: 'Playfair Display', serif; font-size: 27px; line-height: 1.2; display: inline-block; font-weight: bold; color: #000; } .logo a span{ color: #B8A77F; } .footer-wrapper .logo a{ color: #fff; } .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; 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; } .search-btn.active{ color: #eed28f; } @-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; background: #eed28f; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 14px; padding: 15px 30px; 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: #B8A77F; color: #fff; } .btn.block{ display: block; width: 100%; } .header-btn-wrapper{ 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: #B8A77F; font-family: 'FontAwesome'; text-indent: 0; } .header-tel{ padding-left: 5px; } .header-tel a{ font-weight: 600; font-size: 18px; color: #000; 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; margin-left: 20px; } .header-tel a:hover{ color: #eed28f; } .header-tel .fa{ font-size: 18px; position: absolute; top: 3px; left: 0; color: #eed28f; } @media only screen and (min-width: 768px) { .header-tel .element{ display: inline-block; } .header-tel{ position: fixed; top: 15px; right: 80px; padding-left: 10px; z-index: 500; } .header-tel a{ font-size: 18px; color: #fff; } .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; width: 44px; text-align: center; height: 44px; 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; background-color: #B8A77F; color: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } #up:hover{ background: #eed28f; color: #123B11; } .services-element{ text-align: center; 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-element .element-content{ padding: 15px 15px 30px; } .services-carousel > div{ display: none; } .services-carousel > div:first-of-type, .services-carousel.slick-slider > div{ display: block; } .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{ 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: 250px; background: url(../images/no-photo.png) 50% 50% no-repeat; } .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 8px rgba(0,0,0,0.4); } .services-element .title{ font-size: 18px; line-height: 1.4; color: #846b31; height: 50px; overflow: hidden; padding: 0 5px; margin-bottom: 10px; text-align: center; font-weight: 600; } .services-element .element-price{ margin-bottom: 15px; color: #373b4b; font-size: 15px; height: 20px; overflow: hidden; } .services-element .btn{ position: relative; z-index: 10; } .main-column{ margin-bottom: 30px; } .index-template .main-column{ margin-bottom: 80px; } .content{ line-height: 1.8; } .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-element{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #D5D5D5; } .aside-reviews-block > div:last-of-type{ border-bottom: none; } .aside-reviews-element .introtext{ font-size: 13px; } .aside-reviews-element .introtext a{ color: #000; } .aside-reviews-element .title-h4{ margin-bottom: 7px; } .aside-reviews-block .title-h3{ position: relative; margin-bottom: 20px; } .aside-reviews-block .title-h3 .fa-comments{ color: #eed28f; font-size: 30px; margin: -5px 6px 0 0; vertical-align: middle; } .review-date{ font-size: 13px; font-weight: 600; color: #ACACAC; margin-bottom: 5px; } .review-date .fa-calendar-o{ margin-right: 4px; } .aside-reviews-element .img-wrapper{ margin-bottom: 10px; } .aside-banner{ margin-bottom: 40px; } .aside-banner > div{ display: none; } .aside-banner > div:first-of-type, .aside-banner.slick-slider > div{ display: block; } .block{ display: block; } .excellence-wrapper{ padding: 70px 0 60px; background: #fff; } .excellence-wrapper .row{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .excellence-wrapper .row > div{ margin-bottom: 30px; } .excellence-element .element-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; font-weight: 700; margin-bottom: 20px; } .excellence-element .img-wrapper{ margin-bottom: 25px; } .excellence-element .img-wrapper img{ max-width: 68px; } .info-wrapper{ padding: 60px 0 30px; background: #f7f5ef; border-top: 1px solid #ebe7db; } .info-wrapper .title-h2{ position: relative; } .info-wrapper .title-h2 i{ color: rgb(251, 192, 30); font-size: 26px; vertical-align: middle; margin: -2px 6px 0px 0px; } .info-element{ margin-bottom: 30px; padding-right: 20px; } .info-element .date{ margin-bottom: 12px; position: relative; font-size: 13px; font-weight: 600; } .info-element h5{ margin-top: -5px; } .info-element .img-wrapper{ margin-bottom: 10px; } .info-element .introtext{ font-size: 13px; margin-bottom: 10px; color: #838383; } .info-element .more{ color: #B8A77F; font-weight: bold; } .info-wrapper .btn{ margin-bottom: 30px; } .content ul, .content ol, ul.list, ol.list{ margin-bottom: 20px; } .content ul > li, .content ol > li, ul.list > li, ol.list > li{ margin-bottom: 10px; position: relative; } .content ul > li, ul.list > li{ padding-left: 15px; } .content ul > li:after, ul.list > li:after{ content: ""; display: block; position: absolute; width: 5px; height: 5px; top: 11px; left: 0; background: #B8A77F; border-radius: 50%; } .content ul ul, .content ol ul, .content ol ol, .content ul ol, ul.list ul, ol.list ul, ol.list ol, ul.list ol{ padding-top: 10px; padding-left: 10px; } .content ul ul li, .content ol ul li, .content ul ol li, .content ol ol li, ul.list ul li, ol.list ul li, ul.list ol li, ol.list ol li{ padding-left: 18px; } .content ul ul li:after, .content ol ul li:after, ul.list ul li:after, ol.list ul li:after{ height: 1px; width: 10px; top: 12px; } .content ol, ol.list{ counter-reset: item } .content ol > li, ol.list > li{ display: block } .content ol > li:before, ol.list > li:before{ content: counters(item, ".") ". "; counter-increment: item; } .content ol ol li:before, ol.list ol li:before{ content: counters(item, ".") " "; } 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; } ::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 8px; height: 1px; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-button { background-image: url(''); background-repat: no-repeat; width: 8px; height: 0px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #eed28f; } ::-webkit-scrollbar-track { background-color: #2C2C2C; } .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; } .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 > div{ display: none; } .top-slider > div:first-of-type, .top-slider.slick-slider > div{ display: block; } .top-slider .item .element-img{ height: 650px; 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: #B8A77F; 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; } .top-slider .slick-prev{ left: 15px; } .top-slider .slick-next{ right: 15px; } @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: 60vw; } .slider-content .title2 span { font-size: 16px; } .slider-content .title3 span{ font-size: 12px; padding: 3px 4px; } .slider-content .btn{ padding: 10px 20px; font-size: 12px; } .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: #8e7741; padding: 15px 20px; font-size: 14px; background: #f7f5ef; line-height: 1.3; border-top: 1px solid #ebe7db; 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:hover{ background: #ebe7db; } .aside-menu li.active > a{ background: #b8a77f; border-color: #b8a77f; color: #ffffff; } .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: #B8A77F; background: #EDEDED; border-color: #DBDBDB; } .aside-menu ul ul .active + li > a{ border-color: #DBDBDB; } .aside-menu-title { padding: 15px 42px 15px 20px; background: #B8A77F; position: relative; color: #fff; 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 #fff; border-bottom: 2px solid #fff; 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: 40px; } } /****************** 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 table > tr:first-of-type > a{ border-top: none; } .aside-categories a:hover{ background: #E0E0E0; } .aside-categories a.catNameActive{ background: #eed28f !important; border-color: #eed28f !important; color: #000 !important; } .aside-categories li.active > a 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 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; } .tag-cloud p{ margin-bottom: 10px; } .tag-cloud a { font-size: 13px !important; text-decoration: none; display: inline-block; padding: 0 5px 2px; border: none; margin: 0 5px 5px 0; text-transform: lowercase; float: left; background: #313131; 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; } .excellence > .row > hr:nth-of-type(2n){ clear: both; } @media only screen and (min-width: 1260px) { .excellence > .row > hr:nth-of-type(2n){ clear: none; } .excellence > .row > hr:nth-of-type(3n){ clear: both; } } .index-template .partners{ border-top: 1px solid #E5E5E5; } .partners-carousel > div{ display: none; } .partners-carousel > div:first-of-type, .partners-carousel.slick-slider > div{ display: block; } .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; } .news-list > div:first-of-type, .news-list .archiveEntries > div:first-of-type .news-element{ margin-top: 0; padding-top: 0; border-top: 0; } .news-element h3{ line-height: 1.2; margin-bottom: 30px; font-size: 24px; } .news-element h3 a{ text-decoration: none; color: #856D33; -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 h3 a:hover{ color: #B8A77F; } .news-element .img-wrapper{ padding-right: 10px; overflow: hidden; } .news-element .img-wrapper > a{ display: block; 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 .text{ line-height: 1.6; } .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; bottom: 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: 22px; margin: 5px 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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{ bottom: 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; } /***************************** pagination **************************/ .pagination{ display: inline-block; margin: 30px 0 0; } .pagination li{ display: inline; } .pagination li > span{ cursor: default; } .pagination li > a, .pagination li > 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; margin-bottom: 5px; margin-right: 5px; } .pagination li:first-child > a, .pagination li:first-child > span{ margin-left: 0; } .pagination li > a:hover{ background-color: #EEEEEE; } .pagination .active > a, .pagination .active > a:hover{ background-color: #B8A77F; color: #fff; border-color: #B8A77F; cursor: default; } /*************************** end pagination ***********************/ /************************************************** 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; display: inline-block; } .modal{ padding: 55px 40px 40px; } h1, .title-h1{ font-size: 42px; } h2, .title-h2{ font-size: 36px; margin-bottom: 25px; } .header-btn-wrapper{ padding: 3px; background: #f7f5ef; display: inline-block; margin-bottom: 30px; 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) { h1, .title-h1{ font-size: 65px; margin-bottom: 40px; } h2, .title-h2{ font-size: 46px; } h3, .title-h3{ font-size: 32px; line-height: 1.4; } h4, .title-h4{ font-size: 26px; line-height: 1.4; } h5, .title-h5{ font-size: 18px; margin-bottom: 15px; } .logo.logo-img a{ margin-top: -16px; } .header-btn-wrapper { top: 50%; margin-top: -40px; } .header-top{ position: static; font-size: 13px; } .header{ padding-top: 0; } .top-menu-wrapper .inner{ border-top: 1px solid #ebe7db; background: #F7F5EF; } .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; } .uMenuH > ul > li > ul{ display: none; } .uMenuH .topmenuactivity{ display: block; } .uMenuH .topmenuactivity.hidden{ display: none; } .top-menu-wrapper .uMenuH > ul > li > a{ text-decoration: none; color: #846b31; font-size: 14px; font-weight: 600; padding: 16px 10px; 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 #ebe7db; 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.uMenuItemA > a, .top-menu-wrapper .uMenuH > ul > li.uMenuItemA > a:after, .top-menu-wrapper .uMenuH > ul > li.uMenuItemA > a:hover{ background: #B8A77F !important; border-color: #B8A77F !important; color: #fff; } .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.uMenuItemA > a .top-menu-wrapper .uMenuH > ul > li.mod2.uMenuItemA > a:hover{ border-right-color: #eed28f; } .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: #ebe7db; border-color: #ebe7db; } .top-menu-wrapper .uMenuH > ul ul{ position: absolute; width: 280px; top: 54px; 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; box-shadow: 2px 2px 4px rgba(0,0,0,0.4); } .top-menu-wrapper .uMenuH > ul ul li{ background: #f7f5ef; } .top-menu-wrapper .uMenuH > ul > li > ul > li{ z-index: 20; position: relative; } .top-menu-wrapper .uMenuH > ul ul li > a{ padding: 13px; border-bottom: 1px solid rgb(235, 231, 219); display: block; font-size: 14px; line-height: 18px; color: #856c32; 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; color: #eed28f; } .top-menu-wrapper .uMenuH > ul ul li > a:hover, .top-menu-wrapper .uMenuH > ul ul li.uMenuItemA > a{ background: #b8a77f; color: #eed28f; } .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 ul{ left: 280px; top: 0; padding-left: 2px; 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 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{ 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); } .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: 'Playfair Display', 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: 20px; font-weight: bold; } .slogan2:after{ background: url(../images/kadka.png) 0 0 no-repeat; content: ""; display: block; position: absolute; width: 86px; height: 91px; top: -10px; left: -20px; background-size: contain; } .main-container{ padding: 100px 0 70px; } .overlay.active{ opacity: 0 !important; z-index: -400 !important; } } @media(min-width: 1290px){ .main-container{ padding: 100px 0 20px; } } .searchresults-element{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6} .searchresults-element .title{margin-bottom:5px;font-weight:700;text-transform:uppercase} .agreement{position:relative;margin-bottom:30px;color:#7C7F8C;} .agreement input{position:absolute;top:0;left:0;opacity:0;visibility:hidden} .agreement i{position: absolute; left: 0; top: 3px; font-size: 16px;} .agreement label {padding-left: 25px; display: inline-block; position: relative;} .agreement input + label:before { background: url(../images/check-empty.svg) 0 0 no-repeat; content: ""; display: block; position: absolute; width: 17px; height: 17px; top: 2px; left: 0px; } .agreement input:checked + label:before { background: url(../images/checked.svg) 0 0 no-repeat; } .agreement input.error + label{color:red} .index-template .content{ padding-right: 50px; padding-top: 10px; } .index-form-wrapper{ padding-right: 180px; } .index-form-block-inner{ background: #B8A77F; padding: 60px 60px 70px; box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.3); position: relative; z-index: 10; } .index-form-block-inner .title{ line-height: 1.8; font-size: 21px; color: #fff; margin-bottom: 40px; } .index-form-block-inner .agreement label{ color: #e1e1e1; } .index-form-block-inner .agreement input.error + label { color: red; } .index-form-block-inner .btn:hover{ background: #4C5268; } .counter-box{ position: absolute; right: 0; top: 50px; bottom: 50px; width: 180px; background: #B8A77F; box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.3); } .counter-element{ position: absolute; text-align: center; color: #fff; left: 0; width: 100%; height: 33.33333%; overflow: hidden; border-bottom: 1px solid #83ba3a; padding: 0 15px; } .counter-box > div:nth-of-type(1){ top: 0; } .counter-box > div:nth-of-type(2){ top: 33.33333%; } .counter-box > div:nth-of-type(3){ top: 66.66666%; border: none; } .counter-element-num{ font-weight: bold; font-size: 31px; margin-bottom: 15px; color: #eed28f; } .counter-element-title{ font-size: 16px; } @media (max-width: 1259px) and (min-width: 991px){ .index-form-wrapper{ padding-right: 0; } .index-form-block-inner{ box-shadow: none; border-bottom: 1px solid #83ba3a; } .counter-box{ position: static; width: 100%; overflow: hidden; box-shadow: none; } .counter-element{ position: static; height: 160px; width: 33.33333%; border-right: 1px solid #83ba3a; border-bottom: none; float: left; } .counter-element-num{ font-size: 25px; } .counter-element-title{ font-size: 13px; } } @media(max-width: 991px){ .index-template .content { padding-right: 0; } } @media (max-width: 767px){ .index-form-wrapper{ padding-right: 0; } .index-form-block-inner{ box-shadow: none; border-bottom: 1px solid #83ba3a; padding: 40px 20px; } .index-form-block-inner .title{ font-size: 16px; margin-bottom: 15px; } .index-form-block-inner .btn{ display: block; width: 100%; } .counter-box{ position: static; width: 100%; overflow: hidden; box-shadow: none; } .counter-element{ position: static; height: 100px; width: 100%; } .counter-element-num{ font-size: 25px; } .counter-element-title{ font-size: 13px; } } @media only screen and (max-width:420px) { div[id^="recaptcha"] { width: 230px; transform: scale(.79); -webkit-transform: scale(.79); transform-origin: 0 0; -webkit-transform-origin: 0 0 } } @media only screen and (max-width:340px) { div[id^="recaptcha"] { transform: scale(.75); -webkit-transform: scale(.75); transform-origin: 0 0; -webkit-transform-origin: 0 0 } } @media only screen and (min-width: 1260px) { .slider-content .title2 span { font-size: 48px; } .top-menu-wrapper .uMenuH > ul > li > a{ padding: 17px 30px; } .header-btn-wrapper{ padding: 5px; } .header-btn-wrapper .btn{ padding: 12px 30px; font-size: 14px; } .slogan2{ right: 400px; } } .breadcrumb { margin: 0 0 50px; padding: 0 0; list-style: none; } .breadcrumb > li { display: inline-block; font-size: 12px; padding: 0 20px; position: relative; margin-right: 26px; background: #f7f5ef; height: 28px; line-height: 28px; color: #000; } .breadcrumb i{ font-size: 14px; } .breadcrumb > li a { color: #000; text-decoration: none; } .breadcrumb > li a:hover{ color: #B8A77F; } .breadcrumb > li:after { position: absolute; content: ''; display: block; top: 4px; right: -10px; width: 20px; height: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #f7f5ef; } .breadcrumb > li:before{ position: absolute; content: ''; left: -22px; bottom: 0; border: 14px solid #f7f5ef; border-left: 14px solid transparent; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; } .breadcrumb > li:first-of-type:before{ display: none; } @media(max-width:991px){ .breadcrumb{ display: none; } } .comments .alert.alert-success{ color: green; padding: 30px; background: #e5fddf; border: 1px solid #caeec1; line-height: 1.6; } .comments .ec-message { padding: 20px 0 30px; margin-bottom: 10px; background-color: #fff; border: none; border-bottom: 1px solid #E3E3E4; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 1.8; } .comments .ec-message__date { font-size: 12px; color: #B8A77F; padding-left: 0; } .contacts-block .element{ position: relative; padding-left: 26px; margin-bottom: 20px; } .contacts-block .element svg{ position: absolute; left: 0; color: #22282e; top: 4px; } .contacts-block .element.el-address svg{ width: 14px; height: 18.5px; top: 1px; } .contacts-block .element.el-phones svg{ width: 15px; height: 15px; top: 4px; } .contacts-block .element.el-schedule svg{ width: 15px; height: 15px; } .contacts-block .element.el-mail svg{ width: 15px; height: 15px; top: 5px; } .gallery .element{ margin-bottom: 10px; } .gallery .element a{ display: block; position: relative; } .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; } .gallery .element:hover a:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } .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; } .gallery .element:hover a:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } .feedback-section{ padding: 50px 0; background: url(../images/arches.png) #F3F3F3; } .feedback-form{ width: 600px; margin: auto; max-width: 100%; } .gray-template{ background: #f8f8f8; } .gray-template .breadcrumb > li, .gray-template .breadcrumb > li:after{ background: #fff; } .gray-template .breadcrumb > li:before{ border: 14px solid #ffffff; border-left-color: transparent; } .services-wrapper > .row{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .services-wrapper > .row > div{ margin-bottom: 10px; } .services-element{ height: 100%; max-width: 100%; } @media(max-width: 519px){ .services-wrapper > .row{ display: block; } .services-wrapper > .row > div{ margin-bottom: 0; width: 100%; } .services-element{ margin-bottom: 10px; height: auto; } } .application-block { margin: 0 0 30px; padding: 5px; background: #f7f5ef; } /* table */ table{ border-collapse: collapse; width: 100%; margin-bottom: 30px; font-size: 15px; color: #4d4d4d; } th{ font-weight: bold; border: 1px solid #E8E8E8; padding: 15px; text-transform: uppercase; color: #000000; font-size: 16px; background: #e8e8e8; } td{ border: 1px solid #E8E8E8; padding: 10px 15px; vertical-align: middle; } td:nth-child(2){ width: 25%; } table strong{ font-size: 17px; color: #000; } @media only screen and (max-width: 767px) { table td, table th { padding: 8px 10px; font-size: 12px; } } /* /. table*/ /*Portfolio*/ .portfoliolist .row{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .portfoliolist .row > div{ margin-bottom: 10px; } .portfoliolist .element-inner{ height: 330px; color: #f2f2f2; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 30px; overflow: hidden; } .portfoliolist .element-inner:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 0 180px rgba(0, 0, 0, 0.3) inset; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; } .portfoliolist .element:hover .element-inner:before{ box-shadow: none !important; } .portfoliolist .element .element-date{ font-size: 14px; position: relative; z-index: 2; } .portfoliolist .element .element-title{ font-size: 22px; line-height: 1.2; position: absolute; z-index: 2; bottom: 30px; left: 30px; right: 50px; border-bottom: 1px solid #fff; padding-bottom: 15px; } .portfoliolist .element .btn{ margin-bottom: 0; position: absolute; bottom: 20px; left: 20px; z-index: 2; padding: 10px 15px; text-transform: none; font-weight: normal; border-radius: 2px; } .portfoliolist .element:hover .btn{ background: #313543; color: #fff; } @media(max-width: 1259px){ .portfoliolist .element-inner{ height: 265px; } .portfoliolist .element .element-title { font-size: 20px; } .portfoliolist .element .element-date{ margin-bottom: 20px; } } @media(max-width: 991px){ .portfoliolist .element-inner{ height: 36vw; } } @media(max-width: 767px){ .portfoliolist .element-inner{ height: 40vw; } .portfoliolist .element .element-title { font-size: 16px; } } @media(max-width: 550px){ .portfoliolist .row{ display: block; } .portfoliolist .row > div{ width: 100%; } .portfoliolist .element-inner{ height: 80vw; max-height: 350px; } .portfoliolist .element .element-title { font-size: 20px; } } .neighbors .link-prev, .neighbors .link-next{ width: 44px; height: 44px; position: fixed; top: 50%; margin-top: -22px; z-index: 300; background: #f7f5ef; color: #313543; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .neighbors .link-prev{ left: 0; } .neighbors .link-next{ right: 0; left: auto; } .neighbors .link-prev svg, .neighbors .link-next svg{ width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .neighbors .link-prev:hover, .neighbors .link-next:hover{ background: #EBE7DB; } .back_to_subcat a{ font-family: 'Playfair Display', serif; display: inline-block; font-size: 18px; font-weight: 600; color: #B8A77F; margin-bottom: 30px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .back_to_subcat svg{ width: 28px; height: 32px; vertical-align: middle; margin-top: -3px; margin-right: 5px; } .back_to_subcat a:hover{ color: #313543; } .price-tables-list .element .element-title{ color: #B8A77F; } .price-anchor-menu{ margin-bottom: 30px; } .price-anchor-menu li{ display: inline-block; margin: 0 10px 10px 0; } .price-anchor-menu .btn{ padding: 10px 12px; text-transform: none; } .price-anchor-menu .btn svg{ width: 16px; height: 18px; vertical-align: middle; margin-left: 10px; } @media(max-width: 991px){ .price-anchor-menu li{ margin: 0 5px 5px 0; } .price-anchor-menu .btn{ padding: 8px 10px; font-size: 13px; font-weight: normal; } .price-anchor-menu .btn svg{ width: 12px; height: 14px; margin-left: 5px; } } @media(max-width: 991px){ .price-anchor-menu .btn{ padding: 6px 8px; font-size: 11px; } .price-anchor-menu .btn svg{ width: 10px; height: 12px; margin-left: 3px; } } .reviews .ec-message { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f0f0f0; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .comments.reviews .ec-message { background-color: #ffffff; border: 1px solid #ededed; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 1.8; color: #1E1E1E; } .comments.reviews .ec-message .username{ font-family: 'Playfair Display', serif; font-size: 18px; color: #000; margin-bottom: 0; } .comments.reviews .pagetitle{ font-family: 'Playfair Display', serif; } .comments.reviews .pagetitle span{ color: #a2a2a2; } .comments.reviews hr{ border-bottom-color: #f3f3f3; } @media(max-width: 767px){ .comments.reviews .ec-message__date { padding-left: 0; } } .article-img img{ width: 100%; } .index-template .about-section{ padding: 90px 0 50px; position: relative; } .index-template .about-section:before{ content: ''; position: absolute; width: 250px; height: 236px; background: url(../images/green-2.png) no-repeat; top: -70px; left: 20px; z-index:10; } .index-template .about-section:after { content: ''; width: 170px; height: 176px; position: absolute; display: block; bottom: -80px; right: 32px; background: url(../images/green-1.png) 0 0 no-repeat; z-index: 10; } .index-template .about-section .section-text p{ color: #79673b; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 30px; } .index-services-wrapper{ padding: 80px 0; background: url(../images/arches.png) #f7f5ef; } .title-bg-green{ font-family: "Playfair Display"; font-size: 65px; font-weight: 700; line-height: 1.6; margin-bottom: 40px; } .title-bg-green span{ position: relative; display: inline-block; padding: 5px 10px; z-index: 1; color: #B8A77F; } .title-bg-green span:before{ content: ''; width: 100%; height: 76%; display: block; position: absolute; background: #F7F5EF; top: 18px; left: 0; z-index: -1; } .title-bg-white{ line-height: 1.6; margin-bottom: 40px; font-family: "Playfair Display"; font-size: 65px; font-weight: 700; } .title-bg-white span{ position: relative; display: inline-block; padding: 5px 10px; z-index: 1; color: #b8a77f; } .title-bg-white span:before{ content: ''; width: 100%; height: 86%; display: block; position: absolute; background: #ffffffa8; top: 18px; left: 0; z-index: -1; } @media(max-width: 1500px){ .index-services-wrapper:after{ display: none; } } @media(max-width: 991px){ .index-template .about-section { padding: 110px 0px 80px; } .index-template .about-section .section-text p { font-size: 16px; line-height: 24px; margin-bottom: 20px; } .title-bg-green, .title-bg-white{ font-size: 45px; } .title-bg-green span:before{ top: 13px; } .title-bg-white span:before{ top: 12px; } } @media(max-width: 767px){ .index-template .about-section { padding: 140px 0px 60px; } .index-template .about-section:before { width: 150px; height: 146px; top: -10px; background-size: contain; } .index-template .about-section:after { width: 100px; height: 110px; bottom: -50px; right: 22px; background-size: contain; } .title-bg-green, .title-bg-white{ font-size: 30px; margin-bottom: 20px; } .title-bg-green span, .title-bg-white span{ padding: 0; } .title-bg-green span:before, .title-bg-white span:before{ display: none; } } .work-list li { list-style: none; padding-left: 80px; color: #123b11; font-size: 18px; font-weight: 400; line-height: 30px; position: relative; display: flex; align-items: center; height: 60px; } .work-list li:before, .work-list li:after { content: ""; display: block; position: absolute; } .work-list li:after { top: 20px; left: 20px; width: 20px; height: 21px; background: url("../images/work-check.png") no-repeat; } .work-list li:before { left: 0; top: 0; height: 60px; width: 60px; border: 1px dotted #6ea820; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .work-list li + li{ margin-top: 45px; } @media only screen and (max-width: 767px){ .work-list li{ font-size: 14px; line-height: 26px; } } .page-img img{ width: 100%; } .page-img{ min-height: 40px; } .page-img .price{ position: absolute; bottom: 20px; left: 20px; padding: 10px 30px; font-size: 24px; font-weight: 600; color: #fff; background: rgba(0,0,0,0.7); } .chars .element{ position: relative; margin-bottom: 20px; padding-left: 40px; } .chars .element img{ position: absolute; top: 4px; left: 0; } .chars .element .element-text{ height: 40px; line-height: 1.3; overflow: hidden; color: #000; }