/**{position:relative}html,body{margin:0;padding:0;overflow-x:hidden}h1{color:#000000;font-family:"Darker Grotesque";font-size:63px;font-weight:bold;letter-spacing:24px;line-height:86px;text-align:center;text-transform:uppercase}h2{color:rgba(33,33,33,0);font-family:"Darker Grotesque";font-size:60px;font-size:3.75rem;font-weight:900;letter-spacing:24px;letter-spacing:1.5rem;line-height:80px;line-height:5rem}h3{color:#212121;font-family:"Darker Grotesque";font-size:20px;font-size:1.25rem;font-weight:bold;letter-spacing:3px;letter-spacing:0.1875rem;line-height:27.008px;line-height:1.688rem;text-transform:uppercase}p{color:#212121;font-family:"Darker Grotesque";font-size:16px;font-size:1rem;letter-spacing:3px;letter-spacing:0.1875rem;line-height:22px;line-height:1.375rem}header{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:1840px;height:80px;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:50;padding:0 2vw;margin:0 auto}header .header_logo{height:50%}header .header_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style-type:none}header .header_nav .nav_item{margin-left:20px}header .header_nav .nav_item::after{content:" ";position:absolute;left:50%;bottom:0;width:0%;height:1px;background-color:#212121;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}header .header_nav .nav_item:hover::after{left:0%;width:100%}header .header_nav .nav_item .nav_link{color:#212121;font-family:"Darker Grotesque";font-size:18px;font-weight:600;letter-spacing:5px;line-height:24px;text-align:right;text-decoration:none;text-transform:uppercase}header .hamburger{width:50px;height:35px;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer;display:none}header .hamburger span{display:block;position:absolute;height:7px;width:100%;background:#000000;border-radius:7px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;transition:0.25s ease-in-out}header .hamburger span:nth-child(1){top:0px}header .hamburger span:nth-child(2),header .hamburger span:nth-child(3){top:14px}header .hamburger span:nth-child(4){top:28px}header .hamburger.open span:nth-child(1){top:14px;width:0%;left:50%}header .hamburger.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .hamburger.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header .hamburger.open span:nth-child(4){top:14px;width:0%;left:50%}.logoContainer{width:calc(100% - 4vw);max-width:1840px;height:80vh;background-image:url(../pictures/cstudios-sn-izolacie.jpg);background-size:cover;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logoContainer_logo{width:270px;margin-top:40px}.logoContainer h1{width:60%}.logoContainer_line{height:2px;width:267px;background-color:#ffffff;margin-top:49px}.logoContainer_button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:60px;width:340px;position:absolute;bottom:10px;left:5vw;border-radius:33.5px;background:#e62d2d;text-decoration:none;overflow:hidden;scroll-behavior:smooth}@media (max-width: 900px){.logoContainer_button{bottom:60px;left:unset}}.logoContainer_button p{color:#ffffff;font-family:"Darker Grotesque";font-size:22px;font-weight:bold;letter-spacing:10px;line-height:30px;text-align:center;text-transform:uppercase;margin:0;z-index:2}.logoContainer_button p:hover{cursor:pointer}.logoContainer_button span{background-color:#ffffff;height:100%;width:0%;display:block;position:absolute;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:skew(-45deg);transform:skew(-45deg)}.logoContainer_contact{position:absolute;bottom:0;right:0;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logoContainer_contact_phone{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:40px}.logoContainer_contact_email{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:40px}.logoContainer_contact_phone p,.logoContainer_contact_email a{margin-left:10px}.logoContainer_contact_email a{margin-right:10px;text-decoration:none;color:#212121;font-family:"Darker Grotesque";font-size:16px;font-size:1rem;letter-spacing:3px;letter-spacing:0.1875rem;line-height:22px;line-height:1.375rem}.logoContainer_contact_line{height:100%;width:1px;background-color:#000000;margin-left:15px}.logoContainer_contact_facebook{height:100%;width:39px;border-left:1px solid #000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.logoContainer_contact_facebook img{height:22px}.logoContainer_contact_facebook img:hover{cursor:pointer}.benefity_container{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2vw;margin:40px auto 122px auto}@media (max-width: 800px){.benefity_container{margin:40px auto 70px auto}}.benefity_container h2{color:#212121;font-family:"Darker Grotesque";font-size:20px;font-weight:bold;letter-spacing:3.75px;line-height:27px;margin-bottom:56px;text-transform:uppercase}.benefity_container .benefity_grid{width:100%;max-width:1220px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.benefity_container .benefity_grid .dash{height:86px;width:1px;-webkit-transform:rotate(15deg);transform:rotate(15deg);-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-color:#d8d8d8}.benefity_container .benefity_grid .benefit_item{width:21%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.benefity_container .benefity_grid .benefit_item .number{color:#246783;font-family:"Darker Grotesque";font-size:33px;font-weight:bold;letter-spacing:0;line-height:45px;text-align:center}.benefity_container .benefity_grid .benefit_item .line{height:2px;width:60px;background:-webkit-gradient(linear, left top, right top, from(#4998ae), to(#063f61));background:linear-gradient(90deg, #4998ae 0%, #063f61 100%);margin:10px 0}.benefity_container .benefity_grid .benefit_item .benefit_title{width:100%;color:#212121;font-family:"Darker Grotesque";font-size:20px;font-weight:bold;letter-spacing:3px;line-height:27px;text-align:center;margin:0}@media (max-width: 1200px){.benefity_container .benefity_grid .benefit_item .benefit_title{font-size:15px;letter-spacing:2px;line-height:20px}}@media (max-width: 750px){.benefity_container .benefity_grid{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0, 1fr) minmax(0, 1fr);grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-gap:40px}.benefity_container .benefity_grid .dash{display:none}.benefity_container .benefity_grid .benefit_item{width:100%}}@media (max-width: 500px){.benefity_container .benefity_grid .benefit_item .benefit_title{font-size:14px;letter-spacing:1px;line-height:18px}}.contentContainer{width:calc(100% - 4vw);max-width:1840px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.contentContainer .contentContainer_box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentContainer .contentContainer_box .contentContainer_image{width:50%}.contentContainer .contentContainer_box .contentContainer_intro{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.contentContainer .contentContainer_box .contentContainer_intro .line{width:15.6%;height:1px;background-color:#000000;display:block;margin:14px 10px 0 0}.contentContainer .contentContainer_box .contentContainer_intro_text{max-width:620px;width:84.4%;padding-right:10px}.contentContainer .contentContainer_box .contentContainer_intro_text h2{max-width:100%;color:#212121;font-size:20px;font-weight:bold;letter-spacing:10px;line-height:27px;text-transform:uppercase;margin-top:0}.contentContainer .contentContainer_box .contentContainer_intro_text p{width:100%;text-align:justify}.contentContainer_swiper .swiper-slide{max-height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentContainer_swiperTitle{color:#212121;font-size:20px;font-weight:bold;letter-spacing:10px;line-height:27px;text-transform:uppercase;text-align:center;margin-bottom:74px}.contentContainer_swiper_slide_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.contentContainer_swiper_slide_head{margin:10px 0}.contentContainer_swiper_slide_icon{height:40px;width:40px;border:2px solid #4998ae;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto 5px}.contentContainer_swiper_slide_icon img{height:20px}.contentContainer_swiper_slide_title{max-width:220px;background:linear-gradient(179.12deg, #4998ae 0%, #063f61 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;margin:0;font-size:19.2px;font-size:1.2rem;line-height:24px;line-height:1.5rem}.contentContainer_swiper_slide_line{height:1px;width:100%;background-color:#000000;margin:0}.contentContainer_swiper{width:100%;margin-top:92px;padding:0 5.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}@media (max-width: 800px){.contentContainer_swiper{margin-top:40px}}.contentContainer_swiper .swiper-wrapper{height:auto}.swiper-button-next{background-image:url(../pictures/arrow_right.svg);background-position:right;background-repeat:no-repeat;width:5.2vw;height:100%;background-color:#ffffff;right:0;top:22px;outline:none}.swiper-button-prev{background-image:url(../pictures/arrow_left.svg);background-position:left;background-repeat:no-repeat;width:5.2vw;height:100%;background-color:#ffffff;left:0;top:22px;outline:none}.contentContainer_galleryTitle{font-size:18vw;font-weight:900;letter-spacing:13.79px;line-height:300px;color:white;text-shadow:-1px -1px 0 #4998ae, 1px -1px 0 #4998ae, -1px 1px 0 #4998ae, 1px 1px 0 #4998ae;margin:0 0 -95px 0}@media (min-width: 1920px){.contentContainer_galleryTitle{font-size:384px}}.contentContainer_gallery{height:auto;width:100%;overflow:hidden}.contentContainer_gallery .swiper-wrapper{height:auto}.contentContainer_gallery .swiper-slide{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentContainer_gallery .swiper-slide a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentContainer_gallery .swiper-slide img{width:100%}.contentContainer_gallery_bottom{height:100px;width:90%;max-width:980px;bottom:0;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:3}.contentContainer_gallery_next{position:absolute;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:end;align-self:flex-end;outline:none;cursor:pointer}.contentContainer_gallery_prev{position:absolute;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:start;align-self:flex-start;outline:none;cursor:pointer}.contentContainer_gallery_numbers{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin:20px 25px 10px 25px}.swiper-pagination-bullet{width:20px;font-size:12.8px;font-size:0.8rem;background:rgba(0,0,0,0);margin-top:10px}.contentContainer_gallery_progressbar{bottom:auto;height:2px;width:80%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-color:#d7d7d7}.swiper-scrollbar-drag{top:-1px;height:4px !important;background-color:#000000 !important}.background{position:absolute;bottom:0;height:162vh;width:100%;background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dfdfdf));background:linear-gradient(180deg, #f7f7f7 0%, #dfdfdf 100%);z-index:-1}.offerContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 4vw);max-width:980px;margin:0 auto}.offerContainer_line{width:61px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin:20px 0}.offerContainer_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.offerContainer_box_left,.offerContainer_box_right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:42%;margin-top:40px}.offerContainer_box_left .certificates .certificates_box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.offerContainer_box_left .certificates .certificates_box a{width:40%}.offerContainer_box_left .certificates .certificates_box img{width:100%}.offerContainer_box_left_line{height:1px;width:100%;background-color:#b1b1b1;margin:31px 0 22px 0}.offerContainer_box_line{height:510px;width:1px;background-color:#b1b1b1;margin:100px 20px 0 20px}#form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.offerContainer_box_right_input{border:1px solid #000000;width:100%;color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;margin-bottom:20px;background-color:transparent}.offerContainer_box_right_input::-webkit-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right_input:-ms-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right_input::-ms-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right_input::placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right textarea{border:1px solid #000000;width:100%;color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;margin-bottom:20px;background-color:transparent}.offerContainer_box_right textarea::-webkit-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right textarea:-ms-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right textarea::-ms-input-placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right textarea::placeholder{color:#212121;font-family:"Darker Grotesque";font-size:16px;letter-spacing:3px;line-height:22px;padding:2px}.offerContainer_box_right_submit{height:25px;width:160px;border-radius:28px;background-color:#1084b1;-ms-flex-item-align:end;align-self:flex-end;color:#ffffff;font-family:"Darker Grotesque";font-size:17px;letter-spacing:7.56px;line-height:23px;text-align:center;border:none}.offerContainer_box_right_submit:hover{opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";cursor:pointer;-webkit-transition:all 250ms linear;transition:all 250ms linear}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#d8d8d8;margin-top:60px;padding:0 2vw}.footer p{line-height:0px;line-height:0rem}.fancybox-button--arrow_left,.fancybox-button--arrow_right{top:45vh !important}@media only screen and (max-width: 1300px){h1{font-size:32px;letter-spacing:12px;line-height:45px}.contentContainer .contentContainer_box{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:50px}.contentContainer .contentContainer_box .contentContainer_image{width:100%;max-width:800px}.contentContainer .contentContainer_box .contentContainer_intro{width:100%;max-width:800px}}@media (max-height: 850px){.logoContainer_button{margin-top:2vh}}@media only screen and (max-width: 1100px){.background{height:115vh}.contentContainer_gallery_numbers{display:none}.footer{height:40px}}@media only screen and (max-width: 799px){.logoContainer h1{width:80%}header .header_nav{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;background-color:#ffffff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:5;margin:0;padding:50px 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}header .header_nav.open{-webkit-transform:rotateY(0);transform:rotateY(0)}header .header_nav .nav_item{margin-bottom:20px}header .hamburger{display:block;z-index:6}.contentContainer_swiperTitle{margin-bottom:50px}}@media only screen and (max-width: 799px) and (max-width: 800px){.contentContainer_swiperTitle{margin-bottom:30px}}@media only screen and (max-width: 450px){h1{font-size:25px;letter-spacing:8px;line-height:35px}p{font-size:0.8rem;letter-spacing:0.1875rem;line-height:1rem}.logoContainer{height:60vh}.logoContainer_logo{margin-top:50px;width:150px}.logoContainer_line{display:none}.logoContainer h1{width:80%}.logoContainer_button{height:40px;width:250px;margin-top:50px}.logoContainer_button p{font-size:0.8rem;line-height:2rem}.logoContainer_contact{width:100%}.logoContainer_contact_phone{margin-left:15px}.logoContainer_contact_email{margin-left:15px}.logoContainer_contact_phone p,.logoContainer_contact_email a{margin-left:5px}.logoContainer_contact_email a{margin-right:5px;font-size:0.8rem;letter-spacing:0.1875rem;line-height:1rem}.contentContainer .contentContainer_box{margin-top:30px}.contentContainer_swiper{width:97%}.swiper-button-next,.swiper-button-prev{background-size:15px}.sliderItem{width:90%}.contentContainer_swiper_slide_icon{height:45px;width:45px;margin:0 10px}.contentContainer_swiper_slide_icon img{height:20px}.contentContainer_swiper_slide_title{font-size:1.2rem;line-height:1.6rem}.contentContainer_galleryTitle{font-size:14vw;line-height:200px;margin:0 0 -85px 0}.contentContainer_gallery{width:85vw}.contentContainer_gallery .swiper-wrapper{margin:0}.contentContainer_gallery .swiper-slide{width:100% !important}.contentContainer_gallery_bottom{bottom:30px}.contentContainer_gallery_next{right:-55px;top:-100%}.contentContainer_gallery_prev{left:-40px;top:-100%}.contentContainer_gallery_progressbar{width:100%}.background{height:195vh}.offerContainer{width:80%;margin-top:50px}.offerContainer_line{display:none}.offerContainer_box_left{margin-top:0}.offerContainer_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.offerContainer_box_left,.offerContainer_box_right{width:100%}.offerContainer_box_right{margin-top:20px}.offerContainer_box_line{height:2px;width:20%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin:20px 0 10px 0}.footer{height:50px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}}@media only screen and (max-width: 400px){p{font-size:0.8rem;letter-spacing:0.125rem;line-height:1rem}h1{font-size:1.5rem;letter-spacing:0.5rem;line-height:1.7rem}.logoContainer_contact_phone p,.logoContainer_contact_email a{font-size:0.6rem;letter-spacing:0.1rem;line-height:0.8rem}.logoContainer_logo{width:160px}}@media only screen and (max-width: 320px){.logoContainer_button{margin-top:30px}}.contentContainer_swiper .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap}.contentContainer_swiper .swiper-wrapper .swiper-slide{width:300px;margin:20px 20px}@media (max-width: 500px){.contentContainer_swiper .swiper-wrapper .swiper-slide{width:95%}}.gallery-page{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:600px;padding:80px 40px}@media (max-width: 800px){.gallery-page{padding:0px 0px}}.gal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gal .logoContainer_button{position:relative;left:unset;bottom:unset;margin:50px 0 0px 0}@media (max-width: 800px){.gal .logoContainer_button{margin:50px 0px 20px 0}}.gallery-page .gallery-item{width:300px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px;position:relative;overflow:hidden}@media (max-width: 800px){.gallery-page .gallery-item{margin:30px 10px}}.gallery-page .gallery-item img.bg{position:absolute;top:0;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-3;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-transform-origin:center center;transform-origin:center center}.gallery-page .gallery-item .title{font:600 24px/32px "Darker Grotesque";color:#ffffff;width:80%;text-transform:uppercase;letter-spacing:2px;text-align:center}.gallery-page .gallery-item .line{width:50%;height:1px;border-top:solid 1px #ffffff;margin:10px 0}.gallery-page .gallery-item .btn{font:600 14px/16px "Darker Grotesque";color:#ffffff;padding:0 20px;height:30px;letter-spacing:4px;border-radius:15px;border:1px solid #ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-transform:uppercase;text-decoration:none;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.gallery-page .gallery-item .btn:hover{background:#212121;color:#ffffff}.gallery-page .gallery-item:hover img.bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(0);filter:blur(0)}.gallery-page .gallery-image{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px;height:400px;width:300px;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;overflow:hidden}.gallery-page .gallery-image img{position:relative;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.gallery-page .gallery-image:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width: 1100px){.cena-page .offerContainer_box_line{display:none}}.cena-page .offerContainer_box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width: 1100px){.cena-page .offerContainer_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.cena-page .offerContainer_box .offerContainer_box_right_submit{background-color:#e62d2d;-ms-flex-item-align:center;align-self:center;height:35px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:18px}header .header_logo{visibility:hidden}@media (max-width: 800px){header .header_logo{visibility:visible}}.logoContainer{position:relative}@media (max-width: 800px){.logoContainer{background-position:right 0px}}.logoContainer .text1{position:absolute;left:60px;top:32vh;width:30vw;font:800 calc(min(4vw, 40px))/calc(min(5vw, 50px)) "Darker Grotesque";letter-spacing:0.5vw;color:#286786;text-transform:uppercase}@media (max-width: 800px){.logoContainer .text1{top:unset;width:34vw;bottom:133px;font:800 26px/32px "Darker Grotesque"}}.logoContainer .text1.bazen{width:26vw}@media (max-width: 800px){.logoContainer .text1.bazen{width:80vw}}p.bazen{margin:140px auto;position:relative;font-size:24px;width:50vw;line-height:32px}@media (max-width: 800px){p.bazen{width:90%;text-align:center;margin:60px 20px 0px 20px}}.logoContainer .text2{position:absolute;left:60px;top:45vh;width:30vw;font:800 calc(min(1.3vw, 22px))/calc(min(1.8vw, 30px)) "Darker Grotesque";letter-spacing:4px;color:#3c3c3c}@media (max-width: 800px){.logoContainer .text2{display:none}}.logoContainer img.big-logo{position:absolute;top:3vh;width:400px;height:25vh;left:60px;-o-object-fit:contain;object-fit:contain}@media (max-width: 800px){.logoContainer img.big-logo{visibility:hidden;top:0;width:340px;left:unset}}.certificates_box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify !important;-ms-flex-pack:justify !important;justify-content:space-between !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.certificates_box .contnav{position:absolute;width:20px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9}.certificates_box .contnav .prev,.certificates_box .contnav .next{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}.certificates_box .contnav .prev img,.certificates_box .contnav .next img{-o-object-fit:contain;object-fit:contain;width:12px;-webkit-transform-origin:center center;transform-origin:center center}.certificates_box .contnav .prev img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.certificates_box .sw-wrap{position:relative;overflow:hidden;width:calc(100% - 30px)}.certificates_box .swiper-wrapper{position:relative;width:100%}.certificates_box .swiper-wrapper .swiper-slide img{-o-object-fit:contain;object-fit:contain;width:90%}.banner{width:auto;text-align:center;background:#286786;color:#fff;font-family:"Darker Grotesque";font-weight:600;font-size:40px;line-height:50px;margin:40px 2vw 40px 2vw;padding:5px 0 10px 0;opacity:0.85}@media (max-width: 800px){.banner{font-size:24px;line-height:32px}}.popup{position:fixed;width:150px;background:#e62d2d;color:#fff;z-index:3;right:-190px;padding:30px 20px;top:80px;border-top-left-radius:20px;border-bottom-left-radius:20px;-webkit-transition:all 1s ease;transition:all 1s ease}.popup .text{font-size:18px;line-height:24px;font-weight:800;font-family:"Darker Grotesque";text-align:right;text-decoration:none;color:#fff}.popup .vypl{text-decoration:none;color:#fff;padding:0px 0 3px 0;margin:10px 0 0 0;height:20px;width:100px;border-radius:15px;border:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Darker Grotesque";font-weight:600;letter-spacing:3px}.popup .close{position:absolute;-webkit-transform-origin:center;transform-origin:center;width:20px;height:20px;left:8px;top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}.popup .close .line{height:2px;border-radius:1px;background:#fff;width:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute}.popup .close .line:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.reveal{right:-20px}*/
/*# sourceMappingURL=index.css.map */
* {
position: relative
}
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden
}
h1 {
color: #000000;
font-family: "Darker Grotesque";
font-size: 63px;
font-weight: bold;
letter-spacing: 24px;
line-height: 86px;
text-align: center;
text-transform: uppercase
}
h2 {
color: rgba(33, 33, 33, 0);
font-family: "Darker Grotesque";
font-size: 60px;
font-size: 3.75rem;
font-weight: 900;
letter-spacing: 24px;
letter-spacing: 1.5rem;
line-height: 80px;
line-height: 5rem
}
h3 {
color: #212121;
font-family: "Darker Grotesque";
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 3px;
letter-spacing: 0.1875rem;
line-height: 27.008px;
line-height: 1.688rem;
text-transform: uppercase
}
p {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
font-size: 1rem;
letter-spacing: 3px;
letter-spacing: 0.1875rem;
line-height: 22px;
line-height: 1.375rem
}
header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1840px;
height: 80px;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 50;
padding: 0 2vw;
margin: 0 auto
}
header .header_logo {
height: 50%
}
header .header_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none
}
header .header_nav .nav_item {
margin-left: 20px
}
header .header_nav .nav_item::after {
content: " ";
position: absolute;
left: 50%;
bottom: 0;
width: 0%;
height: 1px;
background-color: #212121;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease
}
header .header_nav .nav_item:hover::after {
left: 0%;
width: 100%
}
header .header_nav .nav_item .nav_link {
color: #212121;
font-family: "Darker Grotesque";
font-size: 18px;
font-weight: 600;
letter-spacing: 5px;
line-height: 24px;
text-align: right;
text-decoration: none;
text-transform: uppercase
}
header .hamburger {
width: 50px;
height: 35px;
position: relative;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: none
}
header .hamburger span {
display: block;
position: absolute;
height: 7px;
width: 100%;
background: #000000;
border-radius: 7px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out
}
header .hamburger span:nth-child(1) {
top: 0px
}
header .hamburger span:nth-child(2),
header .hamburger span:nth-child(3) {
top: 14px
}
header .hamburger span:nth-child(4) {
top: 28px
}
header .hamburger.open span:nth-child(1) {
top: 14px;
width: 0%;
left: 50%
}
header .hamburger.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
header .hamburger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
header .hamburger.open span:nth-child(4) {
top: 14px;
width: 0%;
left: 50%
}
.logoContainer {
width: calc(100% - 4vw);
max-width: 1840px;
height: 80vh;
background-image: url(../pictures/cstudios-sn-izolacie.jpg);
background-size: cover;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.logoContainer_logo {
width: 270px;
margin-top: 40px
}
.logoContainer h1 {
width: 60%
}
.logoContainer_line {
height: 2px;
width: 267px;
background-color: #ffffff;
margin-top: 49px
}
.logoContainer_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
height: 60px;
width: 340px;
position: absolute;
bottom: 10px;
left: 5vw;
border-radius: 33.5px;
background: #e62d2d;
text-decoration: none;
overflow: hidden;
scroll-behavior: smooth
}
@media (max-width: 900px) {
.logoContainer_button {
bottom: 60px;
left: unset
}
}
.logoContainer_button p {
color: #ffffff;
font-family: "Darker Grotesque";
font-size: 22px;
font-weight: bold;
letter-spacing: 10px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
margin: 0;
z-index: 2
}
.logoContainer_button p:hover {
cursor: pointer
}
.logoContainer_button span {
background-color: #ffffff;
height: 100%;
width: 0%;
display: block;
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: skew(-45deg);
transform: skew(-45deg)
}
.logoContainer_contact {
position: absolute;
bottom: 0;
right: 0;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #ffffff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.logoContainer_contact_phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 40px
}
.logoContainer_contact_email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 40px
}
.logoContainer_contact_phone p,
.logoContainer_contact_email a {
margin-left: 10px
}
.logoContainer_contact_email a {
margin-right: 10px;
text-decoration: none;
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
font-size: 1rem;
letter-spacing: 3px;
letter-spacing: 0.1875rem;
line-height: 22px;
line-height: 1.375rem
}
.logoContainer_contact_line {
height: 100%;
width: 1px;
background-color: #000000;
margin-left: 15px
}
.logoContainer_contact_facebook {
height: 100%;
width: 39px;
border-left: 1px solid #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around
}
.logoContainer_contact_facebook img {
height: 22px
}
.logoContainer_contact_facebook img:hover {
cursor: pointer
}
.benefity_container {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 2vw;
margin: 40px auto 122px auto
}
@media (max-width: 800px) {
.benefity_container {
margin: 40px auto 70px auto
}
}
.benefity_container h2 {
color: #212121;
font-family: "Darker Grotesque";
font-size: 20px;
font-weight: bold;
letter-spacing: 3.75px;
line-height: 27px;
margin-bottom: 56px;
text-transform: uppercase
}
.benefity_container .benefity_grid {
width: 100%;
max-width: 1220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.benefity_container .benefity_grid .dash {
height: 86px;
width: 1px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
background-color: #d8d8d8
}
.benefity_container .benefity_grid .benefit_item {
width: 21%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.benefity_container .benefity_grid .benefit_item .number {
color: #246783;
font-family: "Darker Grotesque";
font-size: 33px;
font-weight: bold;
letter-spacing: 0;
line-height: 45px;
text-align: center
}
.benefity_container .benefity_grid .benefit_item .line {
height: 2px;
width: 60px;
background: -webkit-gradient(linear, left top, right top, from(#4998ae), to(#063f61));
background: linear-gradient(90deg, #4998ae 0%, #063f61 100%);
margin: 10px 0
}
.benefity_container .benefity_grid .benefit_item .benefit_title {
width: 100%;
color: #212121;
font-family: "Darker Grotesque";
font-size: 20px;
font-weight: bold;
letter-spacing: 3px;
line-height: 27px;
text-align: center;
margin: 0
}
@media (max-width: 1200px) {
.benefity_container .benefity_grid .benefit_item .benefit_title {
font-size: 15px;
letter-spacing: 2px;
line-height: 20px
}
}
@media (max-width: 750px) {
.benefity_container .benefity_grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-gap: 40px
}
.benefity_container .benefity_grid .dash {
display: none
}
.benefity_container .benefity_grid .benefit_item {
width: 100%
}
}
@media (max-width: 500px) {
.benefity_container .benefity_grid .benefit_item .benefit_title {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px
}
}
.contentContainer {
width: calc(100% - 4vw);
max-width: 1840px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto
}
.contentContainer .contentContainer_box {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contentContainer .contentContainer_box .contentContainer_image {
width: 50%
}
.contentContainer .contentContainer_box .contentContainer_intro {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.contentContainer .contentContainer_box .contentContainer_intro .line {
width: 15.6%;
height: 1px;
background-color: #000000;
display: block;
margin: 14px 10px 0 0
}
.contentContainer .contentContainer_box .contentContainer_intro_text {
max-width: 620px;
width: 84.4%;
padding-right: 10px
}
.contentContainer .contentContainer_box .contentContainer_intro_text h2 {
max-width: 100%;
color: #212121;
font-size: 20px;
font-weight: bold;
letter-spacing: 10px;
line-height: 27px;
text-transform: uppercase;
margin-top: 0
}
.contentContainer .contentContainer_box .contentContainer_intro_text p {
width: 100%;
text-align: justify
}
.contentContainer_swiper .swiper-slide {
max-height: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contentContainer_swiperTitle {
color: #212121;
font-size: 20px;
font-weight: bold;
letter-spacing: 10px;
line-height: 27px;
text-transform: uppercase;
text-align: center;
margin-bottom: 74px
}
.contentContainer_swiper_slide_head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.contentContainer_swiper_slide_head {
margin: 10px 0
}
.contentContainer_swiper_slide_icon {
aspect-ratio: 1;
height: 40px;
width: 40px;
border: 2px solid #4998ae;
border-radius: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto 5px
}
.contentContainer_swiper_slide_icon img {
height: 20px
}
.contentContainer_swiper_slide_title {
/* max-width: 220px; */
background: linear-gradient(179.12deg, #4998ae 0%, #063f61 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
margin: 0;
font-size: 19.2px;
font-size: 1.2rem;
line-height: 24px;
line-height: 1.5rem
}
.contentContainer_swiper_slide_line {
height: 1px;
width: 100%;
background-color: #000000;
margin: 0
}
.contentContainer_swiper {
width: 100%;
margin-top: 92px;
padding: 0 5.2vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
@media (max-width: 800px) {
.contentContainer_swiper {
margin-top: 40px
}
}
.contentContainer_swiper .swiper-wrapper {
height: auto
}
.swiper-button-next {
background-image: url(../pictures/arrow_right.svg);
background-position: right;
background-repeat: no-repeat;
width: 5.2vw;
height: 100%;
background-color: #ffffff;
right: 0;
top: 22px;
outline: none
}
.swiper-button-prev {
background-image: url(../pictures/arrow_left.svg);
background-position: left;
background-repeat: no-repeat;
width: 5.2vw;
height: 100%;
background-color: #ffffff;
left: 0;
top: 22px;
outline: none
}
.contentContainer_galleryTitle {
font-size: 18vw;
font-weight: 900;
letter-spacing: 13.79px;
line-height: 300px;
color: white;
text-shadow: -1px -1px 0 #4998ae, 1px -1px 0 #4998ae, -1px 1px 0 #4998ae, 1px 1px 0 #4998ae;
margin: 0 0 -95px 0
}
@media (min-width: 1920px) {
.contentContainer_galleryTitle {
font-size: 384px
}
}
.contentContainer_gallery {
height: auto;
width: 100%;
overflow: hidden
}
.contentContainer_gallery .swiper-wrapper {
height: auto
}
.contentContainer_gallery .swiper-slide {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contentContainer_gallery .swiper-slide a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contentContainer_gallery .swiper-slide img {
width: 100%
}
.contentContainer_gallery_bottom {
height: 100px;
width: 90%;
max-width: 980px;
bottom: 0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 3
}
.contentContainer_gallery_next {
position: absolute;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: end;
align-self: flex-end;
outline: none;
cursor: pointer
}
.contentContainer_gallery_prev {
position: absolute;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: start;
align-self: flex-start;
outline: none;
cursor: pointer
}
.contentContainer_gallery_numbers {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 20px 25px 10px 25px
}
.swiper-pagination-bullet {
width: 20px;
font-size: 12.8px;
font-size: 0.8rem;
background: rgba(0, 0, 0, 0);
margin-top: 10px
}
.contentContainer_gallery_progressbar {
bottom: auto;
height: 2px;
width: 80%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
background-color: #d7d7d7
}
.swiper-scrollbar-drag {
top: -1px;
height: 4px !important;
background-color: #000000 !important
}
.background {
position: absolute;
bottom: 0;
height: 162vh;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dfdfdf));
background: linear-gradient(180deg, #f7f7f7 0%, #dfdfdf 100%);
z-index: -1
}
.offerContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 4vw);
max-width: 980px;
margin: 0 auto
}
.offerContainer h2 {
color: #000000;
font-family: "Darker Grotesque";
font-size: 63px;
font-weight: bold;
letter-spacing: 24px;
line-height: 86px;
text-align: center;
text-transform: uppercase
}
.offerContainer_line {
width: 61px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 20px 0
}
.offerContainer_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.offerContainer_box_left,
.offerContainer_box_right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 42%;
margin-top: 40px
}
.offerContainer_box_right .phone {
color: #212121;
font-family: "Darker Grotesque";
font-size: 20px;
font-size: 1rem;
letter-spacing: 3px;
letter-spacing: 0.1875rem;
line-height: 27.008px;
line-height: 1.688rem;
text-decoration: none;
}
.offerContainer_box_left .certificates .certificates_box {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.offerContainer_box_left .certificates .certificates_box a {
width: 40%
}
.offerContainer_box_left .certificates .certificates_box img {
width: 100%
}
.offerContainer_box_left_line {
height: 1px;
width: 100%;
background-color: #b1b1b1;
margin: 31px 0 22px 0
}
.offerContainer_box_line {
height: 510px;
width: 1px;
background-color: #b1b1b1;
margin: 100px 20px 0 20px
}
#form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.offerContainer_box_right_input {
border: 1px solid #000000;
width: 100%;
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
margin-bottom: 20px;
background-color: transparent
}
.offerContainer_box_right_input::-webkit-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right_input:-ms-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right_input::-ms-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right_input::placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right textarea {
border: 1px solid #000000;
width: 100%;
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
margin-bottom: 20px;
background-color: transparent
}
.offerContainer_box_right textarea::-webkit-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right textarea:-ms-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right textarea::-ms-input-placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right textarea::placeholder {
color: #212121;
font-family: "Darker Grotesque";
font-size: 16px;
letter-spacing: 3px;
line-height: 22px;
padding: 2px
}
.offerContainer_box_right_submit {
/* height: 25px; */
width: 160px;
border-radius: 28px;
background-color: #1084b1;
-ms-flex-item-align: end;
align-self: flex-end;
color: #ffffff;
font-family: "Darker Grotesque";
padding-block-end: 0.2em;
font-size: 17px;
letter-spacing: 7.56px;
line-height: 23px;
text-align: center;
border: none
}
.offerContainer_box_right_submit:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
cursor: pointer;
-webkit-transition: all 250ms linear;
transition: all 250ms linear
}
.footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #d8d8d8;
margin-top: 60px;
padding: 0 2vw
}
.footer p {
line-height: 0px;
line-height: 0rem
}
.fancybox-button--arrow_left,
.fancybox-button--arrow_right {
top: 45vh !important
}
@media only screen and (max-width: 1300px) {
h1 {
font-size: 32px;
letter-spacing: 12px;
line-height: 45px
}
.contentContainer .contentContainer_box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 50px
}
.contentContainer .contentContainer_box .contentContainer_image {
width: 100%;
max-width: 800px
}
.contentContainer .contentContainer_box .contentContainer_intro {
width: 100%;
max-width: 800px
}
}
@media (max-height: 850px) {
.logoContainer_button {
margin-top: 2vh
}
}
@media only screen and (max-width: 1100px) {
.background {
height: 115vh
}
.contentContainer_gallery_numbers {
display: none
}
.footer {
height: 40px
}
}
@media only screen and (max-width: 799px) {
.logoContainer h1 {
width: 80%
}
header .header_nav {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 5;
margin: 0;
padding: 50px 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease
}
header .header_nav.open {
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
header .header_nav .nav_item {
margin-bottom: 20px
}
header .hamburger {
display: block;
z-index: 6
}
.contentContainer_swiperTitle {
margin-bottom: 50px
}
}
@media only screen and (max-width: 799px) and (max-width: 800px) {
.contentContainer_swiperTitle {
margin-bottom: 30px
}
}
@media only screen and (max-width: 450px) {
h1 {
font-size: 25px;
letter-spacing: 8px;
line-height: 35px
}
p {
font-size: 0.8rem;
letter-spacing: 0.1875rem;
line-height: 1rem
}
.logoContainer {
height: 60vh;
margin-bottom: 130px;
overflow: visible;
}
.logoContainer_logo {
margin-top: 50px;
width: 150px
}
.logoContainer_line {
display: none
}
.logoContainer h1 {
width: 80%
}
.logoContainer_button {
height: 40px;
width: 250px;
margin-top: 50px
}
.logoContainer_button p {
font-size: 0.8rem;
line-height: 2rem
}
.logoContainer_contact {
width: 100%;
height: 130px;
bottom: -130px;
flex-direction: column;
}
.logoContainer_contact_phone {
/*margin-left: 15px*/
margin: 0 0 10px 0;
}
.logoContainer_contact_email {
/*margin-left: 15px*/
margin: 0 0 15px 0;
}
.logoContainer_contact_phone p,
.logoContainer_contact_email a {
margin-left: 5px
}
.logoContainer_contact_phone p,
.logoContainer_contact_email a {
margin-right: 5px;
font-size: 1.2rem;
letter-spacing: 0.1875rem;
line-height: 1rem
}
.logoContainer_contact_facebook {
border-left: none;
/*border-top: 1px solid #000000;*/
}
.contentContainer .contentContainer_box {
margin-top: 30px
}
.contentContainer_swiper {
width: 97%
}
.swiper-button-next,
.swiper-button-prev {
background-size: 15px
}
.sliderItem {
width: 90%
}
.contentContainer_swiper_slide_icon {
height: 45px;
width: 45px;
margin: 0 10px
}
.contentContainer_swiper_slide_icon img {
height: 20px
}
.contentContainer_swiper_slide_title {
font-size: 1.2rem;
line-height: 1.6rem
}
.contentContainer_galleryTitle {
font-size: 14vw;
line-height: 200px;
margin: 0 0 -85px 0
}
.contentContainer_gallery {
width: 85vw
}
.contentContainer_gallery .swiper-wrapper {
margin: 0
}
.contentContainer_gallery .swiper-slide {
width: 100% !important
}
.contentContainer_gallery_bottom {
bottom: 30px
}
.contentContainer_gallery_next {
right: -55px;
top: -100%
}
.contentContainer_gallery_prev {
left: -40px;
top: -100%
}
.contentContainer_gallery_progressbar {
width: 100%
}
.background {
height: 195vh
}
.offerContainer {
width: 80%;
margin-top: 50px
}
.offerContainer_line {
display: none
}
.offerContainer_box_left {
margin-top: 0
}
.offerContainer_box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.offerContainer_box_left,
.offerContainer_box_right {
width: 100%
}
.offerContainer_box_right {
margin-top: 20px
}
.offerContainer_box_line {
height: 2px;
width: 20%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 20px 0 10px 0
}
.footer {
height: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center
}
}
@media only screen and (max-width: 400px) {
p {
font-size: 0.8rem;
letter-spacing: 0.125rem;
line-height: 1rem
}
h1 {
font-size: 1.5rem;
letter-spacing: 0.5rem;
line-height: 1.7rem
}
.logoContainer_contact_phone p,
.logoContainer_contact_email a {
/*font-size: 0.6rem;*/
/*letter-spacing: 0.1rem;*/
/*line-height: 0.8rem*/
}
.logoContainer_logo {
width: 160px
}
}
@media only screen and (max-width: 320px) {
.logoContainer_button {
margin-top: 30px
}
}
.contentContainer_swiper .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contentContainer_swiper .swiper-wrapper .swiper-slide {
width: 300px;
margin: 20px 20px;
margin-bottom: auto;
}
@media (max-width: 500px) {
.contentContainer_swiper .swiper-wrapper .swiper-slide {
width: 95%;
}
}
.gallery-page {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 600px;
padding: 80px 40px;
}
@media (max-width: 800px) {
.gallery-page {
padding: 0px 0px
}
}
.gal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.gal .logoContainer_button {
position: relative;
left: unset;
bottom: unset;
margin: 50px 0 0px 0
}
@media (max-width: 800px) {
.gal .logoContainer_button {
margin: 50px 0px 20px 0
}
}
.gallery-page .gallery-item {
width: 300px;
height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px;
position: relative;
overflow: hidden
}
@media (max-width: 800px) {
.gallery-page .gallery-item {
margin: 30px 10px
}
}
.gallery-page .gallery-item img.bg {
position: absolute;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -3;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform-origin: center center;
transform-origin: center center
}
.gallery-page .gallery-item .title {
font: 600 24px/32px "Darker Grotesque";
color: #ffffff;
width: 80%;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center
}
.gallery-page .gallery-item .line {
width: 50%;
height: 1px;
border-top: solid 1px #ffffff;
margin: 10px 0
}
.gallery-page .gallery-item .btn {
font: 600 14px/16px "Darker Grotesque";
color: #ffffff;
padding: 0 20px;
/* height: 30px; */
padding-block: 6px 9px;
letter-spacing: 4px;
border-radius: 15px;
border: 1px solid #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease
}
.gallery-page .gallery-item .btn:hover {
background: #212121;
color: #ffffff
}
.gallery-page .gallery-item:hover img.bg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-filter: blur(0);
filter: blur(0)
}
.gallery-page .gallery-image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px;
height: 400px;
width: 300px;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
overflow: hidden
}
.gallery-page .gallery-image img {
position: relative;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease
}
.gallery-page .gallery-image:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
@media (max-width: 1100px) {
.cena-page .offerContainer_box_line {
display: none
}
}
.cena-page .offerContainer_box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media (max-width: 1100px) {
.cena-page .offerContainer_box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.cena-page .offerContainer_box .offerContainer_box_right_submit {
background-color: #e62d2d;
-ms-flex-item-align: center;
align-self: center;
height: 35px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 18px
}
header .header_logo {
visibility: hidden
}
@media (max-width: 800px) {
header .header_logo {
visibility: visible
}
}
.logoContainer {
position: relative
}
@media (max-width: 800px) {
.logoContainer {
background-position: right 0px
}
}
.logoContainer .text1 {
position: absolute;
left: 60px;
top: 32vh;
width: 30vw;
font: 800 calc(min(4vw, 40px))/calc(min(5vw, 50px)) "Darker Grotesque";
letter-spacing: 0.5vw;
color: #286786;
text-transform: uppercase
}
.logoContainer .text1.de {
@media (max-width: 1655px) and (min-width: 1440px){
top: 28vh;
}
}
@media (max-width: 800px) {
.logoContainer .text1 {
top: unset;
width: 34vw;
bottom: 133px;
font: 800 26px/32px "Darker Grotesque"
}
}
.logoContainer .text1.bazen {
width: 26vw
}
@media (max-width: 800px) {
.logoContainer .text1.bazen {
width: 80vw
}
}
p.bazen {
margin: 140px auto;
position: relative;
font-size: 24px;
width: 50vw;
line-height: 32px
}
@media (max-width: 800px) {
p.bazen {
width: 90%;
text-align: center;
margin: 60px 20px 0px 20px
}
}
.logoContainer .text2 {
position: absolute;
left: 60px;
top: 45vh;
width: 30vw;
font: 800 calc(min(1.3vw, 22px))/calc(min(1.8vw, 30px)) "Darker Grotesque";
letter-spacing: 4px;
color: #3c3c3c
}
@media (max-width: 975px){
.logoContainer .text2.de {
width: 40vw;
}
}
@media (max-width: 800px) {
.logoContainer .text2 {
display: none
}
}
@media (max-width: 1440px){
.logoContainer .text2.de {
top: 48vh;
}
}
.logoContainer img.big-logo {
position: absolute;
top: 3vh;
width: 400px;
height: 25vh;
left: 60px;
-o-object-fit: contain;
object-fit: contain
}
@media (max-width: 800px) {
.logoContainer img.big-logo {
visibility: hidden;
top: 0;
width: 340px;
left: unset
}
}
.certificates_box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
.certificates_box .contnav {
position: absolute;
width: 20px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 9
}
.certificates_box .contnav .prev,
.certificates_box .contnav .next {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px 0
}
.certificates_box .contnav .prev img,
.certificates_box .contnav .next img {
-o-object-fit: contain;
object-fit: contain;
width: 12px;
-webkit-transform-origin: center center;
transform-origin: center center
}
.certificates_box .contnav .prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.certificates_box .sw-wrap {
position: relative;
overflow: hidden;
width: calc(100% - 30px)
}
.certificates_box .swiper-wrapper {
position: relative;
width: 100%
}
.certificates_box .swiper-wrapper .swiper-slide img {
-o-object-fit: contain;
object-fit: contain;
width: 90%
}
.banner {
width: auto;
text-align: center;
background: #286786;
color: #fff;
font-family: "Darker Grotesque";
font-weight: 600;
font-size: 40px;
line-height: 50px;
margin: 40px 2vw 40px 2vw;
padding: 5px 0 10px 0;
opacity: 0.85;
hyphens: auto;
}
@media (max-width: 800px) {
.banner {
font-size: 24px;
line-height: 32px
}
}
.popup {
position: fixed;
width: 150px;
background: #e62d2d;
color: #fff;
z-index: 3;
right: -190px;
padding: 30px 20px;
top: 80px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.popup .text {
font-size: 18px;
line-height: 24px;
font-weight: 800;
font-family: "Darker Grotesque";
text-align: right;
text-decoration: none;
color: #fff
}
.popup .vypl {
text-decoration: none;
color: #fff;
padding: 0px 0 3px 0;
margin: 10px 0 0 0;
height: 20px;
width: 100px;
border-radius: 15px;
border: 1px solid #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Darker Grotesque";
font-weight: 600;
letter-spacing: 3px
}
.popup .close {
position: absolute;
-webkit-transform-origin: center;
transform-origin: center;
width: 20px;
height: 20px;
left: 8px;
top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 3
}
.popup .close .line {
height: 2px;
border-radius: 1px;
background: #fff;
width: 100%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute
}
.popup .close .line:nth-child(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.reveal {
right: -20px
}
#email2 {
display: none;
}
/*# sourceMappingURL=index.css.map */