diff --git a/layout/style-css/style.css b/layout/style-css/style.css index 73ab444..f8ca58d 100644 --- a/layout/style-css/style.css +++ b/layout/style-css/style.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";body{font-family:"Open Sans",sans-serif;font-size:15px}body.noscroll{position:fixed;overflow:hidden}.scontainer-content h2{font-size:18px;font-weight:600}.box-border{padding:25px;border:1px solid #f0f0f0;border-radius:3px}@media(max-width: 767px){.box-border{padding:15px}.box-border .col-md-3{flex:0 0 25% !important;max-width:25% !important}.box-border .col-md-9{flex:0 0 75% !important;max-width:75% !important}}.fac{display:flex;flex-wrap:wrap;align-items:center;align-self:center}.fac .row{width:100%;padding:10px 0}.fac .row p{margin-bottom:0}.box-top,#scontainer-12,#scontainer-11,.box-contact #scontainer-8,.box-main #scontainer-8{padding-top:75px}.box{padding:75px 0}@media(max-width: 767px){.box{padding:50px 0}}@media(max-width: 767px){.box{padding:25px 0}}.box .box-title,.box .article .article-title,.article .box .article-title{text-align:center;font-size:22px;position:relative;margin:0 auto 75px;display:flex;justify-content:center}@media(max-width: 767px){.box .box-title,.box .article .article-title,.article .box .article-title{margin-bottom:25px}}.box .box-title .title,.box .article .article-title .title,.article .box .article-title .title{padding-bottom:15px;border-bottom:2px solid #f0f0f0;position:relative;font-size:32px}@media(max-width: 575px){.box .box-title .title,.box .article .article-title .title,.article .box .article-title .title{font-size:22px}}.box .box-title .title::after,.box .article .article-title .title::after,.article .box .article-title .title::after{content:"";display:block;width:60%;bottom:-2px;position:absolute;left:0;border-bottom:2px solid #22a9e1}.top{background:#f0f0f0;color:#000;padding:10px 0;position:relative}.top #scontainer-1 img{margin-right:5px}.top #scontainer-2{display:flex;justify-content:flex-end}.top #scontainer-2 a{color:#000;font-size:14px}.top #scontainer-2 a:hover{text-decoration:none}.top p{margin:0}.top .language{position:absolute;top:0;right:5px;bottom:0;z-index:999}@media(max-width: 767px){.top .language{top:65px}}.top .language #languages{height:100%}.top .language #languages .container{height:100%}.top .language #languages .container .row{height:100%}.top .language #languages ul{display:flex;align-items:center;margin:0;padding:0;list-style:none;height:100%}.top .language #languages ul li{margin:0 5px}.top .language #languages ul li:first-child{margin-left:0}.top .language #languages ul li:last-child{margin-right:0}.top .language #languages ul li.active{display:none}.top .language #languages ul li a img{height:16px}.header{padding:25px 0}.header .col-lg-3{width:100% !important;flex:0 0 100%;max-width:100%}.header .logo{display:block;width:100%;max-width:300px;margin:0 auto 25px}.header .logo img{width:100%;max-width:387px}.header #main-menu-btn{height:50px;width:50px;position:fixed;bottom:10px;right:10px;color:#fff;background:#000;display:none;z-index:9999;line-height:50px;cursor:pointer;border-radius:50%;align-items:center;justify-content:center;font-size:30px}@media(max-width: 767px){.header #main-menu-btn{display:flex}}.header .main-menu-container{display:flex;align-items:center;justify-content:center;width:100% !important;flex:0 0 100%;max-width:100%}@media(max-width: 1199px){.header .main-menu-container{justify-content:center}}@media(max-width: 767px){.header #main-menu{display:none}.header #main-menu.visible{display:block;position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;z-index:20;overflow-y:scroll}.header #main-menu.visible #menu-container-1{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.header #main-menu.visible #menu-container-1>ul{display:block;width:100%;text-align:center;padding:20px;border:1px solid #f0f0f0;border-radius:3px;height:100%}.header #main-menu.visible #menu-container-1>ul li ul{position:static;background:#fff}}@media(min-width: 768px){.header #main-menu.sticky{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:50}.header #main-menu.sticky #menu-container-1>ul{justify-content:center;height:75px;align-items:center}}.header #main-menu ul{display:flex;margin:0;padding:0;justify-content:flex-end;list-style-type:none}@media(max-width: 767px){.header #main-menu ul{width:100%}}.header #main-menu ul.level-0{flex-wrap:wrap;justify-content:center}.header #main-menu ul li{position:relative;display:flex;align-items:center}.header #main-menu ul li#link-1{display:none}@media(min-width: 768px){.header #main-menu ul li#link-73{position:absolute;top:-70px;right:0}}.header #main-menu ul li.li-level-1 a{width:calc(100% - 18px)}@media(max-width: 767px){.header #main-menu ul li.li-level-1 a{width:calc(100% - 32px);color:#000;text-align:left;border:0 solid #000}}.header #main-menu ul li.li-level-1 i{color:#fff;margin-right:10px}@media(max-width: 767px){.header #main-menu ul li.li-level-1 i{color:#000;margin-right:0}}@media(max-width: 767px){.header #main-menu ul li{justify-content:space-between;flex-wrap:wrap}}.header #main-menu ul li i{font-size:13px;margin-right:5px;display:flex;height:32px;width:32px;align-items:center;justify-content:center}@media(min-width: 768px){.header #main-menu ul li i{width:13px}}@media(max-width: 767px){.header #main-menu ul li i{margin-right:0}}.header #main-menu ul li a{display:block;padding:5px 10px;color:#000;transition:all .5s ease;font-size:15px;white-space:nowrap}@media(min-width: 992px)and (max-width: 1199px){.header #main-menu ul li a{padding:5px 6px}}.header #main-menu ul li a:hover{text-decoration:none;color:#90d4f0}@media(min-width: 768px){.header #main-menu ul li:hover>ul{display:block}}@media(max-width: 767px){.header #main-menu ul li.active>ul{display:block}}.header #main-menu ul li>ul{display:none;position:absolute;top:calc(100% - 1px);left:0;background:rgba(0,0,0,.8);z-index:50}.header #main-menu ul li>ul li a{border-bottom:1px solid #262626;color:#fff;padding:10px 25px;font-size:14px}@media(min-width: 768px){.header #main-menu ul li>ul li:hover>ul{display:block}}.header #main-menu ul li>ul li ul{position:absolute;background:rgba(0,0,0,.85);left:99%;top:0;display:none}@media(max-width: 767px){.header #main-menu ul li>ul li ul{padding-left:25px}}.header #main-menu ul li>ul li ul li a{padding-left:20px}.header #main-menu ul li>ul li ul ul{background:rgba(0,0,0,.9)}.carousel-banner{position:relative}.carousel-banner .wosp{position:absolute;bottom:25px;left:25px;z-index:99}.carousel-banner .wosp img{max-width:150px}@media(max-width: 767px){.carousel-banner .wosp img{max-width:100px}}.carousel-banner .slider .item{position:relative}.carousel-banner .slider .item .content{position:absolute;background:rgba(0,0,0,.75);bottom:25px;padding:50px;max-width:1140px;left:50%;transform:translateX(-50%)}.carousel-banner .slider .item .content h1{color:#fff;font-size:36px;font-weight:500;margin:0 0 15px}.carousel-banner .slider .item .content h2{color:#fff;font-size:20px;font-weight:300;margin:0 0 15px}.carousel-banner .slider .item .content .text{color:#fff;font-size:14px;font-weight:300}.carousel-banner .slider .item .content .text a{color:#90d4f0}.carousel-banner .slider .item img{width:100%;-o-object-fit:cover;object-fit:cover}#scontainer-4 .col-md-6,#scontainer-14 .col-md-6{position:relative;overflow:hidden;height:550px;margin-bottom:30px}#scontainer-4 .col-md-6 p:first-child,#scontainer-14 .col-md-6 p:first-child{display:block;height:550px;overflow:hidden}#scontainer-4 .col-md-6 img,#scontainer-14 .col-md-6 img{transition:all .5s ease;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#scontainer-4 .col-md-6:hover img,#scontainer-14 .col-md-6:hover img{transform:scale(1.1)}#scontainer-4 .col-md-6 h2,#scontainer-14 .col-md-6 h2{position:absolute;bottom:85px;font-weight:600;font-size:52px;width:calc(100% - 30px);color:#fff;text-transform:uppercase}#scontainer-4 .col-md-6 h2 a,#scontainer-14 .col-md-6 h2 a{color:#fff}#scontainer-4 .col-md-6 p,#scontainer-14 .col-md-6 p{margin:0;padding:0}#scontainer-4 .col-md-6 .btn,#scontainer-14 .col-md-6 .btn{position:absolute;bottom:35px;background:#22a9e1;color:#fff;border:0;transition:all .5s ease;transform:translateX(-50%);padding:10px 25px;border-radius:0}#scontainer-4 .col-md-6 .btn:hover,#scontainer-14 .col-md-6 .btn:hover{background:#000}#scontainer-16 .col-md-6,#scontainer-18 .col-md-6,#scontainer-20 .col-md-6,#scontainer-22 .col-md-6,#scontainer-23 .col-md-6,#scontainer-25 .col-md-6,#scontainer-26 .col-md-6,#scontainer-27 .col-md-6,#scontainer-29 .col-md-6,#scontainer-31 .col-md-6{position:relative;overflow:hidden;height:550px;margin-bottom:30px;padding-bottom:100px}#scontainer-16 .col-md-6 p:first-child,#scontainer-18 .col-md-6 p:first-child,#scontainer-20 .col-md-6 p:first-child,#scontainer-22 .col-md-6 p:first-child,#scontainer-23 .col-md-6 p:first-child,#scontainer-25 .col-md-6 p:first-child,#scontainer-26 .col-md-6 p:first-child,#scontainer-27 .col-md-6 p:first-child,#scontainer-29 .col-md-6 p:first-child,#scontainer-31 .col-md-6 p:first-child{display:block;height:550px;overflow:hidden}#scontainer-16 .col-md-6 img,#scontainer-18 .col-md-6 img,#scontainer-20 .col-md-6 img,#scontainer-22 .col-md-6 img,#scontainer-23 .col-md-6 img,#scontainer-25 .col-md-6 img,#scontainer-26 .col-md-6 img,#scontainer-27 .col-md-6 img,#scontainer-29 .col-md-6 img,#scontainer-31 .col-md-6 img{transition:all .5s ease;height:100%;width:100%;-o-object-fit:contain;object-fit:contain}#scontainer-16 .col-md-6:hover img,#scontainer-18 .col-md-6:hover img,#scontainer-20 .col-md-6:hover img,#scontainer-22 .col-md-6:hover img,#scontainer-23 .col-md-6:hover img,#scontainer-25 .col-md-6:hover img,#scontainer-26 .col-md-6:hover img,#scontainer-27 .col-md-6:hover img,#scontainer-29 .col-md-6:hover img,#scontainer-31 .col-md-6:hover img{transform:scale(1.1)}#scontainer-16 .col-md-6 h2,#scontainer-18 .col-md-6 h2,#scontainer-20 .col-md-6 h2,#scontainer-22 .col-md-6 h2,#scontainer-23 .col-md-6 h2,#scontainer-25 .col-md-6 h2,#scontainer-26 .col-md-6 h2,#scontainer-27 .col-md-6 h2,#scontainer-29 .col-md-6 h2,#scontainer-31 .col-md-6 h2{position:absolute;bottom:45px;font-weight:600;font-size:26px;width:calc(100% - 30px);color:#fff;text-transform:uppercase}#scontainer-16 .col-md-6 h2 a,#scontainer-18 .col-md-6 h2 a,#scontainer-20 .col-md-6 h2 a,#scontainer-22 .col-md-6 h2 a,#scontainer-23 .col-md-6 h2 a,#scontainer-25 .col-md-6 h2 a,#scontainer-26 .col-md-6 h2 a,#scontainer-27 .col-md-6 h2 a,#scontainer-29 .col-md-6 h2 a,#scontainer-31 .col-md-6 h2 a{color:#22a9e1}#scontainer-16 .col-md-6 p,#scontainer-18 .col-md-6 p,#scontainer-20 .col-md-6 p,#scontainer-22 .col-md-6 p,#scontainer-23 .col-md-6 p,#scontainer-25 .col-md-6 p,#scontainer-26 .col-md-6 p,#scontainer-27 .col-md-6 p,#scontainer-29 .col-md-6 p,#scontainer-31 .col-md-6 p{margin:0;padding:0}#scontainer-16 .col-md-6 .btn,#scontainer-18 .col-md-6 .btn,#scontainer-20 .col-md-6 .btn,#scontainer-22 .col-md-6 .btn,#scontainer-23 .col-md-6 .btn,#scontainer-25 .col-md-6 .btn,#scontainer-26 .col-md-6 .btn,#scontainer-27 .col-md-6 .btn,#scontainer-29 .col-md-6 .btn,#scontainer-31 .col-md-6 .btn{position:absolute;bottom:5px;background:#22a9e1;color:#fff;border:0;transition:all .5s ease;transform:translateX(-50%);padding:5px 25px;border-radius:0;font-size:15px}#scontainer-16 .col-md-6 .btn:hover,#scontainer-18 .col-md-6 .btn:hover,#scontainer-20 .col-md-6 .btn:hover,#scontainer-22 .col-md-6 .btn:hover,#scontainer-23 .col-md-6 .btn:hover,#scontainer-25 .col-md-6 .btn:hover,#scontainer-26 .col-md-6 .btn:hover,#scontainer-27 .col-md-6 .btn:hover,#scontainer-29 .col-md-6 .btn:hover,#scontainer-31 .col-md-6 .btn:hover{background:#000}.box-guarantee{color:#fff;background-image:url("/upload/filemanager/layout/box-guarantee-bg.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%;position:relative}.box-guarantee::after{content:"";display:block;background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.box-guarantee #scontainer-5{position:relative;z-index:10;font-size:38px;font-weight:300}@media(max-width: 575px){.box-guarantee #scontainer-5{font-size:26px}}.box-directories #scontainer-6 .col-md-3{position:relative;padding-left:0;padding-right:0;margin-left:15px;margin-right:15px;margin-bottom:25px}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3{max-width:100%;margin-bottom:15px}}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3 h3{font-size:22px}}.box-directories #scontainer-6 .col-md-3 p{margin:0;padding:0}.box-directories #scontainer-6 .col-md-3 .text{position:absolute;top:50%;width:100%;padding:0 15px;transform:translateY(-50%);transition:all .5s ease;opacity:0}.box-directories #scontainer-6 .col-md-3 .text *{margin:0;padding:0}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3 .text p{display:none}}.box-directories #scontainer-6 .col-md-3 .text a{color:#fff}.box-directories #scontainer-6 .col-md-3 .text a:hover{text-decoration:none;color:#000}.box-directories #scontainer-6 .col-md-3 img{display:block;max-width:100% !important;position:relative;z-index:1}.box-directories #scontainer-6 .col-md-3:hover::after{height:100%;z-index:2}.box-directories #scontainer-6 .col-md-3:hover .text{z-index:10;opacity:1}.box-directories #scontainer-6 .col-md-3::after{background:#22a9e1;content:"";display:block;position:absolute;top:0;left:0;position:absolute;z-index:0;width:100%;height:0;transition:all .5s ease}.box-contact a,.box-main a{color:#22a9e1;transition:all .5s ease}.box-contact a:hover,.box-main a:hover{text-decoration:none;color:#000}.box-contact .nav-tabs,.box-main .nav-tabs{margin-bottom:25px}.box-contact .nav-tabs li a,.box-main .nav-tabs li a{padding:10px 20px;border:1px solid #f0f0f0;margin-bottom:-1px;display:block}.box-contact .nav-tabs li a.active,.box-main .nav-tabs li a.active{background:#22a9e1;color:#fff}.box-career{background-image:url("/upload/filemanager/layout/box-career-bg.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:0 0;box-shadow:0 0 0 0 #fff}.box-career #scontainer-9{font-size:38px;font-weight:300;color:#fff}@media(max-width: 575px){.box-career #scontainer-9{font-size:22px}}.box-career #scontainer-9 .btn{background:#22a9e1;border:0;border-radius:0;transition:all .5s ease;padding:10px 25px;min-width:200px}.box-career #scontainer-9 .btn:hover{background:#90d4f0}.box-news{background:#f0f0f0}.box-news .content{display:flex;justify-content:center;flex-wrap:wrap}.box-news .content .article{width:calc(100% - 30px);padding:0;margin:15px;overflow:hidden;height:100%;background:#fff}@media(min-width: 768px){.box-news .content .article{width:calc(33.3333333333% - 30px)}}.box-news .content .article .img{width:100%;height:250px;display:block}.box-news .content .article .img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.box-news .content .article .article-content{padding:20px}.box-news .content .article .article-content .title{font-weight:700;font-size:16px;color:#000;margin-bottom:15px;display:block}.box-news .content .article .article-content .title:hover{color:#22a9e1;text-decoration:none}.box-news .content .article .article-content .date-add{color:#000;font-size:13px;font-weight:600;text-align:left;margin-bottom:15px}.box-news .content .article .article-content .entry{color:#000;font-size:14px}.box-news .btn-more{background:#22a9e1;color:#fff;margin:25px auto 50px;font-size:14px;display:block;max-width:280px;padding:10px 25px;border-radius:0}.box-news .btn-more:hover{background:#90d4f0}.box-producer{background:#f0f0f0}.box-producer .title{text-align:center}.box-producer .title h1{display:inline-block;position:relative;font-size:2rem;line-height:48px;font-weight:400;padding-bottom:15px;margin-bottom:55px;border-bottom:2px solid #dfdfdf}.box-producer .title h1::before{content:"";display:block;width:60%;bottom:-2px;position:absolute;left:0;border-bottom:2px solid #22a9e1}.box-producer p{text-align:justify}.brand{overflow:hidden}.brand .item{display:flex;justify-content:center;align-items:center;width:150px;height:100px}.brand .item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand .slick-slide,.brand .slick-track{display:flex !important;justify-content:center;align-items:center}.brand .slick-prev,.brand .slick-next{top:50%;display:none}.brand .slick-prev:before,.brand .slick-next:before{color:#22a9e1}@media(max-width: 575px){.brand .slick-prev:before,.brand .slick-next:before{opacity:0}.brand .slick-prev:before:hover,.brand .slick-next:before:hover{opacity:1}}.brand .slick-next{right:0}.brand .slick-prev{left:0;z-index:2}.box-footer{background:#363839;text-align:center;font-size:15px;color:#fff;padding-top:50px;padding-bottom:20px}.box-footer a{transition:all .5s ease;color:#fff;font-weight:600}.box-footer a:hover{text-decoration:none;color:#90d4f0}.box-footer .row-top{margin-bottom:50px}.box-footer .row-top ul{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;row-gap:10px;-moz-column-gap:25px;column-gap:25px;list-style:none;padding:0;margin:0}#cookie-information{padding:10px;text-align:center;font-size:12px;background:#000;color:#fff}#cookie-information a{color:#90d4f0}.box-main{border-top:1px solid #f0f0f0}#scontainer-10{background:#f0f0f0;padding:50px 25px 25px}.box-articles{background:#f0f0f0}.box-articles .box-title .title,.box-articles .article .article-title .title,.article .box-articles .article-title .title{border-bottom:2px solid #000}.article-entry{background:#fff;margin-bottom:30px;border-radius:3px;overflow:hidden;height:calc(100% - 20px)}.article-entry .img img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.article-entry .article-content{padding:20px}.article-entry .article-content .date-add{color:#000;font-size:13px;font-weight:600;text-align:left;margin-bottom:15px}.article-entry .article-content .article-title a{font-weight:700;font-size:16px;color:#000;margin-bottom:15px;display:block;transition:all .5s ease}.article-entry .article-content .article-title a:hover{color:#22a9e1;text-decoration:none}.article-entry .article-content .entry p{color:#000;font-size:13px;margin-bottom:0}.pager{display:flex;justify-content:flex-start;align-items:center;padding-inline-start:0;list-style-type:none;margin-top:50px}.pager li{color:#000;font-size:13px;margin-bottom:0;margin-right:10px}.pager li a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.pager li a img{width:15px;height:15px}.pager li a.inactive{opacity:.3;pointer-events:none}.box-content{background:#fff;padding:20px 18px}.box-content:first-child{margin-bottom:30px}.box-content h4{font-weight:600;font-size:15px;color:#000;margin-bottom:15px;display:block}.box-content ul{list-style-type:none;padding-inline-start:0}.box-content ul li{margin-bottom:10px}.box-content ul li a{color:#22a9e1;transition:all .5s ease}.box-content ul li a:hover{color:#000;text-decoration:none}.article{background:#fff;padding:25px}.article .table-of-contents{box-shadow:0 0 3px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.article .table-of-contents .title{font-size:20px;margin-bottom:10px}.article .table-of-contents ol{margin-bottom:0}.article .main-image{margin-bottom:25px}.article .main-image img{max-width:100%}.article .article-title{justify-content:flex-start !important;margin-bottom:25px !important}.article .date-add{color:#000;font-size:13px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;justify-content:flex-start}.article .date-add img{margin-right:5px}.article .text h2{font-size:18px;font-weight:600}.article .text h3{font-size:16px;font-weight:600}.article .gallery{display:flex;flex-wrap:wrap}.article .gallery .image{width:calc(25% - 10px);margin:10px 10px 0 0;display:block;max-height:175px;border:1px solid #f0f0f0}@media(max-width: 767px){.article .gallery .image{width:calc(33.3333333333% - 10px)}}.article .gallery .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.article .social-icons{margin-bottom:20px}.article .btn-back{background:#22a9e1;color:#fff;margin:25px 0 0;font-size:14px;display:block;max-width:200px;padding:10px 25px;border-radius:0}.article .btn-back:hover{background:#90d4f0}#scontainer-12 h3{font-size:16px;font-weight:600}.article-18 .col-md-6,.article-18 .col-md-4,.article-27 .col-md-6,.article-27 .col-md-4{position:relative;overflow:hidden}.article-18 .col-md-6::after,.article-18 .col-md-4::after,.article-27 .col-md-6::after,.article-27 .col-md-4::after{content:"";display:block;background:rgba(0,0,0,.33);width:calc(100% - 30px);height:calc(100% - 15px);position:absolute;top:0;left:15px}.article-18 .col-md-6 p:first-child,.article-18 .col-md-4 p:first-child,.article-27 .col-md-6 p:first-child,.article-27 .col-md-4 p:first-child{width:100%;height:500px;display:block}.article-18 .col-md-6 img,.article-18 .col-md-4 img,.article-27 .col-md-6 img,.article-27 .col-md-4 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.article-18 .col-md-6 h2,.article-18 .col-md-4 h2,.article-27 .col-md-6 h2,.article-27 .col-md-4 h2{position:absolute;padding:0;margin:0;bottom:25px;left:25px;z-index:10}.article-18 .col-md-6 h2 a,.article-18 .col-md-4 h2 a,.article-27 .col-md-6 h2 a,.article-27 .col-md-4 h2 a{color:#fff;font-weight:300;font-size:30px}.article-miniature{position:relative;margin-bottom:30px}.article-miniature::after{content:"";display:block;background:rgba(0,0,0,.33);width:100%;height:100%;position:absolute;top:0;left:0}.article-miniature .img{display:block;height:300px}.article-miniature .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-miniature h2{position:absolute;padding:0;margin:0;bottom:25px;left:25px;z-index:10}.article-miniature h2 a{color:#fff;font-weight:300;font-size:30px;transition:all .5s ease}.article-miniature h2 a:hover{text-decoration:none;color:#22a9e1}#contact-form{font-size:13px}#contact-form .form-control{border-radius:0;font-size:13px}#contact-form .captcha span{font-size:13px !important}#contact-form .btn{background:#22a9e1;color:#fff;text-transform:uppercase;border:0;border-radius:0;font-size:13px;width:125px;text-align:center;padding:10px 15px}.alert-success{margin:0 0 50px;border:0;border-radius:0;background:#22a9e1;color:#fff}.article-71 .gallery .image img,.article-72 .gallery .image img,.article-73 .gallery .image img,.article-74 .gallery .image img,.article-75 .gallery .image img,.article-76 .gallery .image img,.article-77 .gallery .image img,.article-78 .gallery .image img,.article-94 .gallery .image img,.article-95 .gallery .image img,.article-96 .gallery .image img,.article-97 .gallery .image img,.article-98 .gallery .image img,.article-99 .gallery .image img{-o-object-fit:cover;object-fit:cover}#link-68>a{pointer-events:none}#link-73 img{max-width:130px}#scontainer-53{max-height:calc(100vh - 214px);background:#000}#scontainer-53 .scontainer-content{height:100%}#scontainer-53 .scontainer-content p{height:100%;text-align:center}#scontainer-53 .scontainer-content video{width:100%;height:100%;max-height:calc(100vh - 214px);margin-bottom:-6px}body .article-122 .gallery a.image img{-o-object-fit:cover;object-fit:cover}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";body{font-family:"Open Sans",sans-serif;font-size:15px}body.noscroll{position:fixed;overflow:hidden}.scontainer-content h2{font-size:18px;font-weight:600}.box-border{padding:25px;border:1px solid #f0f0f0;border-radius:3px}@media(max-width: 767px){.box-border{padding:15px}.box-border .col-md-3{flex:0 0 25% !important;max-width:25% !important}.box-border .col-md-9{flex:0 0 75% !important;max-width:75% !important}}.fac{display:flex;flex-wrap:wrap;align-items:center;align-self:center}.fac .row{width:100%;padding:10px 0}.fac .row p{margin-bottom:0}.box-top,#scontainer-12,#scontainer-11,.box-contact #scontainer-8,.box-main #scontainer-8{padding-top:75px}.box{padding:75px 0}@media(max-width: 767px){.box{padding:50px 0}}@media(max-width: 767px){.box{padding:25px 0}}.box .box-title,.box .article .article-title,.article .box .article-title{text-align:center;font-size:22px;position:relative;margin:0 auto 75px;display:flex;justify-content:center}@media(max-width: 767px){.box .box-title,.box .article .article-title,.article .box .article-title{margin-bottom:25px}}.box .box-title .title,.box .article .article-title .title,.article .box .article-title .title{padding-bottom:15px;border-bottom:2px solid #f0f0f0;position:relative;font-size:32px}@media(max-width: 575px){.box .box-title .title,.box .article .article-title .title,.article .box .article-title .title{font-size:22px}}.box .box-title .title::after,.box .article .article-title .title::after,.article .box .article-title .title::after{content:"";display:block;width:60%;bottom:-2px;position:absolute;left:0;border-bottom:2px solid #22a9e1}.top{background:#f0f0f0;color:#000;padding:10px 0;position:relative}.top #scontainer-1 img{margin-right:5px}.top #scontainer-2{display:flex;justify-content:flex-end}.top #scontainer-2 a{color:#000;font-size:14px}.top #scontainer-2 a:hover{text-decoration:none}.top p{margin:0}.top .language{position:absolute;top:0;right:5px;bottom:0;z-index:999}@media(max-width: 767px){.top .language{top:65px}}.top .language #languages{height:100%}.top .language #languages .container{height:100%}.top .language #languages .container .row{height:100%}.top .language #languages ul{display:flex;align-items:center;margin:0;padding:0;list-style:none;height:100%}.top .language #languages ul li{margin:0 5px}.top .language #languages ul li:first-child{margin-left:0}.top .language #languages ul li:last-child{margin-right:0}.top .language #languages ul li.active{display:none}.top .language #languages ul li a img{height:16px}.header{padding:25px 0}.header .col-lg-3{width:100% !important;flex:0 0 100%;max-width:100%}.header .logo{display:block;width:100%;max-width:300px;margin:0 auto 25px}.header .logo img{width:100%;max-width:387px}.header #main-menu-btn{height:50px;width:50px;position:fixed;bottom:10px;right:10px;color:#fff;background:#000;display:none;z-index:9999;line-height:50px;cursor:pointer;border-radius:50%;align-items:center;justify-content:center;font-size:30px}@media(max-width: 767px){.header #main-menu-btn{display:flex}}.header .main-menu-container{display:flex;align-items:center;justify-content:center;width:100% !important;flex:0 0 100%;max-width:100%}@media(max-width: 1199px){.header .main-menu-container{justify-content:center}}@media(max-width: 767px){.header #main-menu{display:none}.header #main-menu.visible{display:block;position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;z-index:20;overflow-y:scroll}.header #main-menu.visible #menu-container-1{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.header #main-menu.visible #menu-container-1>ul{display:block;width:100%;text-align:center;padding:20px;border:1px solid #f0f0f0;border-radius:3px;height:100%}.header #main-menu.visible #menu-container-1>ul li ul{position:static;background:#fff}}@media(min-width: 768px){.header #main-menu.sticky{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:50}.header #main-menu.sticky #menu-container-1>ul{justify-content:center;height:75px;align-items:center}}.header #main-menu ul{display:flex;margin:0;padding:0;justify-content:flex-end;list-style-type:none}@media(max-width: 767px){.header #main-menu ul{width:100%}}.header #main-menu ul.level-0{flex-wrap:wrap;justify-content:center}.header #main-menu ul li{position:relative;display:flex;align-items:center}.header #main-menu ul li#link-1{display:none}@media(min-width: 768px){.header #main-menu ul li#link-73{position:absolute;top:-70px;right:0}}.header #main-menu ul li.li-level-1 a{width:calc(100% - 18px)}@media(max-width: 767px){.header #main-menu ul li.li-level-1 a{width:calc(100% - 32px);color:#000;text-align:left;border:0 solid #000}}.header #main-menu ul li.li-level-1 i{color:#fff;margin-right:10px}@media(max-width: 767px){.header #main-menu ul li.li-level-1 i{color:#000;margin-right:0}}@media(max-width: 767px){.header #main-menu ul li{justify-content:space-between;flex-wrap:wrap}}.header #main-menu ul li i{font-size:13px;margin-right:5px;display:flex;height:32px;width:32px;align-items:center;justify-content:center}@media(min-width: 768px){.header #main-menu ul li i{width:13px}}@media(max-width: 767px){.header #main-menu ul li i{margin-right:0}}.header #main-menu ul li a{display:block;padding:5px 10px;color:#000;transition:all .5s ease;font-size:15px;white-space:nowrap}@media(min-width: 992px)and (max-width: 1199px){.header #main-menu ul li a{padding:5px 6px}}.header #main-menu ul li a:hover{text-decoration:none;color:#90d4f0}@media(min-width: 768px){.header #main-menu ul li:hover>ul{display:block}}@media(max-width: 767px){.header #main-menu ul li.active>ul{display:block}}.header #main-menu ul li>ul{display:none;position:absolute;top:calc(100% - 1px);left:0;background:rgba(0,0,0,.8);z-index:50}.header #main-menu ul li>ul li a{border-bottom:1px solid #262626;color:#fff;padding:10px 25px;font-size:14px}@media(min-width: 768px){.header #main-menu ul li>ul li:hover>ul{display:block}}.header #main-menu ul li>ul li ul{position:absolute;background:rgba(0,0,0,.85);left:99%;top:0;display:none}@media(max-width: 767px){.header #main-menu ul li>ul li ul{padding-left:25px}}.header #main-menu ul li>ul li ul li a{padding-left:20px}.header #main-menu ul li>ul li ul ul{background:rgba(0,0,0,.9)}.carousel-banner{position:relative}.carousel-banner .wosp{position:absolute;bottom:25px;left:25px;z-index:99}.carousel-banner .wosp img{max-width:150px}@media(max-width: 767px){.carousel-banner .wosp img{max-width:100px}}.carousel-banner .slider .item{position:relative}.carousel-banner .slider .item .content{position:absolute;background:rgba(0,0,0,.75);bottom:25px;padding:50px;max-width:1140px;left:50%;transform:translateX(-50%)}.carousel-banner .slider .item .content h1{color:#fff;font-size:36px;font-weight:500;margin:0 0 15px}.carousel-banner .slider .item .content h2{color:#fff;font-size:20px;font-weight:300;margin:0 0 15px}.carousel-banner .slider .item .content .text{color:#fff;font-size:14px;font-weight:300}.carousel-banner .slider .item .content .text a{color:#90d4f0}.carousel-banner .slider .item img{width:100%;-o-object-fit:cover;object-fit:cover}#scontainer-4 .col-md-6,#scontainer-14 .col-md-6{position:relative;overflow:hidden;height:550px;margin-bottom:30px}#scontainer-4 .col-md-6 p:first-child,#scontainer-14 .col-md-6 p:first-child{display:block;height:550px;overflow:hidden}#scontainer-4 .col-md-6 img,#scontainer-14 .col-md-6 img{transition:all .5s ease;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#scontainer-4 .col-md-6:hover img,#scontainer-14 .col-md-6:hover img{transform:scale(1.1)}#scontainer-4 .col-md-6 h2,#scontainer-14 .col-md-6 h2{position:absolute;bottom:85px;font-weight:600;font-size:52px;width:calc(100% - 30px);color:#fff;text-transform:uppercase}#scontainer-4 .col-md-6 h2 a,#scontainer-14 .col-md-6 h2 a{color:#fff}#scontainer-4 .col-md-6 p,#scontainer-14 .col-md-6 p{margin:0;padding:0}#scontainer-4 .col-md-6 .btn,#scontainer-14 .col-md-6 .btn{position:absolute;bottom:35px;background:#22a9e1;color:#fff;border:0;transition:all .5s ease;transform:translateX(-50%);padding:10px 25px;border-radius:0}#scontainer-4 .col-md-6 .btn:hover,#scontainer-14 .col-md-6 .btn:hover{background:#000}#scontainer-16 .col-md-6,#scontainer-18 .col-md-6,#scontainer-20 .col-md-6,#scontainer-22 .col-md-6,#scontainer-23 .col-md-6,#scontainer-25 .col-md-6,#scontainer-26 .col-md-6,#scontainer-27 .col-md-6,#scontainer-29 .col-md-6,#scontainer-31 .col-md-6{position:relative;overflow:hidden;height:550px;margin-bottom:30px;padding-bottom:100px}#scontainer-16 .col-md-6 p:first-child,#scontainer-18 .col-md-6 p:first-child,#scontainer-20 .col-md-6 p:first-child,#scontainer-22 .col-md-6 p:first-child,#scontainer-23 .col-md-6 p:first-child,#scontainer-25 .col-md-6 p:first-child,#scontainer-26 .col-md-6 p:first-child,#scontainer-27 .col-md-6 p:first-child,#scontainer-29 .col-md-6 p:first-child,#scontainer-31 .col-md-6 p:first-child{display:block;height:550px;overflow:hidden}#scontainer-16 .col-md-6 img,#scontainer-18 .col-md-6 img,#scontainer-20 .col-md-6 img,#scontainer-22 .col-md-6 img,#scontainer-23 .col-md-6 img,#scontainer-25 .col-md-6 img,#scontainer-26 .col-md-6 img,#scontainer-27 .col-md-6 img,#scontainer-29 .col-md-6 img,#scontainer-31 .col-md-6 img{transition:all .5s ease;height:100%;width:100%;-o-object-fit:contain;object-fit:contain}#scontainer-16 .col-md-6:hover img,#scontainer-18 .col-md-6:hover img,#scontainer-20 .col-md-6:hover img,#scontainer-22 .col-md-6:hover img,#scontainer-23 .col-md-6:hover img,#scontainer-25 .col-md-6:hover img,#scontainer-26 .col-md-6:hover img,#scontainer-27 .col-md-6:hover img,#scontainer-29 .col-md-6:hover img,#scontainer-31 .col-md-6:hover img{transform:scale(1.1)}#scontainer-16 .col-md-6 h2,#scontainer-18 .col-md-6 h2,#scontainer-20 .col-md-6 h2,#scontainer-22 .col-md-6 h2,#scontainer-23 .col-md-6 h2,#scontainer-25 .col-md-6 h2,#scontainer-26 .col-md-6 h2,#scontainer-27 .col-md-6 h2,#scontainer-29 .col-md-6 h2,#scontainer-31 .col-md-6 h2{position:absolute;bottom:45px;font-weight:600;font-size:26px;width:calc(100% - 30px);color:#fff;text-transform:uppercase}#scontainer-16 .col-md-6 h2 a,#scontainer-18 .col-md-6 h2 a,#scontainer-20 .col-md-6 h2 a,#scontainer-22 .col-md-6 h2 a,#scontainer-23 .col-md-6 h2 a,#scontainer-25 .col-md-6 h2 a,#scontainer-26 .col-md-6 h2 a,#scontainer-27 .col-md-6 h2 a,#scontainer-29 .col-md-6 h2 a,#scontainer-31 .col-md-6 h2 a{color:#22a9e1}#scontainer-16 .col-md-6 p,#scontainer-18 .col-md-6 p,#scontainer-20 .col-md-6 p,#scontainer-22 .col-md-6 p,#scontainer-23 .col-md-6 p,#scontainer-25 .col-md-6 p,#scontainer-26 .col-md-6 p,#scontainer-27 .col-md-6 p,#scontainer-29 .col-md-6 p,#scontainer-31 .col-md-6 p{margin:0;padding:0}#scontainer-16 .col-md-6 .btn,#scontainer-18 .col-md-6 .btn,#scontainer-20 .col-md-6 .btn,#scontainer-22 .col-md-6 .btn,#scontainer-23 .col-md-6 .btn,#scontainer-25 .col-md-6 .btn,#scontainer-26 .col-md-6 .btn,#scontainer-27 .col-md-6 .btn,#scontainer-29 .col-md-6 .btn,#scontainer-31 .col-md-6 .btn{position:absolute;bottom:5px;background:#22a9e1;color:#fff;border:0;transition:all .5s ease;transform:translateX(-50%);padding:5px 25px;border-radius:0;font-size:15px}#scontainer-16 .col-md-6 .btn:hover,#scontainer-18 .col-md-6 .btn:hover,#scontainer-20 .col-md-6 .btn:hover,#scontainer-22 .col-md-6 .btn:hover,#scontainer-23 .col-md-6 .btn:hover,#scontainer-25 .col-md-6 .btn:hover,#scontainer-26 .col-md-6 .btn:hover,#scontainer-27 .col-md-6 .btn:hover,#scontainer-29 .col-md-6 .btn:hover,#scontainer-31 .col-md-6 .btn:hover{background:#000}.box-guarantee{color:#fff;background-image:url("/upload/filemanager/layout/box-guarantee-bg.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%;position:relative}.box-guarantee::after{content:"";display:block;background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.box-guarantee #scontainer-5{position:relative;z-index:10;font-size:38px;font-weight:300}@media(max-width: 575px){.box-guarantee #scontainer-5{font-size:26px}}.box-directories #scontainer-6 .col-md-3{position:relative;padding-left:0;padding-right:0;margin-left:15px;margin-right:15px;margin-bottom:25px}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3{max-width:100%;margin-bottom:15px}}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3 h3{font-size:22px}}.box-directories #scontainer-6 .col-md-3 p{margin:0;padding:0}.box-directories #scontainer-6 .col-md-3 .text{position:absolute;top:50%;width:100%;padding:0 15px;transform:translateY(-50%);transition:all .5s ease;opacity:0}.box-directories #scontainer-6 .col-md-3 .text *{margin:0;padding:0}@media(max-width: 575px){.box-directories #scontainer-6 .col-md-3 .text p{display:none}}.box-directories #scontainer-6 .col-md-3 .text a{color:#fff}.box-directories #scontainer-6 .col-md-3 .text a:hover{text-decoration:none;color:#000}.box-directories #scontainer-6 .col-md-3 img{display:block;max-width:100% !important;position:relative;z-index:1}.box-directories #scontainer-6 .col-md-3:hover::after{height:100%;z-index:2}.box-directories #scontainer-6 .col-md-3:hover .text{z-index:10;opacity:1}.box-directories #scontainer-6 .col-md-3::after{background:#22a9e1;content:"";display:block;position:absolute;top:0;left:0;position:absolute;z-index:0;width:100%;height:0;transition:all .5s ease}.box-contact a,.box-main a{color:#22a9e1;transition:all .5s ease}.box-contact a:hover,.box-main a:hover{text-decoration:none;color:#000}.box-contact .nav-tabs,.box-main .nav-tabs{margin-bottom:25px}.box-contact .nav-tabs li a,.box-main .nav-tabs li a{padding:10px 20px;border:1px solid #f0f0f0;margin-bottom:-1px;display:block}.box-contact .nav-tabs li a.active,.box-main .nav-tabs li a.active{background:#22a9e1;color:#fff}.box-career{background-image:url("/upload/filemanager/layout/box-career-bg.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:0 0;box-shadow:0 0 0 0 #fff}.box-career #scontainer-9{font-size:38px;font-weight:300;color:#fff}@media(max-width: 575px){.box-career #scontainer-9{font-size:22px}}.box-career #scontainer-9 .btn{background:#22a9e1;border:0;border-radius:0;transition:all .5s ease;padding:10px 25px;min-width:200px}.box-career #scontainer-9 .btn:hover{background:#90d4f0}.box-news{background:#f0f0f0}.box-news .content{display:flex;justify-content:center;flex-wrap:wrap}.box-news .content .article{width:calc(100% - 30px);padding:0;margin:15px;overflow:hidden;height:100%;background:#fff}@media(min-width: 768px){.box-news .content .article{width:calc(33.3333333333% - 30px)}}.box-news .content .article .img{width:100%;height:250px;display:block}.box-news .content .article .img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.box-news .content .article .article-content{padding:20px}.box-news .content .article .article-content .title{font-weight:700;font-size:16px;color:#000;margin-bottom:15px;display:block}.box-news .content .article .article-content .title:hover{color:#22a9e1;text-decoration:none}.box-news .content .article .article-content .date-add{color:#000;font-size:13px;font-weight:600;text-align:left;margin-bottom:15px}.box-news .content .article .article-content .entry{color:#000;font-size:14px}.box-news .btn-more{background:#22a9e1;color:#fff;margin:25px auto 50px;font-size:14px;display:block;max-width:280px;padding:10px 25px;border-radius:0}.box-news .btn-more:hover{background:#90d4f0}.box-producer{background:#f0f0f0}.box-producer .title{text-align:center}.box-producer .title h1{display:inline-block;position:relative;font-size:2rem;line-height:48px;font-weight:400;padding-bottom:15px;margin-bottom:55px;border-bottom:2px solid #dfdfdf}.box-producer .title h1::before{content:"";display:block;width:60%;bottom:-2px;position:absolute;left:0;border-bottom:2px solid #22a9e1}.box-producer p{text-align:justify}.brand{overflow:hidden}.brand .item{display:flex;justify-content:center;align-items:center;width:150px;height:100px}.brand .item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand .slick-slide,.brand .slick-track{display:flex !important;justify-content:center;align-items:center}.brand .slick-prev,.brand .slick-next{top:50%;display:none}.brand .slick-prev:before,.brand .slick-next:before{color:#22a9e1}@media(max-width: 575px){.brand .slick-prev:before,.brand .slick-next:before{opacity:0}.brand .slick-prev:before:hover,.brand .slick-next:before:hover{opacity:1}}.brand .slick-next{right:0}.brand .slick-prev{left:0;z-index:2}.box-footer{background:#363839;text-align:center;font-size:15px;color:#fff;padding-top:50px;padding-bottom:20px}.box-footer a{transition:all .5s ease;color:#fff;font-weight:600}.box-footer a:hover{text-decoration:none;color:#90d4f0}.box-footer .row-top{margin-bottom:50px}.box-footer .row-top ul{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;row-gap:10px;-moz-column-gap:25px;column-gap:25px;list-style:none;padding:0;margin:0}#cookie-information{padding:10px;text-align:center;font-size:12px;background:#000;color:#fff}#cookie-information a{color:#90d4f0}.box-main{border-top:1px solid #f0f0f0}#scontainer-10{background:#f0f0f0;padding:50px 25px 25px}.box-articles{background:#f0f0f0}.box-articles .box-title .title,.box-articles .article .article-title .title,.article .box-articles .article-title .title{border-bottom:2px solid #000}.article-entry{background:#fff;margin-bottom:30px;border-radius:3px;overflow:hidden;height:calc(100% - 20px)}.article-entry .img img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.article-entry .article-content{padding:20px}.article-entry .article-content .date-add{color:#000;font-size:13px;font-weight:600;text-align:left;margin-bottom:15px}.article-entry .article-content .article-title a{font-weight:700;font-size:16px;color:#000;margin-bottom:15px;display:block;transition:all .5s ease}.article-entry .article-content .article-title a:hover{color:#22a9e1;text-decoration:none}.article-entry .article-content .entry p{color:#000;font-size:13px;margin-bottom:0}.pager{display:flex;justify-content:flex-start;align-items:center;padding-inline-start:0;list-style-type:none;margin-top:50px}.pager li{color:#000;font-size:13px;margin-bottom:0;margin-right:10px}.pager li a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.pager li a img{width:15px;height:15px}.pager li a.inactive{opacity:.3;pointer-events:none}.box-content{background:#fff;padding:20px 18px}.box-content:first-child{margin-bottom:30px}.box-content h4{font-weight:600;font-size:15px;color:#000;margin-bottom:15px;display:block}.box-content ul{list-style-type:none;padding-inline-start:0}.box-content ul li{margin-bottom:10px}.box-content ul li a{color:#22a9e1;transition:all .5s ease}.box-content ul li a:hover{color:#000;text-decoration:none}.article{background:#fff;padding:25px}.article .table-of-contents{box-shadow:0 0 3px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.article .table-of-contents .title{font-size:20px;margin-bottom:10px}.article .table-of-contents ol{margin-bottom:0}.article .main-image{margin-bottom:25px}.article .main-image img{max-width:100%}.article .article-title{justify-content:flex-start !important;margin-bottom:25px !important}.article .date-add{color:#000;font-size:13px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;justify-content:flex-start}.article .date-add img{margin-right:5px}.article .text h2{font-size:18px;font-weight:600}.article .text h3{font-size:16px;font-weight:600}.article .gallery{display:flex;flex-wrap:wrap}.article .gallery .image{width:calc(25% - 10px);margin:10px 10px 0 0;display:block;max-height:175px;border:1px solid #f0f0f0}@media(max-width: 767px){.article .gallery .image{width:calc(33.3333333333% - 10px)}}.article .gallery .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.article .social-icons{margin-bottom:20px}.article .btn-back{background:#22a9e1;color:#fff;margin:25px 0 0;font-size:14px;display:block;max-width:200px;padding:10px 25px;border-radius:0}.article .btn-back:hover{background:#90d4f0}#scontainer-12 h3{font-size:16px;font-weight:600}.article-18 .col-md-6,.article-18 .col-md-4,.article-27 .col-md-6,.article-27 .col-md-4{position:relative;overflow:hidden}.article-18 .col-md-6::after,.article-18 .col-md-4::after,.article-27 .col-md-6::after,.article-27 .col-md-4::after{content:"";display:block;background:rgba(0,0,0,.33);width:calc(100% - 30px);height:calc(100% - 15px);position:absolute;top:0;left:15px}.article-18 .col-md-6 p:first-child,.article-18 .col-md-4 p:first-child,.article-27 .col-md-6 p:first-child,.article-27 .col-md-4 p:first-child{width:100%;height:500px;display:block}.article-18 .col-md-6 img,.article-18 .col-md-4 img,.article-27 .col-md-6 img,.article-27 .col-md-4 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.article-18 .col-md-6 h2,.article-18 .col-md-4 h2,.article-27 .col-md-6 h2,.article-27 .col-md-4 h2{position:absolute;padding:0;margin:0;bottom:25px;left:25px;z-index:10}.article-18 .col-md-6 h2 a,.article-18 .col-md-4 h2 a,.article-27 .col-md-6 h2 a,.article-27 .col-md-4 h2 a{color:#fff;font-weight:300;font-size:30px}.article-miniature{position:relative;margin-bottom:30px}.article-miniature::after{content:"";display:block;background:rgba(0,0,0,.33);width:100%;height:100%;position:absolute;top:0;left:0}.article-miniature .img{display:block;height:300px}.article-miniature .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-miniature h2{position:absolute;padding:0;margin:0;bottom:25px;left:25px;z-index:10}.article-miniature h2 a{color:#fff;font-weight:300;font-size:30px;transition:all .5s ease}.article-miniature h2 a:hover{text-decoration:none;color:#22a9e1}#contact-form{font-size:13px}#contact-form .form-control{border-radius:0;font-size:13px}#contact-form .captcha span{font-size:13px !important}#contact-form .btn{background:#22a9e1;color:#fff;text-transform:uppercase;border:0;border-radius:0;font-size:13px;width:125px;text-align:center;padding:10px 15px}.alert-success{margin:0 0 50px;border:0;border-radius:0;background:#22a9e1;color:#fff}.article-71 .gallery .image img,.article-72 .gallery .image img,.article-73 .gallery .image img,.article-74 .gallery .image img,.article-75 .gallery .image img,.article-76 .gallery .image img,.article-77 .gallery .image img,.article-78 .gallery .image img,.article-94 .gallery .image img,.article-95 .gallery .image img,.article-96 .gallery .image img,.article-97 .gallery .image img,.article-98 .gallery .image img,.article-99 .gallery .image img{-o-object-fit:cover;object-fit:cover}#link-68>a{pointer-events:none}#link-73 img{max-width:130px}#scontainer-53{max-height:calc(100vh - 214px);background:#000}#scontainer-53 .scontainer-content{height:100%}#scontainer-53 .scontainer-content p{height:100%;text-align:center}#scontainer-53 .scontainer-content video{width:100%;height:100%;max-height:calc(100vh - 214px);margin-bottom:-6px}body .article-122 .gallery a.image img{-o-object-fit:cover;object-fit:cover}.box-promo{padding-bottom:0;text-align:center}.box-promo #scontainer-55{max-width:690px;margin:0 auto}.box-promo #scontainer-55 .box-title,.box-promo #scontainer-55 .article .article-title,.article .box-promo #scontainer-55 .article-title{margin:0 auto 35px}.box-promo #scontainer-55 a{color:#22a9e1;transition:.5s}.box-promo #scontainer-55 a:hover{color:#000;text-decoration:none}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/layout/style-css/style.css.map b/layout/style-css/style.css.map index 92abfbe..0e8f3a8 100644 --- a/layout/style-css/style.css.map +++ b/layout/style-css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\style-scss\\style.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"AAEQ,8IAAA,CAMR,KACE,kCAAA,CACA,cAAA,CAEA,cACE,cAAA,CACA,eAAA,CAKF,uBACE,cAAA,CACA,eAAA,CAIJ,YACE,YAAA,CACA,wBAAA,CACA,iBAAA,CCTE,yBDMJ,YAMI,YAAA,CAEA,sBAEE,uBAAA,CACA,wBAAA,CAGF,sBAEE,uBAAA,CACA,wBAAA,CAAA,CAKN,KACE,YAAA,CACA,cAAA,CACA,kBAAA,CACA,iBAAA,CAEA,UACE,UAAA,CACA,cAAA,CAEA,YACE,eAAA,CAKN,0FACE,gBAAA,CAGF,KACE,cAAA,CCjDE,yBDgDJ,KAII,cAAA,CAAA,CCpDA,yBDgDJ,KAQI,cAAA,CAAA,CAGF,0EACE,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,sBAAA,CCjEA,yBD2DF,0EASI,kBAAA,CAAA,CAGF,+FACE,mBAAA,CACA,+BAAA,CACA,iBAAA,CACA,cAAA,CC3EF,yBDuEA,+FAOI,cAAA,CAAA,CAGF,oHACE,UAAA,CACA,aAAA,CACA,SAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,+BAAA,CAMR,KACE,kBA/GW,CAgHX,UA/GO,CAgHP,cAAA,CACA,iBAAA,CAGE,uBACE,gBAAA,CAIJ,mBACE,YAAA,CACA,wBAAA,CAEA,qBACE,UA9HG,CA+HH,cAAA,CAEA,2BACE,oBAAA,CAKN,OACE,QAAA,CAGF,eACE,iBAAA,CACA,KAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CCjIA,yBD4HF,eAQI,QAAA,CAAA,CAGF,0BACE,WAAA,CAEA,qCACE,WAAA,CAEA,0CACE,WAAA,CAIJ,6BACE,YAAA,CACA,kBAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,WAAA,CAEA,gCACE,YAAA,CAEA,4CACE,aAAA,CAGF,2CACE,cAAA,CAGF,uCACE,YAAA,CAIA,sCACE,WAAA,CASd,QACE,cAAA,CAEA,kBACE,qBAAA,CACA,aAAA,CACA,cAAA,CAGF,cACE,aAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CAEA,kBACE,UAAA,CACA,eAAA,CAIJ,uBACE,WAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,UAAA,CACA,UAAA,CACA,eA/NK,CAgOL,YAAA,CACA,YAAA,CACA,gBAAA,CACA,cAAA,CAGA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CC1NA,yBDyMF,uBAoBI,YAAA,CAAA,CAIJ,6BACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,aAAA,CACA,cAAA,CCvOA,0BDiOF,6BASI,sBAAA,CAAA,CC1OF,yBD8OF,mBAEI,YAAA,CAEA,2BACE,aAAA,CACA,cAAA,CACA,KAAA,CACA,MAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CAEA,6CACE,YAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gDACE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,WAAA,CAGE,sDACE,eAAA,CACA,eAAA,CAAA,CC1RZ,yBDkSA,0BAEI,cAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CAEA,+CACE,sBAAA,CACA,WAAA,CACA,kBAAA,CAAA,CAKN,sBACE,YAAA,CACA,QAAA,CACA,SAAA,CACA,wBAAA,CACA,oBAAA,CC9SF,yBDySA,sBAQI,UAAA,CAAA,CAGF,8BACE,cAAA,CACA,sBAAA,CAGF,yBAoCE,iBAAA,CACA,YAAA,CACA,kBAAA,CArCA,gCACE,YAAA,CCrUN,yBDwUI,iCAEI,iBAAA,CACA,SAAA,CACA,OAAA,CAAA,CAKF,sCACE,uBAAA,CCxUR,yBDuUM,sCAII,uBAAA,CACA,UA3VL,CA4VK,eAAA,CACA,mBAAA,CAAA,CAIJ,sCACE,UAAA,CACA,iBAAA,CCpVR,yBDkVM,sCAKI,UAtWL,CAuWK,cAAA,CAAA,CCxVV,yBDyTE,yBAyCI,6BAAA,CACA,cAAA,CAAA,CAGF,2BACE,cAAA,CACA,gBAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,sBAAA,CCvXN,yBDgXI,2BAUI,UAAA,CAAA,CChXR,yBDsWI,2BAcI,cAAA,CAAA,CAIJ,2BACE,aAAA,CACA,gBAAA,CACA,UA1YD,CCkDP,uBAAA,CD0VQ,cAAA,CACA,kBAAA,CCnXN,gDD6WI,2BASI,eAAA,CAAA,CAGF,iCACE,oBAAA,CACA,aApZJ,CCIJ,yBDsZQ,kCACE,aAAA,CAAA,CC7YV,yBDoZQ,mCACE,aAAA,CAAA,CAKN,4BACE,YAAA,CACA,iBAAA,CACA,oBAAA,CACA,MAAA,CACA,yBAAA,CACA,UAAA,CAGE,iCACE,+BAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA,CCjbV,yBDsbY,wCACE,aAAA,CAAA,CAKN,kCACE,iBAAA,CACA,0BAAA,CACA,QAAA,CACA,KAAA,CACA,YAAA,CCvbV,yBDkbQ,kCAQI,iBAAA,CAAA,CAIA,uCACE,iBAAA,CAIJ,qCACE,yBAAA,CAUhB,iBACE,iBAAA,CAEA,uBACE,iBAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAEA,2BACE,eAAA,CCxdF,yBDudA,2BAII,eAAA,CAAA,CAMJ,+BACE,iBAAA,CAEA,wCACE,iBAAA,CACA,0BAAA,CACA,WAAA,CACA,YAAA,CACA,gBAAA,CACA,QAAA,CACA,0BAAA,CAEA,2CACE,UAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAGF,2CACE,UAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAGF,8CACE,UAAA,CACA,cAAA,CACA,eAAA,CAEA,gDACE,aA/gBJ,CAohBF,mCACE,UAAA,CAEA,mBAAA,CAAA,gBAAA,CAgBN,iDACE,iBAAA,CACA,eAAA,CACA,YAAA,CACA,kBAAA,CAEA,6EACE,aAAA,CACA,YAAA,CACA,eAAA,CAGF,yDClgBF,uBAAA,CDogBI,WAAA,CACA,UAAA,CACA,mBAAA,CAAA,gBAAA,CAIA,qEACE,oBAAA,CAIJ,uDACE,iBAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,uBAAA,CACA,UAAA,CACA,wBAAA,CAEA,2DACE,UAAA,CAIJ,qDACE,QAAA,CACA,SAAA,CAGF,2DACE,iBAAA,CACA,WAAA,CACA,kBArlBM,CAslBN,UAAA,CACA,QAAA,CCviBJ,uBAAA,CDyiBI,0BAAA,CACA,iBAAA,CACA,eAAA,CAEA,uEACE,eAhmBC,CAgnBP,0PACE,iBAAA,CACA,eAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CAEA,sYACE,aAAA,CACA,YAAA,CACA,eAAA,CAGF,kSC3kBF,uBAAA,CD6kBI,WAAA,CACA,UAAA,CACA,qBAAA,CAAA,kBAAA,CAIA,8VACE,oBAAA,CAIJ,wRACE,iBAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,uBAAA,CACA,UAAA,CACA,wBAAA,CAEA,4SACE,aAlpBI,CAspBR,8QACE,QAAA,CACA,SAAA,CAGF,4SACE,iBAAA,CACA,UAAA,CACA,kBA9pBM,CA+pBN,UAAA,CACA,QAAA,CChnBJ,uBAAA,CDknBI,0BAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CAEA,wWACE,eA1qBC,CAgrBT,eACE,UAAA,CACA,uEAAA,CACA,2BAAA,CACA,qBAAA,CACA,2BAAA,CACA,2BAAA,CACA,iBAAA,CAEA,sBACE,UAAA,CACA,aAAA,CACA,yBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGF,6BACE,iBAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CCzrBA,yBDqrBF,6BAOI,cAAA,CAAA,CAOF,yCACE,iBAAA,CACA,cAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CCzsBF,yBDmsBA,yCASI,cAAA,CACA,kBAAA,CAAA,CC7sBJ,yBDgtBE,4CAEI,cAAA,CAAA,CAIJ,2CACE,QAAA,CACA,SAAA,CAGF,+CACE,iBAAA,CACA,OAAA,CACA,UAAA,CACA,cAAA,CACA,0BAAA,CC7rBN,uBAAA,CD+rBM,SAAA,CAEA,iDACE,QAAA,CACA,SAAA,CCtuBN,yBDyuBI,iDAEI,YAAA,CAAA,CAIJ,iDACE,UAAA,CAEA,uDACE,oBAAA,CACA,UAnwBH,CAwwBH,6CACE,aAAA,CACA,yBAAA,CACA,iBAAA,CACA,SAAA,CAIA,sDACE,WAAA,CACA,SAAA,CAGF,qDACE,UAAA,CACA,SAAA,CAIJ,gDACE,kBA1xBI,CA2xBJ,UAAA,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CACA,QAAA,CCnvBN,uBAAA,CDgwBA,2BACE,aAjzBQ,CCgDV,uBAAA,CDowBE,uCACE,oBAAA,CACA,UAxzBG,CA4zBP,2CACE,kBAAA,CAGE,qDACE,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CAEA,mEACE,kBAr0BE,CAs0BF,UAAA,CAOV,YACE,oEAAA,CACA,2BAAA,CACA,qBAAA,CACA,2BAAA,CACA,uBAAA,CACA,uBAAA,CAEA,0BACE,cAAA,CACA,eAAA,CACA,UAAA,CC30BA,yBDw0BF,0BAMI,cAAA,CAAA,CAGF,+BACE,kBA/1BM,CAg2BN,QAAA,CACA,eAAA,CCjzBJ,uBAAA,CDmzBI,iBAAA,CACA,eAAA,CAEA,qCACE,kBAx2BA,CA82BR,UACE,kBAj3BW,CAm3BX,mBACE,YAAA,CACA,sBAAA,CACA,cAAA,CAEA,4BACE,uBAAA,CACA,SAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CCx3BF,yBDk3BA,4BASI,iCAAA,CAAA,CAGF,iCACE,UAAA,CACA,YAAA,CACA,aAAA,CAEA,qCACE,WAAA,CACA,UAAA,CACA,mBAAA,CAAA,gBAAA,CAIJ,6CACE,YAAA,CAEA,oDACE,eAAA,CACA,cAAA,CACA,UAr5BD,CAs5BC,kBAAA,CACA,aAAA,CAEA,0DACE,aAx5BA,CAy5BA,oBAAA,CAIJ,uDACE,UAh6BD,CAi6BC,cAAA,CACA,eAAA,CACA,eAAA,CACA,kBAAA,CAGF,oDACE,UAx6BD,CAy6BC,cAAA,CAMR,oBACE,kBA96BQ,CA+6BR,UAAA,CACA,qBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CAEA,0BACE,kBAz7BE,CA87BR,cACE,kBAj8BW,CAm8BX,qBACE,iBAAA,CAEA,wBACE,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,+BAAA,CAEA,gCACE,UAAA,CACA,aAAA,CACA,SAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,+BAAA,CAKN,gBACE,kBAAA,CAIJ,OACE,eAAA,CAEA,aACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,WAAA,CACA,YAAA,CAEA,iBACE,UAAA,CACA,WAAA,CACA,qBAAA,CAAA,kBAAA,CAIJ,wCAEE,uBAAA,CACA,sBAAA,CACA,kBAAA,CAGF,sCAEE,OAAA,CACA,YAAA,CAEA,oDACE,aA5/BM,CCaR,yBD8+BA,oDAII,SAAA,CAEA,gEACE,SAAA,CAAA,CAMR,mBACE,OAAA,CAGF,mBACE,MAAA,CACA,SAAA,CAIJ,YACE,kBAAA,CACA,iBAAA,CACA,cAAA,CACA,UAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cC1+BA,uBAAA,CD4+BE,UAAA,CACA,eAAA,CAEA,oBACE,oBAAA,CACA,aAliCE,CAuiCJ,qBACE,kBAAA,CAKA,wBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,YAAA,CACA,oBAAA,CAAA,eAAA,CAGA,eAAA,CACA,SAAA,CACA,QAAA,CAMR,oBACE,YAAA,CACA,iBAAA,CACA,cAAA,CACA,eAnkCO,CAokCP,UAAA,CAEA,sBACE,aAtkCI,CA0kCR,UACE,4BAAA,CAGF,eACE,kBAjlCW,CAklCX,sBAAA,CAOF,cACE,kBA1lCW,CA6lCT,0HACE,4BAAA,CAKN,eACE,eAAA,CACA,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,wBAAA,CAGE,wBACE,UAAA,CACA,YAAA,CACA,mBAAA,CAAA,gBAAA,CAIJ,gCACE,YAAA,CAEA,0CACE,UArnCG,CAsnCH,cAAA,CACA,eAAA,CACA,eAAA,CACA,kBAAA,CAIA,iDACE,eAAA,CACA,cAAA,CACA,UAhoCC,CAioCD,kBAAA,CACA,aAAA,CChlCN,uBAAA,CDmlCM,uDACE,aApoCE,CAqoCF,oBAAA,CAMJ,yCACE,UA9oCC,CA+oCD,cAAA,CACA,eAAA,CAMR,OACE,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,sBAAA,CACA,oBAAA,CACA,eAAA,CAEA,UACE,UA/pCK,CAgqCL,cAAA,CACA,eAAA,CACA,iBAAA,CAEA,YACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBA3qCO,CA6qCP,gBACE,UAAA,CACA,WAAA,CAGF,qBACE,UAAA,CACA,mBAAA,CAMR,aACE,eAAA,CACA,iBAAA,CAEA,yBACE,kBAAA,CAGF,gBACE,eAAA,CACA,cAAA,CACA,UApsCK,CAqsCL,kBAAA,CACA,aAAA,CAGF,gBACE,oBAAA,CACA,sBAAA,CAEA,mBACE,kBAAA,CAEA,qBACE,aA/sCI,CCgDV,uBAAA,CDkqCM,2BACE,UArtCD,CAstCC,oBAAA,CAOV,SACE,eAAA,CACA,YAAA,CAEA,4BACE,mCAAA,CAEA,YAAA,CACA,kBAAA,CAEA,mCACE,cAAA,CACA,kBAAA,CAGF,+BACE,eAAA,CAIJ,qBACE,kBAAA,CAEA,yBACE,cAAA,CAIJ,wBAEE,qCAAA,CACA,6BAAA,CAGF,mBACE,UAhwCK,CAiwCL,cAAA,CACA,eAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,0BAAA,CAEA,uBACE,gBAAA,CAKF,kBACE,cAAA,CACA,eAAA,CAGF,kBACE,cAAA,CACA,eAAA,CAIJ,kBACE,YAAA,CACA,cAAA,CAEA,yBACE,sBAAA,CACA,oBAAA,CACA,aAAA,CACA,gBAAA,CACA,wBAAA,CCnxCF,yBD8wCA,yBAQI,iCAAA,CAAA,CAGF,6BACE,UAAA,CACA,WAAA,CACA,qBAAA,CAAA,kBAAA,CACA,yBAAA,CAAA,sBAAA,CAKN,uBACE,kBAAA,CAGF,mBACE,kBApzCQ,CAqzCR,UAAA,CACA,eAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CAEA,yBACE,kBA/zCE,CAu0CN,kBACE,cAAA,CACA,eAAA,CAOF,wFAEE,iBAAA,CACA,eAAA,CAEA,oHACE,UAAA,CACA,aAAA,CACA,0BAAA,CACA,uBAAA,CACA,wBAAA,CACA,iBAAA,CACA,KAAA,CACA,SAAA,CAGF,gJACE,UAAA,CACA,YAAA,CACA,aAAA,CAGF,wGACE,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CACA,yBAAA,CAAA,sBAAA,CAGF,oGACE,iBAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAEA,4GACE,UAAA,CACA,eAAA,CACA,cAAA,CAMR,mBACE,iBAAA,CACA,kBAAA,CAEA,0BACE,UAAA,CACA,aAAA,CACA,0BAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGF,wBACE,aAAA,CACA,YAAA,CAEA,4BACE,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CAIJ,sBACE,iBAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAEA,wBACE,UAAA,CACA,eAAA,CACA,cAAA,CCl3CJ,uBAAA,CDq3CI,8BACE,oBAAA,CACA,aAv6CI,CA66CZ,cACE,cAAA,CAEA,4BACE,eAAA,CACA,cAAA,CAGF,4BACE,yBAAA,CAGF,mBACE,kBA17CQ,CA27CR,UAAA,CACA,wBAAA,CACA,QAAA,CACA,eAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CAIJ,eACE,eAAA,CACA,QAAA,CACA,eAAA,CACA,kBA18CU,CA28CV,UAAA,CAmBI,gcACE,mBAAA,CAAA,gBAAA,CAMR,WACE,mBAAA,CAIA,aACE,eAAA,CAIJ,eACE,8BAAA,CACA,eAAA,CAEA,mCACE,WAAA,CAEA,qCACE,WAAA,CACA,iBAAA,CAGF,yCACE,UAAA,CACA,WAAA,CACA,8BAAA,CACA,kBAAA,CAQA,uCACE,mBAAA,CAAA,gBAAA","file":"style.css","sourcesContent":["// out: ../style-css/style.css, compress: true, sourceMap: true\r\n@import '_mixins';\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');\r\n$cGrayLight: #f0f0f0;\r\n$cBlack: #000;\r\n$cBlue: #90d4f0;\r\n$cBlueDark: #22a9e1;\r\n\r\nbody {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 15px;\r\n\r\n &.noscroll {\r\n position: fixed;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.scontainer-content {\r\n h2 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n }\r\n}\r\n\r\n.box-border {\r\n padding: 25px;\r\n border: 1px solid $cGrayLight;\r\n border-radius: 3px;\r\n\r\n @include respond-below(sm) {\r\n padding: 15px;\r\n\r\n .col-md-3 {\r\n -ms-flex: 0 0 25% !important;\r\n flex: 0 0 25% !important;\r\n max-width: 25% !important;\r\n }\r\n\r\n .col-md-9 {\r\n -ms-flex: 0 0 75% !important;\r\n flex: 0 0 75% !important;\r\n max-width: 75% !important;\r\n }\r\n }\r\n}\r\n\r\n.fac {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n align-self: center;\r\n\r\n .row {\r\n width: 100%;\r\n padding: 10px 0;\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.box-top {\r\n padding-top: 75px;\r\n}\r\n\r\n.box {\r\n padding: 75px 0;\r\n\r\n @include respond-below(sm) {\r\n padding: 50px 0;\r\n }\r\n\r\n @include respond-below(sm) {\r\n padding: 25px 0;\r\n }\r\n\r\n .box-title {\r\n text-align: center;\r\n font-size: 22px;\r\n position: relative;\r\n margin: 0 auto 75px;\r\n display: flex;\r\n justify-content: center;\r\n\r\n @include respond-below(sm) {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .title {\r\n padding-bottom: 15px;\r\n border-bottom: 2px solid $cGrayLight;\r\n position: relative;\r\n font-size: 32px;\r\n\r\n @include respond-below(xs) {\r\n font-size: 22px;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n display: block;\r\n width: 60%;\r\n bottom: -2px;\r\n position: absolute;\r\n left: 0;\r\n border-bottom: 2px solid $cBlueDark;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.top {\r\n background: $cGrayLight;\r\n color: $cBlack;\r\n padding: 10px 0;\r\n position: relative;\r\n\r\n #scontainer-1 {\r\n img {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n #scontainer-2 {\r\n display: flex;\r\n justify-content: flex-end;\r\n\r\n a {\r\n color: $cBlack;\r\n font-size: 14px;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n\r\n .language {\r\n position: absolute;\r\n top: 0;\r\n right: 5px;\r\n bottom: 0;\r\n z-index: 999;\r\n\r\n @include respond-below(sm) {\r\n top: 65px;\r\n }\r\n\r\n #languages {\r\n height: 100%;\r\n\r\n .container {\r\n height: 100%;\r\n\r\n .row {\r\n height: 100%;\r\n }\r\n }\r\n\r\n ul {\r\n display: flex;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n height: 100%;\r\n\r\n li {\r\n margin: 0 5px;\r\n\r\n &:first-child {\r\n margin-left: 0;\r\n }\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n &.active {\r\n display: none;\r\n }\r\n\r\n a {\r\n img {\r\n height: 16px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.header {\r\n padding: 25px 0;\r\n\r\n .col-lg-3 {\r\n width: 100% !important;\r\n flex: 0 0 100%;\r\n max-width: 100%;\r\n }\r\n\r\n .logo {\r\n display: block;\r\n width: 100%;\r\n max-width: 300px;\r\n margin: 0 auto 25px;\r\n\r\n img {\r\n width: 100%;\r\n max-width: 387px;\r\n }\r\n }\r\n\r\n #main-menu-btn {\r\n height: 50px;\r\n width: 50px;\r\n position: fixed;\r\n bottom: 10px;\r\n right: 10px;\r\n color: #fff;\r\n background: $cBlack;\r\n display: none;\r\n z-index: 9999;\r\n line-height: 50px;\r\n cursor: pointer;\r\n -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n border-radius: 50%;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 30px;\r\n\r\n @include respond-below(sm) {\r\n display: flex;\r\n }\r\n }\r\n\r\n .main-menu-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100% !important;\r\n flex: 0 0 100%;\r\n max-width: 100%;\r\n\r\n @include respond-below(lg) {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n #main-menu {\r\n @include respond-below(sm) {\r\n display: none;\r\n\r\n &.visible {\r\n display: block;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n background: #fff;\r\n z-index: 20;\r\n overflow-y: scroll;\r\n\r\n #menu-container-1 {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n >ul {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n padding: 20px;\r\n border: 1px solid $cGrayLight;\r\n border-radius: 3px;\r\n height: 100%;\r\n\r\n li {\r\n ul {\r\n position: static;\r\n background: #fff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.sticky {\r\n @include respond-above(sm) {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n background: #fff;\r\n z-index: 50;\r\n\r\n #menu-container-1>ul {\r\n justify-content: center;\r\n height: 75px;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n display: flex;\r\n margin: 0;\r\n padding: 0;\r\n justify-content: flex-end;\r\n list-style-type: none;\r\n\r\n @include respond-below(sm) {\r\n width: 100%;\r\n }\r\n\r\n &.level-0 {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n li {\r\n &#link-1 {\r\n display: none;\r\n }\r\n\r\n &#link-73 {\r\n @include respond-above(sm) {\r\n position: absolute;\r\n top: -70px;\r\n right: 0;\r\n }\r\n }\r\n\r\n &.li-level-1 {\r\n a {\r\n width: calc(100% - 18px);\r\n\r\n @include respond-below(sm) {\r\n width: calc(100% - 32px);\r\n color: $cBlack;\r\n text-align: left;\r\n border: 0 solid #000;\r\n }\r\n }\r\n\r\n i {\r\n color: #fff;\r\n margin-right: 10px;\r\n\r\n @include respond-below(sm) {\r\n color: $cBlack;\r\n margin-right: 0;\r\n }\r\n }\r\n }\r\n\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n\r\n @include respond-below(sm) {\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n }\r\n\r\n i {\r\n font-size: 13px;\r\n margin-right: 5px;\r\n display: flex;\r\n height: 32px;\r\n width: 32px;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n @include respond-above(sm) {\r\n width: 13px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n margin-right: 0;\r\n }\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 5px 10px;\r\n color: $cBlack;\r\n @include transition;\r\n font-size: 15px;\r\n white-space: nowrap;\r\n\r\n @include respond-between(md, lg) {\r\n padding: 5px 6px;\r\n }\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $cBlue;\r\n }\r\n }\r\n\r\n @include respond-above(sm) {\r\n &:hover {\r\n >ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n &.active {\r\n >ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n >ul {\r\n display: none;\r\n position: absolute;\r\n top: calc(100% - 1px);\r\n left: 0;\r\n background: rgba(0, 0, 0, 0.8);\r\n z-index: 50;\r\n\r\n li {\r\n a {\r\n border-bottom: 1px solid #262626;\r\n color: #fff;\r\n padding: 10px 25px;\r\n font-size: 14px;\r\n }\r\n\r\n @include respond-above(sm) {\r\n &:hover {\r\n >ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.85);\r\n left: 99%;\r\n top: 0;\r\n display: none;\r\n\r\n @include respond-below(sm) {\r\n padding-left: 25px;\r\n }\r\n\r\n li {\r\n a {\r\n padding-left: 20px;\r\n }\r\n }\r\n\r\n ul {\r\n background: rgba(0, 0, 0, 0.9);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.carousel-banner {\r\n position: relative;\r\n\r\n .wosp {\r\n position: absolute;\r\n bottom: 25px;\r\n left: 25px;\r\n z-index: 99;\r\n\r\n img {\r\n max-width: 150px;\r\n\r\n @include respond-below(sm) {\r\n max-width: 100px;\r\n }\r\n }\r\n }\r\n\r\n .slider {\r\n .item {\r\n position: relative;\r\n\r\n .content {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.75);\r\n bottom: 25px;\r\n padding: 50px;\r\n max-width: 1140px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n\r\n h1 {\r\n color: #fff;\r\n font-size: 36px;\r\n font-weight: 500;\r\n margin: 0 0 15px;\r\n }\r\n\r\n h2 {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 300;\r\n margin: 0 0 15px;\r\n }\r\n\r\n .text {\r\n color: #fff;\r\n font-size: 14px;\r\n font-weight: 300;\r\n\r\n a {\r\n color: $cBlue;\r\n }\r\n }\r\n }\r\n\r\n img {\r\n width: 100%;\r\n // height: 750px;\r\n object-fit: cover;\r\n\r\n @include respond-between(md, lg) {\r\n // height: 600px;\r\n }\r\n\r\n @include respond-below(md) {\r\n // height: 500px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#scontainer-4,\r\n#scontainer-14 {\r\n .col-md-6 {\r\n position: relative;\r\n overflow: hidden;\r\n height: 550px;\r\n margin-bottom: 30px;\r\n\r\n p:first-child {\r\n display: block;\r\n height: 550px;\r\n overflow: hidden;\r\n }\r\n\r\n img {\r\n @include transition;\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n &:hover {\r\n img {\r\n transform: scale(1.1);\r\n }\r\n }\r\n\r\n h2 {\r\n position: absolute;\r\n bottom: 85px;\r\n font-weight: 600;\r\n font-size: 52px;\r\n width: calc(100% - 30px);\r\n color: #fff;\r\n text-transform: uppercase;\r\n\r\n a {\r\n color: #fff;\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .btn {\r\n position: absolute;\r\n bottom: 35px;\r\n background: $cBlueDark;\r\n color: #fff;\r\n border: 0;\r\n @include transition;\r\n transform: translateX(-50%);\r\n padding: 10px 25px;\r\n border-radius: 0;\r\n\r\n &:hover {\r\n background: $cBlack;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#scontainer-16,\r\n#scontainer-18,\r\n#scontainer-20,\r\n#scontainer-22,\r\n#scontainer-23,\r\n#scontainer-25,\r\n#scontainer-26,\r\n#scontainer-27,\r\n#scontainer-29,\r\n#scontainer-31 {\r\n .col-md-6 {\r\n position: relative;\r\n overflow: hidden;\r\n height: 550px;\r\n margin-bottom: 30px;\r\n padding-bottom: 100px;\r\n\r\n p:first-child {\r\n display: block;\r\n height: 550px;\r\n overflow: hidden;\r\n }\r\n\r\n img {\r\n @include transition;\r\n height: 100%;\r\n width: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n &:hover {\r\n img {\r\n transform: scale(1.1);\r\n }\r\n }\r\n\r\n h2 {\r\n position: absolute;\r\n bottom: 45px;\r\n font-weight: 600;\r\n font-size: 26px;\r\n width: calc(100% - 30px);\r\n color: #fff;\r\n text-transform: uppercase;\r\n\r\n a {\r\n color: $cBlueDark;\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .btn {\r\n position: absolute;\r\n bottom: 5px;\r\n background: $cBlueDark;\r\n color: #fff;\r\n border: 0;\r\n @include transition;\r\n transform: translateX(-50%);\r\n padding: 5px 25px;\r\n border-radius: 0;\r\n font-size: 15px;\r\n\r\n &:hover {\r\n background: $cBlack;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-guarantee {\r\n color: #ffffff;\r\n background-image: url('/upload/filemanager/layout/box-guarantee-bg.jpg');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: 50% 50%;\r\n position: relative;\r\n\r\n &::after {\r\n content: '';\r\n display: block;\r\n background: rgba(0, 0, 0, 0.5);\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n #scontainer-5 {\r\n position: relative;\r\n z-index: 10;\r\n font-size: 38px;\r\n font-weight: 300;\r\n\r\n @include respond-below(xs) {\r\n font-size: 26px;\r\n }\r\n }\r\n}\r\n\r\n.box-directories {\r\n #scontainer-6 {\r\n .col-md-3 {\r\n position: relative;\r\n padding-left: 0;\r\n padding-right: 0;\r\n margin-left: 15px;\r\n margin-right: 15px;\r\n margin-bottom: 25px;\r\n\r\n @include respond-below(xs) {\r\n max-width: 100%;\r\n margin-bottom: 15px;\r\n }\r\n\r\n h3 {\r\n @include respond-below(xs) {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .text {\r\n position: absolute;\r\n top: 50%;\r\n width: 100%;\r\n padding: 0 15px;\r\n transform: translateY(-50%);\r\n @include transition;\r\n opacity: 0;\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n p {\r\n @include respond-below(xs) {\r\n display: none;\r\n }\r\n }\r\n\r\n a {\r\n color: #fff;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $cBlack;\r\n }\r\n }\r\n }\r\n\r\n img {\r\n display: block;\r\n max-width: 100% !important;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n &:hover {\r\n &::after {\r\n height: 100%;\r\n z-index: 2;\r\n }\r\n\r\n .text {\r\n z-index: 10;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &::after {\r\n background: $cBlueDark;\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n position: absolute;\r\n z-index: 0;\r\n width: 100%;\r\n height: 0;\r\n @include transition;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-contact,\r\n.box-main {\r\n #scontainer-8 {\r\n @extend .box-top;\r\n }\r\n\r\n a {\r\n color: $cBlueDark;\r\n @include transition;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $cBlack;\r\n }\r\n }\r\n\r\n .nav-tabs {\r\n margin-bottom: 25px;\r\n\r\n li {\r\n a {\r\n padding: 10px 20px;\r\n border: 1px solid $cGrayLight;\r\n margin-bottom: -1px;\r\n display: block;\r\n\r\n &.active {\r\n background: $cBlueDark;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-career {\r\n background-image: url('/upload/filemanager/layout/box-career-bg.jpg');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: 0 0;\r\n box-shadow: 0 0 0 0 #ffffff;\r\n\r\n #scontainer-9 {\r\n font-size: 38px;\r\n font-weight: 300;\r\n color: #fff;\r\n\r\n @include respond-below(xs) {\r\n font-size: 22px;\r\n }\r\n\r\n .btn {\r\n background: $cBlueDark;\r\n border: 0;\r\n border-radius: 0;\r\n @include transition;\r\n padding: 10px 25px;\r\n min-width: 200px;\r\n\r\n &:hover {\r\n background: $cBlue;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-news {\r\n background: $cGrayLight;\r\n\r\n .content {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n\r\n .article {\r\n width: calc(100% - 30px);\r\n padding: 0;\r\n margin: 15px;\r\n overflow: hidden;\r\n height: 100%;\r\n background: #fff;\r\n\r\n @include respond-above(sm) {\r\n width: calc(100% / 3 - 30px);\r\n }\r\n\r\n .img {\r\n width: 100%;\r\n height: 250px;\r\n display: block;\r\n\r\n img {\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n .article-content {\r\n padding: 20px;\r\n\r\n .title {\r\n font-weight: 700;\r\n font-size: 16px;\r\n color: $cBlack;\r\n margin-bottom: 15px;\r\n display: block;\r\n\r\n &:hover {\r\n color: $cBlueDark;\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n .date-add {\r\n color: $cBlack;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: left;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .entry {\r\n color: $cBlack;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .btn-more {\r\n background: $cBlueDark;\r\n color: #fff;\r\n margin: 25px auto 50px;\r\n font-size: 14px;\r\n display: block;\r\n max-width: 280px;\r\n padding: 10px 25px;\r\n border-radius: 0;\r\n\r\n &:hover {\r\n background: $cBlue;\r\n }\r\n }\r\n}\r\n\r\n.box-producer {\r\n background: $cGrayLight;\r\n\r\n .title {\r\n text-align: center;\r\n\r\n h1 {\r\n display: inline-block;\r\n position: relative;\r\n font-size: 2rem;\r\n line-height: 48px;\r\n font-weight: 400;\r\n padding-bottom: 15px;\r\n margin-bottom: 55px;\r\n border-bottom: 2px solid #dfdfdf;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 60%;\r\n bottom: -2px;\r\n position: absolute;\r\n left: 0;\r\n border-bottom: 2px solid $cBlueDark;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n text-align: justify;\r\n }\r\n}\r\n\r\n.brand {\r\n overflow: hidden;\r\n\r\n .item {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 150px;\r\n height: 100px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n }\r\n\r\n .slick-slide,\r\n .slick-track {\r\n display: flex !important;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .slick-prev,\r\n .slick-next {\r\n top: 50%;\r\n display: none;\r\n\r\n &:before {\r\n color: $cBlueDark;\r\n\r\n @include respond-below(xs) {\r\n opacity: 0;\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .slick-next {\r\n right: 0;\r\n }\r\n\r\n .slick-prev {\r\n left: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.box-footer {\r\n background: #363839;\r\n text-align: center;\r\n font-size: 15px;\r\n color: #fff;\r\n padding-top: 50px;\r\n padding-bottom: 20px;\r\n\r\n a {\r\n @include transition;\r\n color: #fff;\r\n font-weight: 600;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $cBlue;\r\n }\r\n }\r\n\r\n .row {\r\n &-top {\r\n margin-bottom: 50px;\r\n\r\n // p {\r\n // text-align: start;\r\n // }\r\n ul {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n row-gap: 10px;\r\n column-gap: 25px;\r\n // display: grid;\r\n // grid-template-columns: 1fr 1fr 1fr;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#cookie-information {\r\n padding: 10px;\r\n text-align: center;\r\n font-size: 12px;\r\n background: $cBlack;\r\n color: #fff;\r\n\r\n a {\r\n color: $cBlue;\r\n }\r\n}\r\n\r\n.box-main {\r\n border-top: 1px solid $cGrayLight;\r\n}\r\n\r\n#scontainer-10 {\r\n background: $cGrayLight;\r\n padding: 50px 25px 25px;\r\n}\r\n\r\n#scontainer-11 {\r\n @extend .box-top;\r\n}\r\n\r\n.box-articles {\r\n background: $cGrayLight;\r\n\r\n .box-title {\r\n .title {\r\n border-bottom: 2px solid $cBlack;\r\n }\r\n }\r\n}\r\n\r\n.article-entry {\r\n background: #fff;\r\n margin-bottom: 30px;\r\n border-radius: 3px;\r\n overflow: hidden;\r\n height: calc(100% - 20px);\r\n\r\n .img {\r\n img {\r\n width: 100%;\r\n height: 250px;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n .article-content {\r\n padding: 20px;\r\n\r\n .date-add {\r\n color: $cBlack;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: left;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .article-title {\r\n a {\r\n font-weight: 700;\r\n font-size: 16px;\r\n color: $cBlack;\r\n margin-bottom: 15px;\r\n display: block;\r\n @include transition;\r\n\r\n &:hover {\r\n color: $cBlueDark;\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n\r\n .entry {\r\n p {\r\n color: $cBlack;\r\n font-size: 13px;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.pager {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n padding-inline-start: 0;\r\n list-style-type: none;\r\n margin-top: 50px;\r\n\r\n li {\r\n color: $cBlack;\r\n font-size: 13px;\r\n margin-bottom: 0;\r\n margin-right: 10px;\r\n\r\n a {\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: $cGrayLight;\r\n\r\n img {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n &.inactive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-content {\r\n background: #fff;\r\n padding: 20px 18px;\r\n\r\n &:first-child {\r\n margin-bottom: 30px;\r\n }\r\n\r\n h4 {\r\n font-weight: 600;\r\n font-size: 15px;\r\n color: $cBlack;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n padding-inline-start: 0;\r\n\r\n li {\r\n margin-bottom: 10px;\r\n\r\n a {\r\n color: $cBlueDark;\r\n @include transition;\r\n\r\n &:hover {\r\n color: $cBlack;\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.article {\r\n background: #fff;\r\n padding: 25px;\r\n\r\n .table-of-contents {\r\n box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);\r\n // border-radius: 5px;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n\r\n .title {\r\n font-size: 20px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n ol {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .main-image {\r\n margin-bottom: 25px;\r\n\r\n img {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n .article-title {\r\n @extend .box-title;\r\n justify-content: flex-start !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .date-add {\r\n color: $cBlack;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n\r\n img {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .text {\r\n h2 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n }\r\n\r\n h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n .gallery {\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .image {\r\n width: calc(100% / 4 - 10px);\r\n margin: 10px 10px 0 0;\r\n display: block;\r\n max-height: 175px;\r\n border: 1px solid $cGrayLight;\r\n\r\n @include respond-below(sm) {\r\n width: calc(100% / 3 - 10px);\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n object-position: center;\r\n }\r\n }\r\n }\r\n\r\n .social-icons {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .btn-back {\r\n background: $cBlueDark;\r\n color: #fff;\r\n margin: 25px 0 0;\r\n font-size: 14px;\r\n display: block;\r\n max-width: 200px;\r\n padding: 10px 25px;\r\n border-radius: 0;\r\n\r\n &:hover {\r\n background: $cBlue;\r\n }\r\n }\r\n}\r\n\r\n#scontainer-12 {\r\n @extend .box-top;\r\n\r\n h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n}\r\n\r\n.article-18,\r\n.article-27 {\r\n\r\n .col-md-6,\r\n .col-md-4 {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &::after {\r\n content: '';\r\n display: block;\r\n background: rgba(0, 0, 0, 0.33);\r\n width: calc(100% - 30px);\r\n height: calc(100% - 15px);\r\n position: absolute;\r\n top: 0;\r\n left: 15px;\r\n }\r\n\r\n p:first-child {\r\n width: 100%;\r\n height: 500px;\r\n display: block;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n h2 {\r\n position: absolute;\r\n padding: 0;\r\n margin: 0;\r\n bottom: 25px;\r\n left: 25px;\r\n z-index: 10;\r\n\r\n a {\r\n color: #fff;\r\n font-weight: 300;\r\n font-size: 30px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.article-miniature {\r\n position: relative;\r\n margin-bottom: 30px;\r\n\r\n &::after {\r\n content: '';\r\n display: block;\r\n background: rgba(0, 0, 0, 0.33);\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n .img {\r\n display: block;\r\n height: 300px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n h2 {\r\n position: absolute;\r\n padding: 0;\r\n margin: 0;\r\n bottom: 25px;\r\n left: 25px;\r\n z-index: 10;\r\n\r\n a {\r\n color: #fff;\r\n font-weight: 300;\r\n font-size: 30px;\r\n @include transition;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $cBlueDark;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#contact-form {\r\n font-size: 13px;\r\n\r\n .form-control {\r\n border-radius: 0;\r\n font-size: 13px;\r\n }\r\n\r\n .captcha span {\r\n font-size: 13px !important;\r\n }\r\n\r\n .btn {\r\n background: $cBlueDark;\r\n color: #fff;\r\n text-transform: uppercase;\r\n border: 0;\r\n border-radius: 0;\r\n font-size: 13px;\r\n width: 125px;\r\n text-align: center;\r\n padding: 10px 15px;\r\n }\r\n}\r\n\r\n.alert-success {\r\n margin: 0 0 50px;\r\n border: 0;\r\n border-radius: 0;\r\n background: $cBlueDark;\r\n color: #fff;\r\n}\r\n\r\n.article-71,\r\n.article-72,\r\n.article-73,\r\n.article-74,\r\n.article-75,\r\n.article-76,\r\n.article-77,\r\n.article-78,\r\n.article-94,\r\n.article-95,\r\n.article-96,\r\n.article-97,\r\n.article-98,\r\n.article-99 {\r\n .gallery {\r\n .image {\r\n img {\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#link-68>a {\r\n pointer-events: none;\r\n}\r\n\r\n#link-73 {\r\n img {\r\n max-width: 130px;\r\n }\r\n}\r\n\r\n#scontainer-53 {\r\n max-height: calc(100vh - 214px);\r\n background: #000;\r\n\r\n .scontainer-content {\r\n height: 100%;\r\n\r\n p {\r\n height: 100%;\r\n text-align: center;\r\n }\r\n\r\n video {\r\n width: 100%;\r\n height: 100%;\r\n max-height: calc(100vh - 214px);\r\n margin-bottom: -6px;\r\n }\r\n }\r\n}\r\n\r\nbody .article-122 {\r\n .gallery {\r\n a.image {\r\n img {\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n}","$breakpoints: (\r\n xs: 576px,\r\n sm: 768px,\r\n md: 992px,\r\n lg: 1200px\r\n);\r\n@mixin respond-above($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (min-width: $breakpoint-value) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-below($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (max-width: ($breakpoint-value - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-between($lower, $upper) {\r\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n $lower-breakpoint: map-get($breakpoints, $lower);\r\n $upper-breakpoint: map-get($breakpoints, $upper);\r\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @if (map-has-key($breakpoints, $lower) == false) {\r\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n }\r\n @if (map-has-key($breakpoints, $upper) == false) {\r\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n }\r\n }\r\n}\r\n@mixin border-radius($px: 0) {\r\n -webkit-border-radius: $px;\r\n -moz-border-radius: $px;\r\n border-radius: $px;\r\n}\r\n@mixin box-shadow($value) {\r\n -webkit-box-shadow: $value;\r\n -moz-box-shadow: $value;\r\n box-shadow: $value;\r\n}\r\n@mixin transition($element: all, $time: .5s, $option: ease) {\r\n -webkit-transition: $element $time $option;\r\n transition: $element $time $option;\r\n}\r\n@mixin opacity($value) {\r\n $IEValue: $value*100;\r\n opacity: $value;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\r\n filter: alpha(opacity=$IEValue);\r\n}\r\n@mixin flexbox() {\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n@mixin flex($values) {\r\n -webkit-box-flex: $values;\r\n -moz-box-flex: $values;\r\n -webkit-flex: $values;\r\n \t -ms-flex: $values;\r\n \t flex: $values;\r\n}\r\n@mixin flex-direction($direction) {\r\n -webkit-flex-direction: $direction;\r\n -moz-flex-direction: $direction;\r\n -ms-flex-direction: $direction;\r\n flex-direction: $direction;\r\n}\r\n@mixin flex-wrap($wrap) {\r\n -webkit-flex-wrap: $wrap;\r\n -moz-flex-wrap: $wrap;\r\n -ms-flex-wrap: $wrap;\r\n flex-wrap: $wrap;\r\n}\r\n@mixin flex-flow($flow) {\r\n -webkit-flex-flow: $flow;\r\n -moz-flex-flow: $flow;\r\n -ms-flex-flow: $flow;\r\n flex-flow: $flow;\r\n}\r\n@mixin order($val) {\r\n -webkit-box-ordinal-group: $val; \r\n -moz-box-ordinal-group: $val; \r\n \t -ms-flex-order: $val; \r\n \t -webkit-order: $val; \r\n \t\t order: $val;\r\n}\r\n@mixin flex-grow($grow) {\r\n -webkit-flex-grow: $grow;\r\n -moz-flex-grow: $grow;\r\n -ms-flex-grow: $grow;\r\n flex-grow: $grow;\r\n}\r\n@mixin flex-shrink($shrink) {\r\n -webkit-flex-shrink: $shrink;\r\n -moz-flex-shrink: $shrink;\r\n -ms-flex-shrink: $shrink;\r\n flex-shrink: $shrink;\r\n}\r\n@mixin flex-basis($width) {\r\n -webkit-flex-basis: $width;\r\n -moz-flex-basis: $width;\r\n -ms-flex-basis: $width;\r\n flex-basis: $width;\r\n}\r\n@mixin justify-content($justify) {\r\n -webkit-justify-content: $justify;\r\n -moz-justify-content: $justify;\r\n -ms-justify-content: $justify;\r\n justify-content: $justify;\r\n -ms-flex-pack: $justify;\r\n}\r\n@mixin align-content($align) {\r\n -webkit-align-content: $align;\r\n -moz-align-content: $align;\r\n -ms-align-content: $align;\r\n align-content: $align;\r\n}\r\n@mixin align-items($align) {\r\n -webkit-align-items: $align;\r\n -moz-align-items: $align;\r\n -ms-align-items: $align;\r\n align-items: $align;\r\n}\r\n@mixin align-self($align) {\r\n -webkit-align-self: $align;\r\n -moz-align-self: $align;\r\n -ms-align-self: $align;\r\n align-self: $align;\r\n}"]} \ No newline at end of file +{"version":3,"sources":["../style-scss/style.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/layout/style-scss/style.scss b/layout/style-scss/style.scss index 1c477dc..1b81fa8 100644 --- a/layout/style-scss/style.scss +++ b/layout/style-scss/style.scss @@ -7,613 +7,613 @@ $cBlue: #90d4f0; $cBlueDark: #22a9e1; body { - font-family: 'Open Sans', sans-serif; - font-size: 15px; + font-family: 'Open Sans', sans-serif; + font-size: 15px; - &.noscroll { - position: fixed; - overflow: hidden; - } + &.noscroll { + position: fixed; + overflow: hidden; + } } .scontainer-content { - h2 { - font-size: 18px; - font-weight: 600; - } + h2 { + font-size: 18px; + font-weight: 600; + } } .box-border { - padding: 25px; - border: 1px solid $cGrayLight; - border-radius: 3px; + padding: 25px; + border: 1px solid $cGrayLight; + border-radius: 3px; - @include respond-below(sm) { - padding: 15px; + @include respond-below(sm) { + padding: 15px; - .col-md-3 { - -ms-flex: 0 0 25% !important; - flex: 0 0 25% !important; - max-width: 25% !important; - } + .col-md-3 { + -ms-flex: 0 0 25% !important; + flex: 0 0 25% !important; + max-width: 25% !important; + } - .col-md-9 { - -ms-flex: 0 0 75% !important; - flex: 0 0 75% !important; - max-width: 75% !important; - } - } + .col-md-9 { + -ms-flex: 0 0 75% !important; + flex: 0 0 75% !important; + max-width: 75% !important; + } + } } .fac { - display: flex; - flex-wrap: wrap; - align-items: center; - align-self: center; + display: flex; + flex-wrap: wrap; + align-items: center; + align-self: center; - .row { - width: 100%; - padding: 10px 0; + .row { + width: 100%; + padding: 10px 0; - p { - margin-bottom: 0; - } - } + p { + margin-bottom: 0; + } + } } .box-top { - padding-top: 75px; + padding-top: 75px; } .box { - padding: 75px 0; + padding: 75px 0; - @include respond-below(sm) { - padding: 50px 0; - } + @include respond-below(sm) { + padding: 50px 0; + } - @include respond-below(sm) { - padding: 25px 0; - } + @include respond-below(sm) { + padding: 25px 0; + } - .box-title { - text-align: center; - font-size: 22px; - position: relative; - margin: 0 auto 75px; - display: flex; - justify-content: center; + .box-title { + text-align: center; + font-size: 22px; + position: relative; + margin: 0 auto 75px; + display: flex; + justify-content: center; - @include respond-below(sm) { - margin-bottom: 25px; - } + @include respond-below(sm) { + margin-bottom: 25px; + } - .title { - padding-bottom: 15px; - border-bottom: 2px solid $cGrayLight; - position: relative; - font-size: 32px; + .title { + padding-bottom: 15px; + border-bottom: 2px solid $cGrayLight; + position: relative; + font-size: 32px; - @include respond-below(xs) { - font-size: 22px; - } + @include respond-below(xs) { + font-size: 22px; + } - &::after { - content: ''; - display: block; - width: 60%; - bottom: -2px; - position: absolute; - left: 0; - border-bottom: 2px solid $cBlueDark; - } - } - } + &::after { + content: ''; + display: block; + width: 60%; + bottom: -2px; + position: absolute; + left: 0; + border-bottom: 2px solid $cBlueDark; + } + } + } } .top { - background: $cGrayLight; - color: $cBlack; - padding: 10px 0; - position: relative; + background: $cGrayLight; + color: $cBlack; + padding: 10px 0; + position: relative; - #scontainer-1 { - img { - margin-right: 5px; - } - } + #scontainer-1 { + img { + margin-right: 5px; + } + } - #scontainer-2 { - display: flex; - justify-content: flex-end; + #scontainer-2 { + display: flex; + justify-content: flex-end; - a { - color: $cBlack; - font-size: 14px; + a { + color: $cBlack; + font-size: 14px; - &:hover { - text-decoration: none; - } - } - } + &:hover { + text-decoration: none; + } + } + } - p { - margin: 0; - } + p { + margin: 0; + } - .language { - position: absolute; - top: 0; - right: 5px; - bottom: 0; - z-index: 999; + .language { + position: absolute; + top: 0; + right: 5px; + bottom: 0; + z-index: 999; - @include respond-below(sm) { - top: 65px; - } + @include respond-below(sm) { + top: 65px; + } - #languages { - height: 100%; + #languages { + height: 100%; - .container { - height: 100%; + .container { + height: 100%; - .row { - height: 100%; - } - } + .row { + height: 100%; + } + } - ul { - display: flex; - align-items: center; - margin: 0; - padding: 0; - list-style: none; - height: 100%; + ul { + display: flex; + align-items: center; + margin: 0; + padding: 0; + list-style: none; + height: 100%; - li { - margin: 0 5px; + li { + margin: 0 5px; - &:first-child { - margin-left: 0; - } + &:first-child { + margin-left: 0; + } - &:last-child { - margin-right: 0; - } + &:last-child { + margin-right: 0; + } - &.active { - display: none; - } + &.active { + display: none; + } - a { - img { - height: 16px; - } - } - } - } - } - } + a { + img { + height: 16px; + } + } + } + } + } + } } .header { - padding: 25px 0; + padding: 25px 0; - .col-lg-3 { - width: 100% !important; - flex: 0 0 100%; - max-width: 100%; - } + .col-lg-3 { + width: 100% !important; + flex: 0 0 100%; + max-width: 100%; + } - .logo { - display: block; - width: 100%; - max-width: 300px; - margin: 0 auto 25px; + .logo { + display: block; + width: 100%; + max-width: 300px; + margin: 0 auto 25px; - img { - width: 100%; - max-width: 387px; - } - } + img { + width: 100%; + max-width: 387px; + } + } - #main-menu-btn { - height: 50px; - width: 50px; - position: fixed; - bottom: 10px; - right: 10px; - color: #fff; - background: $cBlack; - display: none; - z-index: 9999; - line-height: 50px; - cursor: pointer; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - align-items: center; - justify-content: center; - font-size: 30px; + #main-menu-btn { + height: 50px; + width: 50px; + position: fixed; + bottom: 10px; + right: 10px; + color: #fff; + background: $cBlack; + display: none; + z-index: 9999; + line-height: 50px; + cursor: pointer; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + align-items: center; + justify-content: center; + font-size: 30px; - @include respond-below(sm) { - display: flex; - } - } + @include respond-below(sm) { + display: flex; + } + } - .main-menu-container { - display: flex; - align-items: center; - justify-content: center; - width: 100% !important; - flex: 0 0 100%; - max-width: 100%; + .main-menu-container { + display: flex; + align-items: center; + justify-content: center; + width: 100% !important; + flex: 0 0 100%; + max-width: 100%; - @include respond-below(lg) { - justify-content: center; - } - } + @include respond-below(lg) { + justify-content: center; + } + } - #main-menu { - @include respond-below(sm) { - display: none; + #main-menu { + @include respond-below(sm) { + display: none; - &.visible { - display: block; - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - background: #fff; - z-index: 20; - overflow-y: scroll; + &.visible { + display: block; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: #fff; + z-index: 20; + overflow-y: scroll; - #menu-container-1 { - display: flex; - width: 100%; - height: 100%; - align-items: center; - justify-content: center; + #menu-container-1 { + display: flex; + width: 100%; + height: 100%; + align-items: center; + justify-content: center; - >ul { - display: block; - width: 100%; - text-align: center; - padding: 20px; - border: 1px solid $cGrayLight; - border-radius: 3px; - height: 100%; + > ul { + display: block; + width: 100%; + text-align: center; + padding: 20px; + border: 1px solid $cGrayLight; + border-radius: 3px; + height: 100%; - li { - ul { - position: static; - background: #fff; - } - } - } - } - } - } + li { + ul { + position: static; + background: #fff; + } + } + } + } + } + } - &.sticky { - @include respond-above(sm) { - position: fixed; - top: 0; - left: 0; - width: 100%; - background: #fff; - z-index: 50; + &.sticky { + @include respond-above(sm) { + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #fff; + z-index: 50; - #menu-container-1>ul { - justify-content: center; - height: 75px; - align-items: center; - } - } - } + #menu-container-1 > ul { + justify-content: center; + height: 75px; + align-items: center; + } + } + } - ul { - display: flex; - margin: 0; - padding: 0; - justify-content: flex-end; - list-style-type: none; + ul { + display: flex; + margin: 0; + padding: 0; + justify-content: flex-end; + list-style-type: none; - @include respond-below(sm) { - width: 100%; - } + @include respond-below(sm) { + width: 100%; + } - &.level-0 { - flex-wrap: wrap; - justify-content: center; - } + &.level-0 { + flex-wrap: wrap; + justify-content: center; + } - li { - &#link-1 { - display: none; - } + li { + &#link-1 { + display: none; + } - &#link-73 { - @include respond-above(sm) { - position: absolute; - top: -70px; - right: 0; - } - } + &#link-73 { + @include respond-above(sm) { + position: absolute; + top: -70px; + right: 0; + } + } - &.li-level-1 { - a { - width: calc(100% - 18px); + &.li-level-1 { + a { + width: calc(100% - 18px); - @include respond-below(sm) { - width: calc(100% - 32px); - color: $cBlack; - text-align: left; - border: 0 solid #000; - } - } + @include respond-below(sm) { + width: calc(100% - 32px); + color: $cBlack; + text-align: left; + border: 0 solid #000; + } + } - i { - color: #fff; - margin-right: 10px; + i { + color: #fff; + margin-right: 10px; - @include respond-below(sm) { - color: $cBlack; - margin-right: 0; - } - } - } + @include respond-below(sm) { + color: $cBlack; + margin-right: 0; + } + } + } - position: relative; - display: flex; - align-items: center; + position: relative; + display: flex; + align-items: center; - @include respond-below(sm) { - justify-content: space-between; - flex-wrap: wrap; - } + @include respond-below(sm) { + justify-content: space-between; + flex-wrap: wrap; + } - i { - font-size: 13px; - margin-right: 5px; - display: flex; - height: 32px; - width: 32px; - align-items: center; - justify-content: center; + i { + font-size: 13px; + margin-right: 5px; + display: flex; + height: 32px; + width: 32px; + align-items: center; + justify-content: center; - @include respond-above(sm) { - width: 13px; - } + @include respond-above(sm) { + width: 13px; + } - @include respond-below(sm) { - margin-right: 0; - } - } + @include respond-below(sm) { + margin-right: 0; + } + } - a { - display: block; - padding: 5px 10px; - color: $cBlack; - @include transition; - font-size: 15px; - white-space: nowrap; + a { + display: block; + padding: 5px 10px; + color: $cBlack; + @include transition; + font-size: 15px; + white-space: nowrap; - @include respond-between(md, lg) { - padding: 5px 6px; - } + @include respond-between(md, lg) { + padding: 5px 6px; + } - &:hover { - text-decoration: none; - color: $cBlue; - } - } + &:hover { + text-decoration: none; + color: $cBlue; + } + } - @include respond-above(sm) { - &:hover { - >ul { - display: block; - } - } - } + @include respond-above(sm) { + &:hover { + > ul { + display: block; + } + } + } - @include respond-below(sm) { - &.active { - >ul { - display: block; - } - } - } + @include respond-below(sm) { + &.active { + > ul { + display: block; + } + } + } - >ul { - display: none; - position: absolute; - top: calc(100% - 1px); - left: 0; - background: rgba(0, 0, 0, 0.8); - z-index: 50; + > ul { + display: none; + position: absolute; + top: calc(100% - 1px); + left: 0; + background: rgba(0, 0, 0, 0.8); + z-index: 50; - li { - a { - border-bottom: 1px solid #262626; - color: #fff; - padding: 10px 25px; - font-size: 14px; - } + li { + a { + border-bottom: 1px solid #262626; + color: #fff; + padding: 10px 25px; + font-size: 14px; + } - @include respond-above(sm) { - &:hover { - >ul { - display: block; - } - } - } + @include respond-above(sm) { + &:hover { + > ul { + display: block; + } + } + } - ul { - position: absolute; - background: rgba(0, 0, 0, 0.85); - left: 99%; - top: 0; - display: none; + ul { + position: absolute; + background: rgba(0, 0, 0, 0.85); + left: 99%; + top: 0; + display: none; - @include respond-below(sm) { - padding-left: 25px; - } + @include respond-below(sm) { + padding-left: 25px; + } - li { - a { - padding-left: 20px; - } - } + li { + a { + padding-left: 20px; + } + } - ul { - background: rgba(0, 0, 0, 0.9); - } - } - } - } - } - } - } + ul { + background: rgba(0, 0, 0, 0.9); + } + } + } + } + } + } + } } .carousel-banner { - position: relative; + position: relative; - .wosp { - position: absolute; - bottom: 25px; - left: 25px; - z-index: 99; + .wosp { + position: absolute; + bottom: 25px; + left: 25px; + z-index: 99; - img { - max-width: 150px; + img { + max-width: 150px; - @include respond-below(sm) { - max-width: 100px; - } - } - } + @include respond-below(sm) { + max-width: 100px; + } + } + } - .slider { - .item { - position: relative; + .slider { + .item { + position: relative; - .content { - position: absolute; - background: rgba(0, 0, 0, 0.75); - bottom: 25px; - padding: 50px; - max-width: 1140px; - left: 50%; - transform: translateX(-50%); + .content { + position: absolute; + background: rgba(0, 0, 0, 0.75); + bottom: 25px; + padding: 50px; + max-width: 1140px; + left: 50%; + transform: translateX(-50%); - h1 { - color: #fff; - font-size: 36px; - font-weight: 500; - margin: 0 0 15px; - } + h1 { + color: #fff; + font-size: 36px; + font-weight: 500; + margin: 0 0 15px; + } - h2 { - color: #fff; - font-size: 20px; - font-weight: 300; - margin: 0 0 15px; - } + h2 { + color: #fff; + font-size: 20px; + font-weight: 300; + margin: 0 0 15px; + } - .text { - color: #fff; - font-size: 14px; - font-weight: 300; + .text { + color: #fff; + font-size: 14px; + font-weight: 300; - a { - color: $cBlue; - } - } - } + a { + color: $cBlue; + } + } + } - img { - width: 100%; - // height: 750px; - object-fit: cover; + img { + width: 100%; + // height: 750px; + object-fit: cover; - @include respond-between(md, lg) { - // height: 600px; - } + @include respond-between(md, lg) { + // height: 600px; + } - @include respond-below(md) { - // height: 500px; - } - } - } - } + @include respond-below(md) { + // height: 500px; + } + } + } + } } #scontainer-4, #scontainer-14 { - .col-md-6 { - position: relative; - overflow: hidden; - height: 550px; - margin-bottom: 30px; + .col-md-6 { + position: relative; + overflow: hidden; + height: 550px; + margin-bottom: 30px; - p:first-child { - display: block; - height: 550px; - overflow: hidden; - } + p:first-child { + display: block; + height: 550px; + overflow: hidden; + } - img { - @include transition; - height: 100%; - width: 100%; - object-fit: cover; - } + img { + @include transition; + height: 100%; + width: 100%; + object-fit: cover; + } - &:hover { - img { - transform: scale(1.1); - } - } + &:hover { + img { + transform: scale(1.1); + } + } - h2 { - position: absolute; - bottom: 85px; - font-weight: 600; - font-size: 52px; - width: calc(100% - 30px); - color: #fff; - text-transform: uppercase; + h2 { + position: absolute; + bottom: 85px; + font-weight: 600; + font-size: 52px; + width: calc(100% - 30px); + color: #fff; + text-transform: uppercase; - a { - color: #fff; - } - } + a { + color: #fff; + } + } - p { - margin: 0; - padding: 0; - } + p { + margin: 0; + padding: 0; + } - .btn { - position: absolute; - bottom: 35px; - background: $cBlueDark; - color: #fff; - border: 0; - @include transition; - transform: translateX(-50%); - padding: 10px 25px; - border-radius: 0; + .btn { + position: absolute; + bottom: 35px; + background: $cBlueDark; + color: #fff; + border: 0; + @include transition; + transform: translateX(-50%); + padding: 10px 25px; + border-radius: 0; - &:hover { - background: $cBlack; - } - } - } + &:hover { + background: $cBlack; + } + } + } } #scontainer-16, @@ -626,868 +626,867 @@ body { #scontainer-27, #scontainer-29, #scontainer-31 { - .col-md-6 { - position: relative; - overflow: hidden; - height: 550px; - margin-bottom: 30px; - padding-bottom: 100px; + .col-md-6 { + position: relative; + overflow: hidden; + height: 550px; + margin-bottom: 30px; + padding-bottom: 100px; - p:first-child { - display: block; - height: 550px; - overflow: hidden; - } + p:first-child { + display: block; + height: 550px; + overflow: hidden; + } - img { - @include transition; - height: 100%; - width: 100%; - object-fit: contain; - } + img { + @include transition; + height: 100%; + width: 100%; + object-fit: contain; + } - &:hover { - img { - transform: scale(1.1); - } - } + &:hover { + img { + transform: scale(1.1); + } + } - h2 { - position: absolute; - bottom: 45px; - font-weight: 600; - font-size: 26px; - width: calc(100% - 30px); - color: #fff; - text-transform: uppercase; + h2 { + position: absolute; + bottom: 45px; + font-weight: 600; + font-size: 26px; + width: calc(100% - 30px); + color: #fff; + text-transform: uppercase; - a { - color: $cBlueDark; - } - } + a { + color: $cBlueDark; + } + } - p { - margin: 0; - padding: 0; - } + p { + margin: 0; + padding: 0; + } - .btn { - position: absolute; - bottom: 5px; - background: $cBlueDark; - color: #fff; - border: 0; - @include transition; - transform: translateX(-50%); - padding: 5px 25px; - border-radius: 0; - font-size: 15px; + .btn { + position: absolute; + bottom: 5px; + background: $cBlueDark; + color: #fff; + border: 0; + @include transition; + transform: translateX(-50%); + padding: 5px 25px; + border-radius: 0; + font-size: 15px; - &:hover { - background: $cBlack; - } - } - } + &:hover { + background: $cBlack; + } + } + } } .box-guarantee { - color: #ffffff; - background-image: url('/upload/filemanager/layout/box-guarantee-bg.jpg'); - background-repeat: no-repeat; - background-size: cover; - background-attachment: fixed; - background-position: 50% 50%; - position: relative; + color: #ffffff; + background-image: url('/upload/filemanager/layout/box-guarantee-bg.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: 50% 50%; + position: relative; - &::after { - content: ''; - display: block; - background: rgba(0, 0, 0, 0.5); - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - } + &::after { + content: ''; + display: block; + background: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } - #scontainer-5 { - position: relative; - z-index: 10; - font-size: 38px; - font-weight: 300; + #scontainer-5 { + position: relative; + z-index: 10; + font-size: 38px; + font-weight: 300; - @include respond-below(xs) { - font-size: 26px; - } - } + @include respond-below(xs) { + font-size: 26px; + } + } } .box-directories { - #scontainer-6 { - .col-md-3 { - position: relative; - padding-left: 0; - padding-right: 0; - margin-left: 15px; - margin-right: 15px; - margin-bottom: 25px; + #scontainer-6 { + .col-md-3 { + position: relative; + padding-left: 0; + padding-right: 0; + margin-left: 15px; + margin-right: 15px; + margin-bottom: 25px; - @include respond-below(xs) { - max-width: 100%; - margin-bottom: 15px; - } + @include respond-below(xs) { + max-width: 100%; + margin-bottom: 15px; + } - h3 { - @include respond-below(xs) { - font-size: 22px; - } - } + h3 { + @include respond-below(xs) { + font-size: 22px; + } + } - p { - margin: 0; - padding: 0; - } + p { + margin: 0; + padding: 0; + } - .text { - position: absolute; - top: 50%; - width: 100%; - padding: 0 15px; - transform: translateY(-50%); - @include transition; - opacity: 0; + .text { + position: absolute; + top: 50%; + width: 100%; + padding: 0 15px; + transform: translateY(-50%); + @include transition; + opacity: 0; - * { - margin: 0; - padding: 0; - } + * { + margin: 0; + padding: 0; + } - p { - @include respond-below(xs) { - display: none; - } - } + p { + @include respond-below(xs) { + display: none; + } + } - a { - color: #fff; + a { + color: #fff; - &:hover { - text-decoration: none; - color: $cBlack; - } - } - } + &:hover { + text-decoration: none; + color: $cBlack; + } + } + } - img { - display: block; - max-width: 100% !important; - position: relative; - z-index: 1; - } + img { + display: block; + max-width: 100% !important; + position: relative; + z-index: 1; + } - &:hover { - &::after { - height: 100%; - z-index: 2; - } + &:hover { + &::after { + height: 100%; + z-index: 2; + } - .text { - z-index: 10; - opacity: 1; - } - } + .text { + z-index: 10; + opacity: 1; + } + } - &::after { - background: $cBlueDark; - content: ''; - display: block; - position: absolute; - top: 0; - left: 0; - position: absolute; - z-index: 0; - width: 100%; - height: 0; - @include transition; - } - } - } + &::after { + background: $cBlueDark; + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + position: absolute; + z-index: 0; + width: 100%; + height: 0; + @include transition; + } + } + } } .box-contact, .box-main { - #scontainer-8 { - @extend .box-top; - } + #scontainer-8 { + @extend .box-top; + } - a { - color: $cBlueDark; - @include transition; + a { + color: $cBlueDark; + @include transition; - &:hover { - text-decoration: none; - color: $cBlack; - } - } + &:hover { + text-decoration: none; + color: $cBlack; + } + } - .nav-tabs { - margin-bottom: 25px; + .nav-tabs { + margin-bottom: 25px; - li { - a { - padding: 10px 20px; - border: 1px solid $cGrayLight; - margin-bottom: -1px; - display: block; + li { + a { + padding: 10px 20px; + border: 1px solid $cGrayLight; + margin-bottom: -1px; + display: block; - &.active { - background: $cBlueDark; - color: #fff; - } - } - } - } + &.active { + background: $cBlueDark; + color: #fff; + } + } + } + } } .box-career { - background-image: url('/upload/filemanager/layout/box-career-bg.jpg'); - background-repeat: no-repeat; - background-size: cover; - background-attachment: fixed; - background-position: 0 0; - box-shadow: 0 0 0 0 #ffffff; + background-image: url('/upload/filemanager/layout/box-career-bg.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: 0 0; + box-shadow: 0 0 0 0 #ffffff; - #scontainer-9 { - font-size: 38px; - font-weight: 300; - color: #fff; + #scontainer-9 { + font-size: 38px; + font-weight: 300; + color: #fff; - @include respond-below(xs) { - font-size: 22px; - } + @include respond-below(xs) { + font-size: 22px; + } - .btn { - background: $cBlueDark; - border: 0; - border-radius: 0; - @include transition; - padding: 10px 25px; - min-width: 200px; + .btn { + background: $cBlueDark; + border: 0; + border-radius: 0; + @include transition; + padding: 10px 25px; + min-width: 200px; - &:hover { - background: $cBlue; - } - } - } + &:hover { + background: $cBlue; + } + } + } } .box-news { - background: $cGrayLight; + background: $cGrayLight; - .content { - display: flex; - justify-content: center; - flex-wrap: wrap; + .content { + display: flex; + justify-content: center; + flex-wrap: wrap; - .article { - width: calc(100% - 30px); - padding: 0; - margin: 15px; - overflow: hidden; - height: 100%; - background: #fff; + .article { + width: calc(100% - 30px); + padding: 0; + margin: 15px; + overflow: hidden; + height: 100%; + background: #fff; - @include respond-above(sm) { - width: calc(100% / 3 - 30px); - } + @include respond-above(sm) { + width: calc(100% / 3 - 30px); + } - .img { - width: 100%; - height: 250px; - display: block; + .img { + width: 100%; + height: 250px; + display: block; - img { - height: 100%; - width: 100%; - object-fit: cover; - } - } + img { + height: 100%; + width: 100%; + object-fit: cover; + } + } - .article-content { - padding: 20px; + .article-content { + padding: 20px; - .title { - font-weight: 700; - font-size: 16px; - color: $cBlack; - margin-bottom: 15px; - display: block; + .title { + font-weight: 700; + font-size: 16px; + color: $cBlack; + margin-bottom: 15px; + display: block; - &:hover { - color: $cBlueDark; - text-decoration: none; - } - } + &:hover { + color: $cBlueDark; + text-decoration: none; + } + } - .date-add { - color: $cBlack; - font-size: 13px; - font-weight: 600; - text-align: left; - margin-bottom: 15px; - } + .date-add { + color: $cBlack; + font-size: 13px; + font-weight: 600; + text-align: left; + margin-bottom: 15px; + } - .entry { - color: $cBlack; - font-size: 14px; - } - } - } - } + .entry { + color: $cBlack; + font-size: 14px; + } + } + } + } - .btn-more { - background: $cBlueDark; - color: #fff; - margin: 25px auto 50px; - font-size: 14px; - display: block; - max-width: 280px; - padding: 10px 25px; - border-radius: 0; + .btn-more { + background: $cBlueDark; + color: #fff; + margin: 25px auto 50px; + font-size: 14px; + display: block; + max-width: 280px; + padding: 10px 25px; + border-radius: 0; - &:hover { - background: $cBlue; - } - } + &:hover { + background: $cBlue; + } + } } .box-producer { - background: $cGrayLight; + background: $cGrayLight; - .title { - text-align: center; + .title { + text-align: center; - h1 { - display: inline-block; - position: relative; - font-size: 2rem; - line-height: 48px; - font-weight: 400; - padding-bottom: 15px; - margin-bottom: 55px; - border-bottom: 2px solid #dfdfdf; + h1 { + display: inline-block; + position: relative; + font-size: 2rem; + line-height: 48px; + font-weight: 400; + padding-bottom: 15px; + margin-bottom: 55px; + border-bottom: 2px solid #dfdfdf; - &::before { - content: ''; - display: block; - width: 60%; - bottom: -2px; - position: absolute; - left: 0; - border-bottom: 2px solid $cBlueDark; - } - } - } + &::before { + content: ''; + display: block; + width: 60%; + bottom: -2px; + position: absolute; + left: 0; + border-bottom: 2px solid $cBlueDark; + } + } + } - p { - text-align: justify; - } + p { + text-align: justify; + } } .brand { - overflow: hidden; + overflow: hidden; - .item { - display: flex; - justify-content: center; - align-items: center; - width: 150px; - height: 100px; + .item { + display: flex; + justify-content: center; + align-items: center; + width: 150px; + height: 100px; - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } - .slick-slide, - .slick-track { - display: flex !important; - justify-content: center; - align-items: center; - } + .slick-slide, + .slick-track { + display: flex !important; + justify-content: center; + align-items: center; + } - .slick-prev, - .slick-next { - top: 50%; - display: none; + .slick-prev, + .slick-next { + top: 50%; + display: none; - &:before { - color: $cBlueDark; + &:before { + color: $cBlueDark; - @include respond-below(xs) { - opacity: 0; + @include respond-below(xs) { + opacity: 0; - &:hover { - opacity: 1; - } - } - } - } + &:hover { + opacity: 1; + } + } + } + } - .slick-next { - right: 0; - } + .slick-next { + right: 0; + } - .slick-prev { - left: 0; - z-index: 2; - } + .slick-prev { + left: 0; + z-index: 2; + } } .box-footer { - background: #363839; - text-align: center; - font-size: 15px; - color: #fff; - padding-top: 50px; - padding-bottom: 20px; + background: #363839; + text-align: center; + font-size: 15px; + color: #fff; + padding-top: 50px; + padding-bottom: 20px; - a { - @include transition; - color: #fff; - font-weight: 600; + a { + @include transition; + color: #fff; + font-weight: 600; - &:hover { - text-decoration: none; - color: $cBlue; - } - } + &:hover { + text-decoration: none; + color: $cBlue; + } + } - .row { - &-top { - margin-bottom: 50px; + .row { + &-top { + margin-bottom: 50px; - // p { - // text-align: start; - // } - ul { - display: flex; - flex-direction: row; - justify-content: center; - flex-wrap: wrap; - row-gap: 10px; - column-gap: 25px; - // display: grid; - // grid-template-columns: 1fr 1fr 1fr; - list-style: none; - padding: 0; - margin: 0; - } - } - } + // p { + // text-align: start; + // } + ul { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; + row-gap: 10px; + column-gap: 25px; + // display: grid; + // grid-template-columns: 1fr 1fr 1fr; + list-style: none; + padding: 0; + margin: 0; + } + } + } } #cookie-information { - padding: 10px; - text-align: center; - font-size: 12px; - background: $cBlack; - color: #fff; + padding: 10px; + text-align: center; + font-size: 12px; + background: $cBlack; + color: #fff; - a { - color: $cBlue; - } + a { + color: $cBlue; + } } .box-main { - border-top: 1px solid $cGrayLight; + border-top: 1px solid $cGrayLight; } #scontainer-10 { - background: $cGrayLight; - padding: 50px 25px 25px; + background: $cGrayLight; + padding: 50px 25px 25px; } #scontainer-11 { - @extend .box-top; + @extend .box-top; } .box-articles { - background: $cGrayLight; + background: $cGrayLight; - .box-title { - .title { - border-bottom: 2px solid $cBlack; - } - } + .box-title { + .title { + border-bottom: 2px solid $cBlack; + } + } } .article-entry { - background: #fff; - margin-bottom: 30px; - border-radius: 3px; - overflow: hidden; - height: calc(100% - 20px); + background: #fff; + margin-bottom: 30px; + border-radius: 3px; + overflow: hidden; + height: calc(100% - 20px); - .img { - img { - width: 100%; - height: 250px; - object-fit: cover; - } - } + .img { + img { + width: 100%; + height: 250px; + object-fit: cover; + } + } - .article-content { - padding: 20px; + .article-content { + padding: 20px; - .date-add { - color: $cBlack; - font-size: 13px; - font-weight: 600; - text-align: left; - margin-bottom: 15px; - } + .date-add { + color: $cBlack; + font-size: 13px; + font-weight: 600; + text-align: left; + margin-bottom: 15px; + } - .article-title { - a { - font-weight: 700; - font-size: 16px; - color: $cBlack; - margin-bottom: 15px; - display: block; - @include transition; + .article-title { + a { + font-weight: 700; + font-size: 16px; + color: $cBlack; + margin-bottom: 15px; + display: block; + @include transition; - &:hover { - color: $cBlueDark; - text-decoration: none; - } - } - } + &:hover { + color: $cBlueDark; + text-decoration: none; + } + } + } - .entry { - p { - color: $cBlack; - font-size: 13px; - margin-bottom: 0; - } - } - } + .entry { + p { + color: $cBlack; + font-size: 13px; + margin-bottom: 0; + } + } + } } .pager { - display: flex; - justify-content: flex-start; - align-items: center; - padding-inline-start: 0; - list-style-type: none; - margin-top: 50px; + display: flex; + justify-content: flex-start; + align-items: center; + padding-inline-start: 0; + list-style-type: none; + margin-top: 50px; - li { - color: $cBlack; - font-size: 13px; - margin-bottom: 0; - margin-right: 10px; + li { + color: $cBlack; + font-size: 13px; + margin-bottom: 0; + margin-right: 10px; - a { - width: 48px; - height: 48px; - display: flex; - align-items: center; - justify-content: center; - background: $cGrayLight; + a { + width: 48px; + height: 48px; + display: flex; + align-items: center; + justify-content: center; + background: $cGrayLight; - img { - width: 15px; - height: 15px; - } + img { + width: 15px; + height: 15px; + } - &.inactive { - opacity: 0.3; - pointer-events: none; - } - } - } + &.inactive { + opacity: 0.3; + pointer-events: none; + } + } + } } .box-content { - background: #fff; - padding: 20px 18px; + background: #fff; + padding: 20px 18px; - &:first-child { - margin-bottom: 30px; - } + &:first-child { + margin-bottom: 30px; + } - h4 { - font-weight: 600; - font-size: 15px; - color: $cBlack; - margin-bottom: 15px; - display: block; - } + h4 { + font-weight: 600; + font-size: 15px; + color: $cBlack; + margin-bottom: 15px; + display: block; + } - ul { - list-style-type: none; - padding-inline-start: 0; + ul { + list-style-type: none; + padding-inline-start: 0; - li { - margin-bottom: 10px; + li { + margin-bottom: 10px; - a { - color: $cBlueDark; - @include transition; + a { + color: $cBlueDark; + @include transition; - &:hover { - color: $cBlack; - text-decoration: none; - } - } - } - } + &:hover { + color: $cBlack; + text-decoration: none; + } + } + } + } } .article { - background: #fff; - padding: 25px; + background: #fff; + padding: 25px; - .table-of-contents { - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); - // border-radius: 5px; - padding: 20px; - margin-bottom: 20px; + .table-of-contents { + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); + // border-radius: 5px; + padding: 20px; + margin-bottom: 20px; - .title { - font-size: 20px; - margin-bottom: 10px; - } + .title { + font-size: 20px; + margin-bottom: 10px; + } - ol { - margin-bottom: 0; - } - } + ol { + margin-bottom: 0; + } + } - .main-image { - margin-bottom: 25px; + .main-image { + margin-bottom: 25px; - img { - max-width: 100%; - } - } + img { + max-width: 100%; + } + } - .article-title { - @extend .box-title; - justify-content: flex-start !important; - margin-bottom: 25px !important; - } + .article-title { + @extend .box-title; + justify-content: flex-start !important; + margin-bottom: 25px !important; + } - .date-add { - color: $cBlack; - font-size: 13px; - font-weight: 600; - margin-bottom: 15px; - display: flex; - align-items: center; - justify-content: flex-start; + .date-add { + color: $cBlack; + font-size: 13px; + font-weight: 600; + margin-bottom: 15px; + display: flex; + align-items: center; + justify-content: flex-start; - img { - margin-right: 5px; - } - } + img { + margin-right: 5px; + } + } - .text { - h2 { - font-size: 18px; - font-weight: 600; - } + .text { + h2 { + font-size: 18px; + font-weight: 600; + } - h3 { - font-size: 16px; - font-weight: 600; - } - } + h3 { + font-size: 16px; + font-weight: 600; + } + } - .gallery { - display: flex; - flex-wrap: wrap; + .gallery { + display: flex; + flex-wrap: wrap; - .image { - width: calc(100% / 4 - 10px); - margin: 10px 10px 0 0; - display: block; - max-height: 175px; - border: 1px solid $cGrayLight; + .image { + width: calc(100% / 4 - 10px); + margin: 10px 10px 0 0; + display: block; + max-height: 175px; + border: 1px solid $cGrayLight; - @include respond-below(sm) { - width: calc(100% / 3 - 10px); - } + @include respond-below(sm) { + width: calc(100% / 3 - 10px); + } - img { - width: 100%; - height: 100%; - object-fit: contain; - object-position: center; - } - } - } + img { + width: 100%; + height: 100%; + object-fit: contain; + object-position: center; + } + } + } - .social-icons { - margin-bottom: 20px; - } + .social-icons { + margin-bottom: 20px; + } - .btn-back { - background: $cBlueDark; - color: #fff; - margin: 25px 0 0; - font-size: 14px; - display: block; - max-width: 200px; - padding: 10px 25px; - border-radius: 0; + .btn-back { + background: $cBlueDark; + color: #fff; + margin: 25px 0 0; + font-size: 14px; + display: block; + max-width: 200px; + padding: 10px 25px; + border-radius: 0; - &:hover { - background: $cBlue; - } - } + &:hover { + background: $cBlue; + } + } } #scontainer-12 { - @extend .box-top; + @extend .box-top; - h3 { - font-size: 16px; - font-weight: 600; - } + h3 { + font-size: 16px; + font-weight: 600; + } } .article-18, .article-27 { + .col-md-6, + .col-md-4 { + position: relative; + overflow: hidden; - .col-md-6, - .col-md-4 { - position: relative; - overflow: hidden; + &::after { + content: ''; + display: block; + background: rgba(0, 0, 0, 0.33); + width: calc(100% - 30px); + height: calc(100% - 15px); + position: absolute; + top: 0; + left: 15px; + } - &::after { - content: ''; - display: block; - background: rgba(0, 0, 0, 0.33); - width: calc(100% - 30px); - height: calc(100% - 15px); - position: absolute; - top: 0; - left: 15px; - } + p:first-child { + width: 100%; + height: 500px; + display: block; + } - p:first-child { - width: 100%; - height: 500px; - display: block; - } + img { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + } - img { - width: 100%; - height: 100%; - object-fit: cover; - object-position: center; - } + h2 { + position: absolute; + padding: 0; + margin: 0; + bottom: 25px; + left: 25px; + z-index: 10; - h2 { - position: absolute; - padding: 0; - margin: 0; - bottom: 25px; - left: 25px; - z-index: 10; - - a { - color: #fff; - font-weight: 300; - font-size: 30px; - } - } - } + a { + color: #fff; + font-weight: 300; + font-size: 30px; + } + } + } } .article-miniature { - position: relative; - margin-bottom: 30px; + position: relative; + margin-bottom: 30px; - &::after { - content: ''; - display: block; - background: rgba(0, 0, 0, 0.33); - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - } + &::after { + content: ''; + display: block; + background: rgba(0, 0, 0, 0.33); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } - .img { - display: block; - height: 300px; + .img { + display: block; + height: 300px; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } - h2 { - position: absolute; - padding: 0; - margin: 0; - bottom: 25px; - left: 25px; - z-index: 10; + h2 { + position: absolute; + padding: 0; + margin: 0; + bottom: 25px; + left: 25px; + z-index: 10; - a { - color: #fff; - font-weight: 300; - font-size: 30px; - @include transition; + a { + color: #fff; + font-weight: 300; + font-size: 30px; + @include transition; - &:hover { - text-decoration: none; - color: $cBlueDark; - } - } - } + &:hover { + text-decoration: none; + color: $cBlueDark; + } + } + } } #contact-form { - font-size: 13px; + font-size: 13px; - .form-control { - border-radius: 0; - font-size: 13px; - } + .form-control { + border-radius: 0; + font-size: 13px; + } - .captcha span { - font-size: 13px !important; - } + .captcha span { + font-size: 13px !important; + } - .btn { - background: $cBlueDark; - color: #fff; - text-transform: uppercase; - border: 0; - border-radius: 0; - font-size: 13px; - width: 125px; - text-align: center; - padding: 10px 15px; - } + .btn { + background: $cBlueDark; + color: #fff; + text-transform: uppercase; + border: 0; + border-radius: 0; + font-size: 13px; + width: 125px; + text-align: center; + padding: 10px 15px; + } } .alert-success { - margin: 0 0 50px; - border: 0; - border-radius: 0; - background: $cBlueDark; - color: #fff; + margin: 0 0 50px; + border: 0; + border-radius: 0; + background: $cBlueDark; + color: #fff; } .article-71, @@ -1504,52 +1503,76 @@ body { .article-97, .article-98, .article-99 { - .gallery { - .image { - img { - object-fit: cover; - } - } - } + .gallery { + .image { + img { + object-fit: cover; + } + } + } } -#link-68>a { - pointer-events: none; +#link-68 > a { + pointer-events: none; } #link-73 { - img { - max-width: 130px; - } + img { + max-width: 130px; + } } #scontainer-53 { - max-height: calc(100vh - 214px); - background: #000; + max-height: calc(100vh - 214px); + background: #000; - .scontainer-content { - height: 100%; + .scontainer-content { + height: 100%; - p { - height: 100%; - text-align: center; - } + p { + height: 100%; + text-align: center; + } - video { - width: 100%; - height: 100%; - max-height: calc(100vh - 214px); - margin-bottom: -6px; - } - } + video { + width: 100%; + height: 100%; + max-height: calc(100vh - 214px); + margin-bottom: -6px; + } + } } body .article-122 { - .gallery { - a.image { - img { - object-fit: cover; - } - } - } -} \ No newline at end of file + .gallery { + a.image { + img { + object-fit: cover; + } + } + } +} + +.box-promo { + padding-bottom: 0; + text-align: center; + + #scontainer-55 { + max-width: 690px; + margin: 0 auto; + + .box-title { + margin: 0 auto 35px; + } + + a { + color: rgb(34, 169, 225); + transition: 0.5s; + + &:hover { + color: #000; + text-decoration: none; + } + } + } +}