/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /* Theme Name: msz_theme Author: arturkosinski.pl Author URI: https://arturkosinski.pl Version: 1.0 */ /* #2E65C2 */ form br { display: none; } .grecaptcha-badge { display: none!important; } /* colorbox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}#cboxWrapper {max-width:none;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}#cboxOverlay{background:rgba(0,0,0,.9); }#colorbox{outline:0;}#cboxContent{background:#fff; overflow:hidden;}.cboxIframe{background:#fff;}#cboxError{padding:50px; border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:28px;}#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}#cboxNext { outline:none!important; position: absolute; top: 50%; right: 20px; background: url(images/icons/right.svg) center center no-repeat; background-size: auto 8px; width: 40px; height: 40px; 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; border: 1px solid #111; font-size: 0; }#cboxPrevious { outline:none!important; position: absolute; top: 50%; left: 20px; background: url(images/icons/left.svg) center center no-repeat; background-size: auto 8px; width: 40px; height: 40px; 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; border: 1px solid #111; font-size: 0; }#cboxClose { utline:none!important; position: absolute; top: 20px; right: 20px; background: url(images/icons/close.svg) center center no-repeat; background-size: auto 8px; width: 40px; height: 40px; 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; border: 1px solid #111; font-size: 0; } /* owl carousel */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #e7e7e7;margin:2rem 0;padding:0;}input,select,a img{vertical-align:middle;} ul { list-style: none; } body, input, textarea, select { font-family: 'Lato', sans-serif; } html { font-size: 16px; overflow-x: hidden; } body { font-size: 1rem; line-height: 1.5; color: #111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .container { margin: 0 auto; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flexWrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .vCenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .spaceBetween { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .alignCenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } /* Basic colors */ .btn, .textFormat .btn, .cookiesClose, input[type="submit"], .textFormat a.page-numbers, a.page-numbers { background: #2E65C2; color: #fff; } .btn.white { background: #fff; color: #2E65C2; } .textFormat a { color: #000; text-decoration: underline; } ul.menu a { color: #fff; } .textFormat a:not(.btn):hover { color: #000; text-decoration: none; } ul.menu a:hover { color: #fff; text-decoration: underline; } .btn:hover, .btn.white:hover, .textFormat .btn:hover, .cookiesClose:hover, input[type="submit"]:hover, .textFormat a.page-numbers:hover, a.page-numbers:hover { background: #000; color: #fff; } /* Buttons */ .btn { 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; margin: 0 auto; width: 220px; height: 50px; text-align: center; text-decoration: none!important; border: none; border-radius: 1.5rem } /* Header */ #homeIntro { padding-top: 130px; } header { padding: 2rem 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999999; } .logged-in header { top: 32px; z-index: 1; } header .container { position: relative; z-index: 99999; } #logo1 { width: 320px; } #logo2 { width: 140px; margin: 0 0 0 2rem; } .topBtn { border: 1px solid #fff; padding: .75rem 1.25rem; background: none; color: #2E65C2; margin: 0 0 0 2rem; color: #fff; text-decoration: none; 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; border-radius: 2rem } .topBtn img { width: .75rem; margin: 0 .5rem 0 0; } .topBtn:hover { text-decoration: underline; } /* Menu */ #desktopMenu { margin-left: auto; font-size: .875rem; } #desktopMenu ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #desktopMenu ul.menu > li { margin: 0 0 0 2rem; } #desktopMenu ul.menu a { text-decoration: none; } #desktopMenu ul.menu a:hover { text-decoration: underline; } /* Sub-menu */ #desktopMenu ul.sub-menu { list-style: none; } #desktopMenu li.menu-item-has-children { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #desktopMenu li.menu-item-has-children:after { content: ''; display: block; width: 1rem; height: 1rem; background: url(images/icons/white/bottom.svg) center center no-repeat; margin: 0 0 0 .25rem; background-size: 8px auto; } #desktopMenu li.menu-item-has-children:hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #desktopMenu ul.sub-menu { display: block; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: absolute; top: 2rem; left: -.5rem; min-width: 220px; padding: .5rem 1rem; background: none; z-index: 99999999; visibility: hidden; -webkit-transition: 0.2s .2s; -o-transition: 0.2s .2s; transition: 0.2s .2s; opacity: 0; text-align: left; font-size: 0.875rem; background: #2358AE; border-radius: 4px; } #desktopMenu ul.sub-menu li a { padding: .5rem 0; display: block; } /* Mobile menu */ #openMenu, #closeMenu { display: -webkit-box; display: -ms-flexbox; display: flex; background: #2358AE; padding: .5rem; width: 32px; height: 32px; position: fixed; right: 5%; top: 1rem; z-index: 999999; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; } #mobileMenu { display: none; position: fixed; top: 0; right: 0; width: 100%; background: #2358AE; height: 100vh; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.1); box-shadow: 0 0 40px 0 rgba(0,0,0,.1); z-index: 99999; padding: 3rem 2rem 10rem; overflow-y: scroll; z-index: 99999999 } #mobileMenu li { text-align: center; margin: 0; } #mobileMenu li a { display: block; padding: .5rem 0; text-decoration: none; } #mobileMenu ul { font-size: 1.125rem } #mobileMenu ul.sub-menu { font-size: .875rem; margin-bottom: 1rem; list-style: none; } .hiddenBody { overflow-y: hidden; position: relative; height: 100%; } /* Content */ .textFormat p, .textFormat ul, .textFormat ol, .textFormat table, .textFormat blockquote, .textFormat h1, .textFormat h2, .textFormat h3, .textFormat h4, .textFormat h5, .textFormat h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; } .textFormat ul, .textFormat ol { padding-left: 1.5rem; } .textFormat ul { list-style-type: disc; } .textFormat blockquote p:last-child { margin-bottom: 0; } .textFormat blockquote { background: #f9f9f9; padding: 2rem; } img { max-width: 100%; vertical-align: middle; height: auto; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } table { width: 100%; margin-bottom: 20px; } td, th { border: 1px solid #e7e7e7; padding: .5rem; text-align: left; } .textFormat a:hover { text-decoration: underline; } .textFormat h1, h1 { font-size: 2.5rem; } .textFormat h2, h2 { font-size: 1.75rem; } .textFormat h3, h3 { font-size: 1.5rem; } .textFormat h4, h4 { font-size: 1.25rem; } .textFormat h5, h5 { font-size: 1rem; } .textFormat h6, h6 { font-size: 1rem; } /* Slider */ .owl-dot { margin: 0 3px; display: inline-block; } .owl-dot span { display: block; width: 20px; height: 20px; background: #ececec; border-radius: 10px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .owl-dot.active span, .owl-dot span:hover { background: #ccc; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .owl-dots { text-align: center; margin-top: 10px; } .owl-prev, .owl-next { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -30px; text-align: center; z-index: 99999; } .owl-prev i, .owl-next i { vertical-align: top; } .owl-prev { left: 1rem; } .owl-next { right: 1rem; } /* Forms */ input, textarea, select { -webkit-appearance: none; -moz-appearance: none; } label, label span { display: block; } input, textarea { -webkit-appearance: none; -moz-appearance: none; display: block; margin-top: .5rem; width: 100%; height: 50px; border: 1px solid #e7e7e7; background: #fff; display: block; line-height: 50px; padding-left: 1rem; margin-bottom: 1rem; font-size: 1rem; border-radius: 4px; } textarea { height: 150px; line-height: 1.5; padding: 1rem; } input[type="checkbox"] { width: 22px!important; height: 22px!important; border: 1px solid #e7e7e7!important; -webkit-appearance: checkbox; -moz-appearance: checkbox; border-color: #e7e7e7; padding: 0; margin: 0; -ms-flex-preferred-size: 22px; flex-basis: 22px; } input[type="submit"] { padding: 0; font-size: 1rem; font-weight: bold; margin-top: 1rem; cursor: pointer; border: none; height: 60px; line-height: 60px; border-radius: 2rem; } input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: red; background: rgba(237, 88, 95, .2); margin-bottom: 0; } span.wpcf7-list-item { margin: 0!important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #666; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #666; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #666; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; color: #666; } input::placeholder, textarea::placeholder { opacity: 1; color: #666; } .wpcf7-acceptance label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .5rem } .wpcf7-acceptance label input + span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .875rem; text-align: justify; } .wpcf7-acceptance label input[type="checkbox"] { margin: .25rem 1rem 0 0; } /* Footer & Cookies */ footer { padding: 5rem 0 7rem; } .footerAuthor { margin-left: auto; } #cookies { position: fixed; bottom: 0; left: 0; width: 100%; background: #f7f7f7; font-size: .875rem; line-height: 1.4; z-index: 99999; } .cookiesText { margin: .5rem 1rem 0 0; } .cookiesInner { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; } .cookiesClose { margin-left: auto; color: #fff; padding: .5rem 1rem; text-decoration: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 1.5rem; } .cookiesClose:hover { opacity: .8; } #gotop { display: none; position: fixed; bottom: 20px; right: 20px; border-radius: 4px; width: 36px; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #2E65C2; } #gotop img { width: 8px; } #gotop:hover { background: #000; } #homeIntro { background: #2E65C2; color: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%); } #homeIntro .btn { margin: 1.5rem 0; } #homeIntro h1, #homeIntro h2 { font-weight: 900; margin: 0; } #homeIntroContent { padding: 5.5rem 0 ; } .homeIntroLeft { -ms-flex-preferred-size: 500px; flex-basis: 500px; } .introText { margin: 2rem 0; } .homeIntroRight { height: 600px; width: 400px; border-radius: 1rem; -webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.1); box-shadow: 0 0 2rem 0 rgba(0,0,0,.1); position: absolute; top: 8.5rem; left: 50%; z-index: 1; margin: 0 0 0 150px; } .section { padding: 7.5rem 0; } .sectionHeading h6 { text-transform: uppercase; font-size: .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .15rem; margin: 0 0 .5rem; } .sectionHeading h6:before { content: ''; display: block; width: 80px; height: 1px; background: #000; margin: 0 1rem 0 0; font-weight: 400; } .sectionHeading h3 { font-size: 2.5rem; font-weight: 900; } .offerItem { padding: 2rem; } .offerItem > div { -ms-flex-preferred-size: calc(50% - 2rem); flex-basis: calc(50% - 2rem); } .offerImg { height: 360px; border-radius: 1rem } .offerItem:nth-child(even) .offerImg { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } #banner { color: #fff; padding: 15rem 0; -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%); clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%); background: #2E65C2; position: relative; } #banner .container { position: relative; z-index: 1; } .bannerBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/bgBanner.jpg) center center no-repeat; background-size: cover; opacity: .2; z-index: 0; } #banner .btn { margin-top: 2rem; } .blogContent { margin: 3rem 0 0; } .blogContent .blogItem { -ms-flex-preferred-size: calc( 33.333% - 2rem ); flex-basis: calc( 33.333% - 2rem ) } .blogContent .blogItemCover { display: block; height: 240px; margin: 0 0 1.5rem; border-radius: 1rem; overflow: hidden; } .blogItemCover , .postThumb { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .blogItem h5 { font-size: 1.25rem; } .blogBottom { margin: 3rem 0 0; } #contact { -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%); clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%); background: #2E65C2; color: #fff; } #contact .sectionHeading h6:before { background: #fff; } .contactIco { width: 1.5rem; height: 1.5rem; margin: 0 1rem 0 0; } .contactIco img { max-width: 1.25rem; max-height: 1.25rem; } .contactRow { margin: 1.5rem 0; } .contactLeft a { color: #fff; } .contactText01, .contactText02 { margin: 2rem 0; } .contactLeft a:hover { text-decoration: none; color: #fff!important; } .contactRow p { margin: 0; } .contactLeft { -ms-flex-preferred-size: calc( 40%); flex-basis: calc( 40%) } #contactWrapper { position: relative; } .contactRight { background: #fff; color: #000; padding: 2.5rem; border-radius: 0 0 0 2rem; -webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); position: absolute; top: 12.5rem; left: 50%; max-width: 500px; } .contactData { padding: 1rem ; } .home footer { padding-top: 15rem; } footer h5 { text-transform: uppercase; letter-spacing: .15rem; font-size: 1.125rem; } footer .textFormat ul.menu a { color: #000; text-decoration: none; } footer .textFormat ul.menu a:hover { color: #000; text-decoration: underline; } .footerCol:nth-child(1,2,4) { -ms-flex-preferred-size: calc( 20% - 2rem); flex-basis: calc( 20% - 2rem) } .footerCol:nth-child(3) { -ms-flex-preferred-size: calc( 40% - 2rem); flex-basis: calc( 40% - 2rem) } footer ul.menu li { margin: 0 0 .5rem; } footer .textFormat ul { list-style: none; padding: 0; } #menu-footer-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #menu-footer-3 li a { display: block; border: 1px solid #000; padding: .25rem .75rem; margin: 0 1rem .5rem 0; border-radius: .25rem } /* Background elements */ .contactCirlce01 { width: 500px; height: 500px; border-radius: 250px; background: rgba(255,255,255,.1); position: absolute; top: -100px; left: -100px; z-index: 0; } #contact .container { position: relative; z-index: 1; } .bannerCircle01 { width: 500px; height: 500px; border-radius: 250px; background: rgba(255,255,255,.1); position: absolute; bottom: -100px; right: -100px; z-index: 0; } .homeIntroCircle01 { width: 850px; height: 425px; background: url(images/introCircle01.png) center center no-repeat; position: absolute; top: -150px; right: -250px; z-index: -1; overflow: hidden; } .homeIntroCircle02 { width: 850px; height: 425px; background: url(images/introCircle02.png) center center no-repeat; position: absolute; bottom: 100px; left: -250px; } #homeIntro .container { position: relative; z-index: 1; } #offer, #blog { position: relative; } .offerCircle01 { width: 850px; height: 425px; background: url(images/blackCircle01.png) center center no-repeat; position: absolute; top: 200px; right: -300px; z-index: -1;} .offerCircle02 { width: 850px; height: 425px; background: url(images/blackCircle02.png) center center no-repeat; position: absolute; bottom: 50px; left: -250px; z-index: -1; } .blogCircle01 { width: 850px; height: 425px; background: url(images/blackCircle01.png) center center no-repeat; position: absolute; top: -100px; left: -300px; z-index: -1;} .blogCircle02 { width: 850px; height: 425px; background: url(images/blackCircle02.png) center center no-repeat; position: absolute; bottom: -100px; right: -250px; z-index: -1; } .home header { background: none!important; } header { background: #2E65C2; } body.home { padding-top: 0; } body { padding-top: 130px; } #breadcrumbWrap { font-size: .875rem; color: #999; margin: 0 0 2rem; } #breadcrumbWrap .container { border-bottom: 1px solid #e7e7e7; padding: 1rem 0; } #breadcrumbWrap p { margin: 0; } #breadcrumbWrap a { color: #999; } /* Pagination */ .page-numbers { padding: .75rem 1.25rem; border-radius: 4px; margin: 0 .5rem; text-decoration: none; } .textFormat a.page-numbers, a.page-numbers { text-decoration: none; } span.page-numbers { border: 1px solid #e7e7e7; } span.page-numbers.dots { border: none; } #breadcrumbs a, .breadcrumb_last { margin: 0 1rem; } @media all and (max-width: 767px){ .page-numbers { display: inline-block; margin-bottom: 1rem } } #main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #sidebar { -ms-flex-preferred-size: 360px; flex-basis: 360px; margin: 2rem 0 0 3rem } .postThumb img { border-radius: 1rem; overflow: hidden; margin: 0 0 2rem; } #sidebar .wpcf7 { padding: 2rem; border-radius: 0 0 0 2rem; -webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); background: #fff; } #pageContent { margin: 0 0 5rem; position: relative; } .pageCircle01 { width: 850px; height: 425px; background: url(images/blackCircle01.png) center center no-repeat; position: absolute; top: 300px; left: -300px; z-index: -1; } #pageContent .blogItemCover { width: 240px; height: 180px; margin: 0 2rem 0 0; border-radius: 1rem; overflow: hidden; } #pageContent .blogItem { margin: 0 0 3rem; } #pageContent .blogItemText { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } body.error404 #pageContent .btn { margin-left: 0; } #pageContent img.alignleft { float: left; margin: 0 2rem 2rem 0; border-radius: 1rem } #footerMenus { margin: 0 0 2rem; } /******************* ******************* RWD ******************* *******************/ @media all and (min-width: 1200px){ .container { width: 1180px; } #desktopMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } #openMenu { display: none!important; } } @media all and (min-width: 1024px) and (max-width: 1199px){ .container { width: 90%; } #desktopMenu { display: none!important; } #openMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } #homeIntroContent { padding: 4.5rem 0 } .homeIntroRight { margin: 0 0 0 100px; height: 500px; width: 333px; } #footerMenus > .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footerCol, .footerCol:nth-child(3) { -ms-flex-preferred-size: calc( 50% - 2rem ); flex-basis: calc( 50% - 2rem ); margin: 0 0 2rem } .sectionHeading h3 { font-size: 2rem } .offerImg { height: 260px; } .blogContent .blogItemCover { height: 180px; } #mobileMenu .topBtn { margin: 2rem auto 0; width: 280px; } #sidebar { -ms-flex-preferred-size: 300px; flex-basis: 300px; } .homeIntroCircle01, .homeIntroCircle02, .offerCircle01, .offerCircle02, .blogCircle01, .blogCircle02, .pageCircle01 { background-size: contain; width: 600px; height: 300px; } .homeIntroCircle01 { top: -50px } .bannerCircle01, .contactCirlce01 { width: 400px; height: 400px; } body { padding-top: 111px; } .single h1 { font-size: 2rem } #pageContent .blogItemCover { width: 120px; height: 90px; } } @media all and (max-width: 1023px){ .container { width: 90%; } #desktopMenu { display: none!important; } #openMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .homeIntroRight { position: static; margin: 2rem auto 0 } .homeIntroCircle01, .homeIntroCircle02, .offerCircle01, .offerCircle02, .blogCircle01, .blogCircle02, .pageCircle01 { background-size: contain; width: 600px; height: 300px; z-index: -1 } .homeIntroCircle01 { width: 50%!important; left: 50%!important; right: auto!important; background-size: cover!important; background-position: top left!important; } .homeIntroCircle01 { top: -50px } .sectionHeading h3 { font-size: 2rem } .bannerCircle01, .contactCirlce01 { width: 400px; height: 400px; } .blogContent .blogItem { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 2rem } .blogContent > .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } #footerMenus > .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footerCol, .footerCol:nth-child(3) { -ms-flex-preferred-size: calc( 50% - 2rem ); flex-basis: calc( 50% - 2rem ); margin: 0 0 2rem } .contactRight { position: static; margin: 2rem auto 0 } .contactLeft { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .home footer { padding-top: 5rem; } #mobileMenu .topBtn { margin: 2rem auto 0; width: 240px; } #pageContent > .container > .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } #main, #sidebar { -ms-flex-preferred-size: 100%; flex-basis: 100% } #sidebar { margin: 2rem 0 0 } .offerItem { padding: 2rem 0 } .offerImg { margin: 0 0 1.5rem; height: 220px } #pageContent .blogItemCover { width: 120px; height: 90px; } .single h1 { font-size: 2rem } html, body { overflow-x: hidden!important } } @media all and (max-width: 767px){ /* Footer & Cookies */ .cookiesInner, footer .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cookiesText, .footerCopy { margin: 0 0 10px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footerAuthor, .footerCopy, .cookiesClose { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } #logo2 { display: none } #logo1 { width: 280px; } #homeIntro h2 { font-size: 1.25rem } .homeIntroRight { height: 0; width: 90%; padding: 0 0 150% } .homeIntroCircle01, .homeIntroCircle02, .offerCircle01, .offerCircle02, .blogCircle01, .blogCircle02 { background-size: contain; width: 500px; height: 250px; } .homeIntroCircle02 { bottom: 0; } .bannerCircle01, .contactCirlce01 { width: 300px; height: 300px; } .offerItem { display: block; padding: 0; margin: 0 0 3rem } .offerImg { margin: 0 0 1.5rem; height: 160px } .sectionHeading h3 { font-size: 1.75rem } .sectionHeading h6:before { width: 60px } .contactRight { max-width: 90%; padding: 2rem } .footerCol , .footerCol:nth-child(3) { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footerCopy { text-align: left } #pageContent .blogItem { -ms-flex-wrap: wrap; flex-wrap: wrap; } #pageContent .blogItemCover { margin: 0 0 1.5rem; height: 160px; width: 100%; } #pageContent .blogItemCover, #pageContent .blogItemText { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media all and (max-width: 479px){ }