/*
Theme Name: ARTlanding
Theme URI: https://artlanding.net
Description:
Author: Artlanding
Author URI: https://artlanding.net
Version: 1.0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');

@font-face{ font-family: 'Gilroy'; src: url('./font/Gilroy-Light.woff2') format('woff2'); font-weight:100; font-style:normal; font-display:swap; } @font-face{ font-family: 'Gilroy'; src: url('./font/Gilroy-Medium.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; } @font-face{ font-family: 'Gilroy'; src: url('./font/Gilroy-Bold.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; } @font-face{ font-family: 'Gilroy'; src: url('./font/Gilroy-Black.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; } 

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{border:0;background:#222;}
::-webkit-scrollbar-track{border:0;background:#eee;}

*{box-sizing:border-box;} .modal{cursor:pointer;} html{scroll-behavior:smooth;} body{background:#fff;padding:0;margin:0;font-family:'Gilroy';color:#333;font-size:17px;font-weight:100;overflow-x:hidden;} body.over{overflow:hidden;} b, strong{text-align:justify;font-family:'Gilroy';color:#333;font-size:17px;font-weight:700;} h1, h2{position:relative;padding:0;margin:0 0 25px;text-align:left;font-family:'Gilroy';color:#333;font-size:45px;font-weight:900;} p, span, small, sup, li{text-align:justify;} a, a:hover{text-decoration:none;border-bottom:none;color:inherit;} input, button, textarea{outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Gilroy';font-weight:100;color:#333;font-size:17px;} .container{position:relative;margin:0 auto;max-width:1250px;width:100%;text-align:left;z-index:3;}

.fade, .fade_up, .fade_lt, .fade_rt, .fade_zm{opacity:0;transition:all 1s;} .fade_up{transform:translateY(25%);} .fade_lt{transform:translateX(-15%);} .fade_rt{transform:translateX(15%);} .fade_zm{transform:scale(.85);} .fade.active, .fade_lt.active, .fade_rt.active, .fade_zm.active, .fade_up.active{opacity:1;transform:none;}

@media(pointer: fine){ #cursor{position:fixed;transition:width .25s, height .25s, background .25s;border:1px solid #ee2852;top:50%;left:50%;border-radius:100%;width:25px;height:25px;z-index:50;transform:translate(-50%,-50%);transition-timing-function:ease-out;pointer-events:none;} #cursor.active{background:#ee2852;opacity:.5;width:45px;height:45px;} }

#preloader{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;background:#fff;justify-content:center;align-items:center;z-index:30;}
#preloader img{position:relative;width:250px;transform:scale(.85);opacity:0;transition:opacity 1s, transform 1s;} #preloader.act img{transform:none;opacity:1;}
	
#header{position:relative;background:#fff;z-index:5;} #header .logo{display:inline-block;margin:5px 20px;background:url(./img/logo.png) no-repeat center top / 100%;width:100px;height:65px;} #header .tel{position:relative;display:inline-block;float:right;margin:27.5px 20px;} #header .tel a{display:block;margin-left:10px;font-size:20px;font-weight:300;} #header .btn{position:relative;display:inline-block;float:right;margin:20px 0;padding:10px 25px 10px 40px;background:#e85222 url(./img/call.svg) no-repeat 15px center / auto 35%;box-shadow:0 5px 15px rgb(0 0 0 / 25%);border-radius:25px;color:#fff;font-size:15px;transition:all .5s;} #header .btn:hover{background-color:#333;} #header .pm{position:relative;display:inline-block;float:right;margin:17.5px;background:url(./img/menu.svg) center / cover;height:40px;width:40px;cursor:pointer;} @media screen and (max-width:650px){ #header .tel{display:none;} } @media screen and (max-width:350px){ #header .pm{display:none;} #header .btn{margin:22.5px 20px;} }

#main{position:relative;padding:75px 0;height:calc(100vh - 100px);max-height:700px;background:linear-gradient(45deg, #f2eee1, #eee);margin:0 15px;border-radius:25px;overflow:hidden;display: flex;align-items: center;} #main .container{display:flex;align-items:center;height:100%;} #main .img{position:absolute;top:0;bottom:0;right:0;width:60%;} #main .img img{width:100%;height:100%;object-fit:cover;-webkit-mask-image: linear-gradient(to right, transparent, black 50%);mask-image: linear-gradient(to right, transparent, black 50%);} #main .ttl{width:calc(80% - 40px);margin:20px;max-width:650px;z-index:1;} #main .ttl h1{margin-bottom:35px;font-size:60px;} #main .ttl span{font-size:15.85px;} #main .circle{position:absolute;top:-25px;left:-25px;width:120px;height:120px;border-radius:100%;display:none;} #main .circle:not(:empty){animation:rotation 10s linear infinite;display:block;} #main .circle span{position:absolute;transform:translate(55px,55px) rotate(var(--rot)) translate(0,-65px);font-weight:300;font-size:15px;} @keyframes rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} @media screen and (max-width:650px){#main{margin:0;} #main .ttl h1{font-size:40px;}#main .img{width:85%;}}

#about{position:relative;padding:75px 0;overflow:hidden;} #about .txt{position:relative;display:inline-block;margin:0 20px;width:calc(55% - 40px);text-align:justify;} #about .txt .ia{font-family:'Rochester';font-size:37.5px;display:block;margin-top:35px;text-align:right;color:#e85222;} #about .txt h2{margin-bottom:75px;} #about .img{position:relative;display:inline-flex;justify-content:center;margin:0 20px 0 40px;width:calc(45% - 60px);} #about .img:before{position:absolute;content:"";top:25px;bottom:25px;left:-25px;width:50%;border:10px solid #f2eee1;border-radius:20px;z-index:-1;} #about .img img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px;z-index:1;} @media screen and (max-width:650px){#about .img{width:calc(100% - 20px);height:300px;order:1;margin-top:20px;}#about .txt{width:calc(100% - 40px);order:0;}}

#video{position:relative;margin:15px;width:calc(100% - 30px);height:100vh;max-height:650px;border-radius:25px;background:linear-gradient(45deg,#000, rgba(242, 101, 46,.85));overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.25);} #video video{position:absolute;top:0;bottom:0;right:0;left:0;min-width:100%;min-height:100%;opacity:.5} @media (min-aspect-ratio: 16/9){ #video video {height:300%;top:-100%;}} @media (max-aspect-ratio: 16/9){ #video video{width:300%;left:-100%;}} @supports (object-fit: cover){ #video video{top:0;left:0;width:100%;height:100%;object-fit:cover;}} #video .container{display:flex;align-items:center;height:100%;} #video .txt{margin:20px;max-width:500px;} #video .txt strong{display:block;color:#fff;margin-bottom:25px;font-weight:100;} #video .txt .btn{position:relative;float:left;display:inline-block;margin-right:10px;padding:10px 25px 10px 40px;background:#e85222 url(./img/call.svg) no-repeat 15px center / auto 35%;box-shadow:0 5px 15px rgb(0 0 0 / 25%);border-radius:25px;color:#fff;font-size:15px;transition:all .5s;} #video .txt .btn:hover{background-color:#333;} #video .txt a.soc{display:inline-block;margin-left:7.5px;width:35px;height:35px;border-radius:100%;} #video .txt a.soc.in{background:#C13584 url(./img/footer/in.svg) no-repeat center / 50%;} #video .txt a.soc.fb{background:#0165E1 url(./img/footer/fb.svg) no-repeat center / 50%;} @media screen and (max-width:650px){#video{margin:0;width:100%;}}

#review{position:relative;padding:0 0 75px;overflow:hidden;} #review .ttl{position:relative;display:block;margin:0 20px;} #review .colums{display:flex;flex-wrap:wrap;margin:50px 10px 0;padding:0;clear:both;box-sizing:border-box;} #review .colums .col{position:relative;display:inline-block;margin:0 10px 20px;width:calc(50% - 40px);background:linear-gradient(45deg, #f2eee1, #eee);border-radius:5px;padding:20px 20px 75px;outline:none;text-align:justify;box-shadow:0 15px 15px rgba(0,0,0,.025);} #review .colums .col:before{position:absolute;content:"\201d";left:10px;top:-20px;color:#fff;font-size:200px;} #review .colums .track{position:relative;display:flex;} #review .colums .col span{position:relative;} #review .colums .col strong{position:absolute;right:20px;bottom:20px;} #review .colums .arrow{position:absolute;bottom:-25px;right:20px;width:35px;height:35px;line-height:32.5px;border:1px solid #aaa;transition:all .5s;cursor:pointer;border-radius:100%;text-align:center;font-size:30px;color:#aaa;} #review .colums .arrow.prev{transform:translateX(-120%);}

#service{position:relative;padding:75px 0;overflow:hidden;} #service .ttl{margin:0 20px 75px;} #service .colums{display:flex;flex-wrap:wrap;margin:10px;} #service .colums .col{position:relative;display:inline-block;min-width:300px;flex:1 0 0;margin:10px;padding:175px 20px 80px;border-radius:15px;overflow:hidden;border:2px dotted #e85222;} #service .colums .col:not(.cennik){background:linear-gradient(-150deg, rgba(242, 101, 46,.85), #000);box-shadow:0 15px 25px rgb(0 0 0 / 25%);border:0;} #service .colums .col.cennik{background:url(./img/logo.png) no-repeat right 15px top 15px / 100px;} #service .colums .col:before{position:absolute;content:attr(data-text);top:20px;right:20px;font-weight:900;color:#fff;z-index:1;} #service .colums .col:hover img{transform:rotate(2.5deg) scale(1.1);} #service .colums .col span{position:relative;display:block;color:#fff;font-weight:600;text-align:left;} #service .colums .col.cennik span{color:#222;} #service .colums .col small{position:relative;color:#fff;z-index:1;} #service .colums .col img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;opacity:.55;transition:all .5s;} #service .colums .col .btn{position:absolute;bottom:25px;padding:10px 25px 10px 40px;background:#e85222 url(./img/date.svg) no-repeat 15px center / auto 35%;box-shadow:0 5px 15px rgb(0 0 0 / 25%);border-radius:25px;color:#fff;font-size:15px;transition:all .5s;} #service .colums .col .btn:hover{background-color:#333;} #service .colums .col.cennik .btn{background-image:url(./img/price.svg);background-color:#555;} @media screen and (max-width:650px){#service .colums .col{padding-top:125px;}}

#photos{position:relative;width:100%;padding:75px 0;overflow:hidden;} #photos .ttl{display:inline-block;margin:0 20px;} #photos .tabs{display:inline-block;margin:0 20px;padding-left:10px;border-left:2px solid #aaa;top:-2.5px;position:relative;} #photos .tabs span{position:relative;margin-left:10px;color:#aaa;transition:all .25s;} #photos .tabs span:hover, #photos .tabs span.act{color:#f2652e;} #photos .tabs span:before{position:absolute;content:"";bottom:-5px;left:0;height:1px;width:0;background:#f2652e;transition:all .5s;z-index:-1;} #photos .tabs span:hover:before, #photos .tabs span.act:before{width:50%;} #photos .tabs span:not(.act):hover{cursor:pointer;} #photos .colums{position:relative;margin:25px 10px 35px;box-sizing:border-box;} #photos .colums .track{display:flex;} #photos .colums .col{position:relative;display:inline-block;background:linear-gradient(150deg, rgba(242, 101, 46,.85), #000);margin:10px 5px 20px;box-shadow:0 15px 15px rgba(0,0,0,.05);border-radius:10px;outline:none;overflow:hidden;} #photos .colums .col img{width:100%;height:100%;object-fit:cover;margin-bottom:-15px;aspect-ratio: 1 / 1.35;transition:all .5s;} #photos .colums .col:hover img{opacity:.35;filter:blur(3px);} #photos .colums .col:hover:after{opacity:1;} #photos .colums .col:after{position:absolute;content:"";top:50%;left:50%;width:55px;height:55px;transform:translate(-50%,-50%);transition:all .5s;opacity:0;background:url(./img/zoom.svg) center / cover;} #photos .colums .nav{position:absolute;left:0;right:0;bottom:-65px;padding:0;list-style:none;text-align:center;} #photos .colums .nav li{position:relative;display:inline-block;width:12.5px;height:12.5px;border-radius:20px;background:#aaa;margin:0 5px;cursor:pointer;transition:all .5s;} #photos .colums .nav li.active{background:#333;width:45px;} @media screen and (max-width:650px){#photos .colums{margin:25px 15px 35px;} #photos .tabs{background:#eee;border:0;padding:0;display:block;border-radius:15px;overflow: hidden;} #photos .tabs span{display:block;padding:10px;margin:0;}#photos .tabs span:hover, #photos .tabs span.act{background:#f2652e;color:#fff;font-weight:100;}}

#preim{position:relative;padding:75px 0;background:linear-gradient(45deg, #f2eee1, #eee);margin:0 15px;border-radius:25px;overflow:hidden;} #preim .ttl{margin:0 20px 75px;} #preim .colums{display:flex;flex-wrap:wrap;margin:10px;} #preim .colums .col{position:relative;display:inline-block;background:#fff;min-width:300px;flex:1 0 0;padding:25px 15px;margin:10px;box-shadow:0 10px 10px rgb(0 0 0 / 3%);border-radius:15px;overflow:hidden;} #preim .colums .col:before{position:absolute;content:attr(data-text);bottom:-50px;right:-15px;font-size:110px;color:#f2eee1;font-weight:900;} #preim .colums .col:first-child:before{letter-spacing:7.5px;} #preim .colums .col strong, #preim .colums .col span{position:relative;} #preim .colums .col strong{display:block;margin-bottom:15px;font-weight:600;} @media screen and (max-width:650px){#preim{margin:0;}}

#docs{position:relative;width:100%;padding:75px 0 0;overflow:hidden;} #docs .ttl{margin:0 20px 75px;} #docs .scans{display:flex;flex-wrap:wrap;margin:70px 10px 0;} #docs .scans a{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(150deg, rgba(242, 101, 46,.85), #000);margin:17.5px 17.5px 25px;border:2.5px solid #fff;outline:7.5px solid #555;box-shadow:0 15px 15px rgba(0,0,0,.15);width:calc(33.3333% - 35px);} #docs .scans a img{width:100%;height:100%;transition:all .5s;} #docs .scans a:hover img{opacity:.35;filter:blur(3px);} #docs .scans a:hover:after{opacity:1;} #docs .scans a:after{position:absolute;content:"";top:50%;left:50%;width:55px;height:55px;transform:translate(-50%,-50%);transition:all .5s;opacity:0;background:url(./img/zoom.svg) center / cover;} #docs .scans .nav{position:relative;width:calc(100% - 15px);margin:20px 7.5px 0;padding:0;list-style:none;text-align:center;} #docs .scans .nav li{position:relative;display:inline-block;width:12.5px;height:12.5px;border-radius:20px;background:#aaa;margin:0 5px;cursor:pointer;transition:all .5s;} #docs .scans .nav li.active{background:#333;width:45px;} #docs .track{display: flex;}

#how{position:relative;padding:75px 0;overflow:hidden;} #how .ttl{margin:0 20px 35px;} #how .colums{display:flex;flex-wrap:wrap;margin: 10px;} #how .colums .col{position:relative;display:inline-block;min-width:300px;margin:10px;text-align:justify;flex:1 0 0;padding:20px;background:linear-gradient(45deg, #f2eee1, #eee);border-radius: 20px;} #how .colums .col:before{display:block;content:attr(data-text);margin-bottom:15px;background:linear-gradient(45deg, #f2652e, #f27c4e);width:45px;height:50px;line-height:50px;border-radius:25px;transform:rotate(15deg);box-shadow:0 5px 15px rgb(0 0 0 / 15%);text-align:center;color:#fff;font-weight:900;} #how .colums .col strong{display:block;margin-bottom:10px;font-weight:600;}

#faq{position:relative;padding:75px 0;background:linear-gradient(45deg, #f2eee1, #eee);margin:0 15px;border-radius:25px;overflow:hidden;} #faq .ttl{display:inline-block;margin:0 20px;} #faq .tabs{display:inline-block;margin:0 20px;padding-left:10px;border-left:2px solid #aaa;top:-2.5px;position:relative;} #faq .tabs span{position:relative;margin-left:10px;color:#aaa;transition:all .25s;} #faq .tabs span:hover, #faq .tabs span.act{color:#f2652e;} #faq .tabs span:before{position:absolute;content:"";bottom:-5px;left:0;height:1px;width:0;background:#f2652e;transition:all .5s;z-index:-1;} #faq .tabs span:hover:before, #faq .tabs span.act:before{width:50%;} #faq .tabs span:not(.act):hover{cursor:pointer;} #faq .row{position:relative;margin:50px 20px 0;} #faq .row .faq{margin-top:10px} #faq .row .faq .head{position:relative;padding:12.5px 50px 12.5px 15px;font-size:17px;font-weight:600;background:#fff;border-radius:10px;box-shadow:0 5px 5px rgba(0,0,0,.035);cursor:pointer} #faq .row .faq .head:before{position:absolute;content:"+";top:calc(50% - 12.5px);right:7.5px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #68ab54;border-radius:100%;color:#68ab54;font-size:25px;font-weight:100} #faq .row .faq.open .head:before{content:"-";font-size:30px} #faq .row .faq .body{display:none;padding:0 15px;border:1px dashed #f2652e;margin:15px 0 15px 35px;border-radius:10px;} @media screen and (max-width:650px){ #faq{margin:0;} #faq .tabs{background:#fff;border:0;padding:0;display:block;border-radius:5px;overflow: hidden;} #faq .tabs span{display:block;padding:10px;margin:0;}#faq .tabs span:hover, #faq .tabs span.act{background:#f2652e;color:#fff;font-weight:100;} #faq .row .faq .body{margin-left:0;} }

#marg{position:relative;margin:25px 15px;white-space:nowrap;overflow:hidden;} #marg b{font-size:65px;text-transform:uppercase;color:transparent;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#f2eee1;font-weight:600;} @media screen and (max-width:650px){ #marg{margin:25px 0;} }

#map{position:relative;margin:0 15px;height:500px;border-radius:25px;overflow:hidden;} #map iframe{margin:-500px;width:calc(100% + 1000px);height:calc(100% + 1000px);border:0;} @media screen and (max-width:650px){ #map{margin:0;} }

#galary{position:fixed;background:linear-gradient(150deg, rgba(242, 101, 46,.5), #000);bottom:0;right:0;top:0;left:0;z-index:10;opacity:0;backdrop-filter:blur(3px);} #galary .docs{position:absolute;height:100%;width:100%;white-space:nowrap;} #galary .docs .doc{display:inline-block;height:100%;width:100%;text-align:center;} #galary .docs .doc:before{content:"";display:inline-block;height:50%;} #galary .docs .doc img{max-height:calc(100% - 40px);max-width:calc(100% - 40px);vertical-align:middle;border-radius:5px;box-shadow:0 15px 15px rgba(0,0,0,.15);} #galary .prev, #galary .next{position:absolute;top:calc(50% - 25px);width:35px;height:35px;line-height:32.5px;border:1px solid #fff;transition:all .5s;cursor:pointer;border-radius:100%;text-align:center;font-size:30px;color:#fff;} #galary .prev{left:20px;} #galary .next{right:20px;} #galary .prev.disabled, #galary .next.disabled{opacity:.15;cursor:default;}

#menu{position:fixed;right:0;left:0;top:0;bottom:0;background:#fff;display:none;z-index:9;overflow:hidden;} #menu:before{position:absolute;content:"NAVIGATION";right:-5%;bottom:-15%;font-size:300px;color:#f2eee1;font-weight:700;opacity:.5;} #menu .container{display:flex;flex-wrap:wrap;height:100%;align-items:center;} #menu .nav{position: relative;margin:20px;} #menu .nav a{position:relative;display:block;margin:10px 0;font-size:45px;font-weight:900;transition:all .5s;transform:translateX(-25%);} #menu .nav a:before{position:absolute;content:"";bottom:0;left:0;height:15px;width:0;background:#ddd;transition:all .5s;z-index:-1;} #menu .nav a:hover:before{width:125px;} #menu .nav a:hover{color:#f2652e;} #menu .contacts{position:absolute;right:20px;bottom:20px;} #menu .contacts a, #menu .contacts span{display:block;text-align:right;} #menu .contacts a.soc{display:inline-block;float:right;margin:7.5px 0 0 7.5px;width:30px;height:30px;border-radius:100%;} #menu .contacts a.soc.in{background:#C13584 url(./img/footer/in.svg) no-repeat center / 50%;} #menu .contacts a.soc.fb{background:#0165E1 url(./img/footer/fb.svg) no-repeat center / 50%;} @media screen and (max-width:700px){#menu:before{font-size:200px;}#menu .nav a{font-size:25px;}}

#mini{position:relative;overflow:hidden;} #mini small{display:inline-block;margin:7.5px 20px;width:calc(50% - 40px);text-align:left;} #mini small:last-child{text-align:right;} @media screen and (max-width:600px){#mini small, #mini small:last-child{width:calc(100% - 40px);text-align:left;}#mini small:first-child{display:none;}}

.modal_book{position:fixed;right:0;left:0;top:0;bottom:0;background:#fff;display:none;z-index:9;overflow:auto;padding-bottom: 100px;} .modal_book .container{display:flex;align-items:center;min-height:100%;} .modal_book .img{position:relative;display:inline-block;height:calc(100% - 150px);max-height:550px;width:40%;margin:20px 20px 20px 40px;transform:translateX(-15%);opacity:0;transition:all .5s;} .modal_book .img:before{position:absolute;content:"";top:25px;bottom:25px;left:-25px;width:50%;border:10px solid #f2eee1;border-radius:20px;z-index:-1;} .modal_book .img img{width:100%;height:100%;object-fit:cover;box-shadow:0 0 50px rgb(0 0 0 / 25%);border-radius:20px;} .modal_book .form{position:relative;margin:20px;width:calc(60% - 40px);transform:translateY(15%);opacity:0;transition:all .5s;} .modal_book .form strong{display:block;margin-bottom:25px;font-size:20px;} .modal_book .form span{display:block;margin-bottom:25px;text-align:justify;} .modal_book .form .input{display:inline-block;border:0;background:#eee;padding:0 0 0 10px;margin-bottom:10px;color:#000;width:100%;border-radius:5px;height:45px;line-height:45px;transition:all .25s;} .modal_book .form .input:focus{background:#f2eee1;} .modal_book .form .input[name=date]{padding-right:10px;} .modal_book .form .btn{position:relative;display:inline-block;margin-top:25px;background:#e85222 url(./img/call.svg) no-repeat 15px center / auto 35%;border-radius:25px;padding:12.5px 25px 12.5px 45px;color:#fff;font-size:15px;box-shadow:0 5px 15px rgb(0 0 0 / 20%);transition:all .5s;} .modal_book .form .btn.zap{background:#e85222 url(./img/date.svg) no-repeat 15px center / auto 35%;} .modal_book .form .btn:hover, .modal_book .form .btn.zap:hover{background-color:#333;cursor:pointer;} .modal_book .form .notify{display:block;padding:10px;background:#555;margin-top:15px;font-size:15px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.15);text-align:center;color:#fff;} .modal_book .form .notify:empty{display:none;} .modal_book .contacts{position:absolute;right:20px;left:20px;bottom:-80px;} .modal_book .contacts a{display:inline-block;margin-right:5px;padding-right:5px;text-align:right;} .modal_book .contacts a.soc{display:inline-block;float:right;margin:-5px 0 0 7.5px;width:30px;height:30px;border-radius:100%;} .modal_book .contacts a.soc.in{background:#C13584 url(./img/footer/in.svg) no-repeat center / 50%;} .modal_book .contacts a.soc.fb{background:#0165E1 url(./img/footer/fb.svg) no-repeat center / 50%;} .modal_book .contacts a.soc.bc{background:#02CFA7 url(./img/footer/bc.png) no-repeat center / cover;} @media screen and (max-width:600px){.modal_book .img{display:none;}.modal_book .form{width:calc(100% - 40px);}.modal_book .contacts a, .modal_book .contacts span{display:block;float:right;margin-right:0;padding-right:0;margin-left:5px;padding-left:5px;width:100%;text-align:right;}.modal_book .contacts a.soc{margin-top:7.5px;}}

.modal_cennik{position:fixed;right:0;left:0;top:0;bottom:0;background:#fff;display:none;z-index:9;overflow:hidden;} .modal_cennik .container{position:absolute;background:#eee;border-bottom-left-radius:15px;padding:20px;max-width:calc(100% - 40px);max-height:calc(100% - 100px);transform:translate(-50%, calc(-50% + 20px));top:50%;left:50%;overflow:auto;}

.close{position:absolute;right:20px;top:20px;width:35px;height:35px;border-radius:100%;background:#eee;cursor:pointer;z-index:5;} .close:before{position:absolute;content:"+";color:#222;width:35px;height:35px;line-height:37.5px;text-align:center;font-size:35px;transform:rotate(45deg);}