body.compensate-for-scrollbar{overflow:hidden;-ms-overflow-style:none}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px 44px 0;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{padding:44px 0 0;overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 44px;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-slide--html .fancybox-content{margin:0 0 6px}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:calc(100% - 44px);overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;vertical-align:top;width:100%}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background:transparent;height:100px;margin:0;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{background:rgba(30,30,30,.6);height:100%;padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0 0}.fancybox-slide--image .fancybox-content{margin-bottom:6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:768px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} ul, ol { padding-left: 0; margin-bottom: 0; } ul li, ol li { list-style: none; } h1 { font-size: 42px; } h2 { font-size: 38px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } input::-webkit-input-placeholder { color: #999; } input::-moz-placeholder { color: #999; } input:-ms-input-placeholder { color: #999; } input::-ms-input-placeholder { color: #999; } input::placeholder { color: #999; } img { max-width: 100%; } button, button:focus, button:visited, .btn, .btn:focus, .btn:visited { outline: none; -webkit-box-shadow: none; box-shadow: none; } * { outline: none !important; } :root { --mc: #00A000; --lmc: #1bb51b; --dmc: #017F01; /*--dc: #333;*/ --tt: #333; --t: #555; --lt: #7D7D7D; --gc: #878787; --b: #eee; --bc: #F8F8F8; --lb: #F5F5F5; --b-h-1: 1px solid var(--mc); --b-h-2: 2px solid var(--mc); --b-h-3: 3px solid var(--mc); --b-h-4: 4px solid var(--mc); --b-h-5: 5px solid var(--mc); --b-1: 1px solid var(--b); --b-2: 2px solid var(--b); --b-3: 3px solid var(--b); --b-4: 4px solid var(--b); --b-5: 5px solid var(--b); } html { overflow-x: hidden; } body { font-size: 14px; font-family: "Roboto", san-serif; /*overflow-x: hidden;*/ } body.modal-open { padding-right: 17px; } a { color: inherit; } [class^="flaticon-"]:before { font-size: inherit; line-height: inherit; margin: 0; } .btn { color: var(--dc); background-color: var(--gc); padding: 8px 15px; letter-spacing: .5px; font-size: 1em; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer; } .btn-green { color: #ffffff; background-color: var(--mc); border: 2px solid var(--mc); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer; } .btn-green:hover { color: var(--mc); background-color: #fff; border: 2px solid var(--mc); } .btn-green-reverse { color: var(--mc); background-color: #fff; border: 2px solid var(--mc); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer; } .btn-green-reverse:hover { color: #ffffff; background-color: var(--mc); border: 2px solid var(--mc); } .small_text { font-size: .85em; color: var(--lt); } .menu-open { overflow: hidden; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0px; } main { overflow: hidden; } main.main_page section:not(.main_bg):not(.breadcrumbs) { padding: 35px 0 15px; } main:not(.main_page) section:not(.main_bg):not(.breadcrumbs):not(.blog) { /*padding: 35px 0 80px;*/ } main:not(.main_page) section.breadcrumbs + section { padding: 10px 0 35px; } .section_title-block { position: relative; margin-bottom: 5px; } .section_title { padding-bottom: 15px; margin-bottom: 0; text-align: left; display: inline-block; color: var(--tt); } .section_title:not(.page_title) { border-bottom: var(--b-h-2) } .section_title:not(.page_title):after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: var(--b); z-index: -1 } .section_title.page_title { font-size: 30px; /*padding-bottom: 30px;*/ } .link { text-transform: uppercase; font-weight: 600; font-size: 0.9em; color: var(--t); } .link:hover { color: var(--mc); } .link i { color: var(--mc); padding-left: 15px; } header { border-top: var(--b-h-3); } header>div { /*border-bottom: 1px solid var(--b);*/ } .header_contact i, .header-mobile_menu-btn i, .header_phone i { font-size: 26px; margin-right: 10px; color: var(--mc); } .header_contact a, .header_phone a { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--t); font-size: 20px; line-height: 1.5em; text-decoration: none; } .header_contact a:hover, .header-mobile_menu-btn a:hover, .header_phone a:hover { color: var(--mc); } .header_contact a i, .header-mobile_menu-btn i, .header_phone a i { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header_contact a:hover i, .header-mobile_menu-btn:hover i, .header_phone a:hover i { color: var(--lmc); } .header_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo_block { /*display: flex;*/ /*flex-direction: row;*/ /*position: relative;*/ } .logo_block img { width: 105px; padding: 10px 0; } .logo_block a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .logo_info a { text-decoration: none; } .logo_info .logo_text { font-size: 32px; color: var(--mc); font-weight: 600; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-bottom: 0; line-height: 1 } .logo_info p { color: var(--t); font-size: 16px; margin: 0; } .logo_text a:hover .logo_text { color: var(--mc); } .header_info_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header_info_block li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1; letter-spacing: 0 } .header_info_block li:not(:first-child) { padding-left: 15px; } .header_info_block li i { color: var(--mc); } .header_info_block li a { color: var(--dc); background-color: var(--mc); border-radius: 50%; width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border: 2px solid var(--mc); } .header_info_block li a.facebook { background-color: #4267b2; border-color: #4267b2; } .header_info_block li a.instagram { background-color: #c32aa3; border-color: #c32aa3; } .header_info_block li a.youtube { background-color: #ff0000; border-color: #ff0000; } /*.header_info_block li a.viber { color: #6F3FAA; } .header_info_block li a.telegram { color: #0088cc; } .header_info_block li a.skype { color: #00aff0; }*/ .header_info_block li a:hover { background-color: #fff; } .header_info_block li a.facebook:hover i { color: #4267b2; } .header_info_block li a.instagram:hover i { color: #c32aa3; } .header_info_block li a.youtube:hover i { color: #ff0000; } .header_info_block li a i { color: #fff; font-size: 24px !important; } .header_lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: var(--lt); border: 1px solid var(--mc); border-radius: 8px; overflow: hidden; } .header_lang a { display: block; width: 100%; padding: 2px 0px; text-align: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header_lang a span { } .header_lang > span { background-color: var(--mc); color: #fff; width: 100%; display: block; padding: 2px 10px; } .header_lang a:hover { background-color: var(--lmc); color: #fff; text-decoration: none; } .bottom_header .menu_bg { display: none; z-index: 1000; } .mobile_header_lang { padding: 4px; font-size: 14px; } .mobile_header_lang a, .mobile_header_lang > span { padding: 5px 8px; color: var(--t); text-decoration: none; } .mobile_header_lang .active { font-weight: 600 } .mobile_header_lang a:hover { color: var(--lmc); } .bottom_header { /*padding: 10px 0;1*/ background: var(--mc); /*height: 50px;*/ } .bottom_header .menu_container { /*padding: 0;*/ } .bottom_header .menu_container .menu { position: relative; } .bottom_header .btn_menu { background-color: transparent; border: 2px solid var(--lmc); border-width: 0 2px; color: #fff; font-weight: 600; font-size: 16px; padding: 15px 20px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .bottom_header .dropdown.show > .btn_menu, .bottom_header .btn_menu:hover { /*color: var(--t);*/ background-color: var(--dmc) } .bottom_header .btn_menu i { font-size: 12px; float: right; } .bottom_header .dropdown > .dropdown-menu { width: 100%; /*position: relative;*/ /*display: block;*/ /*border: none;*/ border: 2px solid var(--mc); border-radius: 0 0 10px 10px; border-top: none; padding: 0; top: 100% !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .bottom_header nav.menu a i { padding-left: 5px; float: right; font-size: 8px; opacity: 0.5; } .bottom_header nav.menu a i:before { line-height: 1; } .bottom_header nav.menu .dropdown-menu .menu_item { /*text-transform: uppercase;*/ /*padding: 5px 25px 5px 0px;*/ /*font-size: 14px;*/ /*font-weight: 600;*/ width: 100%; position: relative; text-decoration: none; padding: 0px 10px; } .bottom_header nav.menu .dropdown-menu .menu_item:hover { background-color: #f8f8f8; } .dropdown>.dropdown-menu { position: absolute; top: 100%; margin-top: 0px; /*padding-top: 7px;*/ /*padding-bottom: 7px;*/ } .dropdown>.dropdown-menu>ul { padding: 0; width: 100%; } .main_page .menu_container .dropdown>.dropdown-menu { display: block; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: 100% !important; } .menu_item { position: relative; display: block; } .menu_item>.dropdown-menu { /*margin-top: 10px;*/ /*bottom: 5px;*/ border: 1px solid var(--b); margin: 0; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-transform: translate3d(0px, 0, 0px); transform: translate3d(0px, 0, 0px); } .menu_item>.dropdown-menu a.dropdown-item { font-size: 14px; color: var(--t); background: none; padding: 5px 25px 5px 25px; } .menu_item>.dropdown-menu a.dropdown-item:hover { color: var(--mc); } .menu_item>.dropdown-menu { /*top: 200%;*/ left: 100%; top: 0; z-index: -1; display: block; visibility: hidden; opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transform: translate3d(8px, 0px, 0px); transform: translate3d(8px, 0px, 0px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu_item:hover li { background-color: #f8f8f8; } .menu_item:hover>.dropdown-menu, .menu_item.dropdown-menu:hover { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; min-width: auto; display: block; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 1; z-index: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); border-radius: 0 10px 10px 0; visibility: visible; /*border: var(--b-h-2);*/ /*border-left: none;*/ background-color: #f8f8f8; } .menu_item>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; } .menu_item { display: block; width: 100%; clear: both; text-align: inherit; white-space: nowrap; border: 0; /*background-color: transparent !important;*/ padding: 0; } .menu_item .menu_item-link { padding: 10px 12px; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: none; color: var(--t); font-weight: 600; font-size: 15px; border-bottom: 1px solid var(--b); text-decoration: none; /*text-transform: uppercase;*/ } .menu_item:last-child .menu_item-link { border-bottom: none; } .menu_item:focus, .menu_item:hover { color: #16181b; text-decoration: none; /*background-color: #f8f9fa;*/ } .menu_item-link:hover { color: var(--mc); /*text-decoration: underline;*/ } .header-fixed-menu ul { margin-bottom: 0; } .header-fixed-menu a { color: #d5ecd5; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } .header-fixed-menu a:hover { color: #fff; } .header-fixed-menu > a { color: #fff; font-weight: 600; } .header-fixed-menu > a:hover { color: #d5ecd5; } .header-fixed-menu li a { padding: 10px 15px 10px 10px; } .header_contact .dropdown-menu { z-index: 1001; width: 275px; } .header_contact .dropdown-menu { border-color: var(--mc); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); border-radius: 8px; } .header_contact .dropdown-menu form { padding: 10px 20px; background-color: #fff; z-index: 1000 } .header_contact .dropdown-menu form button { width: 100%; border: 2px solid var(--mc); border-radius: 8px; padding: 7px 16px; margin-top: 10px; } .header_contact .dropdown-menu form input { width: 100%; outline: none; font-size: 15px; border-radius: 8px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .header_contact .dropdown-menu form input:focus { width: 100%; border: 1px solid var(--mc); } .menu_item.show_more .menu_item-link { background: var(--mc); color: #fff; } .menu_item.show_more { background: var(--mc) !important; } .main_page .bottom_header nav.menu .dropdown-menu .menu_item.menu_item_hidden { /*.main_page .bottom_header nav.menu .dropdown-menu .menu_item:nth-child(n+16) {*/ display: none; /*height: 0;*/ /*visibility: hidden;*/ } .main_page .bottom_header nav.menu .dropdown-menu .menu_item.show_more { display: block; } li.menu_item.dropdown-item.show_more {} .breadcrumbs { /*background-color: var(--mc);*/ /*border-bottom: var(--b-1);*/ } .breadcrumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 15px 0; list-style: none; } .breadcrumbs-item { position: relative; /*padding-right: 10px;*/ margin-right: 12px; color: var(--lt); } .breadcrumbs-item a { color: var(--tt); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs-item a:hover { color: var(--lmc); text-decoration: none; } .breadcrumbs-item a i { padding-left: 15px; font-size: 10px; color: inherit; } .breadcrumbs-item>span { color: var(--lt); cursor: default; } .breadcrumbs-item i {} .main_bg { background-color: var(--bc); } .main_bg, .main_bg .owl-carousel .item { /*min-height: 60vh;*/ height: 530px; /*height: calc(100vh - 178px);*/ /*display: flex;*/ /*align-items: center;*/ position: relative; /*min-height: 650px;*/ max-height: 100vh; } .main_bg .owl-carousel .main_bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main_bg .owl-carousel .main_bg-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main_bg .main_bg-img:after { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), color-stop(58%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 58%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 58%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .main_bg .owl-carousel .owl-controls { margin-top: 0px; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .main_bg-pretitle { color: var(--lmc); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; text-transform: uppercase; } .pretitle-line { width: 100px; position: relative; margin: 0 10px; background: var(--lmc); height: 1px; } .pretitle-line:after { position: absolute; top: 50%; left: 0; right: 0; height: 1px; } .main_bg .main_container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main_bg .main_bg-title { margin: 0 0 35px; } .main_bg .main_bg-title h1 { font-size: 48px; /*font-weight: 600;*/ letter-spacing: 1px; text-transform: uppercase; color: #fff; } .main_bg .main_bg-text { text-transform: uppercase; color: #fff; white-space: nowrap; margin-bottom: 85px; } .main_bg-btn_block { } .main_bg .main_bg-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*text-transform: uppercase;*/ width: auto; -ms-flex-preferred-size: auto; flex-basis: auto; padding: 10px 30px; border-radius: 24px; font-size: 16px; border: 2px solid #fff; background: none; } .main_bg .main_bg-btn i { font-size: 12px; margin-left: 25px; } .main_bg .owl-controls .owl-page { /*background-color: #fff;*/ } .main_bg .owl-controls .owl-page span { background-color: #f8f8f8; width: 15px; height: 15px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .main_bg .owl-controls .owl-page.active span { background-color: #f8f8f8; width: 30px; } .btn-green { background: var(--mc); color: #fff; padding: 8px 20px; } #bar { width: 0%; max-width: 100%; height: 5px; background: #7fc242; } #progressBar { width: 100%; /*background: #EDEDED;*/ position: absolute; bottom: 0px; left: 0; right: 0; z-index: 2; } /* MODAL VIDEO */ .modal-contact { -webkit-animation-duration: .25s !important; animation-duration: .25s !important; /* animation-iteration-count: infinite; */ } .video-modal-content { -webkit-animation-duration: .25s !important; animation-duration: .25s !important; /* animation-iteration-count: infinite; */ } .modal.fade .modal-dialog { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .modal.fade { opacity: 1; } .modal.fade .modal-dialog { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .video-modal-content { min-width: 90%; width: 90%; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: none; } .video-modal-content .modal-content { background: none; border: none; } .video-modal-content .modal-body { background: none; border: none; } .video-modal-content .modal-header { border: none; padding: 0; } .video-modal-content .modal-header .close { opacity: 1; outline: none; } .video-modal-content .modal-header .close svg { color: #fff; } .modal-backdrop.show { opacity: .8 !important; } .video-modal-content .modal-body iframe { width: 100%; height: 80vh; margin-bottom: auto; margin-top: auto; } .modal-contact { width: 400px; margin: auto; } .modal-contact .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f3bf1d; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 40px 25px 40px; } .modal-contact .modal-header h5 { margin: 0; padding: 0; color: #fff; } .modal-contact .modal-header .close { color: #fff; opacity: 1; outline: none; cursor: pointer; } .modal-contact .modal-body { background: #fff; border: none; padding: 40px; border-radius: 0 0 .3rem .3rem; } .modal-contact .modal-body form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-contact .modal-body form input { width: 100%; margin-bottom: 20px; outline: none; border: 2px solid #f2be1d; padding: 10px 15px 10px 15px; border-radius: 25px; } .modal-contact .modal-content { background: #fff; border: none; margin-top: 35%; } .submit-form { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; background: #f3bf1d; text-decoration: none; outline: none; width: 100%; height: 50px; border-radius: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; font-weight: 700; border: none; border-bottom: 5px solid #c67210; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; outline: none; cursor: pointer; } .submit-form:hover { border: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-decoration: none; color: #fff; } .submit-form:focus { outline: none; } .incorect-input { border: 2px solid #6c4b2d !important; } /* // MODAL VIDEO // */ .modal-content { background-color: var(--bc); } .modal-header, .modal-body, .modal-footer { padding-left: 30px; padding-right: 30px; } .modal-content .modal-title { font-size: 1.75em; } .modal-content input, .modal-content textarea { background-color: #fff; font-size: 14px; } .modal-content input::-webkit-input-placeholder, .modal-content textarea::-webkit-input-placeholder { font-size: inherit; } .modal-content input::-moz-placeholder, .modal-content textarea::-moz-placeholder { font-size: inherit; } .modal-content input:-ms-input-placeholder, .modal-content textarea:-ms-input-placeholder { font-size: inherit; } .modal-content input::-ms-input-placeholder, .modal-content textarea::-ms-input-placeholder { font-size: inherit; } .modal-content input::placeholder, .modal-content textarea::placeholder { font-size: inherit; } #orderModal .modal-footer [data-close] { display: none; } .modal-content .modal-footer button { margin: 0 auto; border-radius: 50px; padding: 8px 25px; } .triggers .trigger-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; line-height: 28px; color: var(--lt); padding: 25px 20px 25px 30px; border: 2px solid var(--mc); border-radius: 8px; height: 100%; } .triggers .trigger-item img { height: 70px; } .triggers .trigger-item .trigger-text { margin-left: 25px; } .big_banner { width: 100%; height: 500px; } .big_banner, .small_banner { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 24px; display: block; } .big_banner img, .small_banner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .big_banner:after, .small_banner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .big_banner:hover:after, .small_banner:hover:after { background-color: rgba(0, 0, 0, .7); } .big_banner span, .small_banner .banner_icon, .small_banner span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-transform: uppercase; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 28px; line-height: 1.25em; z-index: 1 } .small_banner .banner_icon { } .small_banner { width: 100%; height: 238px; } .small_banner.video_banner i { font-size: 60px; color: red; z-index: 1 } .small_banner:not(.video_banner){ } .video_banner { } .pulse:before { content: ""; background-color: rgba(0, 0, 0, .65); -webkit-transform: translate(-50%, -50%) scale(0.3); -ms-transform: translate(-50%, -50%) scale(0.3); transform: translate(-50%, -50%) scale(0.3); display: block; width: 100px; height: 100px; -webkit-animation: 3s infinite 3s pulse; animation: 3s infinite 3s pulse; position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.05); box-shadow: 0 0 10px rgba(255, 255, 255, 0.05); } @-webkit-keyframes pulse { 0% { -webkit-transform: translate(-50%, -50%) scale(0.3); transform: translate(-50%, -50%) scale(0.3); opacity: 0.7 } 100% { -webkit-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); opacity: 0 } } .products { } ul.products_items li { display: -webkit-box; display: -ms-flexbox; display: flex; } .products_item { list-style: none; margin-bottom: 24px; } .products_item-link { text-align: center; padding: 10px; display: block; background-color: var(--bc); text-decoration: none !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 8px; border: var(--b-2); border-color: transparent; height: 100%; } .products_item-link:hover { /*box-shadow: 0 0 5px rgba(0, 0, 0, .15);*/ border-color: var(--mc); } .products_item_container { } .products_item-img { position: relative; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .products_item .products_item-img>img { /*height: 75px;*/ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products_item-title { font-size: 16px; padding: 10px 0 10px; font-weight: 600; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: var(--t); margin-bottom: 0; } .products_item:hover .products_item-title { color: var(--mc); -webkit-transition: 0s ease; -o-transition: 0s ease; transition: 0s ease; } .products_item_bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gallery_category { } ul.products_items li { display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery_items { list-style: none; } .gallery_items-link { text-align: center; margin-bottom: 24px; padding: 10px; display: block; background-color: var(--bc); border: var(--b-2); text-decoration: none !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 8px; position: relative; /*z-index: 1*/ } .gallery_items-link:before, .gallery_items-link:after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -6px; height: 25px; border: var(--b-1); border-radius: 8px; background-color: var(--bc); z-index: -1 } .gallery_items-link:after { left: 20px; right: 20px; bottom: -10px; z-index: -2 } .gallery_items-link:hover { /*box-shadow: 0 0 5px rgba(0, 0, 0, .15);*/ border-color: var(--mc); } .gallery_items_container { } .gallery_item { margin-bottom: 25px; } .gallery_items-img { position: relative; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .gallery_items .gallery_items-img>img { /*height: 75px;*/ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 8px; } .gallery_items-title { font-size: 16px; padding: 10px 0 10px; font-weight: 500; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: var(--t); margin-bottom: 0; } .gallery_items:hover .gallery_items-title { color: var(--mc); -webkit-transition: 0s ease; -o-transition: 0s ease; transition: 0s ease; } .gallery_items_bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gallery_item-img { height: 175px; /*height: 190px;*/ /*min-height: calc(100%/5);*/ } .gallery_item-img img { border: 1px solid var(--b); height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .gallery_item-img img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .btn-secondary:not(:disabled):not(.disabled):active{ color: #fff; background-color: var(--dmc); border-color: var(--dmc); } .top_navigation .owl-controls { position: absolute; top: -75px; right: 0; } .top_navigation.owl-theme .owl-controls .owl-buttons div { background: var(--mc); width: 35px; height: 35px; font-size: 20px; color: #fff; opacity: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .top_navigation.owl-theme .owl-controls .owl-buttons div:hover { /*opacity: .8;*/ background-color: var(--dmc); /*color: var(--tt);*/ } .main_blogs_slider { padding-top: 25px; } .blogs .owl-item { padding-right: 21px; margin-right: 10px; } .blogs .item { /*padding-right: 30px;*/ border-radius: 8px; overflow: hidden; margin-bottom: 35px; } .blogs .blog_item-img { /*margin-bottom: 15px;*/ overflow: hidden; } .blogs .blog_item-img img { -o-object-fit: cover; object-fit: cover; /*height: 180px;*/ width: 100%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .blogs .blog_item-info { padding: 15px; border: var(--b-2); border-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 10px 10px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .blogs .blog_date, .blogs .blog_item-description { color: var(--lt); font-size: 15px; } .blogs .blog_item-title { margin: 10px 0 10px; font-size: 18px; font-weight: 600; letter-spacing: .5px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .blogs .blog_item-link { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: var(--mc); display: inline-block; margin-top: 10px; font-size: 14px; } .blogs .blog_item { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: var(--tt); } .blogs .blog_item:hover { text-decoration: none; } .blogs .blog_item:hover .blog_item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blogs .blog_item:hover .blog_item-info { /*border-color: var(--lmc);*/ } .blogs .blog_item:hover .blog_item-title { color: var(--mc); } .blogs .blog_item .blog_item-link:hover { color: var(--dmc); text-decoration: underline; } .center_navigation .owl-controls { position: absolute; margin-top: -15px; top: 50%; left: 20px; right: 20px; pointer-events: none; } .center_navigation.owl-theme .owl-controls .owl-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .center_navigation.owl-theme .owl-controls .owl-buttons div { background: #000; width: 35px; height: 35px; font-size: 10px; color: #fff; opacity: 0.65; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; pointer-events: auto; } .center_navigation.owl-theme .owl-controls .owl-buttons div:hover { opacity: 1; /*background-color: var(--dmc);*/ /*color: var(--tt);*/ } .about_container { padding-top: 25px; margin-bottom: 35px; } .about_container .about_item-img { /*height: 380px;*/ border-radius: 8px; overflow: hidden; } .about_container .about_item-img img { /*height: 100%;*/ width: 100%; -o-object-fit: cover; object-fit: cover; } .about_container .about_description { font-size: 16px; } .about_container .about_description ul { padding: 0; } .about_container .about_description li { position: relative; padding-left: 35px; } .about_container .about_description li:before { position: absolute; content: ""; top: 8px; left: 0; border-radius: 50%; background-color: var(--mc); height: 10px; width: 10px; } .about_container .about_description li {} footer { background-color: var(--mc); } .footer-container { padding: 35px 0 15px; } .footer_logo-img { margin-bottom: 10px; } .footer_logo-img img { height: 100px; } .footer_logo-description { color: var(--bc); margin-bottom: 15px; } .footer_logo-link { color: var(--bc); } .footer_item { padding-left: } .footer_item-title { color: #fff; text-transform: uppercase; padding-bottom: 10px; /*margin-top: 12px;*/ margin-bottom: 20px; border-bottom: 1px solid var(--lb); } .footer_item-list { margin-bottom: 15px; } .footer_item-list_item { color: var(--bc); padding-bottom: 5px; } .footer_item-list_item a { color: var(--bc); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .footer_item-list_item a:hover { /*color: var(--lt);*/ opacity: 0.7; } .footer_item-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*justify-content: space-evenly;*/ } .footer_item-social a { margin-right: 20px; color: var(--gc); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .footer_item-social a:hover { color: var(--mc); } .footer-bottom { padding: 15px 0; background-color: var(--dmc) } .footer-bottom, .footer-bottom a { color: var(--bc); letter-spacing: 0.5px; } .footer-bottom a { text-align: right; display: block; } .footer-bottom a:hover { color: #fff; opacity: 0.8; } .footer_item-mailing input { /*color: var(--gc);*/ font-weight: 400; /*font-size: 16px;*/ width: 100%; padding: 15px 20px; margin-bottom: 20px; border: none; } .pagination { padding-top: 25px; border-top: var(--b-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .page-item { margin-right: 10px; } .pagination .page-item .page-link { width: 35px; height: 35px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; border-color: var(--b); color: var(--tt); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-radius: 50% !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .pagination .page-item .page-link:hover { background-color: var(--b); color: var(--mc); border-color: var(--db); } .pagination .page-item.active .page-link { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; background-color: var(--mc); border-color: var(--mc); } body:not(.main_page) .bottom_header { /*position: fixed;*/ /*top: 0;*/ /*left: 0;*/ /*right: 0;*/ position: -webkit-sticky; position: sticky; top: 0; z-index: 7; z-index: 11; } body:not(.main_page) .menu_item:hover>.dropdown-menu, body:not(.main_page) .menu_item.dropdown-menu:hover { -webkit-transform: translate3d(-7px, 0px, 0px); transform: translate3d(-7px, 0px, 0px); /*margin-left: 10px;*/ border-radius: 0; border-bottom-right-radius: 10px; margin-bottom: -2px; border: 2px solid var(--mc); border-width: 0 2px 2px 0; } body:not(.main_page) .bottom_header nav.menu .dropdown-menu .menu_item { /*padding: 0;*/ } body:not(.main_page) .bottom_header nav.menu .dropdown-menu .menu_item:hover { /*background: none !important;*/ } body:not(.main_page) .bottom_header nav.menu .dropdown-menu .menu_item:hover > a { /*background-color: #ddd;*/ } body:not(.main_page) .bottom_header .dropdown > .dropdown-menu { /*overflow: auto;*/ /*overflow-y: auto;*/ /*overflow-x: auto;*/ /*width: 100%;*/ /*margin: 0 15px;*/ width: -webkit-fill-available; border-bottom-right-radius: 0; } body:not(.main_page) .bottom_header.fixed .dropdown > .dropdown-menu ul { max-height: calc(100vh - 54px - 5px); -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; overflow: hidden; overflow-y: auto; height: 100%; } body:not(.main_page) .bottom_header .dropdown > .dropdown-menu:hover { } body:not(.main_page) .bottom_header nav.menu .dropdown-menu .menu_item { position: static; } body:not(.main_page) .bottom_header .menu_item>.dropdown-menu { position: absolute; top: 0; bottom: 0; min-width: 280px; } body:not(.main_page) .bottom_header .dropdown, body:not(.main_page) .bottom_header .dropup { position: static; /*padding: 0 1px;*/ } /* width */ .bottom_header.fixed ul::-webkit-scrollbar { width: 7px; } /* Track */ .bottom_header.fixed ul::-webkit-scrollbar-track { background: var(--b); } /* Handle */ .bottom_header.fixed ul::-webkit-scrollbar-thumb { background: var(--lt); } /* Handle on hover */ .bottom_header.fixed ul::-webkit-scrollbar-thumb:hover { background: var(--lmc); } /* - - - category - - - */ .category_filter { border: var(--b-2); margin-bottom: 25px; padding: 0px 10px; border-radius: 8px; background-color: var(--bc); } .category_filter .category_filter-item:not(:last-child) .category_filter-link { border-bottom: var(--b-1); } .category_filter .category_filter-link { padding: 10px 12px; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: none; color: var(--t); font-weight: 600; font-size: 15px; text-decoration: none; } .category_filter .category_filter-link:hover { color: var(--mc); } .category_filter .category_filter-link i { padding-left: 5px; float: right; font-size: 8px; opacity: 0.5; } .sorter_container { padding: 12px 20px; margin-bottom: 20px; border-radius: 8px; background-color: var(--lb); color: var(--lt); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sorter_buttons-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sorter_button { cursor: pointer; margin: -10px; padding: 10px 10px; } .sorter_button:first-child { margin-right: 10px; } .sorter_button i { color: var(--lt); /*margin-left: 15px;*/ font-size: 16px; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*vertical-align: middle;*/ opacity: 0.5; } .sorter_button:last-child i { font-size: 20px; margin-top: 6px; } .sorter_button.active i { color: var(--tt); opacity: 1; } .category_item { margin-bottom: 25px; } .category_list .category_item { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } .category_list .category_item .hover-block { min-width: calc(25% - 30px); width: 200px; } .category_list .category_item .category_item-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .category_list .category_item .category_item-info { margin-left: 20px; margin-right: 20px; } .category_list .category_item .category_item-img { padding: 10px; border-radius: 8px; border: var(--b-2); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; width: 220px; /*height: 165px;*/ overflow: hidden; } .category_list .category_item .category_item-description { color: var(--t); margin-bottom: 10px; font-size: 14px; line-height: 1.2; } .category_list .category_item .category_item-title { margin: 5px 0 10px; font-size: 20px; } .category_list .category_item .category_item-info .category_item-price { display: none; } .category_list .category_item .category_item-price { font-size: 20px; } .category_item .category_item { margin-bottom: 25px; } .category_item .category_item-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 25px; /*margin-bottom: 25px;*/ border-bottom: var(--b-1); height: 100%; } .category_list .category_item:last-child { margin-bottom: 0; } .category_item:last-child .category_item-block { border-bottom: none; } .category_item .category_item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; height: calc(100% - 30px); width: 100%; text-decoration: none; } .category_list .category_item .category_item-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; } .category_item .category_item-img { /*padding: 10px;*/ /*border-radius: 8px;*/ /*border: var(--b-2);*/ } .category_item .category_item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; border: 1px solid var(--b); } .category_item .category_item-info { padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .category_item .category_item-info .category_item-price { margin: 5px 0 10px; color: var(--tt); font-size: 20px; font-weight: 600; line-height: 1.2; } .category_item .category_item-price .value { font-weight: 100; padding-left: 4px; } .category_item .category_item-category_name, .category_item .category_item-is { color: var(--lt); font-size: 12px; margin-top: 5px; } .category_list .category_item .category_item-is { margin-top: 10px; } .category_item .category_item-title { margin: 5px 0 0px; font-size: 18px; font-weight: 600; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category_container:not(.category_list) .category_item .category_item-info .category_item-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category_container:not(.category_list) .category_item .hover-block .category_item-is { display: none; } .category_container:not(.category_list) .category_item .category_item-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .category_item .category_item-link:hover .category_item-title { color: var(--mc); } .category_item .category_item-btn { font-weight: 600; font-size: 14px; text-transform: uppercase; } .category_item .category_item-btn:not(button) { color: var(--mc); } .category_item button.category_item-btn { width: 100%; } .category_item .category_item-info .category_item-btn { display: inline-block; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category_item .category_item-info .category_item-btn:hover { color: var(--tt); } .category_item .category_item-price { margin: 5px 0 0px; color: var(--tt); font-size: 20px; font-weight: 600; line-height: 1.2; } .category_item .hover-block .category_item-btn { margin-top: 20px; } .category_container:not(.category_list) .category_item-block .category_item-description, .category_container:not(.category_list) .category_item-block .category_item-info .category_item-btn { display: none; } .category_container:not(.category_list) .category_item-block { border: var(--b-2); border-radius: 8px; padding: 15px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .category_container:not(.category_list) .category_item-block:hover { border-color: var(--mc); border-bottom: none; -webkit-transition: border .5s ease; -o-transition: border .5s ease; transition: border .5s ease; } .category_container:not(.category_list) .hover-block { margin: 0 15px 15px; padding: 0 15px 15px; background-color: #fff; position: absolute; /*top: 100%;*/ left: 0; right: 0; bottom: 0; border: var(--b-2); border-top: 0; border-radius: 0 0 10px 10px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; z-index: -1; } .category_container:not(.category_list) .category_item-block:hover .hover-block { -webkit-transition: border 0.5s ease, -webkit-transform 0.3s ease; transition: border 0.5s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, border 0.5s ease; transition: transform 0.3s ease, border 0.5s ease; transition: transform 0.3s ease, border 0.5s ease, -webkit-transform 0.3s ease; border-color: var(--mc); /*padding-top: 15px;*/ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; z-index: 10; top: 100%; bottom: auto; } .category_container:not(.category_list) .category_item-block .hover-block .category_item-price { display: none; } .category_item .category_item-is { color: var(--mc); font-weight: 400; } .category_item .hover-block .category_item-btn { padding: 8px 15px; border-radius: 24px; text-align: center; } .category_item .category_item- {} .category_item .category_item- {} .category_description { margin-top: 25px; padding: 25px 0 0; border-top: var(--b-1); } .category_description-info { padding: 15px 0 0; } .category_description-info, .category_description-info p { color: var(--t); } .category_description-info p { margin-bottom: 10px; } #slider { margin-bottom: 20px; } #thumbnails { width: calc(100% - 174px); margin: 0 auto; margin: 0 88px 20px; } #slider .owl-nav { position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } #thumbnails .owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -60px; right: -60px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } #slider .owl-nav *, #thumbnails .owl-nav * { pointer-events: all; } #slider.owl-carousel .owl-nav button.owl-next, #slider.owl-carousel .owl-nav button.owl-prev { height: 100%; width: 100px; max-width: 15%; background-color: rgba(0, 0, 0, .25); color: rgba(255, 255, 255, .8); -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; border: none; font-size: 48px; } #slider.owl-carousel .owl-nav button.owl-next:hover, #slider.owl-carousel .owl-nav button.owl-prev:hover { background-color: rgba(0, 0, 0, .55); color: rgba(255, 255, 255, 1); } #thumbnails.owl-carousel .owl-nav button.owl-next, #thumbnails.owl-carousel .owl-nav button.owl-prev { width: 32px; height: 32px; } #slider.owl-carousel .owl-nav.disabled, #slider.owl-carousel .owl-dots.disabled { display: none !important; } .owl-big { margin-bottom: 15px; } .owl-big .item { /*background: #0c83e7;*/ color: #ffffff; text-align: center; /*margin: 5px;*/ padding: 10px; border-radius: 8px; border: var(--b-2); } .owl-carousel .item img { border-radius: 5px; } .owl-big.owl-carousel { position: relative; } .owl-big.owl-carousel .owl-nav .owl-next, .owl-big.owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(0, 0, 0, .6); } .owl-big.owl-carousel .owl-nav .owl-prev { left: 15px; } .owl-big.owl-carousel .owl-nav .owl-next { right: 15px; } .owl-big.owl-carousel .owl-nav .owl-next svg, .owl-big.owl-carousel .owl-nav .owl-prev svg { width: 30px; font-size: 30px; fill: #fff; } .owl-small .owl-stage-outer { margin: 0 -5px; } .owl-small .item { /*background: #c9c9c9;*/ color: #fff; text-align: center; cursor: pointer; margin: 5px; padding: 7px; border-radius: 8px; border: var(--b-2); } .owl-small .current .item { border: var(--b-h-2); } .owl-carousel .owl-stage { /*margin: 0 auto;*/ } .product-info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-info-block .product-category-name { color: var(--t); -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-info-block .product-category-name:hover { color: var(--mc); } .product-info-block .product-title { font-size: 30px; font-weight: 600; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-info-block .product-article, .product-info-block .product-is, .product-info-block .product-feedback { -ms-flex-preferred-size: 33%; flex-basis: 33%; margin-bottom: 20px; } .product-info-block .product-feedback { color: var(--t); -ms-flex-preferred-size: auto; flex-basis: auto; cursor: pointer; } .product-info-block .product-article span { color: var(--t); } .product-info-block > div { } .product-info-block > div > i { padding-right: 7px; /*font-weight: 600;*/ color: var(--mc); /*font-size: 14px;*/ } .product-info-block .product-is { color: var(--mc); } .product-info-block .product-price { /*flex-basis: 100%;*/ font-size: 36px; line-height: 32px; margin-right: 25px; } .product-info-block .product-info-text { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: var(--t) } .product-info-block { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-info-block {} .product-info-block {} .product-info-block .btn-container .product-btn { border-radius: 50px; width: 160px; cursor: pointer; } .product-info-block .product-info-text { border-top: var(--b-1); margin-top: 20px; padding-top: 15px; } .product-info-block .product-info-text a { /*clear: both;*/ margin-top: 15px; color: var(--mc); font-weight: 600; display: inline-block; } .value { font-size: .7em; } .description_feedback { margin-top: 15px; } .description_feedback .feedback-title { font-weight: 600; margin-bottom: 25px; } .description_feedback .feedback-field { margin-bottom: 10px; } .description_feedback .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; } .description_feedback .nav-tabs .nav-link { border: none; font-size: 16px; color: var(--tt); padding: 8px 20px; } .description_feedback .nav-tabs .nav-link.active { font-weight: 600; border-bottom: 2px solid transparent; position: relative; } .description_feedback .nav-tabs .nav-link.active:before { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 6px); -ms-transform: translate(-50%, 6px); transform: translate(-50%, 6px); background-color: var(--mc); width: 10px; height: 4px; border-radius: 0 0 4px 4px; } .description_feedback .nav-tabs .nav-link.active { /*border: none;*/ border-width: 0 0 2px 0; border-bottom-color: var(--mc); /*padding-top: 25px 20px 20px;*/ } .description_feedback .tab-content { } .description_feedback .tab-container { border: var(--b-2); border-radius: 8px; background-color: var(--bc); padding: 25px 20px 30px; } .description_feedback .review_list { } .description_feedback .review_list .review { border: var(--b-2); border-radius: 8px; margin-top: 35px; overflow: hidden; } .description_feedback .review_list .review_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--bc); padding: 8px 20px; } .description_feedback .review_list .review_header i { padding-right: 7px; } .description_feedback .review_list .review_title { font-weight: 600; } .description_feedback .review_list .review_description { padding: 20px; color: var(--lt); } .description_feedback .review_list .review_description .review_link { display: block; color: var(--mc); text-decoration: underline; } .description_feedback .review_list .review_description .review_link:hover { color: var(--lmc); text-decoration: none; } .description_feedback-title { font-size: 30px; margin: 0px 0 20px; } .description_feedback label { width: 100%; } .description_feedback input, .description_feedback textarea { background-color: #fff; border-radius: 8px; color: var(--tt); padding: 8px 16px; border: var(--b-2); font-size: 13px; color: var(--tt); width: 100%; outline: none !important; } .description_feedback input:focus, .description_feedback textarea:focus { border-color: var(--mc); } .description_feedback input::-webkit-input-placeholder, .description_feedback textarea::-webkit-input-placeholder { font-size: 13px; color: var(--lt); } .description_feedback input::-moz-placeholder, .description_feedback textarea::-moz-placeholder { font-size: 13px; color: var(--lt); } .description_feedback input:-ms-input-placeholder, .description_feedback textarea:-ms-input-placeholder { font-size: 13px; color: var(--lt); } .description_feedback input::-ms-input-placeholder, .description_feedback textarea::-ms-input-placeholder { font-size: 13px; color: var(--lt); } .description_feedback input::placeholder, .description_feedback textarea::placeholder { font-size: 13px; color: var(--lt); } .description_feedback .feedback-btn { border-radius: 50px; } .contact_info { padding-top: 30px; /*display: flex;*/ /*width: 100%;*/ } .contact_info .contact_feedback { margin-top: 0; margin-bottom: 30px; } .contact_info ul { /*margin: 0;*/ /*width: 100%;*/ /*display: inline-flex;*/ } .contact_info .contact_info-item { border: var(--b-2); border-radius: 8px; padding-bottom: 20px; height: 100%; } .contact_info .contact_info-title { font-size: 22px; } .contact_info i { position: relative; top: -30px; background-color: #fff; color: var(--gc); font-size: 24px; padding: 10px; border: var(--b-2); border-radius: 50%; display: block; margin: 0 auto; width: 60px; height: 60px; z-index: 2; } .contact_info-description { color: var(--lt); } .contact_iframe { border: var(--b-2); border-radius: 8px; padding: 15px; } .contact_map iframe { width: 100%; } .price-list_container .price-list_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .price-list_container .price-list_link { font-size: 16px; display: inline-block; margin-bottom: 12px; color: var(--mc); text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-bottom: 1px solid transparent; } .price-list_container .price-list_link i { padding-left: 7px; font-size: 20px; } .price-list_container .price-list_link:hover { border-bottom-color: var(--mc); } .price-list_container .card:first-child { border-radius: 8px 8px 0 0; } .price-list_container .card { border-radius: 0; overflow: hidden; border: var(--b-2); } .price-list_container .card:not(:last-child) { border-bottom: none; } .price-list_container .card-header { padding: 0; border: none; } .price-list_container h5 { width: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; } .price-list_container .price-list_button { display: block; width: 100%; text-align: left; padding: 12px 20px; -webkit-box-shadow: none; box-shadow: none; color: var(--t); background: none; /*padding: 0;*/ letter-spacing: .5px; font-size: 1em; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; font-weight: 600; } .price-list_container .price-list_button:hover { color: var(--mc); } .price-list_container .price-list_button + i { cursor: pointer; -webkit-transform: rotate3d(0, 0, 0, 180deg); transform: rotate3d(0, 0, 0, 180deg); padding: 19px 20px; font-size: 9px; color: var(--t); float: right; margin-top: -1px; /*border-left: var(--b-1);*/ } .price-list_container .price-list_button + i:hover { color: var(--tt); background-color: var(--b); } .price-list_container .price-list_button + i[aria-expanded="true"]{ -webkit-transform: rotate3d(90, 0, 0, 180deg); transform: rotate3d(90, 0, 0, 180deg); } .price-list_container .card-body { padding: 0; max-width: 100%; overflow: auto; } .price-list_container table, .price-list_container table tr td { border: none; } .price-list_container table tr:first-child td { border-width: 1px 1px 1px 0; } .price-list_container table tr td { border: 1px solid var(--b); border-width: 0 1px 1px 0; padding: 8px 23px; } .price-list_container table tr td:last-child { border-right: none; } .price-list_container table tr:last-child td { border-bottom: none; } .price-list_container .card-body a { padding: 0; display: block; -webkit-transform: .3s ease; -ms-transform: .3s ease; transform: .3s ease; } .price-list_container table a:hover { color: var(--mc); } .price-list_container table tr { /*display: flex;*/ /*width: 100%;*/ /*justify-content: space-between;*/ } .price-list_container table tr td.price-list_number { text-align: center; min-width: 40px; padding: 8px 8px } .price-list_container table tr td.price-list_name { width: 100%; } .price-list_container table tr td.price-list_article, .price-list_container table tr td.price-list_is, .price-list_container table tr td.price-list_number { white-space: nowrap; } .similar_products { margin: 35px 0 20px; } .similar_products .row { margin-top: 20px; } .blog_title h1 { margin-bottom: 15px; line-height: 1em; font-size: 30px; } .blog_img { border-radius: 8px; width: 100%; overflow: hidden; margin-bottom: 25px; } .blog_img img{ width: 100%; } .blog_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*font-size: 16px;*/ color: var(--mc); margin-bottom: 20px; } .blog_info i { padding-right: 7px; /*font-size: 16px;*/ } .blog_description { color: var(--lt); /*letter-spacing: 0.5px;*/ } .blog_description p { margin-bottom: 20px; color: var(--lt); } .blog_description strong, .blog_description b { color: var(--tt); } .blog_description blockquote { position: relative; border: 2px solid var(--b); border-radius: 8px; padding: 30px 30px 30px 100px; margin: 25px 0; color: var(--tt); font-weight: 500; font-size: 18px; } .blog_description blockquote:before { font-style: normal; font-family: Flaticon; content: "\f12b"; font-size: inherit; line-height: inherit; margin: 0; color: var(--mc); position: absolute; top: 20px; left: 35px; font-size: 32px; } .blog_description img { max-width: 100%; } .blog_description ul { padding-left: 45px; margin-bottom: 20px; } .blog_description ul li { position: relative; } .blog_description ul li:before { content:""; position: absolute; top: 9px; left: -20px; background-color: var(--mc); width: 5px; height: 5px; border-radius: 50%; color: var(--mc); } .blog_description a { color: var(--mc); text-decoration: underline; } .blog_description a:hover { text-decoration: none; } .incorrect-field{border-color:red!important;} .incorrect-field::-webkit-input-placeholder{color: red!important;} .spinner { text-align: center; display: none; margin-top: 4px; } .spinner > span { width: 14px; height: 14px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .btn-green:hover .spinner > span { background-color: var(--mc); } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } @media (min-width: 991px) and (max-width: 1199px) { .header_contact a, .header_phone a { font-size: 16px; } .logo_info p { font-size: 14px; } .logo_info .logo_text { font-size: 28px; } .header_info_block li:not(:first-child) { padding-left: 5px; } .header_logo > div:not(:last-child) { padding-right: 0 } } @media (max-width: 1199px) { .header_info_block li a { width: 40px; height: 40px; } .header_info_block li a i { font-size: 20px !important; float: none !important; padding: 0 !important; opacity: 1 !important; } .header_info_block li:not(:first-child) { padding-left: 7px; } .header_contact a, .header_phone a { /*font-size: 18px;*/ } } @media (min-width: 992px) { .bottom_header .btn_menu:hover + .dropdown-menu, .bottom_header .btn_menu + .dropdown-menu:hover { display: block; } } @media (max-width: 991px) { header { border-bottom: var(--b-h-1); } .header_logo { padding: 0 15px; } .header-mobile_menu-btn { } .header-mobile_menu-btn a { display: block; width: auto; height: auto; text-decoration: none; } .category_filter { display: none; } .header_contact a span, .header_phone a span { display: none; } .header_phone ul { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .header_phone ul li { /*padding: 0 15px*/ } .header_contact i, .header-mobile_menu-btn i, .header_phone i { font-size: 40px; margin-right: 0; } .bottom_header .menu_container { position: fixed; left: -100vw; top: 0; bottom: 0; opacity: 0; } .bottom_header .menu_container .btn_menu, .bottom_header .menu_container .dropdown-menu { display: block !important; border: none; /* color: var(--tt); */ /* font-size: 22px; */ } .bottom_header .menu_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .35); } .bottom_header .menu_container { background: #fff; z-index: 1001; padding: 0; border: none; width: 260px; min-width: 33%; } .bottom_header .menu_container .btn_menu { color: var(--tt) !important; background-color: #fff !important; font-size: 20px; border-bottom: var(--b-h-2); border-top: var(--b-h-3); padding-right: 0; } .bottom_header .menu_container .btn_menu i { width: 60px; height: 65px; display: block; color: var(--lt); padding: 0px 25px; position: absolute; top: 0; bottom: 0; right: 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .menu_item.last_menu_item .menu_item-link { border-bottom: 1px solid var(--mc); } .main_page .menu_container .dropdown>.dropdown-menu, .menu_container .dropdown>.dropdown-menu { overflow-y: auto; position: absolute; top: 65px !important; bottom: 0; } /*.main_page .menu_container .menu, .main_page .menu_container .dropdown {*/ .menu_container .menu, .menu_container .dropdown { height: 100%; } .category_container:not(.category_list) .category_item-block .hover-block { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; opacity: 1; z-index: 10; top: auto; bottom: auto; position: static; margin: 0; padding: 0; border: none; } .category_item .hover-block .category_item-btn { margin-top: 0px; } .category_container.category_list .category_item .hover-block .category_item-btn { margin-top: 10px; } .category_container:not(.category_list) .category_item .category_item-info { /*display: block;*/ } .category_container:not(.category_list) .category_item-block:hover { border: var(--b-2) !important; } .category_item .hover-block .category_item-btn { padding: 4px 10px; font-size: 12px; } } @media (max-width: 767px) { .breadcrumbs { display: none; } .footer_logo-img { text-align: center; } .main_bg, .main_bg .owl-carousel .item { max-height: -webkit-calc(100vh - 88px); max-height: calc(100vh - 88px); } .category_list .category_item .category_item-img { width: 160px; } .top_navigation .owl-controls { /*top: -65px;*/ } .blogs-title h3 { /*max-width: calc(100% - 90px);*/ /*white-space: normal;*/ } .top_navigation .owl-controls { position: absolute; top: 18%; left: 10px; right: 10px; } .top_navigation.owl-theme .owl-controls .owl-buttons { display: flex; justify-content: space-between; width: 100%; } .top_navigation.owl-theme .owl-controls .owl-buttons div { background: var(--mc); width: 50px; height: 50px; font-size: 16px; } .top_navigation.owl-theme .owl-controls .owl-buttons div:hover { /*opacity: .8;*/ background-color: var(--dmc); /*color: var(--tt);*/ } .blogs .owl-carousel { /*margin: 0 -5px;*/ } .blogs .owl-item { padding: 0 5px; margin: 0; } .logo_block { padding: 5px 0; } .logo_block img { /*max-width: 20vw;*/ width: 80px; height: 80px; padding: 0; } } @media (max-width: 575px) { .triggers { padding: 20px 0 !important; } .main_page .products, .main_page .blogs, .main_page .about { padding: 0 0 20px 0!important; } .triggers .trigger-item:nth-child(1) { margin-bottom: 15px; } .triggers .trigger-item { height: auto; } .main_bg .main_bg-title h1 { font-size: 32px; letter-spacing: .5px; } .footer-bottom, .footer-bottom a { text-align: center; } .logo_block { display: block; } header { border-top: none; } .category_item .hover-block { width: 100%; } [data-sorter-container] { opacity: 0; } .product-info-text { display: none; } .footer_logo-block { margin-bottom: 15px; } .footer_logo-description { text-align: center; } } @media (max-width: 480px) { header [class*="col-"] { padding: 0 7px; } header [class*="col-"] [class*="col-"] { padding: 0 0; } header .logo_block, header .header_lang { margin: 0 12px; } .header_contact i, .header-mobile_menu-btn i, .header_phone i { font-size: 32px; } .header_lang { font-size: 10px; } .header_lang > span { padding: 0px 8px !important; } .header_lang a { padding: 0; } .top_navigation .owl-controls { top: 20%; } } @media (max-width: 360px) { .header_logo { padding: 0 5px; } .logo_block img { width: 65px; height: 65px; } } @media (max-width: 320px) { }