/* Theme Name: My Noor Author: CWS-media Description: Design voor My Noor in Wordpress Version: 1.1 Tags: My Noor Text Domain: mynoor */ 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;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;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:.9;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 ease,visibility 0s ease .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 ease 0s,visibility 0s ease 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;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;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-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:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-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-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{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--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.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;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.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{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;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;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;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:#ddd;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:rgba(0,0,0,0);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__list{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 .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;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__list a:before{border:6px solid #ff5268;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__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{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} html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body {padding: 0px;margin: 0px;font-family: 'Muli', sans-serif;font-size: 16px;line-height: 35px;color: #889BAA;} input, textarea, button { font-family: 'Muli', sans-serif; font-size: 15px; line-height: 25px; } a { color: #0283B2; text-decoration: none; } a:hover { color: #0283B2; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { letter-spacing: 3px; font-weight: 900; padding: 0px; margin: 0px; } .section-title h2 { letter-spacing: 5px; } p { padding: 0px; margin: 0px; } body .top { background-color: #FFFFFF; z-index: 8000; position: fixed; top: 0px; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); } body .top .top-current {position: absolute;top: 0px;left: 0px;width: 0px;height: 4px;background-color: #0183b2;} body .top .container { } body .top .container .logo { overflow: hidden; } body .top .container .logo img { float: left; } body .top .container .navigation { } body .top .container .navigation .container { } body .top .container .navigation .container ul { list-style: none; padding: 0px; margin: 0px; } body .top .container .navigation .container ul li { } body .top .container .navigation .container ul li a { display: block; color: #333333; text-decoration: none; text-transform: uppercase; } body .top .container .hamburger { display: block; } body .top .container .logo { -webkit-transition: padding .3s ease-in-out; -o-transition: padding .3s ease-in-out; transition: padding .3s ease-in-out; } body .top .container .logo img { -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } body .top .container .navigation { -webkit-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; transition: top .3s ease-in-out; } body .top .container .navigation .container { -webkit-transition: padding .3s ease-in-out; -o-transition: padding .3s ease-in-out; transition: padding .3s ease-in-out; } body .top .container .hamburger { -webkit-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; } body .top .container .hamburger span:before { transition-property: top, transform; transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; } body .top .container .hamburger span { transition-property: top, transform; transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; } body .top .container .hamburger span:after { transition-property: top, transform; transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; } body.navigate .top .container .hamburger span:before { transform: rotate(-45deg); transition-delay: 0s, 0.3s; } body.navigate .top .container .hamburger span { transition-delay: 0s, 0.3s; } body.navigate .top .container .hamburger span:after { transform: rotate(45deg); transition-delay: 0s, 0.3s; } .sections { } .sections .section { } .sections .section .section-title .title { } .sections .section .section-title .title h2 {color: #0283B2;text-align: center;text-transform: uppercase;text-shadow: 1px 0 #0283B2;} .welcome {position: relative;padding-top: calc(100vh - 100px);} .welcome .header { top: 0px; left: 0px; position: absolute; background-color: #F5F5F5; height: 100vh; width: 100%; } .welcome .intro {font-size: 16px;position: relative;max-width: 1040px;margin: 0px auto;padding: 20px 20px 0px 20px;} .welcome .intro:before { content: ""; position: absolute; top: 0px; left: calc(50% - 50px); width: 100px; height: 4px; background-color: #FFFFFF; } .welcome .intro .text { padding: 20px 20px 0px 20px; background-color: #FFFFFF; } .welcome .intro .text strong {display: block;margin-bottom: 0px;font-weight: normal;line-height: 60px;letter-spacing: 1px;font-size: 24px;color: #0283B2;text-align: center;text-transform: uppercase;text-shadow: 1px 0 #0283B2;} .welcome .info {position: relative;max-width: 1000px;margin: 0px auto;padding: 20px 20px 20px 20px;background: white;} .welcome .info .items { padding: 10px; } .welcome .info .items .item {line-height: 27px;padding: 10px;} .welcome .info .items .item h3 {font-size: 20px;color: #0283B2;text-align: center;line-height: 64px;text-transform: uppercase;text-shadow: 1px 0 #0283B2;} .welcome .info .items .item hr { border: 0.5px solid #889baa; max-width: 120px; margin: 40px auto 10px auto; } .welcome .info .items .item .item-image { display: block; border-radius: 2px; } .welcome .info .items .item:hover .item-image {/* transform: scale(1.05); */} .welcome .info .items .item .item-image .item-image-overlay {width: 100%;height: 100%;/* background-color: rgba(0, 0, 0, 0.25); */} .welcome .info .items .item:hover .item-image .item-image-overlay {background-color: rgba(0, 0, 0, 0.00); } .gallery { max-width: 1280px; margin: 0px auto; } .gallery .items { } .gallery .items a.item { display: block; color: #FFFFFF; text-decoration: none; } .gallery .items .item { border-radius: 2px; background-position: center center; background-size: cover; height: 280px; position: relative; } .gallery .items .item:hover { transform: scale(1.05); } .gallery .items .item:hover:before { background-color: rgba(0, 0, 0, 0.00); } .gallery .items .item:before { content: ""; position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; } .gallery .items .item h3 { color: #FFFFFF; text-transform: uppercase; position: absolute; top: calc((100% - 40px) / 2); padding: 0px; margin: 0px; line-height: 40px; position: relative; } .gallery .items .item h3:before { content: ""; position: absolute; top: 0px; width: 32px; height: 4px; background-color: #FFFFFF; } .gallery .items .item h3:after { content: ""; position: absolute; bottom: 0px; width: 32px; height: 4px; background-color: #FFFFFF; } .gallery .items .item span {color: #FFFFFF;text-transform: uppercase;position: absolute;top: 195px;left: 70%;padding: 0px;margin: 0px;line-height: 40px;position: relative;font-size: 13px;} .specifications {} .specifications .info {max-width: 1040px;margin: 0px auto;padding: 10px 20px 10px 20px;} .specifications .image { max-width: 1040px; margin: 0px auto; padding: 20px 20px 20px 20px; overflow: hidden; } .specifications .image img { float: left; width: 100%; height: auto; } .specifications .image ul { float: left; width: 100%; list-style: none; padding: 20px; margin: 0px; overflow: hidden; } .specifications .image ul li { float: left; padding: 20px; text-align: center; color: #000000; } .specifications .image ul li img { margin-top: 20px; } .specifications .stats { color: #889BAA; overflow: hidden; max-width: 960px; margin: 0px auto; padding: 60px 15px 60px 15px; } .specifications .stats .numbers ul { list-style: none; padding: 0px; text-align: center; } .specifications .stats .numbers ul { list-style: none; padding: 0px; margin: 0px; overflow: hidden; } .specifications .stats .numbers ul li { float: left; width: calc(100% / 3); text-transform: uppercase; } .specifications .stats .numbers ul li strong {text-shadow: 1px 0 #0283B2;display: block;color: #0283B2;position: relative;margin-bottom: 20px;} .specifications .stats .numbers ul li strong:before { content: ""; position: absolute; left: calc((100% - 100px) / 2); top: 0px; width: 100px; height: 1px; background-color: #889BAA; } .specifications .stats .numbers ul li strong:after { content: ""; position: absolute; left: calc((100% - 100px) / 2); bottom: 0px; width: 100px; height: 1px; background-color: #889BAA; } .specifications .stats .specification { } .specifications .stats .specification .specification-toggle { cursor: pointer; display: block; position: relative; padding-left: 30px; text-transform: uppercase; color: #000000; line-height: 40px; } .specifications .stats .specification .specification-toggle:hover { color: #0283B2; } .specifications .stats .specification .specification-toggle:before { content: ""; position: absolute; left: 7px; top: 12px; width: 2px; height: 16px; background-color: #0283B2; } .specifications .stats .specification .specification-toggle:after { content: ""; position: absolute; left: 0px; top: 18.5px; width: 16px; height: 2px; background-color: #0283B2; } .specifications .stats .specification .specification-content { display: none; position: relative; padding: 20px 0px 20px 30px; } .specifications .stats .specification .specification-content { } .specifications .stats .specification .specification-content ul { list-style: none; padding: 0px; margin: 0px; } .specifications .stats .specification .specification-content ul li {font-size: 13px;line-height: 20px;} .specifications .stats .specification .specification-content.padding ul li { padding-bottom: 10px; } .specifications .info {font-size: 18px;text-align: center;} @media (max-width: 782px) { .specifications .stats .specification:first-child { margin-top: 60px; } .specifications .stats .specification:last-child { margin-bottom: 30px; } .specifications .stats .specification { text-align: center; } .specifications .stats .specification .specification-toggle { display: inline-block; } } @media (min-width: 1480px) { .specifications .stats .specification { position: relative; } .specifications .stats .specification:before { content: ""; position: absolute; left: 0px; top: 45px; width: 50px; height: 1px; background-color: #889BAA; } .specifications .stats .specification .specification-content:not(.padding) ul li { position: relative; padding-left: 9px; } .specifications .stats .specification .specification-content:not(.padding) ul li:before { position: absolute; top: 6px; left: 0px; content: ""; height: 3px; width: 3px; border-radius: 3px; background-color: #889BAA; } } @media (min-width: 782px) and (max-width: 1479px) { .specifications .stats .specification { text-align: center; } .specifications .stats .specification .specification-toggle { display: inline-block; } .specifications .stats .floating { overflow: hidden; padding: 60px 0px 0px 0px; } .specifications .stats .specification { float: left; width: calc(100% / 3); } } @media (min-width: 1480px) { .specifications { position: relative; } .specifications .stats .floating {position: absolute;top: 300px;left: calc((95% - 1040px - 220px) / 2);} .specifications .stats .specification { max-width: 200px; padding: 5px 10px 0px 10px ; } } .slick { background-color: #1A1A1A; } .slick.slick-slider { } .slick.slick-slider .slick-list { height: 100%; } .slick.slick-slider .slick-list .slick-track { height: 100%; } .slick.slick-slider .slick-list .slick-track .slick-slide { height: 100%; text-align: center; background-size: cover; background-position: center center; } .slick.slick-slider .slick-list .slick-track .slick-slide h2 { text-transform: uppercase; color: #FFFFFF; position: relative; } .slick.slick-slider .slick-list .slick-track .slick-slide h2:before { content: ""; position: absolute; top: 0px; left: calc((100% - 100px) / 2); width: 100px; height: 4px; background-color: #FFFFFF; } .slick.slick-slider .slick-list .slick-track .slick-slide h2:after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 100px) / 2); width: 100px; height: 4px; background-color: #FFFFFF; } .slick.slick-slider .slick-arrow {cursor: pointer;z-index: 7000;position: absolute;top: calc((100% - 52px) / 2);padding: 15px;overflow: hidden;display: none!important;} .slick.slick-slider .slick-arrow:before { content: ""; position: absolute; top: 0px; left: calc((100% - 50px) / 2); width: 50px; height: 2px; background-color: #FFFFFF; } .slick.slick-slider .slick-arrow:after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 50px) / 2); width: 50px; height: 2px; background-color: #FFFFFF; } .slick.slick-slider .slick-arrow img { float: left; } .contact { } .contact .form { background-color: #e4e2e3; padding: 60px 30px 60px 30px; background-image: url('assets/img/contact.jpg'); background-position: bottom center; background-repeat: no-repeat; } .contact .form .wpcf7 { margin: 0px auto; max-width: 720px; } .contact .form .wpcf7 .input input[type="text"], .contact .form .wpcf7 .input input[type="email"], .contact .form .wpcf7 .input input[type="tel"], .contact .form .wpcf7 .input textarea { display: block; width: 100%; outline: none; line-height: 20px; padding: 6px 12px; border: 0px; background-color: #FFFFFF; margin-bottom: 10px; } .contact .form .wpcf7 .input textarea { min-height: 240px; } .contact .form .wpcf7 .input input[type="text"]:focus, .contact .form .wpcf7 .input input[type="email"]:focus, .contact .form .wpcf7 .input input[type="tel"]:focus { outline: none; } .contact .form .wpcf7 .submit input { overflow: hidden; } .contact .form .wpcf7 .submit input[type="submit"] { padding-right: 30px; float: right; border: 0px; background-color: #0283B2; color: #FFFFFF; background-image: url('assets/img/arrow-next.png'); background-position: right center; background-size: 20px auto; background-repeat: no-repeat; } .contact .disclaimer { background-color: #889baa; color: #FFFFFF; padding: 60px 30px 60px 30px; font-size: 12px; line-height: 20px; } .contact .disclaimer h3 { text-transform: uppercase; line-height: 40px; text-align: center; } .contact .disclaimer p { margin: 0px auto; max-width: 1040px; } .rates { line-height: 20px; padding: 0px 30px 60px 30px; position: relative; } .rates .lastline {text-align:center;margin-top: 20px;} .rates .title { padding: 0px 0px 30px 0px; } .rates .row { margin: 0px auto; max-width: 800px; overflow: hidden; } .rates .row .col { width: 50%; } .rates .row .col strong { color: #000000; } .rates .row .col table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-top: 20px; } .rates .row .col table tr { } .rates .row .col table tr td { padding: 10px 0px 10px 0px; } .rates .row .col table tr td:first-child { width: 40%; } .rates .row .col table tr td:last-child { width: 60%; } .itinerarie-title { max-width: 1040px; margin: 0px auto; text-align: center; padding: 30px 15px 30px 15px; } .itinerarie-title h2 { font-size: 20px; color: #000000; text-transform: uppercase; position: relative; line-height: 50px; } .itinerarie-title h2:before { content: ""; position: absolute; left: calc(50% - 16px); top: 0px; width: 32px; height: 2px; background-color: #000000; } .itinerarie-title h2:after { content: ""; position: absolute; left: calc(50% - 16px); bottom: 0px; width: 32px; height: 2px; background-color: #000000; } .itinerarie-description { max-width: 1040px; margin: 0px auto; text-align: center; padding: 30px 15px 30px 15px; } .itinerarie-image { overflow: hidden; } .itinerarie-image img { width: 100%; height: auto; float: left; } .itinerarie-images { overflow: hidden; } .itinerarie-images .image { float: left; } .itinerarie-images .image:nth-child(2) { width: 900px; } .itinerarie-images .image img { float: left; width: 100%; } .itineraries .croatia {font-size: 18px;max-width: 1040px;margin: 0px auto;text-align: center;padding: 30px 15px 60px 15px;} .itineraries .italy {font-size: 18px;max-width: 1040px;margin: 0px auto;text-align: center;padding: 30px 15px 60px 15px;} .itineraries .greece {font-size: 18px;max-width: 1040px;margin: 0px auto;text-align: center;padding: 30px 15px 60px 15px;} .itineraries .location { width: 100vw;background-repeat: no-repeat;background-size: 1920px!important;} .itineraries .location .location-image { overflow: hidden; } .itineraries .location .location-image img { float: left; width: 100%; height: auto; } .itineraries .slider.slider-italy .location { background-image: url('assets/img/itinerarie-background-italy.jpg'); } .itineraries .slider.slider-greece .location { background-image: url('assets/img/itinerarie-background-greece.jpg'); } .itineraries .slider.slider-croatia .location { background-image: url('assets/img/itinerarie-background-croatia.jpg'); } .environment { background-color: #e4f1f6; padding: 60px 0px 60px 0px; } .environment h3 {text-transform: none;text-align: center;font-weight: normal;color: #000000;line-height: 60px;letter-spacing: 1px;font-size: 24px;} .environment ul { list-style: none; padding: 0px; margin: 0px; overflow: hidden; width: 980px; margin: 30px auto 30px auto; } .environment ul li {height: 105px;float: left;width: calc(100% / 10);min-width: 64px;padding: 64px 10px 10px 10px;background-position: top center;background-repeat: no-repeat;text-align: center;font-size: 12px;line-height: 15px;border-radius: 2px;background-size: 36px;} .environment ul li:hover {/* background-color: #FFFFFF; */} .environment ul li:nth-child(1) { background-image: url('assets/img/icon-1.png'); } .environment ul li:nth-child(2) { background-image: url('assets/img/icon-2.png'); } .environment ul li:nth-child(3) { background-image: url('assets/img/icon-3.png'); } .environment ul li:nth-child(4) { background-image: url('assets/img/icon-4.png'); } .environment ul li:nth-child(5) { background-image: url('assets/img/icon-5.png'); } .environment ul li:nth-child(6) { background-image: url('assets/img/icon-6.png'); } .environment ul li:nth-child(7) { background-image: url('assets/img/icon-7.png'); } .environment ul li:nth-child(8) { background-image: url('assets/img/icon-8.png'); } .environment ul li:nth-child(9) { background-image: url('assets/img/icon-9.png'); } .environment ul li:nth-child(10) {background-image: url('assets/img/icon-10.png');background-size: 47px;background-position-x: 24px;} @media (max-width: 782px) { .environment ul { width: 100%; } .environment ul li { width: calc(100% / 3); } .environment ul li:nth-child(10){ margin-left: calc(100% / 3); } } @media (min-width: 783px) and (max-width: 979px) { .environment ul { width: 100%; } .environment ul li { width: calc(100% / 5); } } @media (min-width: 980px) { .environment ul { width: 980px; } .environment ul li {width: calc(100% / 10);} } .itineraries .location {line-height: 24px;} @media (max-width: 782px) { body .top { } body .top .container { overflow: hidden; } body .top .container .logo { padding: 18px 15px 18px 15px; float: left; } body .top .container .logo img { height: 24px; } body .top .container .navigation { z-index: -1000; position: fixed; top: -100vh; left: 0px; width: 100vw; height: calc(100vh - 60px); overflow: hidden; background-color: #FFFFFF; } body.navigate .top .container .navigation { top: 60px; } body .top .container .navigation .container { display: table; width: 100%; height: 100%; } body .top .container .navigation .container ul { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } body .top .container .navigation .container ul li { line-height: 34px; text-align: center; margin: 10px 0px 10px 0px; } body .top .container .navigation .container ul li.navigation-current { position: relative; } body .top .container .navigation .container ul li.navigation-current:before { content: ""; position: absolute; top: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .navigation .container ul li.navigation-current:after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .hamburger { display: block; } body .top .container .hamburger { z-index: 9999; cursor: pointer; position: fixed; top: 0px; right: 0px; width: 60px; height: 60px; } body .top .container .hamburger span { position: absolute; width: 30px; height: 4px; background: #000000; display: block; top: 28px; left: 15px; } body .top .container .hamburger span:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000000; display: block; top: -10px; left: 0; } body .top .container .hamburger span:after { content: ''; position: absolute; width: 100%; height: 100%; background: #000000; display: block; top: 10px; left: 0; } body .top .container .hamburger:hover span:before, body .top .container .hamburger:hover span, body .top .container .hamburger:hover span:after { } body.navigate .top .container .hamburger span:before { top: 0; } body.navigate .top .container .hamburger span { background: transparent; left: 15px; } body.navigate .top .container .hamburger span:after { top: 0; } .welcome .info .items .item .item-image { height: 200px; background-size: cover; background-position: center center; } .welcome .info .items .item hr { display: none; } .sections .section .section-title .title h2 { padding-top: 30px; line-height: 80px; font-size: 36px; } .slick { height: 100vh; } .slick.slick-slider .slick-arrow.slick-prev { left: 15px; } .slick.slick-slider .slick-arrow.slick-next { right: 15px; } .slick.slick-slider .slick-list .slick-track .slick-slide { position: relative; } .slick.slick-slider .slick-list .slick-track .slick-slide h2 { position: absolute; top: 25%; left: 0px; width: 100%; line-height: 60px; font-size: 30px; } .gallery .items .item h3 { width: 100%; text-align: center; } .gallery .items .item h3:before { left: calc((100% - 32px) / 2); } .gallery .items .item h3:after { left: calc((100% - 32px) / 2); } .specifications .stats .numbers ul li { font-size: 20px; } .specifications .stats .numbers ul li strong { line-height: 80px; font-size: 60px; } .specifications .image ul li { cursor: pointer; width: calc(100% / 2); } .rates .row { } .rates .row .col { width: 100%; } .rates .row .col strong { text-align: center; } .itinerarie-photos {display: inline-block;} .itinerarie-photos .photos { } .itinerarie-photos .photos .photo {overflow: hidden;width: 50%;float: left;display: table;} .itinerarie-photos .photos .photo img { float: left; width: 100%; border-bottom: 4px solid #FFFFFF; } div.itinerarie-photos > div:nth-child(3) > div:nth-child(2) {width:100%;} .itineraries .location { position: relative; height: 640px; background-size: 1100px auto; background-position: center -71px; } .itineraries .slider.slider-italy .location { position: relative; height: 640px; background-size: 1100px auto; background-position: center -115px; } .itineraries .slider.slider-croatia .location { position: relative; height: 640px; background-size: 1100px auto; background-position: calc(50% + 20px) -195px; } .itineraries .slider.slider-greece .location { position: relative; height: 640px; background-size: 1100px auto; background-position: center -115px; } .itineraries .slider { height: 640px; } .itineraries .location .location-information { position: absolute; bottom: 0px; left: 20px; width: calc(100% - 40px); background-color: rgb(255, 255, 255, 0.75); padding: 20px; text-align: center ; } .itineraries .location .location-information h3 { color: #0283B2; font-weight: normal; margin-bottom: 20px; } ul.slick-dots { list-style: none; padding: 0px; margin: 0px; } ul.slick-dots li { position: absolute; top: 0px; left: 0px; } /* ul.slick-dots li:nth-child(1) { left: calc(((100% - 15px) / 2) - 67px); top: 89px; } ul.slick-dots li:nth-child(2) { left: calc(((100% - 15px) / 2) - 98px); top: 84px; } ul.slick-dots li:nth-child(3) { left: calc(((100% - 15px) / 2) - 65px); top: 117px; } ul.slick-dots li:nth-child(4) { left: calc(((100% - 15px) / 2) - 11px); top: 148px; } ul.slick-dots li:nth-child(5) { left: calc(((100% - 15px) / 2) + 35px); top: 159px; } ul.slick-dots li:nth-child(6) { left: calc(((100% - 15px) / 2) + 79px); top: 190px; } ul.slick-dots li:nth-child(7) { left: calc(((100% - 15px) / 2) + 68px); top: 168px; } ul.slick-dots li button { cursor: pointer; padding: 0px; overflow: hidden; color: #0283B2; width: 10px; height: 10px; background-color: #0283B2; border: 1px solid #FFFFFF; border-radius: 10px; } ul.slick-dots li.slick-active button { color: #FFFFFF; background-color: #FFFFFF; border: 1px solid #0283B2; border-radius: 10px; } ul.slick-dots li button:focus { outline: none; } */ .slider.slider-italy ul.slick-dots li:nth-child(1) {left: calc(((100% - 20px) / 2) - 65px); top: calc(467px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) + 80px); top: calc(432px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) + 138px); top: calc(461px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) + 114px); top: calc(504px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 55px); top: calc(188px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 39px); top: calc(168px - 120px); } .slider.slider-italy ul.slick-dots li:nth-child(7) { left: calc(((100% - 20px) / 2) + 15px); top: calc(164px - 120px); } .slider.slider-croatia ul.slick-dots li:nth-child(1) {left: calc(((100% - 20px) / 2) - 121px + 20px); top: calc(295px - 200px);} .slider.slider-croatia ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) - 177px + 20px); top: calc(281px - 200px); } .slider.slider-croatia ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) - 114px + 20px); top: calc(341px - 200px); } .slider.slider-croatia ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) - 22px + 20px); top: calc(394px - 200px); } .slider.slider-croatia ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 62px + 20px); top: calc(413px - 200px); } .slider.slider-croatia ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 140px + 20px); top: calc(463px - 200px); } .slider.slider-croatia ul.slick-dots li:nth-child(7) { left: calc(((100% - 20px) / 2) + 117px + 20px); top: calc(425px - 200px); } .slider.slider-greece ul.slick-dots li:nth-child(1), .slider.slider-greece ul.slick-dots li:nth-child(7) {left: calc(((100% - 20px) / 2) - 12px); top: calc(227px - 120px);} .slider.slider-greece ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) + 8px); top: calc(262px - 120px); } .slider.slider-greece ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) + 24px); top: calc(288px - 120px); } .slider.slider-greece ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) + 60px); top: calc(310px - 120px); } .slider.slider-greece ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 65px); top: calc(378px - 120px); } .slider.slider-greece ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 74px); top: calc(426px - 120px); } ul.slick-dots li button { cursor: pointer; overflow: hidden; color: #0283B2; width: 20px; height: 20px; margin-top: -2.5px; margin-left: -2.5px; background-color: #0283B2; border: 3px solid #FFFFFF; border-radius: 15px; } ul.slick-dots li.slick-active button { color: #FFFFFF; background-color: #FFFFFF; border: 3px solid #0283B2; border-radius: 15px; } ul.slick-dots li button:focus { outline: none; } ul.slick-dots li button:hover {box-shadow: 0px 0px 10px #0183b2;/* border: 1px solid #0183b2; */} } @media (min-width: 784px) { body .top { } body .top .container { max-width: 1280px; margin: 0px auto; overflow: hidden; position: relative; } body .top .container .logo { float: left; padding: 58px 30px 58px 30px; } body.scrolled .top .container .logo { float: left; padding: 30px 30px 30px 30px; } body .top .container .logo img { height: 34px; } body .top .container .navigation { position: absolute; top: 0px; right: 0px; display: block; } body .top .container .navigation .container { padding: 58px 30px 58px 30px; } body.scrolled .top .container .navigation .container { padding: 30px 30px 30px 30px; } body .top .container .navigation .container ul { overflow: hidden; position: relative; } body .top .container .navigation .container ul li { float: left; } body .top .container .navigation .container ul li.navigation-current { position: relative; } /* body .top .container .navigation .container ul .menu-current { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 34px; height: 34px; } body .top .container .navigation .container ul .menu-current:before { content: ""; position: absolute; top: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #CDCDCD; } body .top .container .navigation .container ul .menu-current:after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #CDCDCD; } */ body .top .container .navigation .container ul li.navigation-current:before { content: ""; position: absolute; top: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .navigation .container ul li.navigation-current:after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .navigation .container ul li:hover:not(.navigation-current) { position: relative; } body .top .container .navigation .container ul li:hover:not(.navigation-current):before { content: ""; position: absolute; top: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .navigation .container ul li:hover:not(.navigation-current):after { content: ""; position: absolute; bottom: 0px; left: calc((100% - 34px) / 2); width: 34px; height: 4px; background-color: #0283B2; } body .top .container .navigation .container ul li a {line-height: 34px;padding: 1px 18px 0px 18px;} body .top .container .hamburger { z-index: 9999; cursor: pointer; position: fixed; top: 0px; right: -60px; width: 60px; height: 60px; } .sections .section .section-title .title h2 {line-height: 120px;font-size: 32px;margin-top: 80px;} .slick { height: 100vh; } .slick.slick-slider .slick-arrow.slick-prev { left: 80px; } .slick.slick-slider .slick-arrow.slick-next { right: 80px; } .slick.slick-slider .slick-list .slick-track .slick-slide { position: relative; } .slick.slick-slider .slick-list .slick-track .slick-slide h2 {position: absolute;top: 25%;left: 0px;width: 100%;line-height: 80px;font-weight: 800;font-size: 40px;text-shadow: 1px 0 white;} .welcome .info .items { overflow: hidden; } .welcome .info .items .item { float: left; width: calc(100% / 3); } .gallery { } .gallery .items { overflow: hidden; padding: 10px; } .gallery .items .item {margin: 10px;float: left;width: calc((100% / 3) - 20px);/* width: calc((100% / 2) - 20px); */} .gallery .items .item h3 { left: 30px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .gallery .items .item h3:before { left: 0px; } .gallery .items .item h3:after { left: 0px; } .rates .row { overflow: hidden; } .rates .row .col { float: left; width: 50%; } .rates .row .col:nth-child(1) { padding-right: 20px; } .rates .row .col:nth-child(2) { padding-left: 20px; } .welcome .info .items .item:nth-child(1), .welcome .info .items .item:nth-child(3) { width: calc((100% - 400px) / 2); } .welcome .info .items .item:nth-child(2) { width: 400px; } .welcome .info .items .item .item-image { height: 200px; background-size: cover; background-position: center center; } .specifications .stats .numbers ul li {font-size: 30px;font-weight: 300;} .specifications .stats .numbers ul li strong {line-height: 120px;font-size: 80px;font-weight: 400;} .specifications .image ul li { cursor: pointer; width: calc(100% / 4); } .specifications .image ul li img:hover { transform: scale(1.05); } .itinerarie-photos { width: 100%; display: table; border-bottom: 4px solid #FFFFFF; } .itinerarie-photos .photos { display: table-cell; vertical-align: top; } .itinerarie-photos .photos:nth-child(1) { width: 25%; } .itinerarie-photos .photos:nth-child(2) { width: 50%; } .itinerarie-photos .photos:nth-child(3) { width: 25%; } .itinerarie-photos .photos:nth-child(3) .photo { } .itinerarie-photos .photos:nth-child(3) .photo img {width: 100%;} .itinerarie-photos .photos .photo {width: 100%;overflow: hidden;} .itinerarie-photos .photos .photo img { width: 100%; float: left; } .itinerarie-photos .photos:nth-child(1) img { width: 100%; float: left; } .itinerarie-photos .photos img:hover { /* transform: scale(1.05); */ } .itineraries .location {height: 1190px;background-position: center 3px;background-size: 100%;} .itineraries .slider {height: 860px;} .itineraries .location .location-information {position: absolute;bottom: 430px;left: auto;width: 100%;text-align: center;} .itineraries .location .location-information .information {padding: 20px;background-color: white;border-radius: 30px;box-shadow: 1px 5px 10px #849aad7a;min-height: 220px;} .itineraries .location .location-information .information p {text-align:left;color: #849aad;font-size: 14px;} .itineraries .location .location-information h3 {color: #0183b2;font-weight: normal;font-size: 20px;margin-bottom: 20px;text-align: center;} .location .information {margin-left: 0px;margin: auto;max-width: 610px;width: auto;} ul.slick-dots { list-style: none; padding: 0px; margin: 0px; } ul.slick-dots li { position: absolute; top: 0px; left: 0px; } /* .slider.slider-croatia ul.slick-dots li:nth-child(1) {left: calc(((100% - 16px) / 2) - 123px);top: 291px;} .slider.slider-croatia ul.slick-dots li:nth-child(2) { left: calc(((100% - 15px) / 2) - 178px); top: 277px; } .slider.slider-croatia ul.slick-dots li:nth-child(3) { left: calc(((100% - 15px) / 2) - 118px); top: 337px; } .slider.slider-croatia ul.slick-dots li:nth-child(4) { left: calc(((100% - 15px) / 2) - 25px); top: 392px; } .slider.slider-croatia ul.slick-dots li:nth-child(5) { left: calc(((100% - 15px) / 2) + 56px); top: 411px; } .slider.slider-croatia ul.slick-dots li:nth-child(6) { left: calc(((100% - 15px) / 2) + 133px); top: 463px; } .slider.slider-croatia ul.slick-dots li:nth-child(7) { left: calc(((100% - 15px) / 2) + 114px); top: 423px; } */ .slider.slider-italy ul.slick-dots li:nth-child(1) {left: calc(((100% - 20px) / 2) - 65px); top: calc(467px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) + 80px); top: calc(432px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) + 138px); top: calc(461px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) + 114px); top: calc(504px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 55px); top: calc(188px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 39px); top: calc(168px + 0px); } .slider.slider-italy ul.slick-dots li:nth-child(7) { left: calc(((100% - 20px) / 2) + 15px); top: calc(164px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(1) {left: calc(((100% - 20px) / 2) - 121px); top: calc(295px + 0px);} .slider.slider-croatia ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) - 177px); top: calc(281px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) - 114px); top: calc(341px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) - 22px); top: calc(394px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 62px); top: calc(413px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 140px); top: calc(463px + 0px); } .slider.slider-croatia ul.slick-dots li:nth-child(7) { left: calc(((100% - 20px) / 2) + 117px); top: calc(425px + 0px); } .slider.slider-greece ul.slick-dots li:nth-child(1), .slider.slider-greece ul.slick-dots li:nth-child(7) {left: calc(((100% - 20px) / 2) - 12px); top: calc(227px + 0px);} .slider.slider-greece ul.slick-dots li:nth-child(2) { left: calc(((100% - 20px) / 2) + 8px); top: calc(262px + 0px); } .slider.slider-greece ul.slick-dots li:nth-child(3) { left: calc(((100% - 20px) / 2) + 24px); top: calc(288px + 0px); } .slider.slider-greece ul.slick-dots li:nth-child(4) { left: calc(((100% - 20px) / 2) + 60px); top: calc(310px + 0px); } .slider.slider-greece ul.slick-dots li:nth-child(5) { left: calc(((100% - 20px) / 2) + 65px); top: calc(378px + 0px); } .slider.slider-greece ul.slick-dots li:nth-child(6) { left: calc(((100% - 20px) / 2) + 74px); top: calc(426px + 0px); } ul.slick-dots li button { cursor: pointer; overflow: hidden; color: #0283B2; width: 20px; height: 20px; margin-top: -2.5px; margin-left: -2.5px; background-color: #0283B2; border: 3px solid #FFFFFF; border-radius: 15px; } ul.slick-dots li.slick-active button { color: #FFFFFF; background-color: #FFFFFF; border: 3px solid #0283B2; border-radius: 15px; } ul.slick-dots li button:focus { outline: none; } ul.slick-dots li button:hover {box-shadow: 0px 0px 10px #0183b2;/* border: 1px solid #0183b2; */} } .itinerarie-photos .photos img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .welcome .info .items .item { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .welcome .info .items .item .item-image { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .welcome .info .items .item .item-image .item-image-overlay { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .gallery .items .item { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .gallery .items .item:before { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .slick-slide { outline: none !important; } ::selection { background: #889BAA; color: #FFFFFF; } ::-moz-selection { background: #889BAA; color: #FFFFFF; } .tender-and-toys {/* display: none!important; */} html.magnifying > body { overflow-x: hidden !important; } .magnify, .magnify > .magnify-lens, .magnify-mobile, .lens-mobile { /* Reset */ min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none; } .mynoorimage .magnify { position: relative; width: auto; height: auto; box-shadow: none; display: inline-block; z-index: inherit; } .magnify > .magnify-lens { /* Magnifying lens */ position: absolute; width: 200px; height: 200px; border-radius: 100%; /* Multiple box shadows to achieve the glass lens effect */ box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); cursor: none; display: none; z-index: 99; } .magnify > .magnify-lens.loading { background: #333 !important; opacity: 0.8; } .magnify > .magnify-lens.loading:after { /* Loading text */ position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: 'Loading...'; font: italic normal 16px/1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; } .newitineraries { } .newitineraries ul.newitinerariesul { padding: 0px; margin: 0px; list-style: none; max-width: 1040px; margin: 0px auto; text-align: center; padding: 30px 15px 30px 15px; } .newitineraries ul.newitinerariesul li { cursor: pointer; display: inline-block; width: calc(100% / 3); } .newitineraries ul.newitinerariesul li { letter-spacing: 3px; font-weight: 900; font-size: 20px; color: #889BAA; text-transform: uppercase; position: relative; line-height: 50px; } .newitineraries ul.newitinerariesul li:before { content: ""; position: absolute; left: calc(50% - 16px); top: 0px; width: 32px; height: 2px; background-color: #889BAA; } .newitineraries ul.newitinerariesul li:after { content: ""; position: absolute; left: calc(50% - 16px); bottom: 0px; width: 32px; height: 2px; background-color: #889BAA; } .newitineraries ul.newitinerariesul li.active { color: #000000; } .newitineraries ul.newitinerariesul li.active:before { background-color: #000000; } .newitineraries ul.newitinerariesul li.active:after { background-color: #000000; } .newitineraries .newitinerarie { display: none; } .newitineraries .newitinerarie.active { display: block; } .newitineraries .newitinerarie .itinerarie-title { display: none; } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .crew .info {font-size: 18px;max-width: 1200px;margin: 0px auto;text-align: center; padding: 30px 15px 60px 15px;} .crew .info .crewmembers { padding: 10px; overflow: hidden; margin: 60px -10px 0px -10px; } .crew .info .crewmembers .crewmember {display: block;margin: 10px;float: left;position: relative;} .crew .info .crewmembers .crewmember img {float: left;width: 100%;height: auto;padding: 0px;} .crew .info .crewmembers .crewmember .crewmember-name { position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); text-align: left; padding: 10px 0px 10px 0px; } .crew .info .crewmembers .crewmember .crewmember-name:before { content: ""; position: absolute; top: 0px; width: 32px; height: 4px; background-color: #FFFFFF; } .crew .info .crewmembers .crewmember .crewmember-name:after { content: ""; position: absolute; bottom: 0px; width: 32px; height: 4px; background-color: #FFFFFF; } .crew .info .crewmembers .crewmember .crewmember-name h3 { margin: 0px; padding: 0px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; line-height: 20px; white-space: nowrap; letter-spacing: -0.5px; } .crew .info .crewmembers .crewmember .crewmember-name p { margin: 0px; padding: 0px; color: #FFFFFF; font-size: 18px; line-height: 20px; white-space: nowrap; } .crew .info .crewmembers .crewmember { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .crew .info .crewmembers .crewmember:hover { transform: scale(1.05); } #crew { } #crew .popups { } #crew .popups .popup { display: none; } #crew .popups .popup .popup-crew { } #crew .popups .popup .popup-crew img { width: 100%; height: auto;} #crew .popups .popup .popup-crew .crew-name { color: red; } .popup.fancybox-content {max-width: 720px;padding: 50px;} .popup.fancybox-content .fancybox-close-small { display: none; } .popup.fancybox-content .popup-crew { } .popup.fancybox-content .popup-crew img {width: 100%;height: auto;} .popup.fancybox-content .popup-crew .crew-name { color: #000000; text-align: center; margin: 30px 0px; position: relative; padding: 10px 0px; } .popup.fancybox-content .popup-crew .crew-name:before { content: ""; position: absolute; top: 0px; left: calc(50% - 16px); width: 32px; height: 4px; background-color: #000000; } .popup.fancybox-content .popup-crew .crew-name:after { content: ""; position: absolute; bottom: 0px; left: calc(50% - 16px); width: 32px; height: 4px; background-color: #000000; } .popup.fancybox-content .popup-crew .crew-name h3 { margin: 0px; padding: 0px; text-transform: uppercase; font-size: 18px; line-height: 30px; white-space: nowrap; letter-spacing: -0.5px; } .popup.fancybox-content .popup-crew .crew-name p { margin: 0px; padding: 0px; font-size: 15px; line-height: 30px; white-space: nowrap; } .popup.fancybox-content .popup-crew .crew-description { color: #000000; } .popup.fancybox-content .popup-crew .crew-back { padding: 20px 20px 0px 20px; text-align: center; } .popup.fancybox-content .popup-crew .crew-back a { color: #000000; font-weight: bold; text-decoration: underline; } .popup.fancybox-content .popup-crew .crew-back a:hover { text-decoration: none; } @media (max-width: 767px) { .crew .info .crewmembers .crewmember { width: calc(100% / 1 - 20px); } } @media (min-width: 768px) { .crew .info .crewmembers .crewmember {width: calc(100% / 5 - 20px);border: 10px solid white;} } #crew > div.section-title > div > h2 {margin-top:0px}