.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; } 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 { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .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: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#1f1f1f}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#E5ECEC;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} html,body{overflow-x: hidden;} body{margin: 0; padding: 0; font-family: 'Canaro'; background: #fff; color: #1f1f1f; font-size: 16px;} *{margin: 0; padding: 0; box-sizing: border-box; } .h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6{line-height: 105%; display: block; font-weight: 700;} h1,.h1{font-size: 32px} h2,.h2{font-size: 26px} h3,.h3{font-size: 22px} h4,.h4{font-size: 18px} h5,.h5{font-size: 15px} h6,.h6{font-size: 14px} b,strong{font-weight: 700;} /**** Page ****/ .maxw1{max-width: 1250px; margin: 0 auto; padding: 0 15px;} .maxw2{max-width: 1440px; margin: 0 auto; padding: 0 15px;} .maxw3{max-width: 800px; margin: 0 auto; padding: 0 15px;} .maxw4{max-width: 580px; margin: 0 auto; padding: 0;} .frame {margin: 0 auto; max-width: 100%; } .frame:after{content: ""; display: table; clear: both; } .bit-1 {float: left; width: 100%; } .clear:after{content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; } /**** Custum ****/ *:focus{outline: none;} .fa{font-weight: 400!important} input, select, textarea, button{font-family: 'Canaro';} a{text-decoration: none;} img{max-width: 100%;} ul li{list-style-type: none;} input[type="button"], input[type="submit"], a, button, .knop{transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; cursor: pointer;} .transition{transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out;} /**** Buttons ****/ .btn{display: inline-flex; align-items: center; border: none; background: transparent; color: transparent; text-align: center; font-weight: bold; border-radius: 40px;} .s_btn{font-size: 13px; line-height: 14px; min-height: 28px; padding: 6px 12px 2px;} .n_btn{font-size: 15px; line-height: 15px; min-height: 38px; padding: 6px 16px 2px;} .l_btn{font-size: 16px; line-height: 16px; min-height: 44px; padding: 6px 20px 2px;} .btn.color_1{background: #ab9053; color: #fff;} .btn.color_1:hover{background: #E5ECEC; color: #1e5759} .btn.color_2{background: #fff; color: #1e5759;} .btn.color_2:hover{background: #E5ECEC;} .btn.color_3{background: #1e5759; color: #fff;} .btn.color_3:hover{background: #E5ECEC; color: #1e5759} .btn .left, .btn .right{display: inline-block;} .s_btn .left{margin-right: 18px;} .s_btn .right{margin-left: 18px;} .n_btn .left{margin-right: 26px;} .n_btn .right{margin-left: 26px;} .l_btn .left{margin-right: 36px;} .l_btn .right{margin-left: 36px;} .shadow{box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);} /**** Content container ****/ .content_container{line-height: 190%;} .content_container > *:first-child{margin-top: 0;} .content_container > *:last-child{margin-bottom: 0;} .content_container h1 + *, .content_container h2 + *, .content_container h3 + *, .content_container h4 + *, .content_container h5 + *, .content_container h6 + *{margin-top: 5px!important} .content_container > ul,.content_container > ol,.content_container table, .content_container p, p{margin: 2em 0;} .content_container > ol, .content_container > ul{padding: 0 0 0 20px;} .content_container ul li{list-style-type: disc;} .content_container ol ul,.content_container ol ol,.content_container ul ol,.content_container ul ul{padding: 0 0 0 20px;} .content_container a{color: #ab9053; text-decoration: underline;} .content_container table{border-collapse: collapse;} .content_container table td{padding: 10px 15px 7px; line-height: 140%;} .content_container table tr:nth-child(even) td{background: #E5ECEC;} .content_container table tr td:first-child{border-radius: 30px 0 0 30px} .content_container table tr td:last-child{border-radius: 0 30px 30px 0; font-weight: bold; white-space: nowrap;} /**** Header ****/ #header{position: relative; z-index: 2; background: #fff;} .header_container{display: flex; justify-content: space-between; align-items: center; height: 120px;} .logo{float: left; font-size: 0;} .right_header{float: right; position: relative; display: flex; align-items: flex-end; flex-direction: column; justify-content: center; align-self: normal;} .rh_top{height: 40px; border-radius: 30px 0 0 30px; background: #B3C6C7; position: relative; padding: 0 85px 0 24px; display: flex; align-items: center; margin: 0 0 auto; font-weight: bold;} .rh_top:after{content: ''; background: #B3C6C7; position: absolute; left: 100%; top: 0; width: 100vw; height: 100%;} .th_top_links{float: right; margin: 0 0 0 15px;} .th_top_links a{float: left; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; font-size: 16px; color: #1c5658; border-radius: 100%; margin: 0 3px;} .th_top_links a:hover{background: #1c5658; color: #fff;} .rh_bottom{height: 80px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 3} .head_team{display: flex; align-items: flex-end; height: 100%;} .head_info{align-self: center; display: flex; flex-direction: column; align-items: flex-end; font-weight: bold;} .head_info .btn{margin: 0 0 5px;} .head_info span{font-size: 13px; color: #1c5658} .head_info b{font-size: 15px; color: #1c5658; font-weight: 400;} .head_info b em{font-weight: 700} .head_img{width: 95px; height: 107px; background: transparent no-repeat center bottom / 95px auto; margin: 0 0 0 22px} /**** Menu ****/ .menu{float: left; margin: 0 15px 0 0;} .menu > li{float: left; position: relative; margin: 0 10px;} .menu > li > a{float: left; line-height: 34px; padding: 7px 12px 3px; color: #1f1f1f; font-size: 17px; position: relative; border-radius: 30px; font-weight: bold;} .menu > li.current_page_item > a, .menu > li:hover > a{background: #E5ECEC;} .menu > li.menu-item-has-children > a:after{content: '\f078'; font-family: fontawesome; font-weight: bold; margin: 0 0 0 12px; font-size: 85%; color: #ab9053} .menu > li:hover > ul{display: block;} .menu > li > ul:before{content: ''; float: left; width: 100%; height: 25px; position: absolute; left: 0; top: -25px;} .menu > li > ul{display: none; min-width: 250px; background: #fff; position: absolute; left: 0; top: calc(100% + 25px); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); border-radius: 25px;} .menu > li ul li{float: left; width: 100%; position: relative; overflow: hidden;} .menu > li ul li:first-child{border-radius: 25px 25px 0 0;} .menu > li ul li:last-child{border-radius: 0 0 25px 25px;} .menu > li ul ul{display: none!important;} .menu > li ul li a{float: left; width: 100%; white-space: nowrap; color: #1f1f1f; font-size: 15px; display: flex; align-items: center; padding: 15px 20px; font-weight: bold;} .menu > li ul li a:before{content: '\f054'; font-weight: bold; font-family: fontawesome; margin: 0 15px 0 0; color: #ab9053; font-size: 80%;} .menu > li ul ul li a{font-size: 15px; padding: 10px 25px 10px 40px; font-weight: 400;} .menu > li ul a:hover{background: #E5ECEC; color: #1c5658;} .menu_btn{display: none;} #mobile-menu{display: none;} .menu_overlay{display: none;} .menu_overlay{position: fixed; top: 0; left: 0; height: 100%; background: #1f1f1f; opacity: 0.3; z-index: 190} .menu_overlay.active{display: inline-block} .dots{position: relative;} .dots:before{content: ''; float: left; width: 29px; height: 64px; position: absolute; top: calc(50% - 32px); left: -39px; background: url('img/dots.svg') no-repeat center / contain;} /**** Slider ****/ #slider{position: relative; z-index: 1;} .slider_list{position: relative; overflow: hidden;} .slider_item{position: relative;} .slider_image{padding: 16% 0 0; min-height: 250px; position: relative; opacity: 1} body.home .slider_image{padding: 26% 0 0; min-height: 450px;} .slider_image img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .slider_overlay{position: absolute; left: 0; top: 0; height: 100%; background: url('img/slider_overlay.png') repeat-y left top / 100% auto;} .slider_content{position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; color: #fff;} .slider_content .maxw1{width: 100%;} .slider_content_flex{max-width: 510px;} .slider_content .h1{margin: 0 0 25px} .slider_content .content_container{font-size: 110%;} .treatment_list_btns, .slider_list_btns{position: absolute; left: 25px; bottom: 25px; z-index: 3; overflow: hidden; white-space: nowrap; flex-shrink: 0;} .treatment_list_btns button.slick-disabled{background: rgba(255,255,255,0.3); cursor: default;} .treatment_list_btns button, .slider_list_btns button{float: left; width: 44px; height: 44px; display: inline-flex; float: left; color: #fff; background: #1e5859; border: none; font-size: 20px; align-items: center; justify-content: center; border-radius: 100%; margin: 0 0 0 16px} .treatment_list_btns button:not(.slick-disabled):hover, .slider_list_btns button:not(.slick-disabled):hover{background: #1e5859; color: #fff;} .treatment_list_btns{position: static; float: right;} /**** Content ****/ body.home #content{margin: 35px 0 85px; background: transparent; padding: 0} #content{position: relative; overflow: hidden; padding: 65px 0;} .content_page{display: flex; justify-content: space-between; position: relative;} .home_page_left{width: 42%; flex-shrink: 0; position: absolute; left: 0; top: 0; height: 100%;} .home_page_left img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; width: 100%; max-width: none; border-radius: 0 500px 500px 0;} .home_page_right{float: right; width: 54%; padding: 65px 0;} .page_head{float: left; width: 100%; margin: 0 0 40px; display: flex; align-items: center;} .page_head_left h1, .page_head_left .h1{color: #1e5859;} .page_head_right{white-space: nowrap; flex-shrink: 0;} .page_head_right .btn{white-space: nowrap;} .content_left{text-align: left; width: 100%;} .content_right{width: 34%; min-width: 420px; flex-shrink: 0; padding: 0 0 0 60px;} .content_btns{float: left; width: calc(100% + 30px); margin: 25px -15px -15px; display: flex; justify-content: flex-start; flex-wrap: wrap;} .content_btns a{float: left; margin: 10px 15px;} .content_btns a i{margin: 0 0 0 15px;} .cr_projects{margin: 35px 0 0; background: transparent!important;} .cr_projects_list{float: left; width: calc(100% + 50px); margin: 0 -25px;} .crp_item{position: relative; color: #ab9053; margin: 0 0 20px; display: flex; background: #fff; border-radius: 25px; overflow: hidden;} .crp_item:last-child{margin: 0;} .crp_item_left{position: relative; width: 130px; flex-shrink: 0;} .crp_item_left img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .crp_item_right{display: flex; flex-direction: column; text-align: left; justify-content: center; align-items: flex-start; z-index: 2; padding: 20px 25px;} .crp_item_right .h5{margin: 0 0 20px; color: #ab9053;} .crp_item_right .btn{display: flex; align-items: center; justify-content: flex-start; text-align: left;} .to_overview{margin: 30px 0 0;} #single_gallery{padding: 0 0;} .single_gallery_container{float: left; width: calc(100% + 20px); margin: -10px; position: relative; padding: 41% 0 0; min-height: 450px;} .single_gallery_item{position: absolute; height: calc(50% - 20px); margin: 10px; display: none; overflow: hidden; border-radius: 25px;} .single_gallery_item:nth-child(1){left: 0; width: calc(70% - 20px); height: calc(100% - 20px); top: 0; display: block;} .single_gallery_item:nth-child(2){left: 70%; width: calc(30% - 20px); top: 0; display: block;} .single_gallery_item:nth-child(3){left: 70%; width: calc(30% - 20px); top: 50%; display: block;} .single_gallery_item img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .gallery_start_trigger{position: absolute; z-index: 2; right: 25px; bottom: 25px;} #page_top{background: #E5ECEC; border-radius: 0; padding: 25px 0 30px} .page_top_content{display: flex; justify-content: space-between; align-items: center;} .page_top_content .page_head{margin: 0;} .breadcrumbs{float: left; margin: 0 0 5px; color: rgba(30, 88, 89, 0.5); font-size: 90%;} .breadcrumbs a{color: rgba(30, 88, 89, 0.5);} .breadcrumbs a:hover{color: rgba(30, 88, 89, 1)} .breadcrumbs > *{float: left; line-height: 16px!important;} .bread_separator{margin: 0 6px} .page_children_list{margin: 15px -15px 0;} .pcl_item{min-width: 250px; margin: 15px 15px 0; justify-content: space-between;} .sidebar_block{background: #1e5759 no-repeat right bottom -1px / 115px auto; border-radius: 10px; padding: 35px; color: #fff;} .sidebar_block .h2{color: #fff; margin: 0 0 20px;} .sidebar_block .content_container{font-size: 90%} .sidebar_block .content_container a{color: #fff} .sidebar_block + .cr_thumb{margin: 40px 0 0} .sidebar_btn{margin: 30px 0 0; border-radius: 4px; min-height: 54px;} .sidebar_btn span{text-align: left;} .cr_thumb{border-radius: 10px; border: 1px solid #1e5759; overflow: hidden;} .cr_thumb:hover img{transform: scale(1.05)} .cta_block_btns{margin: 5px 0 0;} .cta_block_btns a{float: left; width: 100%; display: inline-flex; align-items: center; color: #fff; margin: 15px 0 0;} .cta_block_btns a i{width: 28px; height: 28px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; margin: 0 12px 0 0; border-radius: 30px; flex-shrink: 0; background: #ab9053; color: #fff;} .cta_block_btns a > span{display: flex; flex-direction: column; font-size: 13px} .cta_block_btns a > span small{font-weight: bold;} [class*="_spacer"]{float: left; width: 100%;} .m_spacer{padding: 30px 0 0;} .l_spacer{padding: 50px 0 0;} /**** Image Carousel ****/ #image_carousel{position: relative; overflow: hidden; padding: 30px 0; background: #fff;} .image_carousel_list:hover .slick-arrow{opacity: 1;} .image_carousel_list{float: left; width: calc(100% + 400px); margin: 0 -200px; position: relative;} .image_carousel_list .slick-arrow{float: left; width: 44px; height: 44px; line-height: 44px; text-align: center; top: 50%; margin: -22px 0 0; color: #1f1f1f; position: absolute; background: #fff; border: none; border-radius: 100%; z-index: 3; font-size: 0; opacity: 0;} .image_carousel_list .slick-prev{left: 245px;} .image_carousel_list .slick-prev:after{content: '\f0d9'; font-family: fontawesome; font-weight: bold; font-size: 32px;} .image_carousel_list .slick-next{right: 245px;} .image_carousel_list .slick-next:after{content: '\f0da'; font-family: fontawesome; font-weight: bold; font-size: 32px;} .image_carousel_item{float: left; width: 33.3333%; margin: 0 15px;} .image_carousel_item span{padding: 62% 0 0;} /**** Quality block ****/ #quality_block{background: #b3c6c7; padding: 25px 0;} #quality_block .content_container a{color: #fff;} .quality_content{display: flex; align-items: center; justify-content: space-between;} .quality_content_left{max-width: 640px; margin: 15px 50px 15px 0;} .quality_content_left .h1{margin: 0 0 15px; color: #1e5759} .quality_content_right{flex-shrink: 0; background: #fff; padding: 35px 15px; border-radius: 10px;} .quality_content_right a{float: left; margin: 0 30px;} .quality_content_right img{height: 60px; float: left;} /**** Footer ****/ #footer{position: relative; color: #fff; background: #1e5759;} .footer_content{display: flex; align-items: flex-start; justify-content: space-between; padding: 40px 0 60px; position: relative; z-index: 1; gap: 40px;} .footer_block{float: left; margin: 30px 0 0 0; width: 25%;} .footer_block.large{width: 50%;} .footer_block .h2{margin: 0 0 30px; line-height: 32px; float: left;} .footer_block img{margin: -38px 0 5px -35px} .footer_block_content{display: flex; float: left; width: 100%; gap: 20px} .footer_block li{line-height: 18px; padding: 5px 0;} .footer_block li a{display: inline-flex; color: #fff;} .footer_block li a:hover{opacity: 0.7;} .footer_block li a i{display: inline-block; width: 30px;} .linklist li a:before{display: inline-block; width: 30px; content: '\f054'; font-weight: bold; font-family: fontawesome; font-size: 80%; flex-shrink: 0;} .time_table{border-collapse: collapse; width: 250px;} .time_table td{padding: 5px 10px 5px 0; line-height: 18px; border: none;} .social_block{float: left; margin: -15px 0} .social_block a{float: left; width: 50px; height: 50px; font-size: 26px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #ab9053; color: #fff; margin: 0 0 0 12px;} .social_block a:hover{background: #1e5759;} /**** Bottom ****/ #bottom{line-height: 20px; padding: 35px 0; text-align: center; color: #AFBDBE; position: relative; z-index: 1;} .bottom_container{display: flex; justify-content: space-between; align-items: center;} #bottom span{display: inline-block; margin: 0 15px;} .bottom_container_left a{color: #AFBDBE;} .bottom_container_left a:hover{color: #ab9053;} /**** Formulieren ****/ .content_container div.wpcf7{float: left; width: 100%; margin: 15px 0;} .content_container .wpcf7-form{float: left; width: 100%; max-width: 650px;} .content_container .wpcf7 .form_row{display: flex; gap: 30px; margin: 0 0 25px} .content_container .wpcf7 .form_item{float: left; width: 100%; position: relative; display: flex; flex-direction: column;} .content_container .wpcf7 .form_label{float: left; width: 100%; line-height: 16px; margin: 0 0 5px;} .content_container .wpcf7 .required{color: red} .content_container .wpcf7 input, .content_container .wpcf7 select, .content_container .wpcf7 textarea{float: left; width: 100%; height: 44px; border: 1px solid #dedede; padding: 0 15px; font-size: 14px; background: #fff; border-radius: 4px;} .content_container .wpcf7 textarea{height: 110px; padding: 10px 30px 10px 10px;} .content_container .wpcf7 button{justify-self: flex-start; margin: 0 auto 0 0;} .content_container span.wpcf7-not-valid-tip{display: none!important;} .content_container [aria-invalid="true"]{border-color: red!important; background: #fff url('img/warning.png') no-repeat center right 10px / 16px auto!important;} [data-status="invalid"] div.wpcf7-response-output{color: red;} div.wpcf7-response-output{float: left; width: 100%; margin: 10px 0 0!important; border: none!important; padding: 0!important; color: #79ad31} div.wpcf7-response-output.wpcf7-validation-errors{color: red;} .codedropz-upload-wrapper{font-size: 90%; line-height: 120%; color: #1f1f1f} .codedropz-upload-wrapper h6{font-size: 100%!important; color: #1f1f1f!important} .codedropz-upload-wrapper a{color: #ab9053;} .codedropz-upload-handler{border: 1px solid #dedede!important; border-radius: 0!important; background: #fff; border-radius: 4px;} [aria-invalid="true"] + .codedropz-upload-handler{border-color: red!important; background: #FFE5E5} /**** Archive ****/ #treatment_block{padding: 70px 0 90px; overflow: hidden; position: relative;} #treatment_block:after{content: ''; float: left; width: 36%; height: 100%; background: #b3c6c7; border-radius: 500px 0 0 500px; position: absolute; right: 0; top: 0;} #treatment_block .maxw1{position: relative; z-index: 2;} .projects_head{display: flex; justify-content: space-between; align-items: center; margin: 0 0 55px; position: relative; z-index: 2;} .projects_head .h1{width: 100%; text-align: center; color: #fff;} .treatment_list{float: left; width: calc(100% + 44px); margin: -12px -22px; position: relative; z-index: 2; display: flex; flex-wrap: wrap;} .treatment_item{float: left; width: calc(33.3333% - 44px); margin: 12px 22px; position: relative; display: flex; flex-direction: column;} .treatment_item:hover .ti_image img{transform: scale(1.05);} .ti_image{padding: 72% 0 0; min-height: 140px; border-radius: 10px; overflow: hidden; position: relative; border: 1px solid #1e5758} .ti_image img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .ti_content{float: left; padding: 20px 24px 0; color: #1e5859; display: flex; align-items: center; justify-content: space-between;} .ti_content i{color: #ab9053; margin: 0 0 0 10px} .treatment_list.carousel .slick-list{overflow: visible!important; width: 100%;} .carousel .slick-track{display: flex!important;} .carousel .treatment_item{display: none!important} .slick-slide.treatment_item, .carousel .treatment_item:first-child{display: flex!important;} /**** Offerte banner ****/ .offerte_banner{background: #fff; text-align: left; padding: 30px; margin: 40px 0 0; color: #ab9053; border-radius: 25px;} .offerte_banner_content{display: flex; align-items: center; justify-content: space-between} .offerte_banner_content .h2{ margin: 0 0 15px;} .offerte_banner_content .h2 small{font-weight: 400; display: inline-block; margin: 5px 0 0;} .offerte_banner_content .btn{float: right;} .offerte_banner_content .content_container{line-height: 150%;} .offerte_banner_content_right{margin: 0 0 0 25px;} /**** Single Gallery ****/ .cs_gallery{float: left; width: calc(100% + 20px); margin: -10px;} .cs_gallery a{float: left; width: calc(50% - 20px); margin: 10px; position: relative;} .cs_gallery a:first-child{width: calc(100% - 20px);} .cs_gallery a span{padding: 75% 0 0;} .cs_gallery a img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .grecaptcha-badge{display: none!important} /****************** MEDIAQUERIES *****************/ @media screen and (max-width: 1350px){ .dots{margin-left: 39px!important} .breadcrumbs{margin-left: 39px;} .footer_block img{width: 190px!important; height: auto!important; margin: -26px 0 15px 0} } @media screen and (max-width: 1200px){ .menu > li{margin: 0 10px;} .menu > li > a{padding: 7px 15px 3px; font-size: 17px;} .treatment_list{width: calc(100% + 40px); margin: -12px -20px;} .treatment_item{width: calc(33.3333% - 40px); margin: 12px 20px;} .footer_block.large, .footer_block{width: calc(33.3333% - 20px);} .footer_block_content{flex-direction: column; gap: 0} .social_block a{width: 40px; height: 40px; font-size: 20px;} } @media screen and (max-width: 1024px){ body{font-size: 15px; margin: 90px 0 0;} #header{position: fixed; left: 0; top: 0; z-index: 999; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1)} .header_container{height: 90px;} .logo{width: 180px;} .logo img{height: auto!important} .s_btn{font-size: 13px; line-height: 14px; min-height: 28px; padding: 6px 10px 2px;} .n_btn{font-size: 14px; line-height: 15px; min-height: 36px; padding: 6px 12px 2px;} .l_btn{font-size: 15px; line-height: 16px; min-height: 40px; padding: 6px 16px 2px;} .menu, .menu + .btn{display: none;} h1,.h1{font-size: 27px} h2,.h2{font-size: 23px} h3,.h3{font-size: 20px} h4,.h4{font-size: 16px} h5,.h5{font-size: 15px} h6,.h6{font-size: 13px} .dots{margin-left: 29px!important;} .dots:before{width: 24px; height: 56px; position: absolute; top: calc(50% - 30px); left: -30px;} .breadcrumbs{margin-left: 29px;} .rh_top{position: absolute; right: 145px; top: 54px; background: transparent; height: 26px; z-index: 4; padding: 0} .rh_top:after{display: none!important} .rh_top span{display: none;} .th_top_links{display: flex;} .th_top_links a{font-size: 14px; height: 22px; width: 22px; margin: 0 0 0 7px;} .head_info{margin: 0 0 16px} .head_info .btn{display: none;} .rh_bottom{height: 90px; align-items: normal;} .head_img{height: 100%; width: 80px; background-size: auto calc(100% - 10px);} .menu_btn{display: inline-flex; float: right; width: 40px!important; height: 40px!important; padding: 0!important; justify-content: center; align-self: center;} .menu_btn img{display: inline-block; max-height: 16px;} .menu_btn img:nth-child(2){display: none;} .menu_btn.active{transform: rotate(90deg); border-radius: 100%;} .menu_btn.active img{display: none;} .menu_btn.active img:nth-child(2){display: inline-block;} .menu_btn:hover{background: #1e5859!important;} #mobile-menu{float: left; display: block; position: fixed; display: inline-flex; flex-direction: column; right: 0; top: 90px; height: calc(100% - 90px); width: 360px; max-width: 100%; background: #E5ECEC; z-index: 500; margin: 0 -400px 0 0; transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; overflow: auto; -webkit-overflow-scrolling: touch;} #mobile-menu.active{margin: 0;} .mm_content{padding: 43px 0;} .mm_content > ul{float: right; width: 500px; max-width: 100%; padding: 8px 30px;} .mm_content > ul > li{float: left; width: 100%; margin: 0 0 15px;} .mm_content > ul > li:last-child{margin: 0;} .mm_content > ul > li > a{float: left; width: 100%; color: #ab9053; background: #fff; line-height: 16px; font-size: 16px; position: relative; font-weight: bold; padding: 17px 40px 13px 25px; display: flex; justify-content: space-between; border-radius: 100px; display: inline-flex; align-items: center; justify-content: space-between;} .mm_content > ul > li.menu-item-has-children > a .toggle{font-size: 18px; float: left; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: calc(50% - 20px)} .mm_content > ul > li > a:hover, .mm_content > ul > li.sub > a{background: #ab9053; color: #fff;} .mm_content > ul > li > a:hover .toggle{color: #fff} .mm_content > ul > li.sub > a .toggle i:before{content:"\f139";} .mm_content li a.btn{padding: 19px 25px!important} #mobile-menu ul ul{display: none; float: left; width: 100%; padding: 0 0 20px 20px;} #mobile-menu ul ul > li{float: left; width: 100%; margin: 10px 0 0} #mobile-menu ul ul > li > a{float: left; width: 100%; padding: 7px 15px; color: #1f1f1f; font-weight: bold; border-radius: 25px; display: inline-flex; align-items: center; font-size: 15px;} #mobile-menu ul ul > li > a:before{content: '\f054'; font-family: fontawesome; font-weight: bold; margin: 0 20px 0 0; font-size: 85%; color: #ab9053;} #mobile-menu ul ul > li > a:hover{color: #ab9053;} .mm_content{height: 100%;} .mm_footer{background: #E5ECEC; padding: 25px; display: flex; font-size: 0; justify-content: center;} .content_btns{width: calc(100% + 20px); margin: 15px -10px 0;} .content_btns a{margin: 10px 10px 0;} .treatment_list_btns button, .slider_list_btns button{width: 36px; height: 36px; font-size: 16px; margin: 0 0 0 10px} .slick-dots li{margin: 0 8px;} .slick-dots button{width: 60px;} #usp_block{padding: 0;} .content_page{flex-wrap: wrap; justify-content: center;} .content_left{width: 100%;} .content_right{width: 500px; max-width: 100%; margin: 40px 0 0; padding: 0; min-width: 0;} body.home #content .content_page{flex-direction: column-reverse} body.home #content .content_page_left{width: 100%; display: flex; justify-content: center; margin: 50px 0 0; padding: 0;} body.home #content .content_page_left img{width: 500px; max-width: 100%;} .slider_title{display: none;} .single_gallery{width: calc(100% + 10px);} .single_gallery a{width: calc(20% - 10px); min-width: 100px;} .projects_head{margin: 0 0 30px;} .fixed_cta{width: 38px; margin: 0 0 0 -38px} .fixed_cta a{width: 36px; height: 36px; font-size: 16px; margin: 2px 0;} .ti_content{padding: 20px 20px 0;} .ti_content h2{font-size: 18px!important} .treatment_list.carousel{width: calc(100% - 50px)} body.home #content{margin: 0} .home_page{flex-direction: column; display: flex;} .home_page_right{width: 100%;} .home_page_left{position: relative; width: calc(100% + 30px); margin: 0 -15px; padding: 380px 0 0; border-radius: 0;} .home_page_left img{border-radius: 0;} #quality_block{padding: 55px 0} .quality_content{flex-direction: column;} .quality_content_left{max-width: 100%; margin: 0 0 40px} .quality_content_right{width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; padding: 20px 15px;} .quality_content_right a{margin: 15px 20px;} } @media screen and (max-width: 900px){ .treatment_list{width: calc(100% + 16px); margin: -12px -8px;} .treatment_item{width: calc(33.3333% - 16px); margin: 12px 8px;} .ti_content h2{font-size: 16px!important} } @media screen and (max-width: 767px){ body{font-size: 14px; margin: 60px 0 0} h1,.h1{font-size: 24px} h2,.h2{font-size: 20px} h3,.h3{font-size: 18px} h4,.h4{font-size: 16px} h5,.h5{font-size: 15px} h6,.h6{font-size: 13px} .header_container{height: 60px;} .logo{width: 110px} #mobile-menu{top: 60px; height: calc(100% - 60px);} .menu_btn{width: 34px!important; height: 34px!important; min-height: 0;} .menu_btn img{width: 24px} .right_header{flex-direction: row; align-items: center;} .head_info{display: none;} .rh_top{position: static; height: auto; margin: 0} .rh_bottom{height: 60px;} .head_img{background-size: auto calc(100% - 3px); width: 60px; margin: 0 0 0 15px} .th_top_links a{width: 28px; height: 28px; background: #B3C6C7;} .page_head{margin: 0 0 30px;} .bottom_container{flex-direction: column; text-align: center;} .bottom_container_right{margin: 15px 0 0;} .social_block{margin: 0} .social_block a{margin: 0 6px 0} #treatment_block{padding: 55px 0} .footer_content{flex-wrap: wrap; gap: 0 40px} .footer_block.large{width: calc(100% - 20px)} .footer_block{width: calc(50% - 20px)} .footer_block .h2{margin: 0 0 20px} .footer_block img{margin: -31px 0 8px} } @media screen and (max-width: 650px){ .treatment_list.carousel{width: calc(100% - 0px)} .treatment_item{width: calc(50% - 16px);} } @media screen and (max-width: 600px){ .offerte_banner{padding: 30px;} .offerte_banner_content{display: block; text-align: center;} .offerte_banner_content .h3{width: 100%;} .offerte_banner_content .btn{float: none; margin: 15px 0 0;} .offerte_banner_content_right{margin: 0} .projects_head{flex-direction: column; align-items: center; justify-content: center; text-align: center;} .projects_right{margin: 15px 0 0;} .crp_item_right .btn{font-size: 12px;} .footer_block li{padding: 4px 0;} .single_gallery_item:nth-child(1){width: calc(100% - 20px); height: calc(66% - 20px)} .single_gallery_item:nth-child(2), .single_gallery_item:nth-child(3){left: 0; top: 66%; width: calc(50% - 20px); height: calc(33% - 20px)} .single_gallery_item:nth-child(3){left: 50%;} .page_top_content{flex-direction: column-reverse; align-items: flex-start;} .page_top_content_right{margin: 0 0 10px;} .page_head.grey .page_head_right{display: none;} #page_top{padding-top: 90px; margin: -60px 0 0} .page_head_right{margin: 0 0 10px;} .footer_block{width: calc(100% - 20px)} } @media screen and (max-width: 550px){ .content_container .wpcf7 .form_item{padding: 0;} .content_container .wpcf7 .form_label{width: 100%; margin: 10px 0 5px;} .work_item{width: 100%; font-size: 16px; line-height: 18px;} .page_children_list{display: flex; flex-wrap: wrap; justify-content: center; margin: 15px 0 0;} } @media screen and (max-width: 500px){ .image_carousel_list:before, .image_carousel_list:after{display: none;} .image_carousel_item span{padding: 180px 0 0;} .single_gallery a{width: calc(33.3333% - 10px); min-width: 0;} .image_carousel_list{width: 100%; margin: 0;} .image_carousel_list .slick-arrow{width: 34px; height: 34px; margin: -17px 0 0;} .image_carousel_list .slick-arrow:after{font-size: 22px; line-height: 34px;} .image_carousel_list .slick-prev{left: 20px;} .image_carousel_list .slick-next{right: 20px;} .footer_socials{width: 100%; display: flex; justify-content: center;} .footer_socials a.social_icon{margin: 0 5px} .ti_content{padding: 15px 4px 0} .ti_content i{display: none} .ti_content h2{font-size: 14px!important;} .footer_content{flex-direction: column; align-items: center;} .footer_block{max-width: 100%!important; width: 280px!important;} } @media screen and (max-width: 430px){ .archive_item, .archive_item.full{width: calc(100% - 14px);} .ai_content{padding: 25px 15px; margin: 0;} .read_more{margin: 15px 0 0} .sidebar_block{padding: 20px;} .cta_block_btns a i{width: 30px; height: 30px; margin-right: 15px;} .crp_item{margin: 0 0 12px;} .crp_item_left{width: 90px;} .crp_item_right{padding: 20px;} .crp_item_right .h5{margin: 0 0 5px;} } @media screen and (max-width: 380px){ .head_img{display: none;} .rh_bottom{margin: 0 0 0 12px} }