.section { margin-bottom: 60px;} .single-post .section { margin-bottom: 0px;} /* Grid */ .grid { display: grid; grid-gap: 30px;} .grid.col-1 { grid-template-columns: repeat(1, 1fr);} .grid.col-2 { grid-template-columns: repeat(2, 1fr);} .grid.col-3 { grid-template-columns: repeat(3, 1fr);} .grid.col-4 { grid-template-columns: repeat(4, 1fr);} /* Blog - filtry */ #Filters { margin-bottom: 30px;} #Filters ul { display: flex; justify-content: center;} #Filters ul li.current-cat a { border-radius: 4px; background-color: transparent; color: #000000; border: 1px solid #c6aa75; padding: 8px 20px; display: inline-block;} #Filters ul li a { text-align: center; font-size: 16px; line-height:20px; border: none; padding: 8px 20px; display: inline-block; border: 1px solid transparent;} /* Blog - listing */ .blog-module { display: grid; grid-gap: 30px; margin-bottom: 30px;} .blog-module.col-2 { grid-template-columns: repeat(2, 1fr);} .blog-module.col-3 { grid-template-columns: repeat(3, 1fr);} .blog-module.col-4 { grid-template-columns: repeat(4, 1fr);} .blog-module .post-item { border-radius: 0px; overflow: hidden; display: flex; flex-direction: column; flex: 1;} /*.blog-module .post-item:hover { background: #F7F5F5; transition: all 0.3s linear;}*/ .blog-module .post-item .desc { display: flex; flex-direction: column; flex: 1; align-items: baseline;} .blog-module .post-item .desc h2 { font-size: 32px; line-height: 44px; font-weight: 600; margin-bottom:10px;} .blog-module .post-item .desc p { margin-bottom: auto;} .blog-module .post-item .desc a.btn-main { margin-top: 19px;} /* Blog - układ full */ .page-template-archive #Content { padding-top: 30px;} .blog_wrapper.without-sidebar .section_wrapper { max-width: 690px;} .single-post #Content { padding-top: 30px;} /*.single-post .section_wrapper { max-width: 100% !important; padding: 0px !important;margin: 0px !important;}*/ /* Blog - układ sidebar */ .blog_wrapper.with-sidebar { display: grid; grid-template-columns: 8fr 4fr; grid-gap: 120px; max-width: 1410px; margin: 0 auto; position: relative;} .blog-widget:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; position: relative; overflow:hidden;} .blog-widget:not(:last-child):after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 0; visibility: visible; border: 1px solid #ebebec;} /* Blog - nagłówek wpisu */ .post-header .single-photo-wrapper { position: relative; width: 100%;} .post-header .single-photo-wrapper img { width: 100%;} .post-header .image_desc { padding: 25px 0 15px; background: #FFFFFF; box-sizing: border-box;} .post-header .image_desc h1 {font-weight:400; font-size:26px; line-height:30px;} /** * * Moduły do bloga * */ /* Blog - O autorze */ .section-author { padding: 15px 0;} .author-box { display: grid; border: 1px solid #E9E9E1; padding: 23px; grid-template-columns: minmax(92px, 92px) auto; grid-gap: 21px;} .author-box .author-info h2 {font-size:16px; line-height:33px; font-weight:400; margin-bottom:4px; } .author-box .author-info p {font-size:12px; line-height: 18px; font-weight:300;} .author-box .author-info a {font-weight:500;} /* Blog - Podobne wpisy */ .section-post-related { padding: 15px 0 40px;} .section-related-wrapper h2 { font-size: 20px; line-height: 30px; font-weight:600; margin-bottom: 10px; } .post-related .image_wrapper { margin-bottom:10px; } .post-related .title h4 { font-size: 16px; line-height: 20px; font-weight: 400; } .section-related-ul { display: grid; grid-gap: 30px; } .section-related-ul.col-2 { grid-template-columns: repeat(2, 1fr); } /* Blog - Cennik stron */ .blog-cennik-stron { display: inline-flex; flex-direction: column; align-items: center; margin: 15px 0 30px} .blog-cennik-stron img { padding: 10px 0 30px;} /* Blog - Cennik logo */ .blog-cennik-logo { display: inline-flex; flex-direction: column; align-items: center; margin: 15px 0 30px} .blog-cennik-logo img { padding: 10px 0 30px;} /* Blog - moduł widget */ .infor .desc { position: absolute; top: 0; left: 0px; padding: 20px;text-align:center;width: 100%; box-sizing: border-box;} .infor { position: relative;} .infor img {width:100%;} .infor .guzik { background: #361e4a; color: #ffffff; padding: 17px 20px; line-height: 1; border-radius: 4px; font-size: 17px; display: inline-block; text-decoration: none;} ol.lista { list-style: decimal; margin: 0 0 0 20px;} ol.lista li { margin-bottom: 15px;} ul.lista { list-style-type: none; margin: 0 0 0 20px;} ul.lista li { margin-bottom: 15px;} ul.lista li:before { content: ""; position: absolute; background: #2d2c33; width: 6px; height: 6px; margin-left: -15px; margin-top: 10px; border-radius: 0px;} .single-post #Content .section-post-content p a { text-decoration: underline;} .movie-box { position: fixed; width: 320px; bottom: 20px; right: 20px; background: #fff; padding: 15px; border: 1px solid #f1f1f1; box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); border-radius: 10px; /*opacity:1; transform:scale(1); transition:all .3s linear;*/ visibility: hidden; z-index:999;} .movie-box.closed {transform:scale(0); opacity:0; transform-origin:right bottom;} .movie-box .close-movie-box { position: absolute; right: 0; top: -37px; line-height: 1; background: #fff; color: #000; cursor: pointer; width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);} .movie-box .close-movie-box i {font-size:10px;} .movie-box h4.movie-header { font-size: 14px; line-height: 18px; font-weight: 600; margin-bottom: 7px;} .movie-box p.movie-desc { font-size: 12px; line-height: 20px; font-weight: 300; margin-bottom: 11px;} .movie-box a.btn-video { font-size: 12px; line-height: 1; font-weight: 600; float: right;} .movie-box a.btn-video i { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; margin-left: 5px;} .movie-box a.btn-video.rounded i { border-radius: 50%;} .movie-box a.btn-video.square i { border-radius: 0px;} .movie-box.extend .movie-box-video { max-height: 570px; transition: max-height 0.3s linear;} .movie-box.extend .video-wrapper { background: #fff;} .movie-box .video-wrapper { display:flex; width:100%; position: relative; padding-bottom:5px; margin-bottom:7px; background: black;border-radius: 3px; overflow: hidden;} .movie-box .video-wrapper .video-btn { background-color:rgba(0,0,0,.3)} .movie-box .video-wrapper .video-btn.active { background-color:rgba(0,0,0,0)} .movie-video-wrapper .k_seekbar { bottom:70px; left:initial} .movie-video-wrapper video::-webkit-media-text-track-container { -webkit-transform:translateY(-.5%)!important; transform:translateY(-.5%)!important} .movie-box.movie-video-wrapper-full { max-height:600px} .movie-box.movie-video-wrapper-full video{ object-fit:cover} .movie-box-video { width:100%; max-height: 169px; transition: max-height 0.3s linear;} .movie-box.minimized .movie-box-wrapper { display: none;} .movie-box.minimized .mini-widget-box { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .movie-box .movie-box-wrapper { display: block;} .movie-box .mini-widget-box { display: none;} .movie-box.minimized { width: 54px; height: 54px; border-radius: 50%; padding: 0px; display: flex !important; align-items: center; justify-content: center;} .mini-widget-box { display: block; line-height: 0; cursor: pointer;} .mini-widget-box i { font-size: 25px; line-height: 1;} .movie-box #countdown { position: absolute; bottom: 10px; right: 10px; background: black; color: #fff; font-size: 12px; width: 80px; text-align: center;opacity:0; transition: all 0.3s linear;} .movie-box #countdown.show {opacity:1; transition: all 0.3s linear;} .video_seekbar { position:absolute; bottom: 0px; height:5px; width:100%; background-color:#747474; left:0; z-index:10; opacity:1; transition:all .3s} .video_seekbar span { background-color:#5E50FF; position:absolute; top:0; left:0; height:5px; width:0} .video_seekbar.active { opacity:1} .video_seekbar input { width:100%; margin:0; height:100%; position:absolute; border-radius:0; -webkit-appearance:none; appearance:none; background:transparent; overflow:hidden} .video_seekbar input::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; background-color:transparent; height:100%; width:1px; box-shadow:-100vw 0 0 100vw #5E50FF} .video_seekbar input::-moz-range-thumb{ border:none; border-radius:0; background-color:transparent; height:100%; width:1px; box-shadow:-100vw 0 0 100vw #5E50FF} .play-btn { position:absolute; width:100%; height:100%; left:0; bottom:0; justify-content:center; align-items:center; display:flex; cursor:pointer; z-index:3; transition:all .3s} .play-btn span{ display: flex; justify-content: center; align-items: center; border: 1px solid #fff; background-color: #0000004d; border-radius: 100%; width: 69px; height: 69px; transition: all .3s; padding: 0!important;} .play-btn span:before { border: 0; background: transparent; box-sizing: border-box; width: 0; height: 11px; border-color: transparent transparent transparent #fff; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 12px 0 12px 22px; content: ''; margin-left: 5px;} .play-btn.active span { opacity:0} .play-btn.active:hover span { opacity:0} .play-btn.active span:before { border-style:double; border-width:0 0 0 20px; margin-left:0 } .fullscreen-btn { display: inline-block; position: absolute; bottom: 10px; right: 10px; padding: 5px; background: black; color: #fff; line-height: 1; cursor: pointer; z-index: 9; opacity:0; transition:all .3s} .fullscreen-btn.active { opacity:1} video::-webkit-media-text-track-container { -webkit-transform:translateY(-1%)!important; transform:translateY(-1%)!important} .player { max-width:750px; border:5px solid rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2); position: relative; font-size: 0; overflow: hidden;} /* This css is only applied when fullscreen is active. */ .player:fullscreen { max-width: none; width: 100%;} .player:-webkit-full-screen { max-width: none; width: 100%;} .player__video { width: 100%;} .player__button { background:none; border:0; line-height:1; color:white; text-align: center; outline:0; padding: 0; cursor:pointer; max-width:40px;} .player__button:focus { border-color: #ffc600;} .player__slider { width:10px; height:30px;} .player__controls { display:flex; position: absolute; left: 0; bottom:0; width: 100%; transform: translateY(100%) translateY(-5px); transition:all .3s; flex-wrap:wrap; background:rgba(0,0,0,0.4); color: #fff; z-index: 2147483648; /* This is ridiculous so that it overrides the shadow dom and shows the custom player in full screen mode instead */} .player:hover .player__controls { transform: translateY(0);} .player:hover .progress { height:15px;} .player__controls > * { flex:1;} .progress { flex:10; position: relative; display:flex; flex-basis:100%; height:5px; transition:height 0.3s; background:rgba(0,0,0,0.5); cursor:ew-resize;} .current,.duration,.fullscreen--btn { max-width: 30px; color: #fff; font-size: 10px; margin: auto 0px; padding: 0 7px;} .fullscreen--btn { color: #000; margin: auto 6px; background-color: #f9f9f9; border-radius: 2px; border: 0;} .progress__filled { width:50%; background:#ffc600; flex:0; flex-basis:0%;} .progress__filled .current { position: absolute; right: 0; top: -10px;} /* unholy css to style input type="range" */ .player video::-webkit-media-controls { /* display:none !important;*/} .player__controls input[type=range] { -webkit-appearance: none; background:transparent; width: 100%; margin: 0 5px;} .player__controls input[type=range]:focus { outline: none;} .player__controls input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0); background: rgba(255,255,255,0.8); border-radius: 1.3px; border: 0.2px solid rgba(1, 1, 1, 0);} .player__controls input[type=range]::-webkit-slider-thumb { height: 15px; width: 15px; border-radius: 50px; background: #ffc600; cursor: pointer; -webkit-appearance: none; margin-top: -3.5px; box-shadow:0 0 2px rgba(0,0,0,0.2);} .player__controls input[type=range]:focus::-wefbkit-slider-runnable-track { background: #bada55;} .player__controls input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0); background: #ffffff; border-radius: 1.3px; border: 0.2px solid rgba(1, 1, 1, 0);} .player__controls input[type=range]::-moz-range-thumb { box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0); height: 15px; width: 15px; border-radius: 50px; background: #ffc600; cursor: pointer;} .circle-container { width: 380px; height: 380px; transform: rotate(-90deg);} .circle-container__background { fill: none; stroke: gainsboro; stroke-width: 2px;} .circle-container__progress { fill: none; stroke-linecap: round; stroke: seagreen; stroke-dasharray: 100 100; stroke-linecap: round; stroke-width: 2px; transition: stroke-dashoffset 0.1s ease-in-out; will-change: transform;} .section-offer-form { background: #F9F9F9; }.offer-form { margin-top: 125px; padding-bottom:50px} .offer-form .image-decoration { display: inline-flex; justify-content: center; margin-top: -65px; width: 100%;} .offer-form .desc { max-width: 450px; margin: 0 auto;} .offer-form h2 { text-align: center;} .offer-form .submit { text-align: center;} .section-realizations { margin-bottom: 40px;} .filter_slider_controls_wrapper { position: absolute; top: 0; left: 0; width: 81vw; display: flex; z-index: 9;} .filter_slider_controls { position: absolute; top: 32px; right: 35px; display: flex; gap: 20px;} .filter_slider_controls a { width: 45px; height: 45px; border: 1px solid #fff; display: inline-flex; align-items: center; justify-content: center; color: #fff;} .filter_slider_controls a i { font-size: 25px;} .section-realizations h2 { color: #fff; max-width: 600px;} .section-realizations .section_wrapper {max-width:100%; padding-left: calc((100vw - 1410px) / 2 ); padding-top: 70px;} ul.filter-option { display: inline-flex; flex-wrap: wrap; gap: 15px; margin: 0 0 15px;} ul.filter-option li { padding: 7px 15px; background: #D6D6D6; border-radius: 5px; font-size: 14px; line-height: 20px; transition: all 0.3s linear; cursor: pointer; white-space: nowrap;} ul.filter-option li.active { background: #FFFFFF;} ul.filter-option li:hover { background: #FFFFFF;} .realizations {display:flex; gap: 50px;} .realizations hr.sep { background: #fff; color: #fff;} .realizations .background-wrapper { position: absolute; z-index: -1; top: 0; left: 0; width: 81vw; height: calc(100% - 55px); display: flex;} .realizations .background-wrapper img { width: 100%; object-fit: cover;} .realizations .filter-slider-wrapper {width: 50%;} .realizations .desc {width: 50%; max-width:720px; padding-bottom: 85px;} .realizations .desc p { color: #fff;} .filter-slider-wrapper {padding-top:38px;} .filter-slider .slick-slide { margin: 0 15px; line-height: 0px;} .filter-slider .slick-slide img {width:100%;} .filter-slider .slick-list { margin: 0 -15px; padding-right:25vw; } .filter-slider .slick-track { margin-left: 0;} .section-hero .section_wrapper { max-width: 100%; padding-left: calc((100vw - 1410px) /2); box-sizing: border-box;} .hero { max-width: 1920px; display: flex; gap: 30px;} .hero .desc { display: flex; flex-direction: column; justify-content: center;max-width: 570px;} .hero .desc h1 {margin:0;} .hero .buttons { display: flex; align-items: center; gap: 30px; margin-bottom: 40px;} .hero .buttons .btn-tel {color: #2c2d32; text-decoration:underline; font-weight:600; margin-left:5px; white-space: nowrap;} .hero .buttons p { margin: 0;} .counter {text-align:center;} .counter .number-wrapper { font-size: 32px; line-height: 52px; color: #C39046;} .counter .prefix {padding-right: 5px;} .counter .sufix {padding-left: 5px;} .counter .number { font-size: 50px; line-height: 52px; font-weight: 300; display: inline-block;} .counter p { font-size: 12px; line-height: 14px; font-weight: 400; /*max-width:160px;*/ margin: 0 auto; position: relative;} /* .counter p.with-tooltip { display: inline-block; margin-right: 10px;} .counter p.with-tooltip i { position: absolute; top: 0; right: 0;}*/ .hero .info-stats { display: grid; grid-gap:30px; grid-template-columns: repeat(3, 1fr);} .hero .info-stats .info-item { position: relative;} .hero .info-stats .info-item:not(:last-child):after { content: ""; position: absolute; height: 100%; width: 1px; background: #D1D1D1; right: -15px; top: 0;} .hero .see-reviews { display: flex; align-items: center; margin-top: 50px;} .hero .see-reviews p { max-width: 178px; margin: 0; font-size: 14px; line-height: 20px; margin-left: 15px;} .hero .see-reviews p a.btn-see-more { padding-left: 5px; position: relative;} .hero .see-reviews p a.btn-see-more:after { content: url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/arrow-down.svg); position: absolute; right: -30px;} .hero .image-content-wrapper { position: relative;} .hero .layer-1 { position: relative;} .hero .layer-2 { position: absolute; z-index: 1; bottom: 0; left: 0; transform: translateX(80px);} .hero .layer-3 { position: absolute; z-index: 2; bottom: 0; left: 0; } .hero .awards { display: flex; justify-content: flex-end; margin-right: 70px; gap: 25px;} .hero .awards img {display:block;} .team-member { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;} .team-member .desc { display: flex; flex-direction: column; justify-content: center;} .team-member .image-wrapper img { display: block;} .team-member ol { list-style: none; counter-reset: list; margin: 0 0 0 20px;} .team-member ol li { counter-increment: list;} .team-member ol li:before { content: counter(list) ". ";} .team-member ul { display: inline-flex; gap: 17px; margin-top:15px;} .team-member ul li { display: flex; width: 40px; height: 40px; border: 1px solid #E3E3E3;} .testimonials h2 { text-align: center;} .testimonials_grid {display:grid; grid-gap:30px;} .testimonials_grid.col-4 {grid-template-columns:repeat(4, 1fr);} .testimonials_grid.col-3 {grid-template-columns:repeat(3, 1fr);} .testimonials_grid.col-2 {grid-template-columns:repeat(2, 1fr);} .testimonials_grid.col-1 {grid-template-columns:repeat(1, 1fr);} .testimonial {position:relative; padding-top: 28px; padding-left: 30px;} .testimonial:before { content: ""; position: absolute; background: url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/cytat.svg);top:0; left:0; width: 69px; height: 56px; z-index:-1;} .testimonial p { font-size: 14px; line-height: 24px; font-weight: 300; margin:0;} .testimonial .separator { margin-top: 15px;} .testimonial .who { margin-top: 15px; display:flex; align-items:center;} .testimonial .avatar { padding-right:11px;} .testimonial .avatar img {width:55px; border-radius:50%;} .testimonial .details h4 {font-size:16px; line-height:24px; font-weight:600;margin:0;} .testimonial .details p {font-size:14px; line-height:24px; font-weight:400;} .partners h2 { text-align: center;} .partners_grid {display:grid; grid-gap:30px;} .partners_grid.col-7 {grid-template-columns:repeat(7, 1fr);} .partners_grid.col-6 {grid-template-columns:repeat(6, 1fr);} .partners_grid.col-5 {grid-template-columns:repeat(5, 1fr);} .partners_grid.col-4 {grid-template-columns:repeat(4, 1fr);} .partners_grid.col-3 {grid-template-columns:repeat(3, 1fr);} .partners_grid.col-2 {grid-template-columns:repeat(2, 1fr);} .partners_grid.col-1 {grid-template-columns:repeat(1, 1fr);} .extended-info { display: grid; grid-gap: 30px;} .extended-info.col-3 { grid-template-columns: repeat(3, 1fr);} .extended-info.col-2 { grid-template-columns: repeat(2, 1fr);} .extended-info.col-1 { grid-template-columns: repeat(1, 1fr);} .extended-info .info-item .image-wrapper { margin-bottom: 15px;} .extended-info .info-item img {display:block;} .extended-info h6 {margin-bottom:5px;} .extended-info p {font-size:14px; line-height:24px;} .section-progress-steps { background: #FAF6F0; position: relative; padding: 100px 0; } .section-progress-steps h2 {text-align:center;} .section-progress-steps hr.sep {margin: 15px auto;} .section-progress-steps .progress-steps { } .progress-steps .steps { display: grid; grid-template-columns: 5fr 2fr 5fr;} .progress-steps .header-mobile { display: none;} .progress-steps .header-mobile .num { display:flex; width: 30px; height: 30px; min-width: 30px; background: #C39046; color: #fff; font-size: 14px; font-weight: 600; align-items: center; justify-content: center; border-radius: 50%;margin-right: 10px;} .progress-steps .steps h4 { margin-bottom:10px;} .progress-steps .steps p { } .progress-steps .steps:nth-child(even) { grid-auto-flow: dense;} .progress-steps .steps:nth-child(even) .desc { grid-column: 3;} .progress-steps .steps:nth-child(even) .progress-bar { grid-column: 2;} .progress-steps .steps:nth-child(even) .image { grid-column: 1;} .progress-steps .steps .item { display: flex; justify-content: center; flex-direction: column;} .progress-steps .steps .item img { width: 100%; display:block;} .progress-steps .steps .progress-bar { align-items: center;} .progress-steps .steps .progress-bar .num { display: flex; align-items: center; justify-content: center; background:#CFCFCF; width: 48px; height: 48px; border-radius: 50%; font-size: 26px; font-weight:600; line-height: 1; z-index:3; color: #fff; transition: all 0.3s linear;} .progress-steps .steps .progress-bar .num.active { background: #C39046;} .progress-steps:before { content: ""; position: absolute; opacity: .8; border-left: 2px solid #CFCFCF; display: block; width: 1px; height: 76%; top: 12%; bottom: 0%; left: calc(50% - 2px); z-index: 1;} .progress-steps .line { position: absolute; background-color: #C39046; display: block; width: 2px; top: 12%; height: 0%; left: calc(50% - 2px); z-index: 2; transition: height .3s ease-in-out; max-height:76%;} .our-offer { display: grid; grid-gap: 30px;} .our-offer.col-3 { grid-template-columns: repeat(3, 1fr);} .our-offer .info { display: flex; flex-direction: column; justify-content: center;} .our-offer .info p { } .our-offer .offer-item { position: relative;} .our-offer .offer-item a { display: flex; height: 100%;} .our-offer .offer-item .image-wrapper { display: flex;} .our-offer .offer-item img { display: block; object-fit: cover;} .our-offer .offer-item .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.5); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);} .our-offer .offer-item:hover .mask { opacity: 1; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);} .our-offer .offer-item .desc-inner { position: absolute; left: 0; z-index: 3; width: 100%; top: auto; bottom: 0; padding: 20px 30px;box-sizing: border-box;} .our-offer .offer-item .separator { display: block; width: 0; height: 2px; margin-bottom: 10px; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); background-color: #cba25b;} .our-offer .offer-item:hover .separator { width: 100px;} .our-offer .offer-item .desc-inner h4 { color: #fff; font-size: 26px; line-height: 34px; font-weight: 600; margin:0px;} .info-box { background: #FAF6F0;} .info-box .info-box-wrapper { padding: 90px 55px 90px 120px; display: grid; grid-template-columns: repeat(2, 1fr);} .info-box .info-box-wrapper .image-wrapper img { display: block;} .info-box .desc { display: flex; flex-direction: column; align-items: baseline; justify-content: center;} .info-box h2 { margin-bottom:10px;} .info-box h2 span { text-decoration: underline;} .info-box ul { list-style-type: disc; margin: 0 0 15px 20px;} .info-box-style-2 { position: relative;} .info-box-style-2 h2 { max-width: 450px; margin: 0 auto; text-align: center;} .info-box-style-2 p { max-width: 690px; margin: 0 auto; text-align: center;} .info-box-style-2 .image-wrapper { max-width: 975px; margin: 0 auto; margin-top: 50px; padding-bottom: 65px;} .info-box-style-2 .image-wrapper img { display: block;} .info-box-style-2:before { content: ""; width: 100%; height: 55%; position: absolute; background: #FAF6F0; bottom: 0; left: 0; z-index: -1;} .info-box-style-3 { position: relative;} .info-box-style-3:before { content: ""; position: absolute; background: #FAF6F0; width: 100%; height: 70%; top: 0; z-index: -1;} .info-box-style-3 .info-box-wrapper { padding: 90px 120px 90px 120px; display: grid; grid-gap: 30px; grid-template-columns: repeat(1, 1fr);} .info-box-style-3 .desc { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;} .info-box-style-3 .desc h2 { margin: 0;} .info-box-style-3 .desc p { display: flex; align-items: center; margin: 0;} .packets-extended h2 { max-width: 450px;} .packets-download {text-align: center;} #tablepress-1 th { padding: 25px; font-size: 18px; font-weight: 400; background-color: transparent; text-align: center;} #tablepress-1 th.column-2 { background: #F3F3F3;} #tablepress-1 th.column-3 { background: #FFFACB;} #tablepress-1 th.column-4 { background: #D5E0FF;} #tablepress-1 th.column-1 { border-width: 0px 0px 1px;} #tablepress-1 td, #tablepress-1 th { border: 1px solid #E1E1E1;} #tablepress-1 td.column-1 { background: #F9F9F9; padding: 22px 32px;} #tablepress-1 .odd td:not(.column-1) { background: #F8FEFF; } #tablepress-1 td:not(.column-1) { vertical-align: middle; text-align: center;} #tablepress-1 .row-hover tr:hover td { background: #FAF6F0;} #tablepress-1 tr.row-3 td { background: #e1e1e2;} #tablepress-1 tr.row-32 td { background: #e1e1e2;} #tablepress-1 tr.row-3:hover td { background: #e1e1e2;} #tablepress-1 tr.row-32:hover td { background: #e1e1e2;} #tablepress-1 td span:not(.tooltip) { display: block; font-size: 12px; line-height: 1; font-weight: 600;} #tablepress-1 tbody td { font-size: 14px;} i.info:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/tooltip.svg);} i.yes:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/cennik-icon-01.svg);} i.no:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/cennik-icon-02.svg);} i.see-more:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/arrow-down.svg);} i.what-we-do:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/cta-icon.svg);} i.plus:before {content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/plus.svg);} .tooltip { display: inline-block; position: relative; cursor: help;} .tooltip:after { background: #2c2d32; color: #fff;} .tooltip:hover:after, .tooltip.hover:after { content: attr(data-tooltip); font-size: 12px; line-height: 18px; text-align: center; border-radius: 5px; padding: 5px 15px; width: 140px; position: absolute; left: 50%; bottom: 110%; z-index: 98; margin-left: -85px;} /* #tablepress-2 th { font-size: 14px; color: #fff; font-weight: 400; text-align: center;} #tablepress-2 td { vertical-align: middle; } #tablepress-2 .odd td { background-color: transparent;} #tablepress-2 td.column-1, #tablepress-2 td.column-2, #tablepress-2 td.column-3 { border: 1px solid #E1E1E1; border-width: 0px 1px;} #tablepress-2 th.column-1 { background: transparent;} #tablepress-2 th.column-2 { background: #F2C530;} #tablepress-2 th.column-3 { background: #406CFF;} #tablepress-2 tr.row-2 h4 {font-size:26px; font-weight:400; margin:0;} #tablepress-2 tr.row-2 p { font-size:16px; font-weight:400; margin:0;} #tablepress-2 tr.row-2 td {padding: 28.5px 0 80px; text-align:center;} #tablepress-2 tr.row-2 td.column-1 { background: #F3F3F3; } #tablepress-2 tr.row-2 td.column-2 { background: #FFFACB; } #tablepress-2 tr.row-2 td.column-3 { background: #D5E0FF; padding: 28.5px 0 80px;} #tablepress-2 tr.row-3 td { text-align: center; background: transparent;} #tablepress-2 tr.row-3 td img { margin-top: -70px;} #tablepress-2 tr.row-4 td { font-size: 12px; line-height: 20px; font-weight: 300; text-align: center;border-top: none;} #tablepress-2 tr:nth-child(n + 4):not(:nth-child(n + 27)) td { font-size: 12px; line-height:20px; padding: 7px 34px;} #tablepress-2 tr.row-28 td.column-2, #tablepress-2 tr.row-29 td.column-2, #tablepress-2 tr.row-28 td.column-3, #tablepress-2 tr.row-29 td.column-3, #tablepress-2 tr.row-30 td.column-3 { font-size: 12px; line-height:20px; padding: 7px 34px;} #tablepress-2 hr { margin: 7px 0;} #tablepress-2 tr.row-5 td { padding: 7px 29px !important;} #tablepress-2 tr.row-24 td { padding: 7px 29px !important;} #tablepress-2 tr.row-26 td { padding: 7px 29px !important;} #tablepress-2 .row-28 td.column-1, #tablepress-2 .row-30 td.column-2, #tablepress-2 .row-31 td.column-3 { text-align: center; padding: 20px 34px 25px; border-bottom: 1px solid #E1E1E1;} #tablepress-2 tr:nth-child(n + 28) td.column-1, #tablepress-2 tr:nth-child(n + 30) td.column-2, #tablepress-2 tr:nth-child(n + 31) td.column-3 { border: none;} #tablepress-2 tr:nth-child(28) td.column-1, #tablepress-2 tr:nth-child(30) td.column-2, #tablepress-2 tr:nth-child(31) td.column-3 { text-align: center;display: inline-block; width: 100%; box-sizing: border-box;} a.full-spec { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 24px; font-weight: 300; padding: 12px 25px;} a.full-spec i { margin-left: 10px; line-height: 1;} #tablepress-2 span.included {color:#2C2E34; padding-left: 20px; position: relative;} #tablepress-2 span.included:before { content: " " url(http://www.angelsadvertising.com.pl/anowa/wp-content/uploads/2022/08/included.svg); position: absolute; left: 0; top: 2px;} #tablepress-2 span.not-included { color: #cccdcf; position: relative; padding-left: 20px;} #tablepress-2 span.not-included:before { content: " " url(http://www.angelsadvertising.com.pl/anowa/wp-content/uploads/2022/08/not-included.svg); position: absolute; left: 2px; top: 0px;} */ .section-showcase h2 { max-width: 75%;} .showcase { display: grid; grid-template-columns: 3fr 9fr; grid-gap:30px; position:relative;} .showcase ul.showcase-tabs li { display: flex; align-items: center; padding: 6px 18px; background: transparent; transition: all 0.3s linear; cursor:pointer;} .showcase ul.showcase-tabs li span { margin-left: 13px; font-size: 18px; line-height: 24px; font-weight: 400;} .showcase ul.showcase-tabs li.active, .showcase ul.showcase-tabs li:hover { background: #fff; box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);} .showcase .content-box, .showcase .desc-box { opacity: 0; transition: all 0.5s ease-in-out; position: absolute; visibility: hidden; transform: translateX(100vw); top: 0;} .showcase .content-box.active-content-box, .showcase .desc-box.active-desc-box { opacity: 1 !important; transition: all 0.5s ease-in-out; position: relative; visibility: visible !important; transform: translateX(0px);} .showcase-content-wrap { display: flex; height: 100%;} .showcase .content-box { display: flex; } .showcase .content-box img { object-fit: cover;} .showcase .showcase-content { display: flex; align-items: center; position: relative;} .showcase .showcase-desc-wrap { position: absolute; width: 100%; display: flex; align-items: center; justify-content: flex-end; right: 0;} .showcase .desc-box { max-width: 425px; padding: 80px 0px 80px 80px; background: #fff; box-shadow: -50px 0px 50px rgb(0 0 0 / 3%);} .showcase .desc-box p { font-size: 14px; line-height: 24px; font-weight: 300;} .presentation { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px; position:relative;} .presentation ul.presentation-tabs { display: grid; grid-gap: 30px;} .presentation ul.presentation-tabs li { display: flex; align-items: center; padding: 30px 50px; background: #fff; box-shadow: 0px 0px 50px rgb(0 0 0 / 10%); transition: all 0.3s linear; border-left: 5px solid transparent; cursor:pointer;} .presentation ul.presentation-tabs li span { font-size: 20px; line-height: 26px; font-weight: 600;} .presentation ul.presentation-tabs li.active, .presentation ul.presentation-tabs li:hover { background: #fff; box-shadow: 0px 0px 50px rgb(0 0 0 / 10%); border-left: 5px solid #C39046;} .presentation .presentation-content { position: relative;} .presentation .presentation-box { opacity: 0; transition: all 0.5s ease-in-out; position: absolute; visibility: hidden; transform: translateX(100vw); top: 0;} .presentation .presentation-box.active-presentation-box { opacity: 1 !important; transition: all 0.5s ease-in-out; position: relative; visibility: visible !important; transform: translateX(0px);} .presentation .presentation-content-wrap p { } .presentation .presentation-box .movie-box { position: relative; width: 100%; max-width: 100%; padding: 0px; right: 0; bottom: 0; box-shadow: none;visibility: visible; height: 100%;} .presentation .presentation-box .movie-box-video {max-height:100%;} .presentation .presentation-box .movie-box .movie-box-wrapper {display:block;} ul.case-list { display: grid; margin-top:15px;} ul.case-list.col-1 { grid-template-columns: repeat(1, 1fr);} ul.case-list.col-2 { grid-template-columns: repeat(2, 1fr);} ul.case-list.col-3 { grid-template-columns: repeat(3, 1fr);} ul.case-list li span { font-weight: 500; color: #C39046;} /* faq */ .section-faq h2 { max-width: 640px; text-align: center; margin: 0 auto;} .faq { max-width: 930px; margin: 0 auto;} .faq .question{position:relative; border-bottom: 1px solid #D2D2D2;} .faq .question:last-child{margin-bottom:0; border:none;} .faq .question > .title{ padding: 25px 100px 25px 0; font-size: 18px; font-weight: 600; position: relative; cursor: pointer; z-index: 2;} .faq .question.active > .title { padding: 25px 100px 12px 0;} .faq .question > .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus { position: absolute; right: 15px; top: 25px; width: 20px; height: 20px; font-family: 'smartandfast'; content: "\e900"; font-weight: 300;} .faq .question > .title > .acc-icon-plus:before, .faq .question .title > .acc-icon-minus:before { content: "\e900";} .faq .question > .title > .acc-icon-plus{display:block} .faq .question > .title > .acc-icon-minus{display:none; transform: rotate(180deg);} .faq .question > .answer{padding:0 100px 30px 0px;overflow:hidden;display:none} .faq .question.active > .title > .acc-icon-plus{display:none} .faq .question.active > .title > .acc-icon-minus{display:block} .faq .question.active p:last-child{margin-bottom:0} .section-cta { padding-top: 1px;} .cta { margin-left: 70px; margin-right: 25px; position: relative; display: grid; grid-template-columns: 5fr 7fr; background: #FAF6F0; margin-top: 126px;} .cta .image { position: relative;} .cta .image img { position: absolute; bottom: 0; right: 0; max-width: initial; height: calc(100% + 126px); width: auto;} .cta .desc { display: inline-block; padding: 50px 55px 50px 0;} .cta .desc ul { margin-bottom: 20px;} .cta .desc ul li { display: flex; align-items: flex-start; margin-bottom: 7px;} .cta .desc ul li i { line-height: 0; margin-right:6px; margin-top: 5px;} .cta .desc p.under {font-size:14px; line-height:28px; font-weight:300; margin:20px 0 0;} .price .header { color: #fff; font-size: 14px; line-height: 28px; font-weight: 400; text-align: center;} .price .title { padding: 28px 34px 80px; text-align: center;} .price .title h4 { font-size: 26px; line-height: 34px; font-weight: 400; margin: 0;} .price .title p { font-size: 16px; line-height: 22px; margin: 0;} .price .image { text-align: center;} .price .image img { margin-top: -70px;} .price .desc { font-size: 12px; line-height: 20px; font-weight: 300; text-align: center; height: 70px; display: flex; align-items: center; justify-content: center;} .price span.included {color:#2C2E34; padding-left: 20px; position: relative;} .price span.included:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/included.svg); position: absolute; left: 0; top: 3px;} .price span.not-included { color: #cccdcf; position: relative; padding-left: 20px;} .price span.not-included:before { content: " " url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/not-included.svg); position: absolute; left: 2px; top: 1px;} .price .info-list { padding: 28px 34px 14px; position:relative;} /*.price .info-list:after { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background: #E1E1E1; bottom: 0px;}*/ .price .info-list:before { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background: #E1E1E1; top: 0px;} .price .info-list ul { font-size: 12px; line-height: 20px; font-weight: 300;} .price .info-list ul li { margin-bottom: 14px; display: flex; align-items: center;} .price .additional-info ul { font-size: 12px; line-height: 20px; font-weight: 300;} .price .additional-info ul li { min-height: 80px; display: flex; align-items: center; position: relative;} .price .additional-info ul li span { padding: 0 52px;} .price .additional-info ul li:after { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background: #E1E1E1; top: 0px; margin-left: 30px;} .price .download { text-align: center;padding-bottom: 30px;} .price .see-full-spec { text-align: center; margin-top: 12px;} .price .see-full-spec a.full-spec { position: relative; display:inline-flex; align-items:center;} .price .see-full-spec a.full-spec:after { content: url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/arrow-down.svg); line-height: 0; padding-left: 7px;} .pricing-slider-wrapper { position: relative;} .pricing_slider_controls a { width: 45px; height: 45px; border: 1px solid #2C2E34; display: flex; align-items: center; justify-content: center; background: #fff;z-index: 99;} .pricing_slider_controls a.slider_next { position: absolute; right: -20px; top: 180px;} .pricing_slider_controls a.slider_prev { position: absolute; left: -20px; top: 180px;} .pricing_slider_controls a i { font-size: 25px;} .price .price-wrapper { border: 1px solid #E1E1E1;} /* .pricing-slider-wrapper:after { content: ""; width: 80px; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0; z-index: 9;} .pricing-slider-wrapper:before { content: ""; width: 80px; height: 100%; background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; z-index: 9;} .price:first-child .title, .price:first-child .image, .price:first-child .desc, .price:first-child .info-list, .price:first-child .additional-info { border-left: 1px solid #E1E1E1;} .price:first-child .title {border-top: 1px solid #E1E1E1;} .price:first-child .header {border:none;} .price:first-child .download {border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;} .price:last-child .header, .price:last-child .title, .price:last-child .image, .price:last-child .desc, .price:last-child .info-list, .price:last-child .additional-info { border-right: 1px solid #E1E1E1;} .price:last-child .title {border-top: 1px solid #E1E1E1;} .price:last-child .download {border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;} */ .section-realization-example {margin-bottom:0px} .section-realization-example .section_wrapper.full-width { max-width: 100% !important; padding: 0px !important; margin: auto !important;} .section-realization-example .full-width .left-side .desc { padding-right: calc((100vw - 1410px) / 2);} .section-realization-example .full-width .right-side .desc { padding-left: calc((100vw - 1410px) / 2);} .realization-example { display: grid; grid-template-columns: repeat(2, 1fr); } .section-realization-example .left-side .desc { padding-left: 30px;} .section-realization-example .right-side .desc { padding-right: 30px;} .realization-example .desc { display: flex; flex-direction: column; justify-content: center;} .realization-example .desc hr { width: 120px; height:2px; margin: 0px 0 15px;} .realization-example img {display:block;} .realization-example .desc p:last-child {margin-bottom:0px;} .section-cta-logo .section_wrapper { max-width: 100% !important; padding:0px !important; margin: auto !important;} .cta-logo { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;} .cta-logo .background { display: grid; grid-template-columns: repeat(4, 1fr);} .cta-logo .background img { display: block;} .cta-logo .desc-wrapper { position: absolute; max-width: 960px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .cta-logo .desc-wrapper .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 25.52%, #fff 74.89%, rgba(255, 255, 255, 0) 100%); opacity: 0.82; z-index: 0;} .cta-logo .desc-wrapper .desc { z-index: 1;} .cta-logo .desc h2 {margin-bottom:25px;} .cta-logo .info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 25px;} .cta-logo .info p { max-width: 420px; font-size: 14px; line-height: 20px; text-align: left; padding-left: 20px; margin: 0;} .cta-reklama { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;} .cta-reklama .background { display: grid; grid-template-columns: repeat(2, 1fr);} .cta-reklama .background img { display: block;} .cta-reklama .desc-wrapper { position: absolute; max-width: 960px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .cta-reklama .desc-wrapper .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 25.52%, #fff 74.89%, rgba(255, 255, 255, 0) 100%); opacity: 0.82; z-index: 0;} .cta-reklama .desc-wrapper .desc { z-index: 1;} .cta-reklama .desc h2 {margin-bottom:25px;} .cta-reklama .info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 25px;} .cta-reklama .info p { max-width: 420px; font-size: 14px; line-height: 20px; text-align: left; padding-left: 20px; margin: 0;} .section-seo-content .section_wrapper.full-width { max-width: 100% !important; padding: 0px !important; margin: auto !important;} .section-seo-content .full-width .left-side .desc { padding-right: calc((100vw - 1410px) / 2);} .section-seo-content .full-width .right-side .desc { padding-left: calc((100vw - 1410px) / 2);} .section-seo-content .left-side .desc { padding-left: 30px;} .section-seo-content .right-side .desc { padding-right: 30px;} .seo-content { display: grid; grid-template-columns: repeat(2, 1fr); } .seo-content .desc { display: flex; flex-direction: column; justify-content: center;} .seo-content .image-wrapper { display: flex; } .seo-content .buttons {margin-top:15px; display: flex; align-items: center; gap: 30px;} .seo-content.right-side .image-wrapper img { object-fit: cover; object-position: left;} .seo-content.left-side .image-wrapper img { object-fit: cover; object-position: right;} .seo-content .desc hr { width: 120px; height:2px; margin: 0px 0 15px;} .seo-content img {display:block;} .seo-content .desc p:last-child {margin-bottom:0px;} .section-seo-content ul li {margin-bottom:10px; line-height:28px;} .section-seo-content .min-header {font-size:20px; font-weight:600; line-height:24px;} blockquote.highlight { padding: 28px 0px 32px 18px; position: relative;} blockquote.highlight:before { content: ""; position: absolute; background: url(https://www.angelsadvertising.pl/wp-content/uploads/2022/10/cytat.svg); top: 0; left: -25px; width: 69px; height: 56px; z-index: -1;} blockquote.highlight p:last-child {margin:0;} .section-team-slider h2 { max-width: 575px; text-align: center; margin: 0 auto 17px;} .team_slider_wrapper { position: relative;} .team_slider_ul .slick-slide { margin: 0 15px;} .team_slider_ul .slick-list { margin: 0; } .team_slider_ul .member {text-align:center;} .team_slider_ul .member .image-wrapper {position:relative; margin-bottom:17px; } .team_slider_ul .member img {display:block; width: auto; margin:0 auto;} .team_slider_ul .member p.name { font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 6px;} .team_slider_ul .member p.position { font-size: 18px; line-height: 22px; font-weight: 400; color: #9E9E9E;} .team_slider_ul .member p.desc { font-size: 16px; line-height: 26px; font-weight: 400;} .team_slider_header a.slick-arrow { width: 43px; height: 43px; border: 2px solid #C39046; display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%);} .team_slider_header a.slick-arrow i { font-size: 20px; font-weight: 700; color: #C39046;} .team_slider_header a.slider_next { right: -47px; z-index:99;} .team_slider_header a.slider_prev { left: -47px; z-index:99;} .icon-block-module { display: grid; grid-gap: 30px;} .icon-block-module.col-1 { grid-template-columns: repeat(1, 1fr);} .icon-block-module.col-2 { grid-template-columns: repeat(2, 1fr);} .icon-block-module.col-3 { grid-template-columns: repeat(3, 1fr);} .icon-block-module.col-4 { grid-template-columns: repeat(4, 1fr);} .icon-block-module .icon-block { background: #fff; box-shadow: 0px 0px 50px rgb(0 0 0 / 6%); padding: 30px 36px;} .icon-block-module .icon-block .icon-wrapper { display: flex; width: 153px; height: 153px; align-items: center; justify-content: center; background: #F9F4EC; border-radius: 50%; margin-bottom: 23px;} .icon-block-module .icon-block .icon-wrapper img { width: 68px;} .icon-block-module .icon-block h4 { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px;} .case-box-module { display: grid; grid-gap: 30px;} .case-box-module.col-1 { grid-template-columns: repeat(1, 1fr);} .case-box-module.col-2 { grid-template-columns: repeat(2, 1fr);} .case-box-module.col-3 { grid-template-columns: repeat(3, 1fr);} .case-box { background: #F9F9F9; padding: 30px; box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr);} .case-box .case-row { border-bottom: 1px solid #E9E9E1; margin-bottom: 15px; display: grid; grid-template-columns: 2fr 4fr;} .case-box .case-row .header { font-weight: 500;} .case-box .case-row .desc { font-size: 14px;} .case-box .case-row-effects { display: grid; grid-template-columns: 2fr 4fr;} .case-box .case-row-effects .header-effects { font-weight: 500;} .case-box .case-row-effects .desc-effects { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; font-size: 14px;} .case-box .case-effect .value span { font-size: 40px; font-weight: 500; color: #C39046;} .tiles-list h2 {max-width:65%;} .tiles-listing { display: grid; grid-gap: 30px; } .tiles-listing.col-1 { grid-template-columns: repeat(1, 1fr);grid-auto-rows: 1fr;} .tiles-listing.col-2 { grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1fr;} .tiles-listing.col-3 { grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;} .tiles-listing.col-4 { grid-template-columns: repeat(4, 1fr);grid-auto-rows: 1fr;} .tiles-listing .tile { padding:16px 20px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); font-size:20px; font-weight: 600;display: flex; align-items: center;} .steps h2 { max-width: 860px; margin: 0 auto 15px;} .steps-grid { display: grid; grid-gap: 30px; margin-top: 30px; counter-reset: step-numbers;} .steps-grid.col-2 { grid-template-columns: repeat(2, 1fr);} .steps-grid.col-3 { grid-template-columns: repeat(3, 1fr);} .steps-grid.col-4 { grid-template-columns: repeat(4, 1fr);} .steps-grid .step { padding: 30px; background: #F9F9F9; font-size: 14px; line-height: 24px; counter-increment: step-numbers; position: relative;} .steps-grid .step:before { content: counter(step-numbers); position: absolute; font-size: 110px; line-height: 1; font-weight: 600; color: #F1F1F1; z-index: 0; left: 10px; top: -50px;} .steps-grid .step p { position: relative; margin: 0;} .section-testimonials-slider h2 { max-width: 830px; margin: 0 auto 15px;} .testimonials-slider {margin-top:30px;} .testimonials_slider_ul { position: relative; } .testimonials_slider_ul .slick-slide { margin: 0 0 0 -35px;} .testimonials_slider_ul .slick-list { margin: 0 0 0 35px; overflow:visible;} .testimonials_slider_ul .single-testimonial { display: flex !important; align-items: center;} .testimonials_slider_ul .single-testimonial .image-container { width: 100%;} .testimonials_slider_ul .single-testimonial .image-container img { width: 100%; display:block;} .testimonials_slider_ul .single-testimonial .desc-wrapper { position: absolute; text-align: left; left: 40px; width: 50%;} .testimonials_slider_ul .single-testimonial .desc-wrapper h4 {font-size:16px; line-height:24px; font-weight:600; margin:0;} .testimonials_slider_ul .single-testimonial .desc-wrapper p.company {font-size:14px; line-height:18px; font-weight:400;} .testimonials_slider_ul .single-testimonial .desc-wrapper p.desc {font-size:14px; line-height:20px; font-weight:300;} .testimonials_slider_header { display: flex; grid-gap: 20px;} .testimonials_slider_header a { width: 45px; height: 45px; display: inline-flex; border: 2px solid #000; align-items: center; justify-content: center;} .testimonials_slider_header a i { color: #000; font-size: 20px; font-weight: 600;} .testimonials_slider_ul .single-testimonial:not(.slick-current) {transform: scale(0.9); transition: all 0.3s linear;} .testimonials_slider_ul .single-testimonial.slick-current { transform: scale(1); transform-origin: center; transition: all 0.3s linear;} /* slide when not active/center*/ .testimonials_slider_ul .slick-slide,.testimonials_slider_ul .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(0.9); transition: transform 0.3s;} /* slide when active/center */ .testimonials_slider_ul .slick-center,.testimonials_slider_ul .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { transform: scale(1);transition: transform 0.3s;} .contact-page { display: grid; grid-gap: 30px;} .contact-page.grid-8-4 { grid-template-columns: 8fr 4fr; } .contact-page.grid-full {} .contact-page .side-panel { display: flex; flex-direction: column; grid-gap: 30px;} .contact-page .side-panel .image-wrapper img {border-radius:10px;} .contact-page .side-panel .google-map { height: 100%;} .contact-page .side-panel .google-map iframe {display:block; border-radius:10px; height:100%; min-height:330px;} .contact-page .contact-form h2 {margin-bottom:28px;} .company-details h4 { font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 10px;} .contact-page ul.company { display: grid; grid-gap: 15px 30px; margin-bottom: 40px;} .contact-page ul.company li a {text-decoration:underline;} .contact-page.grid-full .contact-form { background: #F9F9F9; padding: 150px 240px 70px;} .contact-page.grid-full .company-details { background: #fff; padding: 20px 120px 28px; margin: 40px 120px -100px; z-index: 99; position: relative;} .contact-team-member { text-align: center;} .contact-team-member .image_wrapper { margin-bottom: 10px;} .contact-team-member img { display: block;} .contact-team-member h4.name { font-size: 20px; line-height: 24px; font-weight: 600; margin: 0;} .contact-team-member p { margin: 0;} .contact-team-member p.position { font-size: 16px; font-weight: 300;} .contact-team-member p.email { font-weight: 400;} .contact-team-member p.phone { font-weight: 400;} .contact-team-member a { text-decoration: underline;} .notifications {position: fixed; bottom: 20px; left: 20px; width: 280px; box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); background: #fff; padding: 15px; box-sizing: border-box; border-radius: 5px; z-index:99;transition: all 0.1s linear;} .notifications {visibility: hidden} .notifications.closed {visibility: hidden !important;} .notifications .close { position: absolute; right: 0; top: -37px; line-height: 1; background: #fff; color: #000; cursor: pointer; width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);} .notifications .close i {font-size:10px;} .notifications.minimized .notification-slider { position: absolute; pointer-events: none; opacity: 0;} .notifications.minimized { width: 54px; height: 54px; border-radius: 50%; padding: 0px; display: flex !important; align-items: center; justify-content: center;} .notifications.minimized .close {display:none;} .notifications .notification-slider { position: relative; opacity: 1;} .notifications .mini-widget-box {display:none;} .notifications.minimized .mini-widget-box {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .single-review { display: flex; flex-direction: column;} .single-review .heading { display: flex; align-items: center; margin-bottom:5px;} .single-review .heading .review-source { font-size: 10px; line-height:1; margin-right: 8px;display: flex; align-items: center;} .single-review .heading .review-source span {margin-left:5px;} .single-review .heading .review-rating { font-size: 10px; line-height:1;} .single-review .heading .review-rating i { font-family: 'smartandfast' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color:#fb0;} .single-review .heading .review-rating i.s5:before {content:"\e90f\e90f\e90f\e90f\e90f";} .single-review .heading .review-rating i.s4:before {content:"\e90f\e90f\e90f\e90f\e90e";} .single-review .heading .review-rating i.s3:before {content:"\e90f\e90f\e90f\e90e\e90e";} .single-review .heading .review-rating i.s2:before {content:"\e90f\e90f\e90e\e90e\e90e";} .single-review .heading .review-rating i.s1:before {content:"\e90f\e90e\e90e\e90e\e90e";} .single-review .review-desc { border-bottom: 1px solid #EBEBEB;} .single-review .review-desc p { font-size: 10px; line-height: 16px; font-weight: 300; margin-bottom:9px} .single-review .review-author { display: flex; align-items: center; margin-top:9px;} .single-review .review-author .review-avatar { max-width: 35px; margin-right: 8px;} .single-review .review-author .review-avatar img {display:block;border-radius:50%;} .single-review .author-details .name h4 { font-size: 12px; line-height: 1; font-weight: 600; margin-bottom: 4px;} .single-review .author-details .company p { font-size: 10px; line-height: 1; font-weight: 400; margin:0;}