:root { --main-color: #000; --second-color: #004984; --rgbcolor: rgba(0,66,125, 0.85); --sub-color: #2fa7fb; --white-color: #fff; --button-color: #fff; --button-color-hover: #fff; --button-radius: 25px; --sub-color-dark: #2fa7fb; --sub-color-light: #8fe0fb; --sub-color-darker: #db6700; --main-radius: 25px; --big-radius: 45px; --medium-radius: 100px; --bigger-radius: 350px; --light-grey: #f2f3f7; --dark-grey: #ddeaf2; --text-grey: #7e849c; --title-font: "Raleway"; --sutitle-font: "Roboto"; --green-color: green; } html{font-size:16px} body{padding-top:56px;font-family:"Open Sans","Noto Sans",sans-serif} a{color:#1ec69f} a:hover{text-decoration:none} #back-to-top{opacity:.7;bottom:35px;padding:4px;color:#fff;cursor:pointer;display:none;position:fixed;right:20px;z-index:9999} #back-to-top svg{color:#fff;width:28px;height:28px} #back-to-top:hover{opacity:1} #back-to-top:hover svg{color:#eee} table h2{font-size:1.6rem} table h3{font-size:1.4rem} .flex{display: flex;} .card-text.text-secondary.text-center{padding: 0 3px;} .container{min-width:310px} .container.page_content{font-size:.97rem} .container.page_content.page_contentbigger{font-size: 1.1rem} .container.page_content.page_contentbigger .officecontent{padding: 15px;} .container.page_content .maintext img{max-width: 100%;} .form-control::-webkit-input-placeholder{color:#999;font-weight:100} .form-control::-moz-placeholder{color:#999;font-weight:100} .form-control:-moz-placeholder{color:#999;font-weight:100} .form-control:-ms-input-placeholder{color:#999;font-weight:100} nav.fixed-top{box-shadow:0 1px 4px #999;padding-top:0} #domexnav{transition: top 0.2s linear;} .carousel-item{height:50vh;min-height:280px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .inside .carousel-item{height:40vh;min-height:200px} header img,header picture{max-width:100%} .carousel-caption{position:absolute;right:6%;bottom:auto;top:9vh;left:6%;z-index:10;padding-top:20px;padding-bottom:0px;color:#333;font-size:24px;text-align:center;text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,1px 1px 4px #000} .carousel-indicators li{background-color:#1ec69f} .carousel-caption h1{color:#1ec69f;font-weight:900} .text-primary {color:#1ec69f !important;} .carousel-caption h3{font-weight:600;text-transform:uppercase;color:#0364a1;font-size:22px;text-shadow:1px 1px 2px #fff;background:rgba(255,255,255,0.85);display:inline-block;padding:15px;margin-top:15px} .navbar-light .navbar-toggler{color:#1ec69f;border-color:#1ec69f} .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(30,198,159,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.9);cursor:pointer} .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#1ec69f} .btn-primary{color:#fff;background-color:#1ec69f;border-color:#1ec69f} .btn-primary:hover{color:#fff;background-color:#0165a1;border-color:#0165a1} .btn-outline-primary{color:#1ec69f;border-color:#1ec69f} .btn-outline-primary:hover{color:#fff;background-color:#1ec69f;border-color:#1ec69f} .navbar-light .btn.float-md-right{margin:0 5px} .navbar-light .btn.float-md-right span{color:#fff} .navbar-light .btn.float-md-right svg{color:#fff;margin-right:5px;width:22px;height:22px} .navbar-light .btn.btn-outline-info{padding:.15rem .75rem;border-color:transparent;white-space:nowrap} .navbar-light .btn.btn-outline-info svg{margin-top:-5px} .navbar-light .btn.btn-outline-info span,.navbar-light .btn.btn-outline-info svg{color:#555;font-weight:700;font-size:1.3em} .navbar-light .btn.btn-outline-info small{color:#555} .navbar-light .btn.btn-outline-info span{color:#01659f} .navbar-light .btn.btn-outline-info:hover span,.navbar-light .btn.btn-outline-info:hover svg,.navbar-light .btn.btn-outline-info:hover small{color:#fff} .portfolio-item{margin-bottom:30px} .modal-body .btn.float-md-right svg{margin-right:5px;width:22px;height:22px} .navbar-light .navbar-brand{position:relative;margin-bottom:0;max-width:210px;font-size:10px;letter-spacing:.5px;color:#bbb;padding:4px 0 3px;text-transform:uppercase} .navbar-light .navbar-brand img,.navbar-light .navbar-brand picture{display:block} .my-1,.my-2,.my-3,.my-4{position:relative} .my-1 > strong,.my-2 > strong,.my-3 > strong,.my-4 > strong{font-weight:500} .my-4::before{position:absolute;background:rgba(30,198,159,0.8);width:120px;bottom:-5px;height:2px;content:''} .h1{display:inline-block;margin:35px auto 20px;background:rgba(30,198,159,0.8);text-transform:uppercase;color:#fff;padding:5px 10px 8px;border-left:3px #0165a3 solid} .modal-header.bg-light{padding:.6rem 1rem;background:rgba(30,198,159,0.8)!important;color:#fff} .modal-header.bg-light .close{color:#fff;opacity:1} .card-body img{max-width:100%;margin:0 auto;display:block} .card-body img:hover{transition:all .1s linear;transform:scale(1.05)} .form-control.error{box-shadow:0 0 3px red} .green{color:#1ec69f} blockquote small{display:block;line-height:20px;color:#999;font-size:85%} .border-left{border-left:1px #dedede solid;padding-left:35px} .bluecontent{background-color:#F5F7FA;margin:35px 0 20px;padding:5px 0 20px} .officecontent{width:99%;background:#fff;box-sizing:border-box;padding:20px 30px 30px} .officecontent .officesdesc{display:block;margin:5px 0 25px;font-size:.9em;color:#99a3b4} .officecontent ul{margin:0 0 10px;padding:0} .officecontent div.category-module li{display: inline-block; padding: 3px 8px; background: #f4f4f4; border-radius: 3px; margin:5px 12px 5px 0;list-style:none;list-style-image:none;list-style-type:none;font-size:.9em} .officecontent div.category-module li:hover{background:rgba(30,198,159,0.8)!important;} .officecontent div.category-module li:hover, .officecontent div.category-module li:hover a{color:#fff} .officecontent .mod-articles-category-group,.dropdown-menu .mod-articles-category-group{font-weight:700;font-size:.9em;color:#000;text-transform:uppercase;margin-bottom:5px;margin-top:15px} .dropdown-menu-left.dropdown-menu-right{left: auto; right: auto;} .dropdown-item.active,.dropdown-item:active{color:#000;text-decoration:none;background-color:#eee} .officecontent div.category-module li a,.dropdown-menu .col-xs-12 a.dropdown-item{color:#0165a1;cursor:pointer;font-size:.95em} .dropdown-menu .col-xs-12 a.dropdown-item{padding:2px 1px 3px 5px;font-size:.85em} .dropdown-menu .col-xs-12{padding-bottom:10px} .dropdown-menu .row{margin:10px 0} .card{transition:all .1s linear;box-shadow:0 10px 40px 0 rgba(62,57,107,.07),0 2px 9px 0 rgba(62,57,107,.06);border:1px solid rgba(0,0,0,.06);border-radius:.25rem} .card:hover{box-shadow:0 10px 40px 0 rgba(62,57,107,.01),0 2px 12px 0 rgba(62,57,107,.01)} .card:hover,.no-decoration a{text-decoration:none!important} .card .card-title{padding: 0 5px;} a.viewall{color:#fff!important;text-decoration:none!important;transition:all .1s linear} a.viewall svg{margin-top:-.2rem;color:#f2f4f9;width:1.5rem;height:1.5rem;transition:all .1s linear} a.viewall:hover{padding-right:10px} a.viewall:hover svg{margin-left:10px;color:#fff} a.fancy_img{cursor:pointer} button.closegallery{cursor:pointer;color:#fff;font-size:2.5em;position:absolute;right:auto;top:-20px;padding:5px;border-radius:4px;background:rgba(0,0,0,0.5);text-shadow:none;font-weight:100;line-height:24px;opacity:.8} button.closegallery:hover{opacity:1;color:#eee;text-shadow:0 0 3px #fff} .breadcrumb{background:rgba(255,255,255,0.85);margin:15px auto 0;padding:5px 0 0;color:#888;text-align:center;font-size:.8rem} .breadcrumb-item.active{color:#999} #accordion .card{margin-bottom:3px} #accordion h5 a{font-size:1rem;font-weight:600;position:relative} #accordion h5 a::before{display:inline-block;margin-right:.555em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;transition:all .2s linear;transform:rotate(180deg)} #accordion h5 a.collapsed::before{transform:rotate(0deg)} .bluecontent .webforms .getresult{margin-top: 20px;} .bluecontent .webforms .btn.btn-secondary.sendbutton{display: none !important;} footer{font-size: 0.9rem; line-height: 26px;} footer ul.readmorelinks{list-style-type: none; padding: 0;} footer ul.readmorelinks li{display: inline; float: left; color: #fff; list-style-type: none; padding: 0px 15px 0px 0; } footer ul.readmorelinks li a{font-size: 0.9rem; color: #ccc; white-space: nowrap;} footer ul.readmorelinks li a:hover{color: #fff;} @media (min-width: 701px){ .navbar-expand-xl .navbar-nav .dropdown-menu.container{overflow-y: auto; max-height: 82vh; min-width: 80vw; left: 0;} } @media (min-width: 1200px) { .navbar-expand-xl .navbar-nav .dropdown-menu.container{min-width: 940px; width: 59vw; left: 0;} .breadcrumb{margin:-30px auto 0;padding:7px} .dropdown-menu{margin-top:0;border-radius:0;border:1px #f8f9fa solid;border-top:0 none;box-shadow:1px 5px 3px -1px #999} #navbarResponsive{position:relative} .navbar-brand{background:#fff} .navbar-brand::before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:0;border-bottom:70px solid #fff;border-left:48px solid transparent;-webkit-transform:translateX(-100%);transform:translateX(-100%)} .navbar-brand::after{content:'';display:block;position:absolute;top:0;right:0;width:0;height:0;border-top:70px solid #fff;border-right:48px solid transparent;-webkit-transform:translateX(100%);transform:translateX(100%)} nav.fixed-top{padding-bottom:0} .navbar-light .navbar-nav .nav-link{white-space:nowrap;font-weight:600;border:1px transparent solid;border-bottom:0 none;font-size:.86rem;margin-top:11px;padding:12px .4rem 24px} .navbar-light .navbar-nav .show .nav-link{border-radius:4px 4px 0 0;background:#fff;border:1px #f0f2f6 solid;outline:none;border-bottom:0 none} .nav-item.dropdown.katstyle{position:static} } @media (min-width: 1220px) { .container{max-width:1220px} .modal-xl{max-width:1220px} } @media (min-width: 1300px) { .container{max-width:1240px} .modal-xl{max-width:1280px} .carousel-caption h1{color:#1ec69f;font-size:2.2em} .navbar-light .navbar-nav .nav-link{padding-right:.6rem;padding-left:.6rem} } @media (min-width: 1400px) { .container{max-width:1340px} .navbar-light .navbar-nav .nav-link{font-size: .98rem;} .modal-xl{max-width:1380px} } @media (max-width: 1199px) { .dropdown-menu .row{margin:0} } @media (max-width: 700px) { #navbarResponsive{margin-top:5px;padding-top:5px} .dropdown-menu{border-radius:0;border:1px #f0f0f0 solid;margin-top:0} .navbar-nav{height:auto;max-height:calc(100vh - 85px);overflow-x:hidden} .navbar-nav .nav-item{border-top:1px #f0f0f0 solid} .nav-item.dropdown.show .dropdown-toggle{color:#fff;transition:all .3s linear;padding-left:15px;background:rgba(30,198,159,0.8)!important} .h2{font-size:1.6rem} .h3{font-size:1.5rem} .carousel-item{height:auto;min-height:260px} .carousel-caption{position:relative;width:90%;top:10%;text-align:left;right:5%;left:5%} .carousel-caption h3{font-weight:900;color:#fff;font-size:18px;text-shadow:none;margin-top:1px;text-transform:none;background:rgba(30,198,159,0.8)} .carousel-caption h1{color:#0166a0;font-size:1.3em;line-height:1em;font-weight:900} .navbar-light .navbar-brand{font-size:11px;letter-spacing:1.2px;color:#bbb;padding:0;text-transform:none} .navbar-light .navbar-brand img,.navbar-light .navbar-brand picture{max-width:145px} } @media (max-width: 576px) { .col-lg-3.col-6.mb-4.no-decoration:nth-child(odd){padding-right:5px} .col-lg-3.col-6.mb-4.no-decoration:nth-child(even){padding-left:5px} .col-lg-3.col-6.mb-4.no-decoration h5{font-size:0.95rem!important;padding:0 .5rem} .col-lg-3.col-6.mb-4.no-decoration p{margin-bottom: 5px;} .col-lg-3.col-6.mb-4.no-decoration ul{margin-bottom: 5px; font-size: 0.8rem; padding-left: 15px;} .col-lg-3.col-6.mb-4.no-decoration .h4 {font-size: 1.2rem !important;} .col-lg-3.col-6.mb-4.no-decoration ul li{font-size: 0.7rem; color: #777; padding-left: 1px;} .col-lg-3.col-6.mb-4.no-decoration .card-body{padding:.5rem} .table{font-size:.85rem; max-width: 100%;overflow-x: scroll;display: block;} .breadcrumb{font-size:.7rem} .footlogo{display:block;float:left;padding:5px 10px 5px 0;box-sizing:content-box} .footlogo,.footlogo img,.footlogo source{width:70px} footer{font-size:.8em;line-height:1.2em} .h1.h3{font-size:1.25rem} .navbar-light .btn.float-md-right.btn-outline-info{margin:5px 0} .navbar-light .btn.btn-outline-info span.greycolor{color:#555} header.extrapadd{margin-top:40px} .navbar-light .btn.float-md-right.btn-outline-info{display:block;border-radius:0;padding:5px;width:100%;text-align:center;background:transparent!important;color:#fff;border:0 none;border-top:1px #e2e5e9 solid;margin:8px -5px 0;padding:0} .navbar-light .btn.btn-outline-info:hover{color:#fff;background:#17a2b8!important} .navbar-light .btn.btn-outline-info:hover span{color:#fff!important} .container.page_content .maintext img{width: auto !important; float: none !important; height: auto; width: auto !important; margin: 10px auto !important; display: block;} } @media (max-width: 480px) { .btn-sm.btn-outline-info{white-space:nowrap} .modal-footer{justify-content:center} body{padding-top:46px} .navbar-light .navbar-brand{margin-bottom:0;margin-top:1px;line-height:10px;font-size:10px;letter-spacing:.5px;max-width:190px;white-space:inherit} .navbar-light .navbar-brand img,.navbar-light .navbar-brand picture{max-width:120px} .navbar-light .navbar-toggler{outline: none; padding:0;color:#1ec69f;border-color:transparent; transition: all 0.1s linear;} .navbar-light .navbar-toggler[aria-expanded="true"]{background:#fff; padding: .1rem .3rem; transform: scale(1.1);} .navbar-light .btn.float-md-right{padding:0 5px;border-radius:0;background:none!important;border:0 none;} .navbar-light .btn.float-md-right svg{color:#1ec69f;margin-right:10px;width:24px;height:24px} } .pricelist h4 { margin: 30px 0 15px 0; text-transform: uppercase; color: #003D6C; font-weight: 600; position: relative; padding-bottom: 5px; display: inline-block; border-bottom: 1px #1ec69f solid; } .features.pricelist ol, .customprice ol { counter-reset: li; list-style: none outside none; margin-bottom: 15px; padding: 0; } .features.pricelist { padding: 20px 0 0; margin: 15px 0 5px; } .features.pricelist ol li, .customprice ol li { border-radius: 0.3em; color: #444444; display: block; margin: 0.5em 0 0.5em 30px; padding: 0.4em 0.6em 0.5em 2.1em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s; } .features.pricelist ol li:before, .customprice ol li:before{ background: fff; border: 1px #1ec69f solid; border-radius: 16px; content: counter(li, decimal); counter-increment: li; height: 1.8em; left: -1.3em; line-height: 1.9em; margin-top: -1.2em; position: absolute; font-size: 14px; text-align: center; top: 60%; color: #1ec69f; transition: all 0.2s ease-out 0s; width: 1.8em; } .maintext blockquote, .maintext cite, .maintext .blockquote{ border-left: 3px solid #BFE2FF; background: #f4f4f4; position: relative; font-style: italic; font-size: 1rem; padding: 15px 25px 15px 30px; width: auto; margin: 0 auto 10px auto; display: inline-block; } .maintext blockquote p, .maintext cite p, .maintext .blockquote p{ margin: 5px 0; } .maintext blockquote::before, .maintext cite::before, .maintext .blockquote::before{ content: ""; position: absolute; top: 50%; left: -4px; height: 1.5em; background-color: #fff; width: 5px; margin-top: -0.65em; } .maintext cite::after, .maintext blockquote::after, .maintext .blockquote::after{ content: 'ᐅ'; position: absolute; top: 50%; left: -0.5em; color: rgba(30,198,159,0.8); font-style: normal; line-height: 1em; text-align: center; text-indent: -1px; font-size: 1.5em; font-family: initial; width: 1em; margin-top: -0.4em; transition: 0.2s all ease-in-out, 0.4s transform ease-in-out; } table.table{box-shadow: 0 0 10px -4px darkcyan;} table tr td.sery{ background: #bbb; font-weight: bold; } table tr td.korichnevy{ background: #8C5955; font-weight: bold; color: #fff; } table tr td.zhelty{ background: #EBDC58; font-weight: bold; } table tr td.green{ background: #53906A; font-weight: bold; color: #fff; } table tr td.black{ background: #333333; font-weight: bold; color: #fff; } table tr td.red{ background: #C0706F; font-weight: bold; color: #fff; } form.inactive{ position: relative; } form.inactive .bot-form-button{ display: none; } form.inactive:after{ display: block; position: absolute; width: 100%; height: 100%; background: #f5f7fa; opacity: 0.5; background-image: url('../images/loading.gif'); background-position: center center; background-repeat: no-repeat; top: 0; content: ' '; z-index: 2; } .palette-wrapper-desktop .item { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; width: 60px; height: 60px; float: left; margin: 0 5px 5px 0; text-decoration: none; box-shadow: none; border: 2px solid #fff; outline: none !important; height: 80px; } .palette-wrapper-desktop figure { height: calc(100% - 30px); display: block; } .palette-wrapper-desktop .item span { text-align: center; color: #444; display: block; width: 100%; font-size: 11px; margin-top: 5px; } .navbar-expand-xl.navbar-expand-xl-prib .show .dropdown-menu, .navbar-expand-xl.navbar-expand-xl-prib .collapsing .dropdown-menu{ display: block; } .navbar-expand-xl.navbar-expand-xl-prib #navbarResponsive:not(.show){margin: 0; padding:0} .navbar-expand-xl.navbar-expand-xl-prib .navbar-toggler {padding: .20rem .5rem;} .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse #mainMenuDomex .submenu{ min-width: 300px; background: #fff; } .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse #mainMenuDomex .nav-link{ border: 0px none; padding: 12px 20px; margin: 0; border-radius: 0; border-bottom: 1px #f0f2f6 solid; } @media (min-width: 1200px){ .navbar-expand-xl.navbar-expand-xl-prib .navbar-toggler { display: inline-block !important; } .navbar-expand-xl.navbar-expand-xl-prib #navbarResponsive{ position: absolute !important; z-index: -1; top: 0; } .navbar-expand-xl.navbar-expand-xl-prib .navbar-nav{ width: 100%; } .navbar-expand-xl.navbar-expand-xl-prib .show .dropdown-menu, .navbar-expand-xl.navbar-expand-xl-prib .collapsing .dropdown-menu{ display: block; left: auto; right: 15px; width: 75vw; top: 70px; } .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse #mainMenuDomex .submenu, .navbar-expand-xl.navbar-expand-xl-prib .collapsing #mainMenuDomex .submenu{ display: block; left: auto; right: 15px; width: 300px; background: #fff; box-shadow: 0 6px 5px rgba(0,0,0,0.4); position: absolute; top: 70px; } .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse #mainMenuDomex{ display: none; } .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse.show #mainMenuDomex, .navbar-expand-xl.navbar-expand-xl-prib .collapsing #mainMenuDomex{ width: auto; display: block !important; } .navbar-light .navbar-nav .show.dropdown-menu.dropdown-menu-small .col-lg-4, .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse.show #mainMenuDomex{ width: 100% !important; display: block; max-width: 100% !important; } .navbar-light .navbar-nav .show.dropdown-menu.dropdown-menu-small .nav-link, .navbar-expand-xl.navbar-expand-xl-prib .navbar-collapse #mainMenuDomex .nav-link{ border: 0px none; padding: 12px 20px; margin: 0; border-radius: 0; border-bottom: 1px #f0f2f6 solid; } } .modal-body video{max-height: 80vh; min-width: 50vw;background: #000;} .promo, .videootz{ border-radius: 25px; background: #f2f5f9; display: flex; overflow: hidden; } .videootz{padding: 25px; margin: 35px 0;} .videootz .row{width: 100%;} .videootz .h1{background: none; color: #000; zoom: 1; text-align: center; margin: 10px auto 25px auto; display: block; font-weight: 600; border: 0px none; } .videootz a.fancy_img{ position: relative; width: 100%; height: 100%; display: block; border-radius: 20px; overflow: hidden; } .videootz a.fancy_img::after{ position: absolute; content: ' '; width: 100%; height: 100%; background: url(../images/play.png); top: 0; left: 0; z-index: 2; background-repeat: no-repeat; background-position: center; transition: all 0.1s linear; } .videootz a.fancy_img:hover::after{ background-color: rgba(0,0,0,0.3); zoom: 1.2; opacity: 0.9; } .promoborder{border: 2px #f2f5f9 solid; border-radius: 25px;} .promo .ptext{padding: 30px; zoom: 1.1;} .promo .ptext .btn{border-radius: 25px;} .promo .ptext h4{letter-spacing: 0.3px; font-weight: 600; border-bottom: 1px #4bd1b2 solid; padding-bottom: 15px; margin-bottom: 20px; color: #002662; } .promo .pimage{order: 2; margin-left: 30px; max-width: 420px; overflow: hidden; min-width: 340px; text-align: right; display: flex; justify-items: right; justify-content: center; } .promo .pimage video{width: 100%;height: 100%;} .promo .pimage.o1{order: 0; margin-right: 30px; margin-left: 0; max-width: unset; overflow: hidden; min-width: 440px; text-align: right; display: flex; justify-content: center; } .maintext .promo blockquote{border-radius: 25px; background: #fff;} .promo a.btn, .promo a.btn:hover{color: #fff;} .promo .pimage img{margin: 0; max-width: unset !important; height: 100%;} .flex-olli{flex-wrap: wrap; justify-content: center;} .customprice ol.flex-olli li::before { background: #1ec69f; border: 0px none; border-radius: 26px; height: 1.8em; left: -1em; line-height: 1.7em; margin-top: -1.3em; font-size: 20px; top: 60%; color: #fff; width: 1.8em; } .flex-olli li{max-width: 21%; display: flex !important; flex-wrap: wrap; align-items: center; background: #fff; border-radius: 25px; } .promo .ptext video{border-radius: 20px; overflow: hidden;} @media (max-width: 991px){ .flex-olli li{max-width: 100%;} .videootz{padding: 25px 0 25px 25px;} .modal-body video{max-height: 80vh; min-width: 50vw; max-width: 100%; height: auto;background: #000;} .container.page_content .maintext .videootz a.fancy_img img{margin: 0 !important;} .promo{flex-wrap: wrap;} .promo .ptext{padding: 15px;} .promo .pimage{min-width: 100%; max-width: 100%; width: 100%; height: auto; max-height: 400px; margin: 25px 0 0;} .promo .pimage img{margin: 0; width: 100%; max-width: unset !important; height: fit-content !important;} .promo .pimage.o1{min-width: 340px;} } #cookie-consent-banner{overflow: auto; max-height: 90vh;display:none;position:fixed;bottom:20px;right:20px;width:90%; max-width:550px;background:var(--white-color);padding:20px; box-shadow:0 4px 25px rgba(0,0,0,.25);border-radius: var(--button-radius);z-index:9999;border:1px solid #e5e5e5;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease} #cookie-consent-banner h3{margin-top:0;margin-bottom:15px;color:#202124} #cookie-consent-banner h4{margin:0 0 5px;color:#202124;font-size:1.2em} #cookie-consent-banner p{margin:0;color:#5f6368} #cookie-consent-banner p.small{font-size:.9em} .cookie-btn{padding:10px 15px;cursor:pointer;font-size:14px;transition:background-color .2s;border:none} .cookie-btn-secondary{} .cookie-btn-outline{background:transparent;border:1px solid #dadce0} .cookie-btns-group{display:flex;gap:10px} .cookie-btns-group.space-between{justify-content:space-between;margin-top:20px} .cookie-btns-group.justify-end{justify-content:flex-end} .cookie-setting-item{display:flex;justify-content:space-between;margin-bottom:10px;border: 1px #f0f0f0 solid; border-radius: 15px; padding: 15px;} .cookie-setting-item:last-child{margin-bottom:20px} .cookie-toggle{margin-top: 3px; margin-left: 10px; min-width: 40px;position:relative;display:inline-block;width:40px;height:20px} .cookie-toggle input{opacity:0;width:0;height:0} .cookie-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:20px;transition:.4s} .cookie-toggle-slider:before{position:absolute;content:'';height:16px;width:16px;left:2px;bottom:2px;background:var(--white-color);border-radius:50%;transition:.4s} input:checked+.cookie-toggle-slider{background: var(--sub-color);} input:checked+.cookie-toggle-slider:before{transform:translateX(20px)} input:disabled+.cookie-toggle-slider{background:var(--second-color);cursor:not-allowed} .cookie-link{cursor: pointer;} #cookie-settings-view{display:none} @media (max-width: 680px) { .cookie-btns-group{flex-wrap: wrap;} #cookie-consent-banner{right:1%;width:98%;} } .cookie-btn-primary{background: var(--sub-color);color: var(--white-color);} .cookie-btn{border-radius: 25px; border: 2px var(--sub-color) solid;} .cookie-btn-secondary{border-color: #f0f0f0;} .cookie-btn-secondary{color: #000;} .cookie-btn:hover{background: var(--second-color); color: var(--white-color); border-color: var(--second-color);} input:disabled + .cookie-toggle-slider {background: var(--sub-color);opacity: 0.6;} video{max-width: 100%; border-radius: 15px;}