.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }html, body, div, span, applet, object, iframe, p, blockquote, a, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; padding: 0; margin: 0; } table { border-collapse: collapse; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; } .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; } a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } .sf-shadow ul { padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; }div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//www.perlenrein.at/wp-content/themes/cleanmate/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}.qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content{ position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar{ position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } .qtip-close{ position: absolute; right: -9px; top: -9px; z-index: 11; cursor: pointer; outline: medium none; border: 1px solid transparent; } .qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close{ top: 16px; } .qtip-titlebar .ui-icon, .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon{ width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } .qtip-focus{} .qtip-hover{} .qtip-default{ border: 1px solid #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar{ background-color: #FFEF93; } .qtip-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; } .qtip-light{ background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar{ background-color: #f1f1f1; } .qtip-dark{ background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar{ background-color: #404040; } .qtip-dark .qtip-icon{ border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover{ border-color: #303030; } .qtip-cream{ background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar{ background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon{ background-position: -82px 0; } .qtip-red{ background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar{ background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon{ background-position: -102px 0; } .qtip-red .qtip-icon{ border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover{ border-color: #D95252; } .qtip-green{ background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar{ background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon{ background-position: -42px 0; } .qtip-blue{ background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar{ background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon{ background-position: -2px 0; } .qtip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .qtip-rounded, .qtip-tipsy, .qtip-bootstrap{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .qtip-rounded .qtip-titlebar{ -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .qtip-youtube{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border: 0 solid transparent; background: #4A4A4A; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black)); background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%); } .qtip-youtube .qtip-titlebar{ background-color: #4A4A4A; background-color: rgba(0,0,0,0); } .qtip-youtube .qtip-content{ padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon{ border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover{ border-color: #303030; } .qtip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } .qtip-jtools .qtip-titlebar{ background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content{ background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon{ border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover{ border-color: #333; } .qtip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon{ border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } .qtip-tipsy{ background: black; background: rgba(0, 0, 0, .87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar{ padding: 6px 35px 0 10px; background-color: transparent; } .qtip-tipsy .qtip-content{ padding: 6px 10px; } .qtip-tipsy .qtip-icon{ border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover{ border-color: #303030; } .qtip-tipped{ border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; } .qtip-tipped .qtip-titlebar{ border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon{ border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } .qtip-bootstrap{ font-size: 14px; line-height: 20px; color: #333333; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar{ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-bootstrap .qtip-titlebar .qtip-close{ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content{ padding: 9px 14px; } .qtip-bootstrap .qtip-icon{ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon{ width: auto; height: auto; float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover{ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar{ filter: none; -ms-filter: none; } .qtip .qtip-tip{ margin: 0 auto; overflow: hidden; z-index: 10; } x:-o-prefocus, .qtip .qtip-tip{ visibility: hidden; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas{ position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas{ top: 0; left: 0; } .qtip .qtip-tip .qtip-vml{ behavior: url(#default#VML); display: inline-block; visibility: visible; } #qtip-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; } #qtip-overlay.blurs{ cursor: pointer; } #qtip-overlay div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .qtipmodal-ie6fix{ position: absolute !important; }.odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { *display: inline; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }.animated-element { visibility: hidden; position: relative; } .fadeIn, .fadeOut, .scale, .slideRight, .slideRight10, .slideRight25, .slideRightBack, .slideRight200, .slideLeft, .slideLeft10, .slideLeft25, .slideLeftBack, .slideLeft50, .slideDown, .slideDownBack, .slideDown200, .slideUp, .slideUpBack, .height { animation-timing-function: cubic-bezier(.75, 0, .25, 1); -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1); visibility: visible !important; } .width, .ornamentHeight { animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } .slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack, .fadeOut { opacity: 0; } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeOut { animation-name: fadeOut; -webkit-animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .scale { animation-name: scale; -webkit-animation-name: scale; } @keyframes scale { 0% { transform: scale(0.2); } 100% { transform: scale(1); } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0.2); } 100% { -webkit-transform: scale(1); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; } @keyframes slideRight { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideRight10 { animation-name: slideRight10; -webkit-animation-name: slideRight10; } @keyframes slideRight10 { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight10 { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideRight25 { animation-name: slideRight25; -webkit-animation-name: slideRight25; } @keyframes slideRight25 { 0% { opacity: 0; transform: translateX(-25%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight25 { 0% { opacity: 0; -webkit-transform: translateX(-25%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideRightBack { animation-name: slideRightBack; -webkit-animation-name: slideRightBack; } @keyframes slideRightBack { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes slideRightBack { 0% { opacity: 1; -webkit-transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } .slideRight200 { animation-name: slideRight200; -webkit-animation-name: slideRight200; } @keyframes slideRight200 { 0% { opacity: 0; transform: translateX(-200%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight200 { 0% { opacity: 0; -webkit-transform: translateX(-200%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; } @keyframes slideLeft { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideLeft10 { animation-name: slideLeft10; -webkit-animation-name: slideLeft10; } @keyframes slideLeft10 { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft10 { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideLeft25 { animation-name: slideLeft25; -webkit-animation-name: slideLeft25; } @keyframes slideLeft25 { 0% { opacity: 0; transform: translateX(25%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft25 { 0% { opacity: 0; -webkit-transform: translateX(25%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideLeftBack { animation-name: slideLeftBack; -webkit-animation-name: slideLeftBack; } @keyframes slideLeftBack { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(100%); } } @-webkit-keyframes slideLeftBack { 0% { opacity: 1; -webkit-transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } .slideLeft50 { animation-name: slideLeft50; -webkit-animation-name: slideLeft50; } @keyframes slideLeft50 { 0% { opacity: 0; transform: translateX(50%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft50 { 0% { opacity: 0; -webkit-transform: translateX(50%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .slideDownBack { animation-name: slideDownBack; -webkit-animation-name: slideDownBack; } @keyframes slideDownBack { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(-100%); } } @-webkit-keyframes slideDownBack { 0% { opacity: 1; -webkit-transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); } } .slideDown200 { animation-name: slideDown200; -webkit-animation-name: slideDown200; } @keyframes slideDown200 { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown200 { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; } @keyframes slideUp { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .slideUpBack { animation-name: slideUpBack; -webkit-animation-name: slideUpBack; } @keyframes slideUpBack { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(100%); } } @-webkit-keyframes slideUpBack { 0% { opacity: 1; -webkit-transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } .width { animation-name: width; -webkit-animation-name: width; } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } .height { animation-name: height; -webkit-animation-name: height; } @keyframes height { 0% { height: 0%; } 100% { height: 100%; } } @-webkit-keyframes height { 0% { height: 0%; } 100% { height: 100%; } } .ornamentHeight { animation-name: ornamentHeight; -webkit-animation-name: ornamentHeight; } @keyframes ornamentHeight { 0% { height: 83px; } 100% { height: 100%; } } @-webkit-keyframes ornamentHeight { 0% { height: 83px; } 100% { height: 100%; } }.clearfix::after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; } body { background: #E5E5E5; padding: 0px; margin: 0px; font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; color: #303030; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a img { display: block; transition: opacity 0.3s ease 0s; opacity: 1; max-width: 100%; height: auto; } a:hover img { opacity: 0.8; } p { padding: 1em 0; color: #303030; line-height: 24px; } .footer-row p { color: #B6BDBF; } .wpb_text_column.description { display: block; } p.description, .description p { font-size: 18px; font-weight: 300; line-height: 32px; padding: 0; margin-top: 41px; } p.white { color: #FFF; } p a, table a, .wpb_text_column a, .elementor-widget-text-editor a { color: #56B665; } .footer-row p a { color: #FFF; } strong { color: #000; } blockquote { background: #F6F6F6; color: #303030; font-weight: 300; font-size: 16px; line-height: 26px; padding: 36px 50px 57px; } blockquote p { line-height: 26px; padding: 0; } blockquote p::before { display: block; font-size: 32px; color: #56B665; margin-bottom: 19px; } pre { font-family: 'Courier new'; font-size: 14px; line-height: 1.71429; background: linear-gradient(#f0f0f0 50%, transparent 50%) repeat scroll 0 0 / 100% 48px; text-shadow: 0 1px 0 #FFF; zoom:1; filter: dropshadow(color=#ffffff, offx=0, offy=1); padding: 0 5px; margin: 0; overflow: auto; } .relative { position: relative; } .responsive { display: block; width: 100%; height: auto; } .direction-ltr { direction: ltr; } input, textarea { font-family: 'Raleway', 'Arial', sans-serif; border: 1px solid #EBEBEB; font-size: 14px; line-height: 24px; padding: 12px 15px; color: #303030; margin: 0; } input[type='number'] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -webkit-appearance: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } table { width: 100%; line-height: 1; } table td, table th { padding: 18px 20px; } .single table td, .single table th { width: 50%; } .single table td:last-child, .single table th:last-child { text-align: right; } table tr:nth-child(odd) { background: #FFF; } .footer-row table tr:nth-child(odd) { background: #40484A; } table.gray-first tr:nth-child(odd) { background: #F6F6F6; } table td a { color: #303030; } .radius { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } img.radius { max-width: 100%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .divider { width: 100%; height: 1px; background: #EBEBEB; } .image-wrapper { display: inline-block; max-width: 100%; min-width: 20px; height: auto; } .cm-hidden { display: none; } .float { float: left; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .padding-0, .padding-0 p { padding: 0; } .padding-top-bottom-30 { padding: 30px 0; } body .site-container .padding-left-right-20 { padding: 0 20px; } .padding-left-right-30 { padding: 0 30px; } .padding-left-right-35 { padding: 0 35px; } .padding-left-right-50 { padding: 0 50px; } .padding-left-right-70 { padding: 0 70px; } .padding-left-right-100 { padding: 0 100px; } .padding-bottom-16 { padding-bottom: 16px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-33 { padding-bottom: 33px; } .padding-bottom-36 { padding-bottom: 36px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-61 { padding-bottom: 61px; } .padding-bottom-64 { padding-bottom: 64px; } .padding-bottom-66 { padding-bottom: 66px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-87 { padding-bottom: 87px; } .padding-bottom-96 { padding-bottom: 96px; } .padding-bottom-100, .cost-calculator-form.padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-115 { padding-bottom: 115px; } .padding-top-0, .padding-top-0 p { padding-top: 0; } .padding-top-7 { padding-top: 7px; } .padding-top-30 { padding-top: 30px; } .padding-top-43 { padding-top: 43px; } .padding-top-59 { padding-top: 59px; } .padding-top-61 { padding-top: 61px; } .padding-top-70 { padding-top: 70px; } .padding-top-89 { padding-top: 89px; } .padding-top-112 { padding-top: 112px; } body .site-container .padding-left-10 { padding-left: 10px; } .padding-left-20 { padding-left: 20px; } body .site-container .padding-right-30 { padding-right: 30px; } .margin-top-0 { margin-top: 0 !important; } .margin-top-10, .margin-top-10.description p { margin-top: 10px !important; } .margin-top-14 { margin-top: 14px; } .margin-top-15 { margin-top: 15px; } .margin-top-20, .margin-top-20.description p { margin-top: 20px !important; } .margin-top-23 { margin-top: 23px; } .margin-top-26 { margin-top: 26px; } .margin-top-27 { margin-top: 27px; } .margin-top-30 { margin-top: 30px; } .margin-top-31 { margin-top: 31px; } .margin-top-33 { margin-top: 33px; } .margin-top-37 { margin-top: 37px; } .margin-top-40 { margin-top: 40px !important; } .margin-top-42 { margin-top: 42px; } .margin-top-58 { margin-top: 58px; } .margin-top-60 { margin-top: 60px; } .margin-top-65, .cost-calculator-form.margin-top-65 { margin-top: 65px; } .margin-top-67 { margin-top: 67px; } .margin-top-70 { margin-top: 70px; } .margin-top-89 { margin-top: 89px; } .margin-bottom-30 { margin-bottom: 30px; } .nounderline, .nounderline:hover { text-decoration: none; } .font-weight-300 { font-weight: 300; } .border { border: 1px solid #EBEBEB; } .top-border { border-top: 1px solid #EBEBEB; } .footer-row .top-border { border-top: 1px solid #888A8E; } .show-on-mobiles { display: none; } .site-container { background: #FFF; } .site-container.boxed { max-width: 1310px; margin-left: auto; margin-right: auto; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); } body.overlay .site-container { position: relative; z-index: 2; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', 'Arial', sans-serif; margin: 0; padding: 0; color: #111; font-weight: 700; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; transition: opacity 0.3s ease 0s; opacity: 1; } .site-container h1 a:hover, .site-container h2 a:hover, .site-container h3 a:hover, .site-container h4 a:hover, .site-container h5 a:hover, .site-container h6 a:hover { opacity: 0.6; text-decoration: none; } .wpb_column.green h1, .wpb_column.green h2, .wpb_column.green h3, .wpb_column.green h4, .wpb_column.green h5, .wpb_column.green h6, .wpb_column.green h1 a, .wpb_column.green h2 a, .wpb_column.green h3 a, .wpb_column.green h4 a, .wpb_column.green h5 a, .wpb_column.green h6 a, .wpb_column.green p, .footer-row h1, .footer-row h2, .footer-row h3, .footer-row h4, .footer-row h5, .footer-row h6, .footer-row h1 a, .footer-row h2 a, .footer-row h3 a, .footer-row h4 a, .footer-row h5 a, .footer-row h6 a, .white, .white a { color: #FFF; } .green, .green a { color: #56B665; } h1 { font-size: 24px; line-height: 36px; font-weight: 400; } h2 { font-size: 29px; line-height: 42px; } h3 { font-size: 24px; line-height: 36px; font-weight: 400; } h4 { font-size: 18px; line-height: 28px; letter-spacing: 0.5px; } h5 { font-size: 17px; line-height: 27px; } h2.widgettitle, body .elementor-widget-wp-widget-categories h5, body .elementor-widget-wp-widget-archives h5, body .elementor-widget-wp-widget-tag_cloud h5, h6 { font-size: 16px; line-height: 27px; font-weight: 400; } h2.box-header { text-align: center; } h2.box-header.align-left { text-align: left; } h2.widgettitle, .elementor-widget-wp-widget-categories h5, .elementor-widget-wp-widget-archives h5, .elementor-widget-wp-widget-tag_cloud h5, h6.box-header, .box-header.elementor-widget-heading h6 { border-bottom: 1px solid #EBEBEB; } .widget h2.widgettitle::after, .elementor-element.elementor-widget-wp-widget-categories h5::after, .elementor-element.elementor-widget-wp-widget-archives h5::after, .elementor-element.elementor-widget-wp-widget-tag_cloud h5::after, h6.box-header::after, .box-header.elementor-widget-heading h6.elementor-heading-title:after { width: 40px; margin-top: 12px; margin-bottom: -1px; } h2.widgettitle::after, .elementor-widget-wp-widget-categories h5::after, .elementor-widget-wp-widget-archives h5::after, .elementor-widget-wp-widget-tag_cloud h5::after, .box-header::after, .box-header.elementor-widget-heading .elementor-heading-title::after { display: block; content: ""; background: #56B665; width: 30px; height: 2px; margin-top: 23px; } .box-header.no-border::after, .box-header.elementor-widget-heading::after, .elementor-widget-wp-widget-categories h5, .elementor-widget-wp-widget-categories .screen-reader-text { display: none; } .box-header.white { color: #FFF; } .box-header.white::after, .box-header.white.elementor-widget-heading .elementor-heading-title::after { background: #FFF; } h2.box-header::after, .box-header.elementor-widget-heading h2.elementor-heading-title::after { width: 100px; margin-left: auto; margin-right: auto; margin-top: 15px; } .box-header.align-center::after, .box-header.align-left.elementor-widget-heading .elementor-heading-title::after { margin-left: auto; margin-right: auto; } .box-header.align-left::after, .box-header.align-left.elementor-widget-heading .elementor-heading-title::after { margin-left: 0; } h3 .more { margin-left: 50px; } .header-container { padding: 23px 0; } .header-top-bar-container { background-color: #F6F6F6; } .header-top-bar-container .header-toggle { display: none; clear: both; text-align: center; color: #777; padding: 15px 0; } .header-top-bar-container .header-toggle:hover { color: #000; } .header-top-bar-container .header-toggle { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-filter: fliph; filter: fliph; } .header-top-bar-container .header-toggle.active { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .header-top-bar, .header { width: 1170px; margin-left: auto; margin-right: auto; } .header { position: relative; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; z-index: 999; } .header .logo { width: auto; text-align: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; -webkit-align-self: center; -moz-align-self: center; align-self: center; } .header .logo .logo-clone { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: justify; -ms-flex-pack: center; -webkit-box-pack: justify; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .header .logo a { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header .logo a img { color: transparent; margin-right: 20px; transition: none; -moz-transition: none; -webkit-transition: none; } .header .logo a:hover img { opacity: 1; } .header .logo .secondary-logo, .transparent-header-container #cm-sticky-clone .primary-logo { display: none; } .transparent-header-container #cm-sticky-clone .secondary-logo { display: block; } .header .logo .logo-text { } .logo .hidden-element { visibility: hidden; } .header h1 { font-size: 24px; font-weight: 900; color: #303030; line-height: 1; letter-spacing: 0; } .header h1 a { color: #303030; } .header h1 a:hover { opacity: 1; } body .transparent-header-container { position: absolute; display: block; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; height: 400px; z-index: 999; } .transparent-header-container.height-auto { height: auto; } .transparent-header-container.overlay::after { content: ""; position: absolute; visibility: visible; top: 0; left: 0; width: 100%; height: 100%; background: rgba(54, 59, 64, 0.4); z-index: 1; } .transparent-header-container.overlay>* { z-index: 2; } .transparent-header-container.overlay .header-container { z-index: 3; } .boxed .transparent-header-container { max-width: 1310px; } .transparent-header-container .header-container { padding-bottom: 0; } .transparent-header-container .page-header { display: block; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .transparent-header-container .header-top-bar-container, .site-container .transparent-header-container .vc_row.gray { background: transparent; } .transparent-header-container .header-top-bar-container { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .transparent-header-container .sf-menu>li:hover>a, .transparent-header-container .sf-menu>li.current-menu-item>a, .transparent-header-container .sf-menu>li.current-menu-parent>a, .transparent-header-container .sf-menu>li.current-menu-ancestor>a { opacity: 0.85; color: #FFF; } .transparent-header-container .contact-details li, .transparent-header-container .contact-details li::before, .transparent-header-container .contact-details li a, .transparent-header-container .social-icons a::before, .transparent-header-container .social-icons a:hover::before, .transparent-header-container .header .logo .logo-text, .transparent-header-container .sf-menu li a, .transparent-header-container .sf-menu li a:visited, .transparent-header-container .header-icons-container a::before, .transparent-header-container .header-icons-container a:hover::before, .transparent-header-container .search-container a::before, .transparent-header-container .search-container a:hover::before, .transparent-header-container .page-header-left h1, .transparent-header-container .page-header-left h1 a, .transparent-header-container .bread-crumb-container label, .transparent-header-container .bread-crumb li, .transparent-header-container .bread-crumb li a, .transparent-header-container .header-top-bar-container .header-toggle, .transparent-header-container .header-top-bar-container .header-toggle:hover, .transparent-header-container .header-top-bar .social-icons a.template-cart::before, .transparent-header-container .header-top-bar .social-icons a.template-cart:hover::before { color: #FFF; } .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a, .transparent-header-container .menu-container .sf-menu li ul li.menu-item-type-custom a { color: #303030; opacity: 1; } .transparent-header-container .menu-container .sf-menu li ul li a:hover, .transparent-header-container .menu-container .sf-menu li ul li.selected a, .transparent-header-container .menu-container .sf-menu li ul li.current-menu-item a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children ul li a:hover, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a:hover, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a:hover,.transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a:hover, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li ul li.selected a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li ul li.current-menu-item a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.selected a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.current-menu-item a, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a:hover, .transparent-header-container .menu-container .sf-menu li ul li.menu-item-type-custom a:hover, .transparent-header-container .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a:hover { color: #56B665; } .transparent-header-container .social-icons a:hover::before, .transparent-header-container .header-icons-container a:hover::before, .transparent-header-container .search-container a:hover::before { opacity: 0.85; } .transparent-header-container span.cart-items-number { background: #FFF; color: #303030; } .transparent-header-container span.cart-items-number-arrow { border-color: #FFF transparent; } .transparent-header-container .page-header-left h1 { font-weight: 900; font-size: 42px; line-height: 54px; letter-spacing: 2px; } .transparent-header-container .page-header-left, .transparent-header-container .page-header-right { display: block; width: 100%; text-align: center; } .transparent-header-container .page-header-right { margin-top: 27px; } .transparent-header-container .bread-crumb-container { display: table; float: none; margin-left: auto; margin-right: auto; } .transparent-header-container .page-header > .vc_row { padding: 0; } .page-header { -webkit-box-shadow: 0 16px 12px -15px rgba(0, 0, 0, 0.07) inset; -moz-box-shadow: 0 16px 12px -15px rgba(0, 0, 0, 0.07) inset; box-shadow: 0 16px 12px -15px rgba(0, 0, 0, 0.07) inset; } .page-header>.vc_row { padding: 51px 0; } .page-header-left { display: table-cell; width: 585px; vertical-align: middle; } .page-header-left h1 { text-transform: uppercase; } .page-header-right { display: table-cell; width: 585px; vertical-align: middle; } .page-header-right label { float: left; } .header-icons-container { position: relative; width: 120px; text-align: right; z-index: 999; } .header-icons-container a, .search-container a { position: relative; display: inline-block; text-decoration: none; padding: 14px; top: -2px; } .header-top-bar .search-container a { padding: 17px 14px; top: 0; } .header-icons-container a::before, .search-container a::before { font-size: 16px; color: #303030; transition: color 0.2s ease 0s, opacity 0.2s ease 0s; -webkit-transition: color 0.2s ease 0s, opacity 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, opacity 0.2s ease 0s; } .header-icons-container a:hover::before, .search-container a:hover::before { color: #999; } span.cart-items-number { position: absolute; display: block; top: -8px; width: 17px; height: 17px; font-family: 'Lato', 'Arial', sans-serif; font-weight: 400; font-size: 10px; line-height: 17px; color: #FFF; background: #56B665; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } span.cart-items-number-arrow { position: absolute; border-style: solid; border-width: 4px 0 0 4px; border-color: #56B665 transparent; right: 0; bottom: -4px; } .bread-crumb-container { float: right; padding: 7px 0; } .bread-crumb { float: left; } .bread-crumb li { float: left; margin-right: 10px; } .bread-crumb li:last-child { margin-right: 0; } .bread-crumb-container label, .bread-crumb li, .bread-crumb li a { color: #999; line-height: 24px; } .bread-crumb li a { color: #56B665; } .menu-container.first-menu, .menu-container.second-menu { max-width: 340px; z-index: 2; } .menu-container.first-menu { max-width: 470px; } .menu-container.first-menu nav { float: left; } .menu-container nav { float: right; } #wpadminbar~.site-container .header-container.sticky.move#cm-sticky-clone { top: 32px; } .header-container.sticky.move#cm-sticky-clone { top: 0; width: 100%; z-index: 1001; background: #FFF; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } #cm-sticky-clone { position: fixed; top: -9999px; } .header-container.sticky { -webkit-transition: padding 0.3s ease 0s; -moz-transition: padding 0.3s ease 0s; transition: padding 0.3s ease 0s; } .transparent-header-container .header-container.sticky { -webkit-transition: none; -moz-transition: none; transition: none; } .transparent-header-container #cm-sticky-clone { -webkit-transition: background 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; -moz-transition: background 0.3s ease 0s, -moz-box-shadow 0.3s ease 0s; transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; } .header-container.sticky.transition { padding: 16px 0; } .transparent-header-container .header-container.sticky#cm-sticky-clone { background: transparent; } .transparent-header-container .header-container.sticky.move#cm-sticky-clone { background: #FFF; padding: 16px 0; } .transparent-header-container .header-container.sticky#cm-sticky-clone .header .logo .logo-text, .transparent-header-container .header-container.sticky#cm-sticky-clone .sf-menu li a, .transparent-header-container .header-container.sticky#cm-sticky-clone .sf-menu li a:visited, .transparent-header-container .header-container.sticky#cm-sticky-clone .header-icons-container a::before { -webkit-transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .transparent-header-container .header-container.sticky.disable-transition#cm-sticky-clone .header .logo .logo-text, .transparent-header-container .header-container.sticky.disable-transition#cm-sticky-clone .sf-menu li a, .transparent-header-container .header-container.sticky.disable-transition#cm-sticky-clone .sf-menu li a:visited { -webkit-transition: none; -moz-transition: none; transition: none; } .transparent-header-container .header-container.sticky.disable-transition#cm-sticky-clone .header-icons-container a::before { -webkit-transition: color 0.2s ease 0s, opacity 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, opacity 0.2s ease 0s; transition: color 0.2s ease 0s, opacity 0.2s ease 0s; } .transparent-header-container .header-container.sticky#cm-sticky-clone span.cart-items-number { -webkit-transition: color 0.3s ease 0s, background 0.3s ease 0s; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; transition: color 0.3s ease 0s, background 0.3s ease 0s; } .transparent-header-container .header-container.sticky#cm-sticky-clone span.cart-items-number-arrow { -webkit-transition: border-color 0.3s ease 0s; -moz-transition: border-color 0.3s ease 0s; transition: border-color 0.3s ease 0s; } .transparent-header-container .header-container.sticky.move .header .logo .logo-text, .transparent-header-container .header-container.sticky.move .sf-menu li a, .transparent-header-container .header-container.sticky.move .sf-menu li a:visited, .transparent-header-container .header-container.sticky.move .header-icons-container a::before { color: #303030; } .transparent-header-container .header-container.sticky.move span.cart-items-number { color: #FFF; background: #56B665; } .transparent-header-container .header-container.sticky.move span.cart-items-number-arrow { border-color: #56B665 transparent; } .transparent-header-container .header-container.sticky.move .sf-menu>li:hover>a, .transparent-header-container .header-container.sticky.move .sf-menu>li.current-menu-item>a, .transparent-header-container .header-container.sticky.move .sf-menu>li.current-menu-parent>a, .transparent-header-container .header-container.sticky.move .sf-menu>li.current-menu-ancestor>a { color: #56B665; } .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu li ul li.menu-item-type-custom a { color: #303030; opacity: 1; } .transparent-header-container .header-container.sticky.move .menu-container .sf-menu li ul li a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu li ul li.selected a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu li ul li.current-menu-item a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children ul li a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a:hover,.transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li ul li.selected a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li ul li.current-menu-item a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.selected a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.current-menu-item a, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu li ul li.menu-item-type-custom a:hover, .transparent-header-container .header-container.sticky.move .menu-container .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a:hover { color: #56B665; } .transparent-header-container .header-container.sticky.move .header-icons-container a:hover::before { color: #999; } .boxed .header-container.sticky.move { max-width: 1310px; width: 100%; } .sf-menu { float: none; padding: 0; margin: 0; } .sf-menu ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sf-menu li { border: none; overflow: hidden; } .sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; } .sf-menu li a, .sf-menu li a:visited { font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; color: #303030; padding: 15px 0 14px 32px; border: none; } .sf-menu li:hover a, .sf-menu li.selected a, .sf-menu li.current-menu-item a, .sf-menu li.current-menu-ancestor a { color: #56B665; } .sf-menu>li:first-child>a { padding-left: 0; } .sf-menu li ul li.menu-item-has-children>a::after { float: right; font-family: 'template'; font-size: 24px; color: #303030; margin-right: -8px; content: "\63"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-menu li ul li.menu-item-has-children>a:hover::after { color: #56B665; } .sf-menu li ul { width: 218px; border: 1px solid #EBEBEB; -moz-box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); } .sf-menu li:hover, .sf-menu li.sfHover { overflow: visible; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 53px; left: 11px; } .sf-menu>li.left-flyout:hover>ul, .sf-menu>li.left-flyout.sfHover>ul { left: auto; right: -21px; } .sf-menu li.left-flyout:hover ul ul { left: -210px; } .sf-menu>li:first-child:hover>ul, .sf-menu>li:first-child.sfHover>ul { left: -21px; } .sf-menu li ul li { width: 218px; height: auto; background-color: #FFF; padding: 0; border: none; } .sf-menu li:hover ul a, .sf-menu>li.menu-item-has-children:hover ul a { color: #303030; background-color: #FFF; padding: 8px 20px; } .sf-menu>li.menu-item-has-children:hover ul { z-index: 201; } .sf-menu li ul li a:hover, .sf-menu li ul li.selected a, .sf-menu li ul li.current-menu-item a, .sf-menu>li.menu-item-has-children ul li a:hover, .sf-menu>li.menu-item-has-children:hover ul li.selected a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a:hover, .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a:hover,.sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a:hover, .sf-menu>li.menu-item-has-children:hover ul li ul li.selected a, .sf-menu>li.menu-item-has-children:hover ul li ul li.current-menu-item a, .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.selected a, .sf-menu>li.menu-item-has-children:hover ul li.selected ul li.current-menu-item a, .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a:hover, .sf-menu li ul li.menu-item-type-custom a:hover, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a:hover { color: #56B665; } .sf-menu>li.menu-item-has-children:hover ul li.menu-item-type-custom a, .sf-menu>li.menu-item-has-children:hover ul li.selected ul li a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.menu-item-type-custom a, .sf-menu>li.menu-item-has-children:hover ul li.current-menu-item ul li.current-menu-item ul li a, .sf-menu li ul li.menu-item-type-custom a { color: #303030; background-color: #FFF; padding: 8px 20px; background-image: none; } body .site-container .header-container .menu-container nav ul.sf-menu li ul li:first-child>a, body .site-container .header-container .menu-container nav ul.sf-menu li ul li ul li:first-child>a, body .site-container .header-container .menu-container nav ul.sf-menu li ul li ul li ul li:first-child>a { padding-top: 18px; } body .site-container .header-container .menu-container nav ul.sf-menu li ul li:last-child>a, body .site-container .header-container .menu-container nav ul.sf-menu li ul li ul li:last-child>a, body .site-container .header-container .menu-container nav ul.sf-menu li ul li ul li ul li:last-child>a { padding-bottom: 18px; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 208px; top: -1px; } .mobile-menu-container { display: none; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .header .mobile-menu-switch, .mobile-menu, .mobile-menu-divider { display: none; margin-left: auto; margin-right: auto; } .mobile-menu-divider { margin-top: 20px; } .mobile-menu li a { display: block; color: #303030; background: #FFF; border-bottom: 1px solid #EBEBEB; padding: 12px 20px; line-height: 22px; } .mobile-menu>li:first-child>a:first-child { text-align: center; text-decoration: none; } .mobile-menu li.current-menu-item>a, .mobile-menu li.current-menu-ancestor ul li.current-menu-item a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent ul li.current-menu-item a, .mobile-menu li.current-menu-ancestor a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent ul li.current-menu-parent a { background: #56B665; color: #FFF; } .mobile-menu li ul a { font-size: 13px; padding-left: 35px; } .mobile-menu li ul ul a { font-size: 13px; padding-left: 50px; } .mobile-menu li ul ul ul a { font-size: 13px; padding-left: 65px; } .mobile-menu li.current-menu-ancestor ul a, .mobile-menu li.current-menu-ancestor ul li.current-menu-item ul a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent ul a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent ul li.current-menu-item ul a, .mobile-menu li.current-menu-ancestor ul li.current-menu-parent ul li.current-menu-parent ul a { color: #303030; background: #FFF; border-color: #EBEBEB; } .mobile-menu-switch { position: relative; width: 30px; } .mobile-menu-switch .line { display: block; position: absolute; width: 30px; height: 2px; background: #303030; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .mobile-menu-switch .line:nth-child(1) { top: 17px; } .mobile-menu-switch .line:nth-child(2), .mobile-menu-switch .line:nth-child(3) { top: 25px; } .mobile-menu-switch .line:nth-child(4) { top: 33px; } .vertical-menu .widget_nav_menu li { padding: 0; } .vertical-menu li a { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: justify; -ms-flex-pack: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; background: #F6F6F6; padding: 17px 17px 19px 20px; line-height: 24px; color: #303030; margin-top: 10px; } .vertical-menu li ul { padding-left: 20px; margin-top: 10px; } .vertical-menu li:first-child>a { margin-top: 0; } .vertical-menu li.current-menu-item>a, .vertical-menu li.current-menu-ancestor>a { background: #56B665; } .vertical-menu li:hover>a, .vertical-menu li:hover>a::after, .vertical-menu li ul li:hover>a, .vertical-menu li ul li:hover>a::after, .vertical-menu li ul li ul li:hover>a, .vertical-menu li ul li ul li:hover>a::after { color: #56B665; } .vertical-menu ul li.current-menu-item>a, .vertical-menu ul li.current-menu-item>a:hover, .vertical-menu ul li.current-menu-item>a::after, .vertical-menu ul li.current-menu-item>a:hover::after, .vertical-menu ul li.current-menu-ancestor>a, .vertical-menu ul li.current-menu-ancestor>a:hover, .vertical-menu ul li.current-menu-ancestor>a::after, .vertical-menu ul li.current-menu-ancestor>a:hover::after, .vertical-menu ul li.current-menu-ancestor:hover>a, .vertical-menu ul li.current-menu-ancestor:hover>a::after { color: #FFF; } .vertical-menu li a::after { color: #303030; font-size: 14px; font-family: "template"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; vertical-align: middle; content: "e"; } body.image-1 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/image_1.jpg) fixed no-repeat center 0; } body.image-2 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/image_2.jpg) fixed no-repeat center 0; } body.image-3 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/image_3.jpg) fixed no-repeat center 0; } body.image-4 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/image_4.jpg) fixed no-repeat center 0; } body.image-5 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/image_5.jpg) fixed no-repeat center 0; } body.pattern-1 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_1.png) fixed; } body.pattern-2 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_2.png) fixed; } body.pattern-3 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_3.png) fixed; } body.pattern-4 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_4.png) fixed; } body.pattern-5 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_5.png) fixed; } body.pattern-6 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_6.png) fixed; } body.pattern-7 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_7.png) fixed; } body.pattern-8 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_8.png) fixed; } body.pattern-9 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_9.png) fixed; } body.pattern-10 { background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/patterns/pattern_10.png) fixed; } body.overlay .background-overlay { display: block; } .background-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/backgrounds/images/overlay.png); z-index: 1; } .theme-page { } .page-margin-top { margin-top: 50px; } .page-margin-top-section { margin-top: 100px; } .page-padding-top { padding-top: 50px; } .page-padding-top-section { padding-top: 100px; } .vertical-align-table { display: table; } .vertical-align { display: table-row; } .vertical-align-cell { display: table-cell; vertical-align: middle; } .flex-box { display: block; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; } .flex-hide { display: none; } @media all and (min-width:0\0) and (min-resolution: .001dpcm) { .flex-hide { display: inline; } } .site-container .vc_row, .post-password-form { width: 1170px; margin-left: auto; margin-right: auto; } body .site-container .vc_row.wpb_row .wpb_column .vc_row, body .site-container .vc_row.full-width .vc_col-sm-6.wpb_column .vc_row, body .site-container .vc_row.full-width .vc_col-sm-6.vc_vc_column .vc_row { width: auto; } .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row { width: 1170px; } .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row.vc_gitem_row, .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row.width-auto, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row.vc_gitem_row, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row.width-auto { width: auto; } .site-container .vc_row.full-width, body .site-container .vc_row.full-width .wpb_column .vc_row.full-width { width: 100%; } .site-container .vc_row.gray { background: #F6F6F6; } .site-container .vc_row.dark { background: #272D2E; } .site-container .vc_row.dark-gray { background: #343C3E; color: #FFF; } .site-container .vc_row.dark-gray a { color: #FFF; } .site-container .vc_row::after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; } .wpb_column.green { background: #56B665; color: #FFF; } .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-3:first-child, .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-4:first-child, .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-6:first-child { margin-left: 0; } .site-container .vc_row.full-width>.vc_col-sm-8 { width: 66.66666%; } .site-container .vc_row.full-width>.vc_col-sm-6 { width: 50%; margin: 0; } .site-container .vc_row.full-width>.vc_col-sm-4 { width: 33.33333%; } .site-container .vc_row.full-width>.vc_col-sm-2 { width: 16.66666%; } .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-6 { width: 48%; } .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-4 { width: 30%; } .site-container .vc_row.full-width>.wpb_column { margin: 0; } .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-4 { margin-left: 5%; } .site-container .vc_row.full-width>.vc_col-sm-6 .vc_col-sm-6 { margin-left: 4%; } .column-right { float: right; } .columns.no-width .column-left, .columns.no-width .column-right { width: auto; } .page-template-404 .theme-page h1, .error404 .theme-page h1 { font-size: 200px; line-height: 200px; font-weight: 300; color: #EEE; } .page-template-404 .theme-page h2, .error404 .theme-page h2 { font-size: 42px; font-weight: 700; } .page-template-404 .theme-page h1, .page-template-404 .theme-page h3, .error404 .theme-page h1, .error404 .theme-page h3 { text-align: center; } .services-list .vc_row.wpb_row.vc_row-fluid, .team-list .vc_row.wpb_row.vc_row-fluid { margin-top: 30px; float: none; background: transparent; padding: 0; margin-left: auto; margin-right: auto; border: none; } .services-list .vc_row.wpb_row.vc_row-fluid:first-child, .team-list .vc_row.wpb_row.vc_row-fluid:first-child, .vc_col-sm-4 .services-list li:first-child, .vc_col-sm-3 .services-list li:first-child { margin-top: 0; } .services-list li, .team-list li.team-box { position: relative; float: left; width: 370px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vc_col-sm-9 .services-list li, .vc_col-sm-9 .team-list li.team-box { width: 270px; } .services-list li, .team-list li.team-box { margin-left: 30px; } .team-list li.team-box:first-child { margin-left: 0; } .vc_col-sm-4 .services-list li, .vc_col-sm-3 .services-list li { width: 100%; margin-left: 0; } .services-list li:nth-child(3n+1) { margin-left: 0; } .services-list li:nth-child(n+4), .vc_col-sm-4 .services-list li, .vc_col-sm-3 .services-list li { margin-top: 30px; } .services-list li, .team-box { background: #FFF; text-align: center; padding-bottom: 30px; } .services-list li.cm-background { background-color: transparent; background-position: center; background-size: cover; } .services-list.horizontal-carousel li { margin-left: 0; margin-top: 0; margin-right: 30px; } .services-list.services-icons li { padding-top: 40px; padding-bottom: 40px; } .services-list.services-items-border.services-icons li { border: 1px solid #EBEBEB; } .team-box { padding-top: 50px; padding-bottom: 40px; } .services-list.services-icons li:first-child { margin-left: 0; } .gray .services-list li, .services-list.gray li, .team-list.gray .team-box, .gray .team-list .team-box { background: #F6F6F6; } .team-box .image-box { display: block; text-align: center; } .team-list .team-box img { display: inline-block; width: 190px; height: 190px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .single>.team-box { padding-bottom: 0; } .single>.team-box img { width: 260px; height: 260px; } .services-list li h4 { text-transform: uppercase; color: #111; padding: 33px 20px 10px; } .team-box h4 { text-transform: uppercase; padding: 31px 20px 0; } .team-box h4.box-header::after, .services-list li h4.box-header::after { margin-left: auto; margin-right: auto; } .services-list li p { width: 85%; color: #303030; margin-left: auto; margin-right: auto; padding-bottom: 6px; } .services-list img { max-width: 100%; height: auto; } .services-list li.excerpt-big-size p { font-size: 18px; font-weight: 300; line-height: 32px; } .vc_col-sm-9 .vc_col-sm-4 .services-list p, .vc_col-sm-9 .vc_col-sm-4 .team-box p { width: 100%; } .services-list.services-icons li p { padding-top: 7px; padding-bottom: 9px; margin-top: 0; } .team-box h4 span { display: block; font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; color: #303030; letter-spacing: normal; text-transform: none; margin-left: auto; margin-right: auto; padding-bottom: 6px; padding-top: 7px; } .team-box .social-icons { display: table; margin: 30px auto 0; } .services-list li.cm-background h4, .services-list li.cm-background h4 a, .services-list li.cm-background p, .services-list li.cm-background .service-icon::before { color: #FFF; } .services-list a>.cm-preloader { height: 260px; } .services-list .service-icon { position: relative; display: inline-block; } .services-list .service-icon.tick::after { position: absolute; top: 0; right: 0; font-family: 'template'; content: "\79"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 2px solid #56B665; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #56B665; background: #FFF; font-size: 16px; padding: 2px; } .services-list .service-icon::before { display: inline-block; font-size: 48px; padding: 21px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #F6F6F6; color: #56B665; } .services-list .service-icon.big::before { padding: 36px; } .services-list .service-icon.big.tick::after { font-size: 22px; padding: 6px; } .gray .services-list.services-icons .service-icon::before, .services-list.services-icons.gray .service-icon::before { background: #FFF; } .services-list.services-icons li.cm-background .service-icon::before { background: transparent; border: 1px solid #FFF; } .gray .services-list.services-icons .more, .services-list.services-icons.gray .more, .services-list li.cm-background .more, .team-box .more { background: #FFF; border-color: #FFF; color: #303030; } .gray .services-list.services-icons .more:hover, .services-list.services-icons.gray .more:hover, .services-list li.cm-background .more:hover, .team-box .more:hover { background: #56B665; border-color: #56B665; color: #FFF; } .services-list .list li { text-align: left; } .caroufredsel-wrapper { width: 100% !important; margin: 0 !important; overflow: hidden; } .blog.horizontal-carousel .post { margin-left: 0; margin-right: 30px; } .horizontal-carousel { display: none; transition: opacity 0.4s ease-in-out 0s; } .carousel-container { position: relative; text-align: center; } .cm-carousel-pagination { display: block; } .cm-carousel-pagination a { display: inline-block; width: 7px; height: 7px; background: #CCC; border: 2px solid transparent; background-clip: padding-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 35px 8px 2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } .cm-carousel-pagination a.selected, .cm-carousel-pagination a:hover { background: transparent; border-color: #56B665; } .cm-carousel-pagination span { display: none; } .projects-list.isotope { transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; } .projects-list li { position: relative; float: left; width: 370px; margin-left: 0; margin-right: 30px; overflow: hidden; } .projects-list.isotope li { width: 370px; margin-top: 30px; margin-right: 0; } .projects-list li img { width: 100%; } .projects-list li .view { position: absolute; top: 0; background: rgba(54, 59, 64, 0.4); width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .projects-list li:hover .view { opacity: 1; } .projects-list li .view .vertical-align-table { width: 100%; height: 100%; } .projects-list li .view p { color: #FFF; padding: 0; margin-top: -15px; margin-bottom: 55px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .projects-list li:hover .view p { margin-bottom: 31px; } .projects-list li h4 { margin-top: 23px; } .projects-list li p { padding-bottom: 0; } .feature-item.page-margin-top { margin-top: 46px; } .feature-item.column { margin-top: 0; } .feature-item.feature-item-big { text-align: center; } .feature-item .icon::before { font-size: 48px; color: #56b665; } .feature-item .feature-item-icon-url { position: absolute; width: 48px; height: 48px; left: 0; z-index: 1; } .feature-item.align-right .feature-item-icon-url { left: auto; right: 0; } .feature-item.feature-item-big .feature-item-icon-url { width: 60px; height: 60px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .feature-item-icon-url:hover { text-decoration: none; } .feature-item.feature-item-big .icon::before { clear: both; float: none; display: block; width: 60px; font-size: 60px; margin-left: auto; margin-right: auto; } .feature-item .list-number { float: left; display: block; width: 22px; height: 18px; padding: 6px 4px; margin-top: -3px; text-align: center; font-family: 'Lato', 'Arial', sans-serif; font-weight: 700; font-size: 18px; color: #56B665; letter-spacing: 0.5px; border: 2px solid #56B665; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .feature-item h4 { margin-top: 23px; } .feature-item.feature-item-number h4 { margin-top: 0; } .feature-item.feature-item-number h4, .feature-item.feature-item-number p { margin-left: 55px; } .feature-item p { padding-top: 27px; padding-bottom: 0; } .feature-item.feature-item-big h4 { margin-top: 66px; } .feature-item.feature-item-big p { width: 95%; margin-left: auto; margin-right: auto; } .timeline-item { position: relative; } .timeline-item.first::before, .elementor-widget-timeline_item.first .timeline-item::before { position: absolute; content: ""; background: #FFF; border: 2px solid #DDD; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 8px; height: 8px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-item.last::after, .elementor-widget-timeline_item.last .timeline-item::after { position: absolute; content: ""; background: #FFF; border: 2px solid #DDD; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 8px; height: 8px; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-item.right { direction: rtl; } .timeline-item .timeline-left { width: 50%; border-right: 1px solid #DDD; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-item .label-container { position: relative; } .timeline-item .label-container .timeline-circle { position: absolute; display: block; width: 18px; height: 18px; top: 9px; right: -12px; border: 2px solid #DDD; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #FFF; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-item .label-container .timeline-circle::after { content: ""; display: block; width: 8px; height: 8px; margin-left: 5px; margin-top: 5px; background: #56B665; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .timeline-item label { float: right; max-width: 110px; overflow: hidden; color: #FFF; font-size: 14px; line-height: 24px; background: #56B665; padding: 8px 25px; white-space: nowrap; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-item .label-triangle { float: right; width: 0; height: 1px; margin-right: 30px; border-style: solid; border-width: 20px 0 19px 20px; border-color: transparent transparent transparent #56B665; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .timeline-content-container { width: 50%; border-left: 1px solid #DDD; } .timeline-content-container .flex-container { width: 554px; display: block; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: 30px; } .right .timeline-content-container .flex-container { -webkit-flex-flow: row-reverse; -moz-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; margin-left: 0; margin-right: 30px; } .timeline-content { background: #F6F6F6; padding: 43px 50px; } .timeline-content p { padding: 0; margin-top: 27px; } .timeline-arrow-container .timeline-arrow { content: ""; border-color: transparent #F6F6F6 transparent transparent; border-style: solid; border-width: 20px 20px 19px 0; height: 1px; margin-left: auto; margin-right: auto; display: block; position: relative; } .timeline-item.right .timeline-arrow-container .timeline-arrow { border-color: transparent transparent transparent #F6F6F6; border-width: 20px 0 19px 20px; } .timeline-content span.timeline-title { margin-right: 20px; } .timeline-content span.timeline-subtitle { font-family: 'Raleway', 'Arial', sans-serif; font-weight: 500; font-size: 12px; color: #999; line-height: 21px; letter-spacing: 1px; margin-top: 6px; } .timeline-item.right .timeline-left { border-left: 1px solid #DDD; border-right: none; } .timeline-item.right .label-container .timeline-circle { left: -12px; right: auto; } .timeline-item.right .label-container .timeline-circle::after { margin-right: 5px; margin-left: 0; } .timeline-item.right label { float: left; direction: ltr; } .timeline-item.right .label-triangle { float: left; margin-left: 30px; margin-right: auto; border-width: 20px 20px 19px 0; border-color: transparent #56B665 transparent transparent; } .right .timeline-content-container { direction: ltr; border-right: 1px solid #DDD; border-left: none; } .testimonials-container { position: relative; } .testimonials-container .caroufredsel_wrapper_testimonials { width: 1050px !important; left: 60px !important; } .testimonials-container.type-small .caroufredsel_wrapper_testimonials { width: 100% !important; left: 0 !important; } .testimonials-list li { clear: both; float: left; margin-top: 50px; } .testimonials-list li:first-child { margin-top: 0; } .testimonials-list.testimonials-carousel li { clear: none; width: 1050px; text-align: center; margin-top: 0; } .testimonials-list .testimonials-icon { font-size: 32px; } .testimonials-list p { position: relative; font-weight: 300; font-size: 24px; color: #FFF; line-height: 40px; padding: 26px 130px 0; } .testimonials-list p::after { display: block; content: ""; background: #EBEBEB; width: 20px; height: 1px; margin: 43px auto 14px; } .site-container .testimonials-list h6 { font-family: 'Raleway', 'Arial', sans-serif; color: #FFF; font-weight: 500; font-size: 12px; letter-spacing: 2px; line-height: 21px; } .testimonials-list .author-details { margin-top: 7px; font-weight: 500; font-size: 11px; color: #FFF; line-height: 16px; letter-spacing: 1px; } .testimonials-container .cm-carousel-pagination { position: absolute; right: 0; top: -63px; } .testimonials-container .cm-carousel-pagination a { margin-top: 0; } .type-small .testimonials-list p { font-size: 16px; line-height: 26px; color: #303030; background: #FFF; padding: 36px 50px 57px; } .type-small.gray .testimonials-list p, .elementor-widget-testimonials.gray .type-small .testimonials-list p { background: #F6F6F6; } .type-small .testimonials-list p::before { display: block; font-size: 32px; color: #DDD; margin-bottom: 19px; } .type-small .testimonials-list p::after { content: ""; position: absolute; display: block; width: auto; bottom: -35px; border-color: #FFF transparent; border-style: solid; border-width: 20px 20px 0; background: transparent; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .type-small.gray .testimonials-list p::after, .elementor-widget-testimonials.gray .type-small .testimonials-list p::after { border-color: #F6F6F6 transparent; } .type-small .testimonials-list .author-details-box { float: left; margin-top: 34px; margin-left: 50px; } .type-small .testimonials-list .author { padding-bottom: 1px; } .type-small .testimonials-list .author-details { color: #999; } .type-small .testimonials-list.testimonials-carousel li { width: 1170px; text-align: left; margin-right: 30px; } .vc_col-sm-6 .type-small .testimonials-list.testimonials-carousel li { width: 570px; } .vc_col-sm-4 .type-small .testimonials-list.testimonials-carousel li { width: 370px; } .our-clients-list-container { overflow: hidden; text-align: center; } .our-clients-list li { float: left; width: 226px; height: 180px; text-align: center; margin-right: 10px; background: #FFF; } .gray .our-clients-list li { background: #F6F6F6; } .our-clients-list li img { width: 140px; height: auto; } .our-clients-list .our-clients-item-container { display: inline-block; } .our-clients-list li .vertical-align-cell { text-align: center; height: 180px; } .our-clients-list.type-list li { position: relative; width: 183.33333px; height: 180px; margin-left: 10px; margin-right: 0; } .our-clients-list.type-list li:nth-child(3n+1) { margin-left: 0; } .our-clients-list.type-list li:nth-child(n+4) { margin-top: 10px; } .contact-details-box::before { display: block; float: left; width: 48px; height: 48px; font-size: 48px; color: #56B665; margin-right: 30px; margin-top: 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .contact-details-box label { display: block; margin-top: 7px; margin-left: 88px; color: #80888A; letter-spacing: 2px; line-height: 22px; } .contact-details-box p { font-size: 24px; line-height: 36px; padding: 0; margin-left: 88px; color: #FFF; font-weight: 300; } .simple-list li { padding: 11px 0; line-height: 20px; } .slider-control { position: absolute; width: 16px; height: 20px; color: #FFF; border: 1px solid #FFF; padding: 14px 16px; left: 0; top: 40.2%; font-size: 18px; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background 0.2s ease 0s, border 0.2s ease 0s; -webkit-transition: background 0.2s ease 0s, border 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border 0.2s ease 0s; } .slider-control.left { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .slider-control.right { left: auto; right: 0; } .slider-control:hover { background: #56B665; border-color: #56B665; } body .slider-control { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .header-background { height: 400px; background-size: cover; background-position: center; } .cm-parallax { background-attachment: fixed; background-size: cover; background-position: center 0; } .cm-parallax.moving-parallax { background-attachment: fixed; } .cm-parallax, .cm-parallax h2, .cm-parallax h4, .cm-parallax p, .cm-parallax .features-list li::before { color: #FFF; } .cm-parallax .list li { color: #303030; } body .site-container .cm-overlay { position: relative; } body .site-container .cm-overlay::after { content: ""; position: absolute; visibility: visible; top: 0; left: 0; width: 100%; height: 100%; background: rgba(54, 59, 64, 0.4); z-index: 1; } body .site-container .cm-overlay>* { float: none; position: relative; z-index: 2; } div.number, div.odometer.number, .number-sign { font-family: 'Lato', 'Arial', sans-serif; font-weight: 300; font-size: 55px; line-height: 55px; color: #FFF; visibility: visible; vertical-align: middle; } div.number.sign { position: relative; top: 4px; vertical-align: middle; } .counters-group.cm-parallax:not([class^="elementor-"]), .elementor-element.counters-group.cm-parallax>.e-con-inner { height: 400px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .counters-group .vc_row, .counters-group .wpb_wrapper, .counters-group .wpb_column, .counters-group .vc_column-inner, .counters-group .counter-box, .counters-group .elementor-element { height: 100%; } .counter-box { position: relative; padding-left: 40px; } .counter-box .ornament-container { position: absolute; left: 0; } .counter-box .number, .counter-box .number-sign { padding-top: 56px; } .counter-box div.odometer.number, .counter-box .number-sign { vertical-align: baseline; } .counter-box .number-sign { display: inline-block; } .counter-box p { font-weight: 500; font-size: 12px; line-height: 21px; letter-spacing: 2px; margin-top: 10px; padding: 0; } .counter-box .ornament { visibility: visible; height: 83px; } .counter-box .ornament.ornamentHeight { height: 100%; } .single-counter-box { position: relative; text-align: center; border: 1px solid #EBEBEB; padding: 37px 20px 47px; } .single-counter-box div.number, .single-counter-box div.odometer.number, .single-counter-box .number-sign { font-weight: 400; font-size: 24px; line-height: 36px; color: #111; } .single-counter-box .number-sign { display: inline-block; position: relative; top: -1px; vertical-align: middle; } .single-counter-box p { font-size: 16px; line-height: 26px; font-weight: 300; padding: 0; } .single-counter-box .ornament-container { position: absolute; bottom: -1px; left: -1px; } .single-counter-box .ornament { width: 100%; height: 2px; background: #56B665; } .single-counter-box .ornament::after { border-color: #56B665; background: #FFF; top: -5px; right: -12px; left: auto; bottom: auto; } .ornament { position: relative; width: 2px; height: 20px; background: #FFF; } body .ornament::after { position: absolute; content: ""; border: 2px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 8px; height: 8px; left: -5px; bottom: -12px; } .button-label+.more { position: relative; top: -4px; } .blog>li { width: 100%; margin-top: 52px; } .blog>li:first-child, .site-container .blog.small>li:first-child { margin-top: 0; } .blog>li.wpb_column { margin-top: 0; } .blog .post-image { position: relative; display: block; } .blog .post-date { display: none; position: absolute; left: 20px; top: 20px; width: 80px; height: 61px; padding-top: 19px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; z-index: 1; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .blog .post-date h4 { color: #56B665; } .blog .post-date .month { font-weight: 500; font-size: 12px; line-height: 16px; color: #999; letter-spacing: 1px; } .blog.three-columns .post-date { width: 64px; height: 51px; padding-top: 13px; top: 15px; left: 15px; } .blog .post-content, .blog .post-content-details li { float: left; } .blog.small .post-content-details { font-size: 13px; color: #999; line-height: 21px; margin-top: 11px; } .blog.small.small-image .post-content-details, .blog.small.two-columns .post-content-details, .blog.small.three-columns .post-content-details { font-size: 14px; margin-top: 0; line-height: 1; } .blog.small .post-content-details li { margin: 0; } .blog .post-content { width: 750px; } .blog h2 { margin-top: 29px; } .blog .cm-preloader { height: 300px; } .blog .post-content .vc_row { width: auto; } .vc_col-sm-3 .blog.small .post-content { width: 100%; } .vc_col-sm-3 .blog.small .post-image+.post-content { width: 150px; } .vc_col-sm-4 .blog.small .post-image+.post-content { width: 250px; } .blog .post-content-details-container { clear: both; border-bottom: 1px solid #EBEBEB; padding: 16px 0 27px; } .blog .post-content-details { float: left; } .blog .post-content-details li, .blog.small-image .post-content-details li, .blog.two-columns .post-content-details li, .blog.three-columns .post-content-details li { color: #999; margin-top: 3px; margin-bottom: 3px; } .blog .post-content-details li::after { content: ""; display: block; float: right; width: 2px; height: 2px; background: #999; margin-top: 6px; margin-left: 11px; margin-right: 11px; } .blog .post-content-details li:last-child::after { display: none; } .blog .post-content-details li::before { float: left; margin-right: 8px; } .blog .post-content-details li.sticky-label { font-size: 12px; background: #56B665; color: #FFF; padding: 12px 17px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 25px; margin-top: -8px; margin-bottom: -8px; } .blog .post-content-details li.sticky-label::after { display: none; } .blog .post-content-details.right { float: right; } .blog .post-content-details li a { color: #303030; } .blog p { margin-top: 10px; } .blog .post-image, .blog.small>li.wpb_column .post-image { width: 100%; } .blog.small>li { float: left; margin-top: 40px; padding-top: 40px; border-top: 1px solid #EBEBEB; } .layout-column .wpb_column { border-bottom: 1px solid #EBEBEB; } .vc_row .blog.two-columns>li, .vc_row .blog.three-columns>li { margin-top: 0; } .blog.small>li.wpb_column { margin-top: 0; padding-top: 0; border-top: none; border-bottom: 1px solid #EBEBEB; } .vc_col-sm-3 .blog.small>li { margin-top: 30px; padding-top: 0; } .blog.small>li:first-child, .vc_col-sm-3 .blog.small>li { border-top: none; padding-top: 0; } .blog.two-columns h3 { margin-top: 30px; } .blog.three-columns h3 { margin-top: 20px; font-size: 18px; line-height: 28px; } .blog.small .post-content>a { display: block; color: #303030; line-height: 24px; } .blog.small .post-content>*:last-child { padding-bottom: 0; margin-bottom: 0; } .blog.small .post-image { float: left; width: auto; margin-bottom: 0; margin-right: 30px; } .blog.small>li.wpb_column .post-image, .blog.two-columns .post-image, .blog.three-columns .post-image { float: none; clear: both; margin: 0; } .vc_col-sm-9 .blog .post-content { width: 100%; } .vc_col-sm-9 .blog.small-image .post-image, .vc_col-sm-9 .blog .post-image+.post-content { width: 420px; } .blog.small .post-content-details-container { border: none; } .blog.three-columns .post-content-details-container, .vc_col-sm-3 .blog.small .post-content-details-container { padding: 16px 0 18px; } .blog.small p { margin: 0; } .blog.three-columns p { padding: 0; } .post.single img, .single-page img { max-width: 100%; height: auto; } .post.single .single-post-content { float: none; width: 100%; } .post.single .single-post-content table th, .post.single .single-post-content table td, .single-page table th, .single-page table td { width: auto; } .post.single p { margin-top: 0; } .post.single .single-post-content h1, #comments-list .comment-details h1, .single-page h1 { font-size: 36px; line-height: 48px; } .post.single h3 { margin-top: 22px; margin-bottom: 15px; } .post.single blockquote::before, .single-page blockquote::before { content: "\71"; display: block; font-size: 32px; color: #56B665; margin-bottom: 19px; font-family: 'template'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post.single .single-post-content ul:not([class^="elementor-"]), .post.single .single-post-content ol, .single-page ul:not([class^="elementor-"]), .single-page ol, .wpb_text_column ul, .wpb_text_column ol { padding: 0; margin: 5px 0px 20px; } .post.single .single-post-content ol ol, .single-page ol ol, .wpb_text_column ol ol { padding-left: 20px; } .post.single .single-post-content ul:not([class^="elementor-"]), .single-page ul:not([class^="elementor-"]), .wpb_text_column ul { list-style: none; } .post.single .single-post-content li:not([class^="elementor-"]), .single-page li:not([class^="elementor-"]), .wpb_text_column li { height: auto; line-height: 24px; padding: 2px 0; list-style-position: inside; } .post.single .single-post-content ul li:not([class^="elementor-"]), .single-page ul li:not([class^="elementor-"]), .wpb_text_column ul li { padding-left: 20px; } .post.single .single-post-content .wpb_gallery_slides ul li, .single-page .wpb_gallery_slides ul li { padding-left: 0; } .post.single .single-post-content ul li:not([class^="template-"]):not([class*=" template-"]):not([class^="elementor-"])::before, .single-page ul li:not([class^="template-"]):not([class*=" template-"]):not([class^="elementor-"])::before, .wpb_text_column ul li:not([class^="template-"]):not([class*=" template-"]):not([class^="elementor-"])::before { display: inline-block; font-family: 'template'; font-size: 19px; color: #303030; margin-left: -27px; padding-right: 8px; content: "\63"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: text-top; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .single-page #comments-list { margin: 0; } .single-page #comments-list li { padding: 0; } .single-page #comments-list li::before { display: none; } .post.single .single-post-content .wpb_gallery_slides ul li::before, .single-page .wpb_gallery_slides ul li::before { content: none; } .footer-row .latest-post li:first-child { margin-top: 0; } .footer-row .latest-post li { margin-top: 46px; } .footer-row abbr { display: block; font-size: 13px; line-height: 21px; color: #B6BDBF; text-decoration: none; margin-top: 15px; } .widget_categories li a, .elementor-widget-wp-widget-categories li a { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: justify; -ms-flex-pack: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; background: #F6F6F6; padding: 17px 20px 19px; line-height: 24px; color: #303030; margin-top: 10px; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s; } .widget_categories li:first-child a, .elementor-widget-wp-widget-categories li:first-child a { margin-top: 0; } .widget_categories li.current-cat>a, .widget_categories li:hover>a, .elementor-widget-wp-widget-categories li.current-cat>a, .elementor-widget-wp-widget-categories li:hover>a { background: #56B665; } .widget_categories li:hover>a, .widget_categories li:hover>a span, .widget_categories li.current-cat>a, .widget_categories li.current-cat>a span, .elementor-widget-wp-widget-categories li:hover>a, .elementor-widget-wp-widget-categories li:hover>a span, .elementor-widget-wp-widget-categories li.current-cat>a, .elementor-widget-wp-widget-categories li.current-cat>a span { color: #FFF; } .widget_categories li a span, .elementor-widget-wp-widget-categories li a span { color: #999; font-size: 14px; margin-left: 3px; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } .footer-row .widget_categories li { float: left; margin-right: 10px; margin-bottom: 10px; } .footer-row .widget_categories li a { margin-top: 0; } .widget_categories ul.children, .elementor-widget-wp-widget-categories ul.children { display: none; position: absolute; margin: 0; padding: 7px 0 0; background: #FFF; list-style: none; } .widget_categories ul li:hover ul.children, .elementor-widget-wp-widget-categories ul li:hover ul.children { display: block; width: 100%; padding-left: 10px; } .widget_categories ul li:hover ul.children li, .elementor-widget-wp-widget-categories ul li:hover ul.children li { background: #FFF; } .widget { clear: both; } .widget .widgettitle:empty { display: none; } .widget_categories select, .widget_archive select, .widget_text select, .elementor-widget-wp-widget-categories select, .elementor-widget-wp-widget-archives select, .elementor-widget-wp-widget-text select { display: block; margin-top: 10px; color: #303030; border: 1px solid #EBEBEB; padding: 12px 5px; font-size: 13px; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text, .elementor-widget-wp-widget-archives .screen-reader-text { display: block; margin-top: 10px; } .widget_text select, .elementor-widget-wp-widget-text select { margin-left: 0; } .widget_categories ul, .widget_archive ul, .widget_tag_cloud .tagcloud, .elementor-widget-wp-widget-archives ul, .elementor-widget-wp-widget-tag_cloud .tagcloud { margin-top: 30px; } .widget_categories .cm-hidden+ul, .elementor-widget-wp-widget-categories select { margin-top: 0; } .widget_archive li, .widget_tag_cloud a, .taxonomies li, .elementor-widget-wp-widget-archives li, .elementor-widget-wp-widget-tag_cloud a { float: left; margin-right: 10px; margin-bottom: 10px; } .widget_archive a, .widget_tag_cloud a, .taxonomies a, .elementor-widget-wp-widget-archives a, .elementor-widget-wp-widget-tag_cloud a { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: justify; -ms-flex-pack: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; background: #F6F6F6; color: #303030; line-height: 21px; font-size: 13px; padding: 10px 12px 12px; text-align: left; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s; } .widget_tag_cloud a, .elementor-widget-wp-widget-tag_cloud a { font-size: 13px !important; } .widget_archive a:hover, .widget_tag_cloud a:hover, .taxonomies a:hover, .elementor-widget-wp-widget-archives a:hover, .elementor-widget-wp-widget-tag_cloud a:hover { color: #FFF; background: #56B665; } .full-width>.widget_archive li, .full-width>.widget_tag_cloud li, .taxonomies.full-width li, .elementor-widget-wp-widget-archives.full-width li, .elementor-widget-wp-widget-tag_cloud.full-width li { width: 100%; margin-right: 0; } .widget_archive a span, .widget_tag_cloud a span, .taxonomies a span, .elementor-widget-wp-widget-archives a span, .elementor-widget-wp-widget-tag_cloud a span { color: #999; margin-left: 3px; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } .widget_archive a:hover span, .widget_tag_cloud a:hover span, .taxonomies a:hover span, .elementor-widget-wp-widget-archives a:hover span, .elementor-widget-wp-widget-tag_cloud a:hover span { color: #FFF; } .footer-row .widget_categories a, .footer-row .widget_archive a, .footer-row .widget_tag_cloud a, .footer-row .taxonomies a { background: #40484A; border-color: #40484A; } .footer-row .widget_categories a:hover, .footer-row .widget_archive a:hover, .footer-row .widget_tag_cloud a:hover, .footer-row .taxonomies a:hover { background: #56B665; } .widget.wpb_column { clear: none; } .buttons li { margin-top: 10px; } .buttons li:first-child { margin-top: 0; } .cm-action-button { position: relative; display: block; background: #F6F6F6; padding: 17px 17px 19px 20px; line-height: 24px; color: #303030; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s; } .cm-action-button::before { color: #303030; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 14px; padding: 7px 8px 9px; margin-right: 15px; margin-top: 15px; margin-left: 15px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #FFF; -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); -ms-filter: fliph; filter: fliph; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s; } a.cm-action-button:hover, a.cm-action-button.selected { background: #56B665; color: #FFF; } a.cm-action-button:hover::before, a.cm-action-button.selected::before { background: rgba(0, 0, 0, 0.1); color: #FFF; } .comment-form .flex-box fieldset.vc_col-sm-6, .cm-contact-form .flex-box fieldset.vc_col-sm-6 { width: 50%; margin: 0; } .comment-form .flex-box fieldset.wpb_column, .cm-contact-form .flex-box fieldset.wpb_column { margin-left: -1px; } .comment-form .flex-box.gray fieldset.wpb_column, .cm-contact-form .flex-box.gray fieldset.wpb_column, .comment-form .flex-box fieldset.wpb_column:first-child, .cm-contact-form .flex-box fieldset.wpb_column:first-child { margin-left: 0; } .comment-form input, .comment-form textarea, .cm-contact-form input, .cm-contact-form textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } .comment-form .flex-box.gray input, .comment-form .flex-box.gray textarea, .cm-contact-form .flex-box.gray input, .cm-contact-form .flex-box.gray textarea { border-color: #F6F6F6; } .comment-form .flex-box input, .cm-contact-form .flex-box input { margin-top: -1px; } .comment-form .flex-box.gray input, .cm-contact-form .flex-box.gray input, .comment-form .flex-box .block:first-child input, .cm-contact-form .flex-box .block:first-child input { margin-top: 0; } .comment-form .flex-box textarea, .cm-contact-form .flex-box textarea { height: calc(100% + 1px); resize: none; } .comment-form .flex-box .textarea-block, .cm-contact-form .flex-box .textarea-block { height: 100%; } .comment-form .flex-box .textarea-block .blockOverlay, .cm-contact-form .flex-box .textarea-block .blockOverlay { height: calc(100% - 8px) !important; } .comment-form [type='submit'], .cm-contact-form [type='submit'] { width: auto; font-size: 12px; color: #25282a; margin-top: 0; outline: none; } .comment-form .flex-box label, .cm-contact-form .flex-box label { display: block; position: relative; margin-top: 8px; margin-bottom: -29px; margin-left: 16px; font-weight: 500; font-size: 11px; line-height: 21px; color: #999; letter-spacing: 2px; z-index: 2; } .comment-form .flex-box label+input, .cm-contact-form .flex-box label+input, .comment-form .flex-box label+textarea, .cm-contact-form .flex-box label+textarea { padding-top: 37px; } .comment-form .flex-box .block:first-child label, .cm-contact-form .flex-box .block:first-child label { margin-bottom: -30px; } .cm-contact-form .more.display-block { display: block; } #cancel-comment { display: none; font-size: 12px; margin-right: 20px; color: #56B665; } .comment-form .hint, .cm-contact-form .hint, .cost-calculator-form .hint, .cost-calculator-form input.hint, .cost-calculator-form input[type='text'].hint, .cost-calculator-form input[type='email'].hint, .cost-calculator-form input[type='number'].hint { color: #A4AAB3; } ::-webkit-input-placeholder { color: #A4AAB3; } :-moz-placeholder { color: #A4AAB3; opacity: 1; } ::-moz-placeholder { color: #A4AAB3; opacity: 1; } :-ms-input-placeholder { color: #A4AAB3; } .cm-contact-form .g-recaptcha-wrapper, .comment-form .g-recaptcha-wrapper { float: right; width: 300px; height: 72px; overflow: hidden; border: 1px solid #EBEBEB; margin-right: 50px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .cm-contact-form .g-recaptcha, .comment-form .g-recaptcha { position: relative; margin-top: -2px; margin-left: -1px; } .cm-contact-form .button-with-recaptcha, .comment-form .button-with-recaptcha { float: right; margin-top: 25px; } .cm-contact-form .terms-container, .comment-form .terms-container { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-bottom: 30px; } .comment-form .terms-container { float: right; padding-bottom: 0; } .fieldset-with-recaptcha .terms-container { float: left; max-width: 640px; height: 74px; padding-bottom: 0; } .comment-form .fieldset-with-recaptcha { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } .comment-form .fieldset-with-recaptcha .terms-container { float: right; clear: both; height: auto; -ms-flex-order: 1; -webkit-order: 1; -moz-order: 1; order: 1; -ms-flex-item-align: flex-end; -webkit-align-self: flex-end; -moz-align-self: flex-end; align-self: flex-end; } .cm-contact-form .terms-container input, .comment-form .terms-container input { width: auto; cursor: pointer; } .cm-contact-form .terms-container label, .comment-form .terms-container label { margin-left: 10px; cursor: pointer; } .recaptcha-container { float: right; } .comment-form .recaptcha-container { clear: both; margin-top: 30px; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } .comment-form .recaptcha-container .g-recaptcha-wrapper, .comment-form .g-recaptcha-wrapper { float: none; margin: 0; } .comment-form .g-recaptcha-wrapper { -ms-flex-item-align: flex-end; -webkit-align-self: flex-end; -moz-align-self: flex-end; align-self: flex-end; } .comment-form .recaptcha-container .button-with-recaptcha, .comment-form .button-with-recaptcha { float: none; margin-top: 45px; margin-right: 0; } .qtip-default { background: none; border-color: transparent; } .ui-tooltip-error .qtip-content, .ui-tooltip-success .qtip-content { font-size: 13px; font-family: arial; color: #FFF; } .ui-tooltip-error .qtip-content, .ui-tooltip-success .qtip-content { border:none; } .qtip-content { padding: 10px 20px 10px 20px; } .ui-tooltip-error .qtip-content { background: #E9431C; } .ui-tooltip-success .qtip-content { background: #61911B; } .comment { margin-top: 30px; } #comments-list>.comment:first-child { margin-top: 40px; } .comment .comment-container { border-bottom: 1px solid #EBEBEB; padding-bottom: 12px; } .comment.last .comment-container { border-bottom: none; padding-bottom: 0; } .comment-author-avatar { float: left; width: 90px; height: 90px; } body .comment-author-avatar img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .posted-by h6 { font-family: 'Raleway', 'Arial', sans-serif; color: #303030; } .posted-by abbr, .bypostauthor { display: inline-block; color: #999; font-size: 13px; margin-top: 2px; line-height: 21px; text-decoration: none; } .posted-by .in-reply { color: #999; font-size: 13px; line-height: 21px; margin-right: 17px; } #comments-list .comment-details { float: left; width: 100%; } #comments-list .comment-author-avatar+.comment-details { width: 1050px; margin-left: 30px; } .vc_col-sm-9 #comments-list .comment-author-avatar+.comment-details { width: 750px; } #comments-list .comment-details p { margin-top: 7px; } #comments-list .children { clear: both; float: left; margin-left: 120px; } #comments-list .children .children { margin-left: 0; } #comments-list .children .comment-author-avatar+.comment-details { width: 930px; } .vc_col-sm-9 #comments-list .children .comment-author-avatar+.comment-details { width: 630px; } #comments-list .comment-details .more { float: right; margin-top: -19px; font-weight: 500; font-size: 13px; line-height: 21px; } .pagination { display: table; margin-left: auto; margin-right: auto; } .pagination li { float: left; line-height: 24px; margin-left: 10px; } .pagination li:first-child { margin-left: 0; } .pagination li.left a::before, .pagination li.right a::before, .pagination li.first-page, .pagination li.last-page { font-size: 18px; } .pagination li.left a, .pagination li.right a { width: 48px; padding-left: 2px; } .pagination li.left { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .pagination li a, .pagination li span { display: block; width: 50px; height: 38px; padding-top: 12px; color: #999; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .pagination li a span { padding: 0; } .pagination li a:hover, .pagination li.selected a, .pagination li.selected span, .pagination li>span { color: #303030; background-color: #F6F6F6; } .site-container ul.list li { float: none; width: auto; padding-top: 6px; padding-bottom: 6px; line-height: 24px; padding-left: 20px; margin: 0; } .site-container ul.list.simple li { padding-left: 0; } .list.simple li span { float: left; min-width: 40%; } .list li a { color: #56B665; } .list.white li, .list.white li a, .site-container ul.list.white li[class^="template-"]::before, .site-container ul.list.white li[class*=" template-"]::before { color: #FFF; } .site-container ul.list li[class^="template-"], .site-container ul.list li[class*=" template-"] { padding-left: 35px; } .site-container ul.list li[class^="template-"]::before, .site-container ul.list li[class*=" template-"]::before { color: #56B665; padding-right: 14px; margin-left: -36px; vertical-align: top; font-size: 22px; } .site-container .footer-row ul.list li[class^="template-"]::before, .site-container .footer-row ul.list li[class*=" template-"]::before { color: #FFF; } .site-container ul.list li.template-arrow-horizontal-2 { padding-left: 20px; } .site-container ul.list li.template-arrow-horizontal-2::before { padding-right: 8px; margin-left: -27px; vertical-align: text-top; font-size: 19px; } .ui-tabs { border: none; padding: 0; font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; } .ui-tabs .ui-tabs-nav, .ui-tabs-nav { width: 100%; padding: 0; margin: 0; list-style: none; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; background: none; border: none; text-align: center; } .tabs.align-left .ui-tabs-nav { text-align: left; } .tabs.align-left .ui-tabs-panel { text-align: left; } .ui-tabs .ui-tabs-nav li, .ui-tabs-nav li { position: relative; float: none; display: inline-block; padding: 0; margin: 0; border: none; list-style: none; text-align: center; } .ui-tabs .ui-tabs-nav.tabs-navigation li a, .ui-tabs-nav li a { display: block; padding: 16px 24px 18px; background: transparent; color: #FFF; font-size: 12px; line-height: 21px; font-weight: 500; letter-spacing: 1px; text-align: center; } .small.ui-tabs .ui-tabs-nav, .small .ui-tabs-nav { display: table; width: auto; margin-left: auto; margin-right: auto; } .small.ui-tabs .ui-tabs-nav li, .small .ui-tabs-nav li { float: left; display: block; margin-bottom: 10px; margin-right: 10px; } .small.ui-tabs .ui-tabs-nav.tabs-navigation li a, .small .ui-tabs-nav li a { font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0; padding: 15px 20px 16px; color: #303030; background: #F6F6F6; border: none; } .tabs.white .ui-tabs-nav li a { opacity: 0.5; } .ui-tabs-nav a::before { display: block; margin-left: auto; margin-right: auto; font-size: 48px; padding: 20px 20px 15px; } .tabs.white .ui-tabs-nav a::before { color: #FFF; } .ui-tabs .ui-tabs-nav.tabs-navigation li a:hover, .ui-tabs .ui-tabs-nav.tabs-navigation li a.selected, .ui-tabs .ui-tabs-nav.tabs-navigation li.ui-tabs-active a, .small.gray.ui-tabs .ui-tabs-nav.tabs-navigation li a:hover, .small.gray.ui-tabs .ui-tabs-nav.tabs-navigation li a.selected, .small.gray.ui-tabs .ui-tabs-nav.tabs-navigation li.ui-tabs-active a, .ui-tabs-nav li a:hover, .ui-tabs-nav li a.selected, .ui-tabs-nav li.ui-tabs-active a, .small.gray .ui-tabs-nav li a:hover, .small.gray .ui-tabs-nav li a.selected, .small.gray .ui-tabs-nav li.ui-tabs-active a { background: #56B665; color: #FFF; } .tabs.white.ui-tabs .ui-tabs-nav.tabs-navigation li a:hover, .tabs.white.ui-tabs .ui-tabs-nav.tabs-navigation li a.selected, .tabs.white.ui-tabs .ui-tabs-nav.tabs-navigation li.ui-tabs-active a, .tabs.white .ui-tabs-nav li a:hover, .tabs.white .ui-tabs-nav li a.selected, .tabs.white .ui-tabs-nav li.ui-tabs-active a { opacity: 1; background: transparent; } .ui-tabs-nav li a:hover:before, .ui-tabs-nav li a.selected:before, .ui-tabs-nav li.ui-tabs-active a:before { color: #FFF; } .tabs .ui-tabs-panel { text-align: center; padding: 42px 0 0; } .tabs .ui-tabs-panel { padding: 0; } .tabs .ui-tabs-panel p { padding: 20px 0 0; width: 70%; margin-left: auto; margin-right: auto; } .tabs .ui-tabs-panel h4.box-header:after { margin-left: auto; margin-right: auto; } .accordion { font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; } .accordion li { margin-top: 10px; } .accordion li:first-child { margin-top: 0; } .accordion .ui-accordion-content { padding: 30px 0 20px; border: none; } .accordion .ui-accordion-header { padding: 18px 14px 18px 20px; cursor: pointer; background: #F6F6F6; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .accordion .ui-accordion-header.ui-state-hover h4, .accordion .ui-accordion-header.ui-state-hover .ui-accordion-header-icon { color: #56B665; } .accordion .ui-accordion-header.ui-state-active { background: #56B665; } .accordion .ui-accordion-header h4 { font-weight: 400; font-size: 14px; font-family: 'Raleway', 'Arial', sans-serif; color: #303030; letter-spacing: normal; line-height: 24px; margin-right: 45px; } body .accordion .ui-accordion-header.ui-state-active h4 { color: #FFF; } .accordion .ui-accordion-header .ui-accordion-header-icon { position: static; float: right; margin-top: -8px; font-size: 32px; color: #C0C0C0; left: auto; top: auto; width: auto; height: auto; text-indent: 0; } body .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon { color: #FFF; } .accordion .wpb_single_image, .accordion img { display: block; float: left; width: 150px; height: 150px; margin-right: 30px; } .accordion .thumb-image img { float: none; margin-right: 0; } .accordion .ui-accordion-content p { margin-top: 20px; padding: 0; } .accordion .ui-accordion-content p:first-of-type { margin-top: 0; } .cm-preloader { display: block; height: auto; min-height: 20px; background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/preloader.gif) no-repeat center center; } .blog a.post-image>img, .post.single .post-image img, .our-clients-list, .services-list a>img, .projects-list a>img, .cm-preload>img, .wpb_single_image img { display: none; } .vc_editor .blog a.post-image>img, .vc_editor .post.single .post-image img, .vc_editor .our-clients-list, .vc_editor .services-list a>img, .vc_editor .projects-list a>img, .vc_editor .cm-preload>img, .vc_editor .wpb_single_image img { display: block; } .our-clients-list.type-list { display: block; } .projects-list.isotope li>a, .projects-list.isotope a>img { display: block; width: 370px; } .cm-preload .cm-preloader { height: 200px; } .vc_gitem-col .wpb_single_image img, .blog.horizontal-carousel.three-columns li>a>img, .our-clients-list.type-list { display: block; } .header-top-bar .contact-details { float: left; } .contact-details li { float: left; font-size: 13px; color: #777; line-height: 21px; padding: 15px 25px 14px 0px; } .contact-details li a { color: #777; } .contact-details li::before { position: relative; top: -2px; color: #777; font-size: 16px; margin-right: 5px; } .contact-details li .value { display: inline; } .footer-row .contact-details li { float: none; color: #B6BDBF; border-bottom: 1px solid #495052; line-height: 24px; padding: 0; } .footer-row .contact-details li:last-child { border: none; } .footer-row .contact-details li::before { width: 16px; color: #B6BDBF; top: 0; display: table-cell; vertical-align: middle; } .footer-row .contact-details li .value { display: table-cell; font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; padding: 17px 0 18px 15px; } .footer-row .contact-details li[class^="template-"], .footer-row .contact-details li[class*=" template-"] { font-size: 16px; font-family: 'template'; } .social-icons.align-center { display: table; margin-left: auto; margin-right: auto; } .social-icons li { position: relative; float: left; text-align: center; } .social-icons a { display: block; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; } .social-icons a::before { display: block; color: #C0C0C0; font-size: 16px; -webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s; -moz-transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s; transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s; } .social-icons a:hover::before { color: #777; } .header-top-bar .social-icons { float: right; } .header-top-bar .social-icons a.template-cart::before { color: #303030; } .header-top-bar .social-icons a.template-cart:hover::before { color: #999; } .social-icons li a { padding: 17px 14px; } .footer-row .cm_social_icons_widget .social-icons { display: table; margin-left: auto; margin-right: auto; } .footer-row .social-icons li, .team-box .social-icons li, .contact-map-details .social-icons li { margin-left: 20px; } .footer-row .social-icons li:first-child, .team-box .social-icons li:first-child, .contact-map-details .social-icons li:first-child { margin-left: 0; } .footer-row .social-icons li a, .team-box .social-icons li a, .social-icons.gray li a { width: 18px; height: 18px; padding: 16px; background: #40484A; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .team-box .social-icons li a, .social-icons.gray li a { background: #F6F6F6; } .team-list.gray .social-icons li a, .gray .team-list .social-icons li a { background: #FFF; } .footer-row .social-icons li a:hover, .team-box .social-icons li a:hover, .social-icons.gray li a:hover { background: #56B665; } .footer-row .social-icons a::before, .team-box .social-icons a::before { font-size: 18px; color: #FFF; } .team-box .social-icons a::before, .social-icons.gray li a::before { color: #C0C0C0; } .team-box .social-icons a:hover::before, .social-icons.gray li a:hover::before { color: #FFF; } .search-container { float: right; position: relative; } .search-form .template-search { position: relative; float: right; margin-top: -33px; margin-right: 20px; font-size: 16px; color: #999; } .header-top-bar-container .search-form .template-search, .header-container .search-form .template-search { position: static; float: none; margin: 0; display: block; padding: 20px 20px 22px; border: none; line-height: 17px; } .template-search:hover, .search-submit-container:hover .template-search { color: #777; } .header-top-bar-container .search-form, .header-container .search-form { position: absolute; display: none; width: 250px; right: 0; margin-top: 4px; z-index: 99; border: 1px solid #EBEBEB; background: #FFF; -moz-box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); box-shadow: 0px 20px 19px -20px rgba(0, 0, 0, 0.12); } .search-form input { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .header-top-bar-container .search-form .search-input, .header-container .search-form .search-input { float: left; width: 174px; color: #303030; font-size: 14px; margin: 0; border: none; background: transparent; padding: 18px 0 18px 20px; } .search-form .search-input.hint { color: #999; } .search-form .search-input::-webkit-input-placeholder { color: #999; } .search-form .search-input:-moz-placeholder { color: #999; opacity: 1; } .search-form .search-input::-moz-placeholder { color: #999; opacity: 1; } .search-form .search-input:-ms-input-placeholder { color: #999; } .search-form .search-submit-container { position: relative; float: right; } .search-form .search-submit { position: absolute; width: 52px; height: 48px; left: -17px; top: -49px; border: none; background: none; padding: 0; cursor: pointer; } .header-top-bar-container .search-submit, .header-container .search-submit { width: 56px; height: 60px; border: none; top: 0; left: 0; } .cost-calculator-container div.cost-calculator-box input, .cost-calculator-container div.cost-calculator-box input[type='text'], .cost-calculator-container div.cost-calculator-box input[type='email'], .cost-calculator-container div.cost-calculator-box input[type='number'] { width: 40px; margin-left: 30px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } div.cost-calculator-submit-container { position: absolute; } .cost-calculator-container .cost-calculator-box .ui-slider { width: 300px; } .cost-calculator-container .vc_col-sm-6 .ui-slider { width: 408px; } .cost-calculator-container .vc_col-sm-4 .ui-slider { width: 208px; } .cost-calculator-container .cost-calculator-flex-box.gray input, .cost-calculator-container .cost-calculator-flex-box.gray textarea { border-color: #F6F6F6; } .cost-calculator-form .cost-calculator-flex-box.gray input { margin-top: 0; } .cost-calculator-form .cost-calculator-flex-box.gray fieldset.wpb_column { margin-left: 0; } .vc_row .wpb_column .cost-calculator-box.cost-calculator-summary-box { background: transparent; } .cost-calculator-summary-box.after-border::after { content: ""; display: block; width: 150px; height: 1px; background: #E2E2E2; margin-left: auto; margin-right: auto; margin-top: 44px; visibility: visible; } .more, .more[type="submit"], .more.gray:hover, body .cost-calculator-container .cost-calculator-more.cost-calculator-gray:hover, .more.white:hover, .footer-row .more.gray:hover { color: #FFF; font-family: 'Raleway', 'Arial', sans-serif; font-size: 14px; background: #56B665; padding: 16px 37px 17px; text-align: center; cursor: pointer; line-height: 24px; -moz-border-radius: 999px; -webkit-border-radius: 999px; border-radius: 999px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border: 2px solid #56B665; } .more[type="submit"], .more[type="submit"]:hover, body .cost-calculator-container .cost-calculator-more.cost-calculator-gray[type="submit"] { line-height: 18px; } .more:hover { color: #000; background: transparent; opacity: 1; } body .more.gray, body .cost-calculator-container .cost-calculator-more.cost-calculator-gray { background: #F6F6F6; border-color: #F6F6F6; color: #303030; } .body .more.white, .wpb_column.green .more { background: #FFF; border-color: #FFF; color: #303030; } .wpb_column.green .more:hover { background: transparent; color: #FFF; } .footer-row .more.gray { background: #40484A; border-color: #40484A; color: #FFF; } body .more.simple { background: transparent; color: #FFF; border: 1px solid #FFF; padding: 17px 38px 18px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .more.simple:hover { border-color: #56B665; background: #56B665; } .more.small, .more.small:hover { padding: 4px 23px 5px; } .copyright { color: #B6BDBF; line-height: 24px; } body div.pp_default .pp_content_container .pp_left, body div.pp_default .pp_content_container .pp_right, body div.pp_default .pp_top .pp_left, body div.pp_default .pp_top .pp_middle, body div.pp_default .pp_top .pp_right, body div.pp_default .pp_bottom .pp_left, body div.pp_default .pp_bottom .pp_middle, body div.pp_default .pp_bottom .pp_right { background: none; padding: 0; } body div.pp_default .pp_content, body div.light_rounded .pp_content { padding: 10px; } body div.pp_default .pp_description { font-size: 14px; font-weight: 400; } body div.pp_default .pp_close { margin-top: 8px; background: url(//www.perlenrein.at/wp-content/themes/cleanmate/images/close.png) 0 0 no-repeat; } body div.pp_default .pp_close:hover { opacity: 1; background-position: 0 -30px; } .contact-map { width: 100%; height: 536px; } .column-1-2 .contact-map { height: 590px; } body .contact-map-details { min-width: 270px; background: #FFF; position: absolute; z-index: 2; top: 100px; right: 0; padding: 43px 50px 50px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .contact-map-details p.description { margin-top: 25px; color: #303030; } .google-map-container { position: relative; overflow: hidden; height: 536px; } .vc_col-sm-6 .google-map-container { height: 590px; } .google-map-container iframe { position: absolute; top: -110px; } sr7-module { overflow-x: hidden; } .rs-layer.cm-slider-letter-spacing, .sr7-layer.cm-slider-letter-spacing { letter-spacing: 0.5px !important; } .rev_slider h2 { font-size: 52px; line-height: 72px; font-weight: 300; text-align: center; letter-spacing: 0.5px; } .rev_slider h2 strong { font-weight: 900; } .rev_slider h4 { text-align: center; white-space: nowrap; } .rev_slider h2, .rev_slider h4, .rev_slider h2 strong, .rev_slider .more.simple, .rev_slider p.description { color: #FFF; } .rev_slider p.description { font-size: 21px; text-align: center; margin-top: 0; } .rev_slider .button-container { font-size: 14px; line-height: 24px; } .rev_slider .more { font-weight: 400; white-space: nowrap; } .rev_slider .more:hover { border-color: #FFF; } .tparrows.custom, .sr7-arrows.custom { width: 16px !important; height: 20px !important; color: #FFF; border: 1px solid #FFF; padding: 14px 16px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background 0.2s ease 0s, border 0.2s ease 0s; -webkit-transition: background 0.2s ease 0s, border 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border 0.2s ease 0s; background: none !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; direction: ltr; } .tparrows.custom::before, .tparrows.custom.tp-leftarrow::before, .tparrows.custom.tp-rightarrow::before, .sr7-arrows.custom::before, .sr7-arrows.custom.sr7-leftarrow::before, .sr7-arrows.custom.sr7-rightarrow::before { content: none !important; display: none !important; } .tp-leftarrow.custom, .sr7-leftarrow.custom { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .tp-rightarrow.custom::after, .sr7-rightarrow.custom::after { right: 0; } .tparrows.custom:hover, .sr7-arrows.custom:hover { background: #56B665 !important; border-color: #56B665; } .tparrows.custom::after, .sr7-arrows.custom::after { content: "\65"; display: inline; font-size: 18px; font-family: 'template'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tp-bullets.custom .tp-bullet, .sr7-bullets.custom .sr7-bullet { display: inline-block; width: 7px; height: 7px; background: #FFF; border: 2px solid transparent; background-clip: padding-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sr7-bullets.custom .sr7-bullet { width: 7px !important; height: 7px !important; background: #FFF !important; background-clip: padding-box !important; } .tp-bullets.custom .tp-bullet:hover, .tp-bullets.custom .tp-bullet.selected, .sr7-bullets.custom .sr7-bullet:hover, .sr7-bullets.custom .sr7-bullet.selected { background: transparent !important; border-color: #FFF; } .scroll-top.animated-element { position: fixed; visibility: hidden; display: block; width: 50px; padding: 17px 0; background: rgba(38,38,40,0.4); right: 30px; bottom: 30px; text-align: center; z-index: 2; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; } .scroll-top:before { font-size: 16px; color: #FFF; } .scroll-top:hover { background: #56B665; } .site-container .header h1 a, .site-container .sf-menu a:hover, .site-container .services-list a, .site-container .social-icons a:hover, .site-container .header-top-bar .template-search:hover, .site-container .header-top-bar-container .header-toggle:hover, .site-container .header-icons-container a:hover, .site-container .search-container a:hover, .site-container .slider-control:hover, .site-container .more:hover, .site-container a.cm-action-button:hover, .vertical-menu li a:hover, .buttons li a:hover, .ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active, .site-container .widget_categories a:hover, .site-container .widget_archive a:hover, .site-container .widget_tag_cloud a:hover, .site-container .taxonomies a:hover, .site-container .pagination li a:hover, body a.scroll-top:hover, .site-container .elementor-widget-wp-widget-categories a:hover, .site-container .elementor-widget-wp-widget-archives a:hover, .site-container .elementor-widget-wp-widget-tag_cloud a:hover { text-decoration: none; } form+p:empty { display: none; } input, textarea { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } input[type='checkbox'] { -webkit-appearance: checkbox; } input[type='radio'] { -webkit-appearance: radio; } :focus { outline:none; } ::-moz-focus-inner { border:0; } body.lock-position { position: fixed; overflow: hidden; width: 100%; height: 100%; } ol ol, ul ul { padding-left: 10px; list-style: inside; } ol { list-style: inside decimal; } ol ol { list-style-type: lower-alpha; } dl dt { padding: 2px 0; line-height: 24px; } cite { font-style: italic; } small { font-size: 12px; } code { display: block; font-family: 'Courier new'; font-size: 14px; line-height: 1.71429; background: linear-gradient(#f0f0f0 50%, transparent 50%) repeat scroll 0 0 / 100% 48px; text-shadow: 0 1px 0 #FFF; zoom:1; filter: dropshadow(color=#ffffff, offx=0, offy=1); padding: 0 5px; margin: 0; overflow: auto; } kbd { font: 13px "Courier New"; } q::before, q::after { content: "\""; } .pagination, .mobile-menu ul, .social-icons, .vertical-menu ul, .widget_categories ul ul, .blog .post-content-details, .comments-list-container .children, .team-list .vc_row>ul, .services-list .vc_row>ul { list-style: none; padding: 0; } .list { list-style: none; } .clearfix.has-gutenberg-blocks>* { width: 1170px; margin-left: auto; margin-right: auto; } .has-gutenberg-blocks .alignfull { width: 100%; } .has-gutenberg-blocks .alignleft { width: auto; margin-left: calc((100% - 1170px) / 2); margin-right: 30px; } .has-gutenberg-blocks .alignright { width: auto; margin-left: 30px; margin-right: calc((100% - 1170px) / 2); } .has-gutenberg-blocks .alignwide { width: 1400px; } .has-gutenberg-blocks h1, .has-gutenberg-blocks h2, .has-gutenberg-blocks h3, .has-gutenberg-blocks h4, .has-gutenberg-blocks h5, .has-gutenberg-blocks h6, .has-gutenberg-blocks .wp-block-preformatted, .has-gutenberg-blocks .wp-block-verse, .has-gutenberg-blocks .wp-block-table, .has-gutenberg-blocks>ol, .has-gutenberg-blocks>ul, .has-gutenberg-blocks .wp-block-quote, .has-gutenberg-blocks .wp-block-columns, .has-gutenberg-blocks .wp-block-cover.alignfull { margin-top: 30px; } .has-gutenberg-blocks>p { padding: 0; margin: 30px 0; } .has-gutenberg-blocks .wp-block-preformatted, .has-gutenberg-blocks .wp-block-verse, .has-gutenberg-blocks p.has-background { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .has-gutenberg-blocks p.has-background { padding: 20px 30px; } p.wp-block-subhead { font-size: 14px; } .has-gutenberg-blocks table { line-height: 1.8; } .has-gutenberg-blocks ul { list-style: inside disc; } .has-gutenberg-blocks dd, .has-gutenberg-blocks li { margin-bottom: 6px; line-height: 1.8; } .wp-block-latest-posts a, .wp-block-categories a, .wp-block-archives a { color: #56B665; } .wp-block-categories span, .wp-block-archives span { color: #303030; margin-left: 5px; text-decoration: none; } .wp-block-categories span::before, .wp-block-archives span::before { content: "("; } .wp-block-categories span::after, .wp-block-archives span::after { content: ")"; } body .site-container .clearfix.has-gutenberg-blocks blockquote.wp-block-quote { border: none; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .site-container .clearfix.has-gutenberg-blocks blockquote.wp-block-quote.is-large { padding: 36px 50px 57px; } .has-gutenberg-blocks blockquote.wp-block-quote::before { content: "\71"; display: block; font-size: 32px; color: #56B665; margin-bottom: 19px; font-family: 'template'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .has-gutenberg-blocks .wp-block-quote cite, .wp-block-pullquote cite { display: block; } .wp-block-pullquote cite { margin-top: 20px; } .wp-block-button__link { line-height: 1.8; } .has-gutenberg-blocks .aligncenter { text-align: center; clear: both; } .has-cleanmate-green-color { color: #56B665; } .has-cleanmate-green-background-color { background-color: #56B665; } .has-cleanmate-orange-color { color: #DAA533; } .has-cleanmate-orange-background-color { background-color: #DAA533; } .has-cleanmate-blue-color { color: #75A3C0; } .has-cleanmate-blue-background-color { background-color: #75A3C0; } .has-cleanmate-red-color { color: #DE9876; } .has-cleanmate-red-background-color { background-color: #DE9876; } .has-cleanmate-light-blue-color { color: #36B4B6; } .has-cleanmate-light-blue-background-color { background-color: #36B4B6; } .has-cleanmate-violet-color { color: #9884B8; } .has-cleanmate-violet-background-color { background-color: #9884B8; } .wpb_row::before, .wpb_row::after { content: " "; display: table; } .wpb_row::after { clear: both; } body .vc_row .wpb_column.vc_column_container > .vc_column-inner { padding: 0; } body .vc_row { margin-left: 0; margin-right: 0; } body .vc_section { position: relative; padding: 0; margin-left: 0; margin-right: 0; } body .vc_section.vc_section-has-fill { padding-top: 0; } .site-container .wpb_row { margin-bottom: 0; } .wpb_widgetised_column .widget:first-child { margin-top: 0; } body .wpb_widgetised_column, body .wpb_content_element, body ul.wpb_thumbnails-fluid > li, body .last_toggle_el_margin, body .wpb_button { margin-bottom: 0; } .wpb_widgetised_column .wpb_wrapper > ul { padding: 0; } .wpb_text_column.margin-top-0 p { margin-top: 0; } .wpb_separator.wpb_content_element, .vc_text_separator.wpb_content_element { border-color: #EBEBEB; margin-bottom: 0; height: auto; } .vc_text_separator.wpb_content_element, .vc_separator.wpb_content_element .vc_sep_holder .vc_sep_line { position: static; top: 0; } .wpb_single_image figure.vc_figure { display: block; } .wpb_single_image a { display: block; } .vc_row-fluid [class*="vc_col-sm"] { float: left; margin-left: 30px; min-height: auto; padding-left: 0; padding-right: 0; } .vc_row-fluid [class*="vc_col-sm"]:first-child , .vc_row-fluid .vc_container-anchor+[class*="vc_col-sm"] { margin-left: 0; } .vc_row .vc_col-sm-12 { width: 100%; } .vc_row .vc_col-sm-11 { width: 970px; } .vc_row .vc_col-sm-10 { width: 820px; } .vc_row .vc_col-sm-9 { width: 870px; } .vc_row .vc_col-sm-9 .vc_col-sm-8 { width: 570px; } .vc_row .vc_col-sm-9 .vc_col-sm-6 { width: 420px; } .vc_row .vc_col-sm-8 { width: 770px; } .vc_row .vc_col-sm-8 .vc_col-sm-6 { width: 330px; } .vc_row .vc_col-sm-8 .vc_col-sm-4 { width: 210px; } .vc_row .vc_col-sm-6 { width: 570px; } .vc_row .vc_col-sm-4, .vc_row .vc_col-sm-8 .vc_col-sm-6 { width: 370px; } .vc_col-sm-4 .vc_col-sm-6 { width: 150px; } .vc_row .vc_col-sm-3, .vc_row .vc_col-sm-6 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-4 { width: 270px; } .vc_row .vc_col-sm-1\/5 { width: 210px; } .vc_row .vc_col-sm-2 { width: 170px; } .vc_row .vc_grid-item[class*="vc_col-sm"] { margin-left: 0; } .vc_row .vc_grid-item.vc_col-sm-12 { width: 100% } .vc_row .vc_grid-item.vc_col-sm-11 { width: 91.66666667% } .vc_row .vc_grid-item.vc_col-sm-10 { width: 83.33333333% } .vc_row .vc_grid-item.vc_col-sm-9 { width: 75% } .vc_row .vc_grid-item.vc_col-sm-8 { width: 66.66666667% } .vc_row .vc_grid-item.vc_col-sm-7 { width: 58.33333333% } .vc_row .vc_grid-item.vc_col-sm-6 { width: 50% } .vc_row .vc_grid-item.vc_col-sm-5 { width: 41.66666667% } .vc_row .vc_grid-item.vc_col-sm-4 { width: 33.33333333% } .vc_row .vc_grid-item.vc_col-sm-3 { width: 25% } .vc_row .vc_grid-item.vc_col-sm-2 { width: 16.66666667% } .vc_row .vc_grid-item.vc_col-sm-1 { width: 8.33333333% } .vc_row .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle { padding: 15px; } .vc_row .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle img { border: none; } .vc_btn-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { display: inline-block; background: #fff; border: 1px solid #f0f0f0; width: auto; max-width: 96%; padding: 5px 3px 10px; text-align: center; } dl.wp-caption { border: none; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 0px 5px; } .sticky { } .gallery-caption { } .widget_calendar #next { text-align: right; } .widget_calendar caption { margin-top: 10px; margin-bottom: 10px; } .widget_pages li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_nav_menu li { padding: 4px 0; } .widget_rss li { padding: 6px 0; } .widget_rss .rssSummary { margin-top: 4px; } .widget_rss cite { display: block; margin-top: 4px; } .footer-row .widget_text strong { color: #FFF; } .widget table th, .widget table td { width: auto; } .widget table th:last-child, .widget table td:last-child { text-align: left; }@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-raleway/raleway-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-raleway/raleway-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-raleway/raleway-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-lato/lato-normal-latin-300.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-lato/lato-normal-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-lato/lato-normal-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap; src: url(//www.perlenrein.at/wp-content/uploads/omgf/google-font-lato/lato-normal-latin-900.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@media screen and (max-width:1189px) { .site-container.boxed, .boxed .transparent-header-container { max-width: 850px; } blockquote { padding: 26px 35px 47px; } .vc_col-sm-4 table td, .vc_col-sm-4 table th { padding: 12px 10px; } p.description, .description p { font-size: 16px; line-height: 28px; } .padding-bottom-50 { padding-bottom: 35px; } .padding-bottom-61 { padding-bottom: 46px; } .padding-bottom-66 { padding-bottom: 51px; } .padding-bottom-70 { padding-bottom: 55px; } .padding-bottom-87 { padding-bottom: 72px; } .padding-bottom-96 { padding-bottom: 66px; } .padding-bottom-100, .cost-calculator-form.padding-bottom-100 { padding-bottom: 70px; } .padding-bottom-115 { padding-bottom: 85px; } .padding-top-54 { padding-top: 39px; } .padding-top-61 { padding-top: 46px; } .padding-top-70 { padding-top: 55px; } .padding-top-89 { padding-top: 59px; } .padding-top-112 { padding-top: 82px; } .padding-left-20 { padding-left: 10px; } body .site-container .padding-right-30 { padding-right: 20px; } body .site-container .padding-left-right-20, .padding-left-right-30 { padding: 0 10px; } .padding-left-right-70 { padding: 0 30px; } .padding-left-right-100 { padding: 0 50px; } .margin-top-60 { margin-top: 40px; } .margin-top-65, .cost-calculator-form.margin-top-65 { margin-top: 45px; } .margin-top-67 { margin-top: 52px; } .margin-top-70 { margin-top: 55px; } .margin-top-89 { margin-top: 59px; } h4 { font-size: 16px; line-height: 24px; } .header-top-bar, .header, .site-container .vc_row, .site-container .vc_row.full-width .wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row, .post-password-form { width: 750px; } .header-container { padding: 23px 0 7px; } .header { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .header .logo { width: 100%; padding-bottom: 10px; -ms-flex-order: 1; -webkit-order: 1; -moz-order: 1; order: 1; text-align: left; } .header .logo .logo-clone { display: none; } .logo .hidden-element { visibility: visible; } .header-container.sticky.transition, .transparent-header-container .header-container.sticky.move#cm-sticky-clone { padding: 16px 0 4px; } .boxed .header-container.sticky.move { max-width: 850px; } .page-header-left { width: 375px; } .page-header-right { width: 375px; } .header-icons-container { width: auto; -ms-flex-order: 4; -webkit-order: 4; -moz-order: 4; order: 4; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; } .transparent-header-container .page-header-left h1 { font-size: 36px; line-height: 48px; } .menu-container { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -moz-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-order: 2; -webkit-order: 2; -moz-order: 2; order: 2; } .menu-container.first-menu, .menu-container.second-menu { max-width: 100%; } .menu-container.second-menu { -ms-flex-order: 3; -webkit-order: 3; -moz-order: 3; order: 3; margin-left: 16px; } .menu-container nav { float: left; } .sf-menu li a, .sf-menu li a:visited { padding: 12px 0 12px 16px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 48px; } .menu-container .sf-menu li ul li a, .menu-container .sf-menu li.selected ul li a, .menu-container .sf-menu li:hover ul li a { padding: 8px 15px; } .menu-container .sf-menu li ul li:first-child a { padding-top: 13px; } .menu-container .sf-menu li ul li:last-child a { padding-bottom: 13px; } .vertical-menu li a { padding: 17px 8px 19px 10px; } .page-margin-top { margin-top: 35px; } .page-margin-top-section { margin-top: 70px; } .page-padding-top { padding-top: 35px; } .page-padding-top-section { padding-top: 70px; } body .contact-map-details { padding: 33px 40px 40px; min-width: 0; } .rev_slider h2 { font-size: 42px; line-height: 56px; } .rev_slider h4 { font-size: 18px; line-height: 28px; } .rev_slider p.description { font-size: 16px; font-weight: 400; } .vc_row .vc_col-sm-6 { width: 360px; } .vc_row .vc_col-sm-4, .vc_row .vc_col-sm-8 .vc_col-sm-6 { width: 230px; } .vc_row .vc_col-sm-8 .cost-calculator-box .vc_col-sm-6 { width: 200px; } .vc_row .vc_col-sm-8 { width: 490px; } .vc_col-sm-4 .vc_col-sm-6 { width: 100%; margin-left: 0; } .vc_row .vc_col-sm-8 .vc_col-sm-4 { width: 156px; } .vc_row .vc_col-sm-3, .vc_row .vc_col-sm-6 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-4 { width: 165px; } .vc_row .vc_col-sm-1\/5 { width: 126px; } .vc_row .vc_col-sm-9 { width: 555px; } .vc_row .vc_col-sm-9 .vc_col-sm-6 { width: 262px; } .vc_row .vc_col-sm-9 .vc_col-sm-8 { width: 360px; } .vc_row .vc_col-sm-2 { width: 100px; } .vc_row .vc_col-sm-11 { width: 620px; } .row-4-4 { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .row-4-4.vc_row .vc_col-sm-3 { width: 359.5px; } .row-4-4.vc_row .vc_col-sm-3:nth-child(odd) { margin-left: 0; } .row-4-4.vc_row .vc_col-sm-3:nth-child(n+3) { margin-top: 35px; } .blog .post-content { width: 435px; } .vc_col-sm-9 .blog.small-image .post-image, .vc_col-sm-9 .blog .post-image+.post-content { width: 262px; } .row-4-4 .vc_col-sm-3 .blog.small .post-content { width: 250px; } .vc_col-sm-3 .blog.small .post-image, .vc_col-sm-4 .blog.small .post-image { display: none; } .vc_col-sm-3 .blog.small .post-image+.post-content { width: 165px; } .vc_col-sm-4 .blog.small .post-image+.post-content { width: 230px; } .row-4-4 .vc_col-sm-3 .blog.small .post-image { display: block; } .blog.small>li { margin-top: 37px; } .blog.two-columns h3, .blog.three-columns h3 { margin-top: 20px; } .blog.three-columns h3 { font-size: 16px; line-height: 24px; } .blog.small .post-date { width: 64px; height: 51px; padding-top: 13px; top: 15px; left: 15px; } .blog.small .post-content-details-container { padding: 16px 0 18px; } .blog.small p { padding: 0; } #comments-list .comment-author-avatar+.comment-details { width: 630px; } .vc_col-sm-9 #comments-list .comment-author-avatar+.comment-details { width: 435px; } #comments-list .children .comment-author-avatar+.comment-details { width: 510px; } .vc_col-sm-9 #comments-list .children .comment-author-avatar+.comment-details { width: 315px; } .recaptcha-container { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } .cm-contact-form .recaptcha-container .g-recaptcha-wrapper { float: none; margin: 0; } .cm-contact-form .recaptcha-container .button-with-recaptcha { float: none; margin-top: 45px; margin-right: 0; } .widget_categories li a, .elementor-widget-wp-widget-categories li a { padding: 17px 12px 19px; } h3 .more { margin-left: 30px; } .services-list li, .team-list li.team-box { width: 230px; } .vc_col-sm-9 .services-list li, .vc_col-sm-9 .team-list li.team-box { width: 165px; } .services-list li, .team-box { padding-bottom: 20px; } .team-box { padding-top: 30px; } .single>.team-box { padding-top: 50px; } .services-list li h4 { padding: 23px 20px 5px; } .team-list .team-box img { width: 150px; height: 150px; } .team-box h4 { padding: 21px 20px 0; } .services-list li h4.box-header::after { margin-top: 15px; } .team-box .social-icons { margin-top: 20px; } .single>.team-box img { width: 190px; height: 190px; } .projects-list li { width: 230px; } .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 230px; } .projects-list li .view .more.simple { padding: 13px 21px 14px; } .feature-item.page-margin-top { margin-top: 35px; } .timeline-content { padding: 26px 30px; } .timeline-content-container .flex-container { width: 344px; } .timeline-content span.timeline-title { margin-right: 0; } .timeline-content span.timeline-subtitle { display: block; } .timeline-content p { margin-top: 18px; } .contact-details-box::before { margin-right: 25px; } .contact-details-box label { margin-left: 73px; } .contact-details-box p { font-size: 18px; line-height: 28px; margin-left: 73px; padding-top: 4px; } .contact-details li { padding: 15px 15px 14px 0; } .simple-list li { padding: 8px 0; } .testimonials-container .caroufredsel_wrapper_testimonials { width: 630px !important; } .testimonials-list.testimonials-carousel li { width: 630px; } .testimonials-list p { font-size: 18px; padding: 30px 30px 0; line-height: 28px; } .testimonials-list p::after { margin-top: 33px; } .type-small .testimonials-list.testimonials-carousel li { width: 750px; } .vc_col-sm-6 .type-small .testimonials-list.testimonials-carousel li { width: 360px; } .vc_col-sm-4 .type-small .testimonials-list.testimonials-carousel li { width: 230px; } .type-small .testimonials-list p { padding: 26px 35px 47px; } .our-clients-list li { width: 180px; height: 143px; } .our-clients-list li .vertical-align-cell { height: 143px; } .our-clients-list.type-list li { width: 113.33333px; } .our-clients-list.type-list li, .our-clients-list.type-list li .vertical-align-cell { height: 111px; } .tabs .ui-tabs-panel p { width: 100%; } .accordion .wpb_single_image, .accordion img { width: 120px; height: 120px; } .cost-calculator-container .vc_col-sm-6 .ui-slider { width: 243px; } .cost-calculator-container .vc_col-sm-4 .ui-slider { width: 98px; } .vc_col-sm-6 div.cost-calculator-box input[type="text"], .vc_col-sm-6 div.cost-calculator-box input[type="email"], .vc_col-sm-6 div.cost-calculator-box input[type="number"], .vc_col-sm-4 div.cost-calculator-box input[type="text"], .vc_col-sm-4 div.cost-calculator-box input[type="email"] .vc_col-sm-4 div.cost-calculator-box input[type="number"] { width: 35px; margin-left: 20px; padding: 12px 10px; } .cost-calculator-summary-box.after-border::after { width: 120px; margin-top: 29px; } .vc_col-sm-3 .more, .vc_col-sm-3 .more[type="submit"], .vc_col-sm-3 .more:hover, .vc_col-sm-3 .more[type="submit"]:hover, .footer-row .vc_col-sm-3 .more.gray:hover { padding: 12px 20px 13px; } .clearfix.has-gutenberg-blocks>* { width: 750px; } .has-gutenberg-blocks .alignleft { width: auto; margin-left: calc((100% - 750px) / 2); } .has-gutenberg-blocks .alignright { width: auto; margin-right: calc((100% - 750px) / 2); } .has-gutenberg-blocks .alignwide { width: 850px; } .wp-block-columns { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (max-width:767px) { .show-on-mobiles { display: block; } body .hide-on-mobiles { display: none; } body .hide-on-mobiles+.header-toggle { display: none; } .padding-left-right-30 { padding: 0; } .mobile-paddings .wpb_column.padding-left-right-20, .mobile-paddings .wpb_column .padding-left-20, .mobile-paddings .wpb_column.padding-right-30 { padding: 0 30px; } .vc_col-sm-4 table td, .vc_col-sm-4 table th { padding: 18px 20px; } .site-container.boxed, .boxed .transparent-header-container { max-width: 562px; } h2 { font-size: 24px; line-height: 35px; } h3 { font-size: 18px; line-height: 27px; } .header-top-bar, .header, .site-container .vc_row, .site-container .vc_row.full-width .wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row, .post-password-form { width: 462px; } .header-container, .header-container.sticky.transition, .transparent-header-container .header-container.sticky.move#cm-sticky-clone { padding: 16px 0; } .transparent-header-container .header-top-bar-container { z-index: 4 } .header { position: static; display: block; } .header .logo { display: table-cell; width: 432px; padding: 0; } .cm-smart-column .wpb_wrapper, .cm-smart-column .e-con.e-child { width: auto !important; position: static !important; } .cm-smart-column { height: auto !important; } .page-header>.vc_row { padding: 20px 0; } .page-header-left, .page-header-right { width: auto; float: left; clear: both; } .page-header-right { margin-top: 10px; } .bread-crumb-container { float: left; } .transparent-header-container .mobile-menu-switch .line { background: #FFF; } .transparent-header-container .header-container.sticky.move .mobile-menu-switch .line { background: #303030; } .transparent-header-container .page-header-left h1 { font-size: 32px; line-height: 41px; } .transparent-header-container .page-header-right { margin-top: 19px; } .mobile-menu-container { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; } .mobile-menu-container.sticky-responsive { position: fixed; height: 100%; overflow: auto; } .mobile-menu-container nav, .first-menu .mobile-menu-container nav { float: none; } .sf-menu { display: none; } .header .mobile-menu-switch { display: table-cell; height: 38px; } .mobile-menu li a.template-arrow-menu { display: none; } .collapsible-mobile-submenus>li { position: relative; } .collapsible-mobile-submenus>li a.template-arrow-menu { display: block; position: absolute; width: 46px; height: 45px; top: 0; right: 0; margin: 0; padding: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); border: none; border-bottom: 1px solid #EBEBEB; } .collapsible-mobile-submenus>li a.template-arrow-menu::before { position: absolute; left: 17px; top: 16px; font-family: 'template'; content: "\65"; } .collapsible-mobile-submenus>li a.template-arrow-menu:hover { text-decoration: none; } .collapsible-mobile-submenus>li:first-child>a.template-arrow-menu { top: 1px; } .collapsible-mobile-submenus .template-arrow-menu+ul { display: none; } .vertical-menu li a { padding: 17px 17px 19px 20px; } .rev_slider h2 { font-size: 24px; line-height: 34px; } .rev_slider h4 { font-size: 16px; line-height: 26px; } body.with-topbar .rev_slider h4 { display: none; } .rev_slider .more { padding: 13px 22px 14px; } .vc_row.counters-group .vc_col-sm-3 { width: 25%; } .site-container .vc_row.counters-group.full-width .wpb_column { margin: 0; } .counter-box { padding-left: 20px; } .counter-box div.number, .counter-box div.odometer.number, .counter-box div.number-sign { font-size: 36px; line-height: 36px; } .counter-box p { letter-spacing: 0; } .blog>li { margin-top: 22px; } .blog.small>li { margin-top: 18px; } .blog h2, .blog h3, .blog.two-columns h3, .blog.three-columns h3 { margin-top: 21px; } body .site-container .blog.small .post-image, .site-container .blog .post-content, .vc_col-sm-9 .blog .post-image+.post-content { width: 100%; } body .site-container .blog.small-image .post-image { margin-right: 0; } body .vc_col-sm-3 .blog.small .post-image, body .vc_col-sm-4 .blog.small .post-image { width: auto; } .blog .post-content-details.right { float: left; clear: both; margin-top: 10px; } .blog.small .post-content-details.right { float: right; clear: none; margin-top: 11px; } .row-4-4 .vc_col-sm-3 .blog.small .post-content, .vc_col-sm-3 .blog.small .post-image+.post-content, .vc_col-sm-4 .blog.small .post-image+.post-content { width: 342px; } body .site-container .blog.small .post-image { display: block; } .blog-row+.pagination { margin-top: 12px; } .small-blog-row+.pagination { margin-top: 27px; } .blog.small .post-date { width: 80px; height: 61px; padding-top: 19px; top: 20px; left: 20px; } .blog.small>li.wpb_column, .layout-row .blog.two-columns>li, .layout-row .blog.three-columns>li, .vc_row.layout-column .wpb_column.vc_column_container { width: 100%; margin-left: 0; margin-top: 40px; } .blog.small>li.wpb_column:first-child, .vc_row.layout-column .wpb_column.vc_column_container:first-child { margin-top: 0; } .blog.small.page-margin-top { margin-top: 40px; } ul.blog.horizontal-carousel li.post { width: 462px; margin-top: 0; } .widget_categories li a, .elementor-widget-wp-widget-categories li a { padding: 17px 20px 19px; } body .site-container #comments-list .comment-author-avatar+.comment-details { width: 357px; margin-left: 15px; } #comments-list .children { margin-left: 45px; } body .site-container #comments-list .children .comment-author-avatar+.comment-details { width: 312px; } .comment-form .flex-box fieldset.vc_col-sm-6, .cm-contact-form .flex-box fieldset.vc_col-sm-6 { width: 100%; } .comment-form .flex-box .textarea-block .blockOverlay, .cm-contact-form .flex-box .textarea-block .blockOverlay { height: 100% !important; } .comment-form p, .cm-contact-form p { padding: 0; } body .comment-form .flex-box.gray fieldset.wpb_column:first-child, body .cm-contact-form .flex-box.gray fieldset.wpb_column:first-child, body .comment-form .flex-box fieldset.wpb_column, body .cm-contact-form .flex-box fieldset.wpb_column { margin-top: 0; margin-left: 0; } body .comment-form .flex-box.gray fieldset.wpb_column, body .cm-contact-form .flex-box.gray fieldset.wpb_column, body .cost-calculator-form .cost-calculator-flex-box.gray fieldset.wpb_column { margin-top: 1px; } .fieldset-with-recaptcha { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } .vc_row .comment-form .wpb_column.fieldset-with-recaptcha { margin-top: 32px; } .cm-contact-form .g-recaptcha-wrapper { float: none; margin: 0; } .cm-contact-form .button-with-recaptcha { float: none; margin-top: 45px; } .fieldset-with-recaptcha .terms-container { -ms-flex-order: 1; -webkit-order: 1; -moz-order: 1; order: 1; height: auto; padding-bottom: 30px; } .comment-form .fieldset-with-recaptcha .terms-container { padding-bottom: 0; } .cm-contact-form .recaptcha-container .button-with-recaptcha { margin-right: auto; } .site-container .services-list li { width: 100%; margin-left: 0; margin-top: 30px; } .site-container .services-list li:first-child { margin-top: 0; } .site-container .team-list li.team-box { margin-left: 0; } .site-container .team-list li.team-box, .team-list .vc_row { margin-top: 40px; } .site-container .team-list li.team-box:first-child { margin-top: 0 } ul.services-list.horizontal-carousel li { width: 462px; margin-top: 0; } .services-list li, .team-box { padding-bottom: 30px; } .services-list li h4 { padding: 33px 20px 10px; } .services-list.services-icons.margin-top-30 { margin-top: 40px; } .site-container .team-list li.team-box { width: 100%; } .team-list .team-box img, .single>.team-box img { width: 260px; height: 260px; } .team-box h4 { padding: 31px 20px 0; } .team-box .social-icons { margin-top: 30px; } .single>.team-box { padding-top: 40px; } ul.projects-list.horizontal-carousel li { width: 462px; margin-top: 0; } .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 216px; } .projects-list li .view { display: none; } .wpb_column>.vc_column-inner>.wpb_wrapper>.feature-item:first-child { margin-top: 0; } .feature-item.align-right { text-align: left; } .timeline-item .timeline-left { width: 180px; min-width: 180px; padding-bottom: 30px; } .timeline-content-container { width: auto; padding-bottom: 30px; } .timeline-item.last .timeline-left, .timeline-item.last .timeline-content-container, .elementor-widget-timeline_item.last .timeline-left, .elementor-widget-timeline_item.last .timeline-content-container { padding-bottom: 0; } .timeline-item.first::before, .timeline-item.last::after, .elementor-widget-timeline_item.first .timeline-item::before, .elementor-widget-timeline_item.last .timeline-item::after { right: 100px; } .timeline-content-container .flex-container { width: 260px; } .timeline-content { padding: 18px 20px; } .timeline-item label { font-size: 13px; padding: 8px 15px; } .timeline-item.right { direction: ltr; } .timeline-item .timeline-content-container .flex-container { -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; margin-left: 20px; margin-right: 0; } .timeline-item.right .timeline-arrow-container .timeline-arrow { border-color: transparent #F6F6F6 transparent transparent; border-width: 20px 20px 19px 0; } .timeline-item.right .timeline-left { border-left: none; border-right: 1px solid #DDD; } .timeline-item.right .label-container .timeline-circle { left: auto; right: -12px; } .timeline-item.right .label-container .timeline-circle::after { margin-left: 5px; margin-right: 0; } .timeline-item.right label { float: right; } .timeline-item.vertical-align-table .label-triangle { float: right; margin-left: auto; margin-right: 20px; border-width: 20px 0 19px 20px; border-color: transparent transparent transparent #56B665; } .right .timeline-content-container { border-left: 1px solid #DDD; border-right: none; } .timeline-item.right .slideLeft10 { animation-name: slideLeft10Responsive; -webkit-animation-name: slideLeft10Responsive; } @keyframes slideLeft10Responsive { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft10Responsive { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .timeline-item.right .slideRight10 { animation-name: slideRight10Responsive; -webkit-animation-name: slideRight10Responsive; } @keyframes slideRight10Responsive { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight10Responsive { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .slider-control { padding: 10px 12px; } .cm-parallax, .cm-parallax.attachment-scroll { background-attachment: scroll; } .ui-tabs .ui-tabs-nav.tabs-navigation li a, .ui-tabs-nav li a { padding: 11px 9px 13px; } .header-top-bar .contact-details { float: none; display: table; margin-left: auto; margin-right: auto; } .contact-details li { padding: 15px 4px 14px 0; } .contact-details li::before { margin-right: 2px; } .testimonials-container .caroufredsel_wrapper_testimonials { width: 366px !important; left: 48px !important; } .testimonials-list li { margin-top: 40px; } .testimonials-list.testimonials-carousel li { width: 366px; } .wpb_column .type-small .testimonials-list.testimonials-carousel li { width: 462px; } .our-clients-list li { width: 147.33333px; height: 144px; } .our-clients-list.type-list li { width: 147.33333px; } .our-clients-list.type-list li, .our-clients-list.type-list li .vertical-align-cell { height: 144px; } .header-top-bar .social-icons li, .header-top-bar .social-icons li:first-child { border: none; } .cost-calculator-container .wpb_column .ui-slider { width: 345px; } .vc_col-sm-3 .more, .vc_col-sm-3 .more[type="submit"], .vc_col-sm-3 .more:hover, .vc_col-sm-3 .more[type="submit"]:hover, .footer-row .vc_col-sm-3 .more.gray:hover { padding: 16px 37px 17px; } .scroll-top.animated-element { right: 10px; bottom: 10px; } .flex-box { display: block; } .flex-hide { display: inline; } .vc_row .wpb_column { margin-top: 40px; } .vc_row.full-width > .vc_col-sm-6 .vc_col-sm-3, .vc_row.full-width > .vc_col-sm-6 .vc_col-sm-4, .vc_row.full-width > .vc_col-sm-6 .vc_col-sm-6, .vc_row .wpb_column:first-child { margin-top: 0; } .vc_row .wpb_column { margin-left: 0; } .vc_row .vc_col-sm-6, .vc_row .vc_col-sm-4, .vc_row .vc_col-sm-8, .vc_row .vc_col-sm-3, .vc_row .vc_col-sm-9, .vc_row .vc_col-sm-1\/5, .vc_row .vc_col-sm-2, .vc_row .vc_col-sm-11, .columns.no-width .column-left, .columns.no-width .column-right, .row-4-4.vc_row .vc_col-sm-3, .site-container .vc_row.full-width>.vc_col-sm-6, .site-container .vc_row.full-width>.vc_col-sm-4, .site-container .vc_row.full-width>.vc_col-sm-3, .vc_row .vc_col-sm-9 .vc_col-sm-4, .vc_row .vc_col-sm-9 .vc_col-sm-8, .vc_row .vc_grid-item[class*="vc_col-sm"] { width: 100%; } .vc_row .vc_col-sm-8 .vc_col-sm-6, .vc_row .vc_col-sm-4 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-6, .vc_row .vc_col-sm-6 .vc_col-sm-6 { width: 216px; } .vc_row .vc_col-sm-8 .cost-calculator-box .vc_col-sm-6 { width: 186px; } .vc_row .vc_col-sm-8 .vc_col-sm-6, .vc_row .vc_col-sm-4 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-6, .vc_row .vc_col-sm-6 .vc_col-sm-6 { margin-left: 30px; margin-top: 0; } .vc_row .vc_col-sm-8 .vc_col-sm-6:first-child, .vc_row .vc_col-sm-4 .vc_col-sm-6:first-child, .vc_row .vc_col-sm-9 .vc_col-sm-6:first-child, .vc_row .vc_col-sm-6 .vc_col-sm-6:first-child { margin-left: 0; } .vc_row .vc_col-sm-8 .vc_col-sm-4, .vc_row .vc_col-sm-4 .vc_col-sm-4 { width: 147px; } .vc_col-sm-3.column-right { clear: both; } .row-4-4.vc_row .vc_col-sm-3:nth-child(n+2) { margin-top: 35px; } .clearfix.has-gutenberg-blocks>* { width: 462px; } .has-gutenberg-blocks .alignleft { width: auto; margin-left: calc((100% - 462px) / 2); } .has-gutenberg-blocks .alignright { width: auto; margin-right: calc((100% - 462px) / 2); } .has-gutenberg-blocks .alignwide { width: 562px; } .wp-block-columns { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-columns .wp-block-column { flex-basis: 100%; margin-left: 0; margin-right: 0; } .wp-block-latest-posts.is-grid li { width: 100%; } } @media screen and (max-width:479px) { .site-container.boxed, .boxed .transparent-header-container { max-width: 400px; } table td, table th, .vc_col-sm-4 table td, .vc_col-sm-4 table th { padding: 8px 10px; } .padding-left-right-100 { padding: 0 30px; } h2 { font-size: 21px; line-height: 31px; } h3 { font-size: 16px; line-height: 24px; } .header-top-bar, .header, .site-container .vc_row, .site-container .vc_row.full-width .wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.wpb_column .vc_row, .site-container .vc_row.full-width .vc_col-sm-12.vc_vc_column .vc_row, .post-password-form { width: 300px; } .header-top-bar { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .header-top-bar>*:first-child { padding-top: 10px; } .header-top-bar-container .header-toggle { display: block; } .header-top-bar .social-icons { float: left; -ms-flex-order: 3; -webkit-order: 3; -moz-order: 3; order: 3; } .header-top-bar .social-icons+.social-icons { -ms-flex-order: 2; -webkit-order: 2; -moz-order: 2; order: 2; } .header .logo { width: 270px; } .transparent-header-container .page-header-left h1 { font-size: 24px; line-height: 36px; } .transparent-header-container .page-header-right { margin-top: 8px; } .search-container { float: left; -ms-flex-order: 1; -webkit-order: 1; -moz-order: 1; order: 1; } .rev_slider h2 { font-size: 20px; line-height: 26px; } .rev_slider .tp-caption { white-space: normal; } .vc_row.vc_row-fluid [class*="vc_col-sm"] { margin-top: 40px; } .vc_row.vc_row-fluid [class*="vc_col-sm"]:first-child { margin-top: 0; } .vc_row .vc_col-sm-8 .vc_col-sm-6, .vc_row .vc_col-sm-4 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-6, .vc_row .vc_col-sm-6 .vc_col-sm-6, .vc_row .vc_col-sm-8 .vc_col-sm-4, .vc_row .vc_col-sm-4 .vc_col-sm-4, .vc_row .vc_col-sm-8 .cost-calculator-box .vc_col-sm-6 { width: 100%; } .vc_row .vc_col-sm-8 .vc_col-sm-6, .vc_row .vc_col-sm-4 .vc_col-sm-6, .vc_row .vc_col-sm-9 .vc_col-sm-6, .vc_row .vc_col-sm-6 .vc_col-sm-6, .vc_row .vc_col-sm-8 .vc_col-sm-4, .vc_row .vc_col-sm-4 .vc_col-sm-4 { margin-left: 0; margin-top: 30px; } .row.full-width > .column-1-2 .column-1-3:nth-child(odd) { margin-top: 30px; margin-left: 0; } .row.full-width > .column-1-2 .column-1-3:first-child { margin-top: 0; } .row.full-width > .column-1-2 .column-1-3 { width: 47%; } .counter-box { padding-left: 10px; } .counter-box div.number, .counter-box div.odometer.number, .counter-box div.number-sign { font-size: 22px; line-height: 22px; } .counter-box p { font-size: 10px; word-wrap: break-word; } .page-template-404 .theme-page h1, .error404 .theme-page h1 { font-size: 160px; line-height: 160px; } .contact-details li { padding: 5px; } .header-top-bar .social-icons li a { padding: 10px; } .header-top-bar .search-container a { padding: 10px 10px 10px 5px; } .row-4-4 .vc_col-sm-3 .blog.small .post-content, .vc_col-sm-3 .blog.small .post-image+.post-content, .vc_col-sm-4 .blog.small .post-image+.post-content { width: 180px; } .blog .post-date, .blog.small .post-date { width: 64px; height: 51px; padding-top: 13px; top: 15px; left: 15px; } ul.blog.horizontal-carousel li.post { width: 300px; } .comment-author-avatar { display: none; } body .site-container #comments-list .comment-author-avatar+.comment-details { width: 300px; margin-left: 0; } #comments-list .children { margin-left: 0; } body .site-container #comments-list .children .comment-author-avatar+.comment-details { width: 300px; } .posted-by .in-reply { margin-right: 7px; } .pagination li a, .pagination li span { width: 40px; height: 33px; padding-top: 7px; } .pagination li.left a, .pagination li.right a { width: 34px; } .pagination li.left a::before, .pagination li.right a::before { font-size: 14px; } .testimonials-container .caroufredsel_wrapper_testimonials { width: 300px !important; left: 0 !important; } .testimonials-list.testimonials-carousel li, .wpb_column .type-small .testimonials-list.testimonials-carousel li { width: 300px; } .slider-control { top: 0; } h3 .more { margin-left: 0; } .button-label { display: none; } .services-list li, .team-box { padding-bottom: 20px; } .services-list li h4 { padding: 23px 20px 5px; } ul.services-list.horizontal-carousel li { width: 300px; } .team-list .team-box img, .single>.team-box img { width: 190px; height: 190px; } .team-box h4 { padding: 21px 20px 0; } .team-box .social-icons { margin-top: 20px; } ul.projects-list.horizontal-carousel li { width: 300px; } .projects-list.isotope, .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 300px; } .feature-item.feature-item-number .list-number { clear: both; float: none; } .feature-item.feature-item-number h4 { margin-top: 23px; } .feature-item.feature-item-number h4, .feature-item.feature-item-number p { margin-left: 0; } .timeline-item .timeline-left { width: 130px; min-width: 130px; } .timeline-item label { max-width: 83px; padding: 5px; } .timeline-item.vertical-align-table .label-triangle { border-width: 17px 0 16px 17px; } .timeline-item .label-container .timeline-circle { top: 6px; } .timeline-item .timeline-arrow-container { display: none; } .timeline-content { background: transparent; padding: 18px 0 18px 5px; } .timeline-content-container .flex-container { width: 148px; } .timeline-item.first::before, .timeline-item.last::after, .elementor-widget-timeline_item.first .timeline-item::before, .elementor-widget-timeline_item.last .timeline-item::after { right: 38px; } .our-clients-list li { width: 145px; height: 144px; } .our-clients-list.type-list li { width: 145px; } .our-clients-list.type-list li, .our-clients-list.type-list li .vertical-align-cell { height: 144px; } .our-clients-list.type-list li:nth-child(3n+1) { margin-left: 10px; } .our-clients-list.type-list li:nth-child(2n+1) { margin-left: 0; } .our-clients-list.type-list li:nth-child(n+3) { margin-top: 10px; } .contact-details li { clear: both; } .header-top-bar .contact-details { display: block; width: 100%; } .cm-contact-form .g-recaptcha-wrapper, .comment-form .g-recaptcha-wrapper { width: 298px; } .search-form { left: 0; right: auto; } .ui-tabs .ui-tabs-nav, .ui-tabs-nav { width: 300px; margin-left: auto; margin-right: auto; text-align: left; } .ui-tabs .ui-tabs-nav li, .ui-tabs-nav li { margin-left: 0; margin-right: 10px; margin-top: 10px; } .small.ui-tabs .ui-tabs-nav li, .small .ui-tabs-nav li { margin-top: 0; } .ui-tabs .ui-tabs-nav.tabs-navigation li a, .ui-tabs-nav li a { padding: 5px; border: 1px solid #FFF; } .ui-tabs-nav a::before { display: none; } .ui-tabs .ui-tabs-nav.tabs-navigation li a:hover, .ui-tabs .ui-tabs-nav.tabs-navigation li a.selected, .ui-tabs .ui-tabs-nav.tabs-navigation li.ui-tabs-active a, .ui-tabs-nav li a:hover, .ui-tabs-nav li a.selected, .ui-tabs-nav li.ui-tabs-active a { border-color: #FFF; } .accordion .ui-accordion-header { padding: 13px 9px 13px 15px; } .accordion .wpb_single_image, .accordion img { width: 100px; height: 100px; } .column-2-3 .contact-map { height: 300px; } body .contact-map-details { padding: 22px 30px 30px; } .cost-calculator-container .wpb_column .ui-slider { width: 193px; } .clearfix.has-gutenberg-blocks>* { width: 300px; } .has-gutenberg-blocks .alignleft { width: auto; margin-left: calc((100% - 300px) / 2); } .has-gutenberg-blocks .alignright { width: auto; margin-right: calc((100% - 300px) / 2); } .has-gutenberg-blocks .alignwide { width: 400px; } } @media screen and (max-width: 782px) { #wpadminbar~.site-container .header-container.sticky.sticky-responsive.move#cm-sticky-clone, #wpadminbar~.mobile-menu-container { top: 46px; } #wpadminbar~.mobile-menu-container.sticky-responsive { height: calc(100% - 46px); } } @media screen and (max-width: 600px) { #wpadminbar~.site-container .header-container.sticky.sticky-responsive.move#cm-sticky-clone, #wpadminbar~.mobile-menu-container { top: 0; } #wpadminbar~.mobile-menu-container { z-index: 999999; } #wpadminbar~.mobile-menu-container.sticky-responsive { height: 100%; } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } }@font-face { font-family: 'features'; src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/features/fonts/features.eot); src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/features/fonts/features.eot#iefix) format('embedded-opentype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/features/fonts/features.ttf) format('truetype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/features/fonts/features.woff) format('woff'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/features/fonts/features.svg#features) format('svg'); font-weight: normal; font-style: normal; } [class^="features-"]::before, [class*=" features-"]::before { font-family: 'features'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .features-task:before { content: "\3c"; } .features-baby-stroller:before { content: "\7c"; } .features-gift:before { content: "\22"; } .features-shirt-2:before { content: "\3a"; } .features-shirt-1:before { content: "\7d"; } .features-cooking:before { content: "\7b"; } .features-chef-hat:before { content: "\2f"; } .features-cooking-gloves:before { content: "\2e"; } .features-cc-camera:before { content: "\2c"; } .features-lamp:before { content: "\5c"; } .features-diamond:before { content: "\27"; } .features-spray-bottle:before { content: "\5d"; } .features-bathroom:before { content: "\5b"; } .features-vacuum-cleaner:before { content: "\2b"; } .features-washing-machine:before { content: "\5f"; } .features-gardening:before { content: "\3d"; } .features-wrench:before { content: "\2d"; } .features-armchair:before { content: "\29"; } .features-cupboard:before { content: "\28"; } .features-lamp-cabinet:before { content: "\2a"; } .features-toilet-sink:before { content: "\26"; } .features-cat:before { content: "\5e"; } .features-pet-tray:before { content: "\25"; } .features-construction:before { content: "\24"; } .features-car:before { content: "\23"; } .features-carwash:before { content: "\40"; } .features-eco:before { content: "\21"; } .features-flower:before { content: "\7e"; } .features-leaf:before { content: "\60"; } .features-plant:before { content: "\30"; } .features-recycle:before { content: "\39"; } .features-water:before { content: "\37"; } .features-watering-can:before { content: "\36"; } .features-spa-2:before { content: "\35"; } .features-spa-1:before { content: "\34"; } .features-bath-tub:before { content: "\33"; } .features-bedroom:before { content: "\32"; } .features-cloth:before { content: "\31"; } .features-food:before { content: "\5a"; } .features-pet:before { content: "\59"; } .features-toilet:before { content: "\58"; } .features-home-5:before { content: "\4a"; } .features-home-4:before { content: "\38"; } .features-home-3:before { content: "\57"; } .features-office-2:before { content: "\56"; } .features-office-1:before { content: "\55"; } .features-factory:before { content: "\54"; } .features-home-2:before { content: "\53"; } .features-home-1:before { content: "\52"; } .features-barn:before { content: "\51"; } .features-location-2:before { content: "\50"; } .features-location-1:before { content: "\4f"; } .features-map:before { content: "\4e"; } .features-credit-card:before { content: "\4d"; } .features-bank:before { content: "\4c"; } .features-wallet:before { content: "\4b"; } .features-box:before { content: "\49"; } .features-trolley:before { content: "\48"; } .features-delivery:before { content: "\47"; } .features-calculator:before { content: "\46"; } .features-bag:before { content: "\45"; } .features-store:before { content: "\44"; } .features-umbrella:before { content: "\3b"; } .features-video:before { content: "\43"; } .features-image:before { content: "\42"; } .features-picture:before { content: "\41"; } .features-pin:before { content: "\7a"; } .features-bucket:before { content: "\79"; } .features-paint:before { content: "\78"; } .features-paintroll:before { content: "\77"; } .features-spray:before { content: "\76"; } .features-recurring:before { content: "\75"; } .features-megaphone:before { content: "\74"; } .features-time:before { content: "\73"; } .features-lock:before { content: "\72"; } .features-click:before { content: "\71"; } .features-support:before { content: "\70"; } .features-call:before { content: "\6f"; } .features-phone:before { content: "\6e"; } .features-bubble:before { content: "\6d"; } .features-chat:before { content: "\6c"; } .features-bellboy:before { content: "\6b"; } .features-businessman:before { content: "\6a"; } .features-maid:before { content: "\69"; } .features-lady:before { content: "\68"; } .features-man:before { content: "\67"; } .features-operator:before { content: "\3e"; } .features-person:before { content: "\3f"; } .features-team:before { content: "\66"; } .features-email:before { content: "\65"; } .features-clock:before { content: "\64"; } .features-key:before { content: "\63"; } .features-toolbox:before { content: "\62"; } .features-check:before { content: "\61"; }@font-face { font-family: 'template'; src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/template/fonts/template.eot); src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/template/fonts/template.eot#iefix) format('embedded-opentype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/template/fonts/template.ttf) format('truetype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/template/fonts/template.woff) format('woff'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/template/fonts/template.svg#template) format('svg'); font-weight: normal; font-style: normal; } [class^="template-"]::before, [class*=" template-"]::before, [class^="template-"]::after, [class*=" template-"]::after { font-family: 'template'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .template-display::before { content: "\41"; } .template-clock::before { content: "\7a"; } .template-tick-3::before { content: "\79"; } .template-tick-1::before { content: "\77"; } .template-tick-2::before { content: "\78"; } .template-quote::before { content: "\71"; } .template-folder::before { content: "\6f"; } .template-tag::before { content: "\70"; } .template-cart::before { content: "\72"; } .template-search::before { content: "\73"; } .template-email::before { content: "\75"; } .template-mobile::before { content: "\76"; } .template-location::before { content: "\74"; } .template-plus-large::before { content: "\6a"; } .template-close-large::before { content: "\6c"; } .template-minus-large::before { content: "\6b"; } .template-arrow-vertical::before { content: "\62"; } .template-arrow-horizontal::before { content: "\61"; } .template-minus::before { content: "\68"; } .template-plus::before { content: "\67"; } .template-close::before { content: "\69"; } .template-menu::before { content: "\6d"; } .template-comment::before { content: "\6e"; } .template-arrow-horizontal-2::before { content: "\63"; } .template-arrow-horizontal-2-after::after { content: "\63"; } .template-arrow-vertical-2::before { content: "\64"; } .template-arrow-horizontal-3::before { content: "\65"; } .template-arrow-vertical-3::before { content: "\66"; }@font-face { font-family: 'social'; src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/social/fonts/social.eot); src: url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/social/fonts/social.eot#iefix) format('embedded-opentype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/social/fonts/social.ttf) format('truetype'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/social/fonts/social.woff) format('woff'), url(//www.perlenrein.at/wp-content/themes/cleanmate/fonts/social/fonts/social.svg#social) format('svg'); font-weight: normal; font-style: normal; } [class^="social-"]::before, [class*=" social-"]::before { font-family: 'social'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-google-plus:before { content: "\66"; } .social-instagram:before { content: "\6a"; } .social-twitter:before { content: "\61"; } .social-facebook:before { content: "\62"; } .social-github:before { content: "\63"; } .social-rss:before { content: "\64"; } .social-pinterest:before { content: "\65"; } .social-linkedin:before { content: "\67"; } .social-xing:before { content: "\68"; } .social-youtube:before { content: "\69"; } .social-flickr:before { content: "\6b"; } .social-tumblr:before { content: "\6c"; } .social-dribbble:before { content: "\6d"; } .social-skype:before { content: "\6e"; } .social-foursquare:before { content: "\6f"; } .social-vk:before { content: "\70"; } .social-weibo:before { content: "\71"; } .social-reddit:before { content: "\72"; } .social-stumbleupon:before { content: "\73"; } .social-behance:before { content: "\74"; } .social-spotify:before { content: "\75"; } .social-deviantart:before { content: "\76"; } .social-soundcloud:before { content: "\77"; } .social-vine:before { content: "\78"; } .social-yelp:before { content: "\79"; } .social-paypal:before { content: "\7a"; } .social-houzz:before { content: "\41"; } .social-vimeo:before { content: "\42"; } .social-email:before { content: "\47"; } .social-location:before { content: "\45"; } .social-mobile:before { content: "\46"; } .social-envato:before { content: "\43"; } .social-angies-list:before { content: "\44"; } .social-whatsapp:before { content: "\ea93"; }