/* site.css: the site stylesheet since 1.1.0. Built once from the files named below, in their old load order; edit this file directly. */ /* ==== critical (from css.html) ==== */ body{margin:0;padding:0;color:#888;font-weight:lighter;overflow-x:hidden}.contactform input[type=submit],.contactform input[type=text],.contactform textarea,.newsletterfooter input[type=text], .newsletterfooter input[type=email],.rightsearchopen input[type=text],body,h1,h2,h3,h4,input[type=submit],input[type=text],p,textarea{font-family:Signika,sans-serif}h1{color:#5e6d81;font-size:30px;margin:0;padding:0;font-weight:600}h2{color:#7d7d7d;font-size:25px;margin:0;padding:0;font-weight:400}h3{color:#b1bac3;font-size:20px;margin:0;padding:0;font-weight:400}h4{color:#0c0e10;font-size:17px;margin:0;padding:0;font-weight:lighter}p{color:#383535;font-size:17px;margin:0;padding:0;font-weight:lighter}a{text-decoration:none}a img{border:0}input[type=text]{width:96%;float:left;border:0;background-color:#f9fafc;padding:0 2%;height:50px;color:#a9a9a9;font-size:13px;font-style:italic;font-weight:400;-webkit-box-shadow:inset 0 0 0 1px #f4f4f6;box-shadow:inset 0 0 0 1px #f4f4f6}input[type=submit]{float:left;background-color:#1abc9c;cursor:pointer;border:0;font-size:15px;color:#fff;margin:0;padding:10px 20px}header{float:left;width:100%;position:fixed;z-index:999;top:0;left:0}header select{float:right;width:100px;display:none;border:1px solid #ebeef2;padding:10px;margin:10px 0;background-color:#f9fafc;-webkit-appearance:none}.navigationmenulight{background-color:#fff;-moz-box-shadow:0 1px 10px #ebeef2;-webkit-box-shadow:0 1px 10px #ebeef2;box-shadow:0 1px 10px #ebeef2}.navigationmenulight select{border:1px solid #ebeef2;background-color:#f9fafc;color:#5e6d81}.logo{margin:10px 0;float:left;}.leftmenuclose{float:left;cursor:pointer;position:absolute;z-index:1}.leftmenuclose img{float:left}.leftmenuopen{width:300px;height:100%;position:fixed;left:-305px;z-index:9999;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}.leftmenuopendark{background-color:#434a54;-moz-box-shadow:0 0 5px #434a54;-webkit-box-shadow:0 0 5px #434a54;box-shadow:0 0 5px #434a54}.leftmenuopendark ul li p{color:#fff}.leftmenuopendark ul li p a{color:#b3bbc6}.leftmenuopendark .evidenceleftmenu{background-color:#4a515b;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}.leftmenuopendark .evidenceleftmenu p{color:#fff}.leftmenuopendark ul li{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}.leftmenuopen ul{margin:0;padding:0;float:left;width:100%}.leftmenuopen ul li{margin:0;padding:0;float:left;width:100%}.leftmenuopen ul li p{font-size:15px;padding:20px}.leftmenuopen ul li p a{background-image:url(/img/header/leftmenuarrow.webp);background-repeat:no-repeat;background-position:right;display:block;width:100%}.evidenceleftmenu{font-size:17px;text-transform:uppercase}.titlecloseleftmenu{background-color:#f5696c;color:#fff;padding:20px;background-image:url(/img/header/leftmenuopen.webp);background-position:right;background-repeat:no-repeat;cursor:pointer}.rightsearchclose{float:right;position:absolute;right:0}.rightsearchclose img{float:right}.rightsearchclose{float:right;cursor:pointer}.rightsearchopen{width:300px;position:fixed;right:-305px;z-index:9999;background-color:#1abc9c;color:#fff;padding:0;background-image:url(/img/header/rightsearchopen.webp);background-position:right;background-repeat:no-repeat;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}.rightsearchopenclose{float:right;width:30px;height:20px;cursor:pointer;margin:20px}.rightsearchopen input[type=submit],.rightsearchopen label,rightsearchopen select{display:none}.rightsearchopen form{float:left;margin:0;padding:0;width:220px}.rightsearchopen select{float:left;margin:20px 0 0 20px;margin-bottom:0;padding:8px;border:0;color:#fff;font-size:17px;font-weight:400;background-color:transparent;width:185px;height:auto;border-bottom:1px solid #000;-webkit-box-shadow:inset 0 0 0 0 #f4f4f6;box-shadow:inset 0 0 0 0 #f4f4f6}.rightsearchopen select option{margin:40px;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4)}.gridnavigation{margin:0 10px!important}.menufilter{float:left;width:100%;height:3px;background-image:url(/img/header/filtermenu.webp);background-position:right;background-repeat:no-repeat}#homeservices{background-color:#434a54}.homeservice h2,.homeservice p{color:#b3bbc6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.homeservice{margin-top:0!important;margin-bottom:0!important;border-top:4px solid #55738f;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.homeservice p{font-size:15px;margin:10px 0 20px 0}.homeservice h2{margin-top:20px;display:inline-block}.imgservice{width:100%;float:left;z-index:999;margin-top:-70px}.imgserviceopen{width:100%;float:left;position:relative;background-color:#f36;margin-top:-4px;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.imgserviceopen img{position:absolute;bottom:0;left:0;width:100%;height:0}.percentagehome{position:relative;z-index:98;margin:auto}#homepromotions .container div{text-align:center}#homepromotions h1{margin-bottom:10px}.member{text-align:center;float:left;width:100%;background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f4f4f6;box-shadow:inset 0 0 0 1px #f4f4f6}.membername{float:left;width:100%;background-color:#434a54;color:#fefffc;padding:20px 0}.memberposition{float:left;width:100%;margin:0;padding:10px 0;font-size:15px;background-color:#1bbc9b;color:#fff}.memberdescription{display:inline-block;padding:20px;font-size:15px}.imgmember{float:left;width:100%}.imgmember img{float:left;width:100%}.imgclient{float:left;width:100%;background-color:#f9fafc;text-align:center;-webkit-transition:background .8s ease;-moz-transition:background .8s ease;-o-transition:background .8s ease;-ms-transition:background .8s ease;transition:background .8s ease;-webkit-box-shadow:inset 0 0 0 1px #f4f4f6;box-shadow:inset 0 0 0 1px #f4f4f6}.imgclient img{display:block;margin:35px auto;width:80%}#footer{float:left;width:100%;background-color:#434a54;margin-top:10px}.gridfooter{padding:50px 10px;margin:0 0!important}#copyright{float:left;width:100%;background-color:#4a515b;text-align:center}#copyright p{font-size:15px;color:#fff;margin:10px 0}#footer h3,#footer p{margin:10px 0;float:left;width:100%}#footer p{color:#fff}.newsletterfooter{float:left;width:100%;margin:20px 0}.newsletterfooter input[type=text], .newsletterfooter input[type=email]{float:left;margin:0;padding:0 10px;border:0;height:40px;background-color:#4a515b;color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f4f4f6;box-shadow:inset 0 0 0 1px #f4f4f6}.grid_3 .newsletterfooter input[type=text], .grid_3 .newsletterfooter input[type=email]{width:220px}.newsletterfooter input[type=submit]{float:right;width:40px;height:40px;background-color:#1abc9c;cursor:pointer;border:0;font-size:0;margin:0;padding:0;background-image:url(/img/footer/newslettersubmit.webp);background-repeat:no-repeat}.backtotop{float:right;background-color:#434a54}.backtotop img{padding:24px;float:left}.divider{float:left;width:100%}.divider span{height:1px;width:100px;background-color:#e5e5e5;margin:50px auto;display:block}.btnpromotion p{padding:15px 40px;font-size:20px;color:#fff;background-image:url(/img/promotion/filter.webp);background-repeat:no-repeat;background-position:right -20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.titlesection{text-align:center;padding:0 0 40px 0}.titlesection h4{margin-top:10px}.container{width:1200px;margin:auto;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.sectionhome{float:left;width:100%}.blue .areadmoresinglepostmasonry,.blue .arrowcarouselnext,.blue .arrowcarouselprev,.blue .btn,.blue .btngalleryarchivedestination,.blue .btngallerypage,.blue .datearchivesinglepost,.blue .datedayhometour,.blue .datesinglepost,.blue .filterinputicon,.blue .markercontactmap .circlemarker,.blue .memberposition,.blue .priceleftarchivetour,.blue .pricesingleproject,.blue .progressbartitle,.blue .readmoredestinationsingleproject,.blue .titleinfocontact,.blue .ui-tabs-active a,.blue .valueprice,.btnpromotion .blue{background-color:#005896}.sf-menu .blue{-webkit-box-shadow:inset 0 3px 0 0 #14b9d5;box-shadow:inset 0 3px 0 0 #14b9d5}.btnpromotion .green,.green .areadmoresinglepostmasonry,.green .arrowcarouselnext,.green .arrowcarouselprev,.green .btn,.green .btngalleryarchivedestination,.green .btngallerypage,.green .datearchivesinglepost,.green .datedayhometour,.green .datesinglepost,.green .filterinputicon,.green .markercontactmap .circlemarker,.green .memberposition,.green .priceleftarchivetour,.green .pricesingleproject,.green .progressbartitle,.green .readmoredestinationsingleproject,.green .titleinfocontact,.green .ui-tabs-active a,.green .valueprice{background-color:#1c673a}.sf-menu .green{-webkit-box-shadow:inset 0 3px 0 0 #1bbc9b;box-shadow:inset 0 3px 0 0 #1bbc9b}.btnpromotion .yellow,.yellow .areadmoresinglepostmasonry,.yellow .arrowcarouselnext,.yellow .arrowcarouselprev,.yellow .btn,.yellow .btngalleryarchivedestination,.yellow .btngallerypage,.yellow .datearchivesinglepost,.yellow .datedayhometour,.yellow .datesinglepost,.yellow .filterinputicon,.yellow .markercontactmap .circlemarker,.yellow .memberposition,.yellow .priceleftarchivetour,.yellow .pricesingleproject,.yellow .progressbartitle,.yellow .readmoredestinationsingleproject,.yellow .titleinfocontact,.yellow .ui-tabs-active a,.yellow .valueprice{background-color:#6d5205}.sf-menu .yellow{-webkit-box-shadow:inset 0 3px 0 0 #ffd205;box-shadow:inset 0 3px 0 0 #ffd205}.evidenceleftmenu .orange{-webkit-box-shadow:inset 3px 0 0 0 #f3a46b;box-shadow:inset 3px 0 0 0 #f3a46b}.btnpromotion .red,.red .areadmoresinglepostmasonry,.red .arrowcarouselnext,.red .arrowcarouselprev,.red .btn,.red .btngalleryarchivedestination,.red .btngallerypage,.red .datearchivesinglepost,.red .datedayhometour,.red .datesinglepost,.red .filterinputicon,.red .markercontactmap .circlemarker,.red .memberposition,.red .priceleftarchivetour,.red .pricesingleproject,.red .progressbartitle,.red .readmoredestinationsingleproject,.red .titleinfocontact,.red .ui-tabs-active a,.red .valueprice{background-color:#b9222d}.sf-menu .red{-webkit-box-shadow:inset 0 3px 0 0 #f76570;box-shadow:inset 0 3px 0 0 #f76570}.btnpromotion .violet,.violet .areadmoresinglepostmasonry,.violet .arrowcarouselnext,.violet .arrowcarouselprev,.violet .btn,.violet .btngalleryarchivedestination,.violet .btngallerypage,.violet .datearchivesinglepost,.violet .datedayhometour,.violet .datesinglepost,.violet .filterinputicon,.violet .markercontactmap .circlemarker,.violet .memberposition,.violet .priceleftarchivetour,.violet .pricesingleproject,.violet .progressbartitle,.violet .readmoredestinationsingleproject,.violet .titleinfocontact,.violet .ui-tabs-active a,.violet .valueprice{background-color:#4c225f}.sf-menu .violet{-webkit-box-shadow:inset 0 3px 0 0 #c377e4;box-shadow:inset 0 3px 0 0 #c377e4}.opacity{opacity:1;-webkit-transition:opacity;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transition:opacity;-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}.sf-menu .orange ul li:hover{-webkit-box-shadow:inset 3px 0 0 0 #f3a46b;box-shadow:inset 3px 0 0 0 #f3a46b}.btnpromotion{display:inline-block}body{-webkit-backface-visibility:hidden}.grid_3,.grid_4,.grid_6,.grid_12{margin:10px;float:left;display:inline;}.grid_3{width:280px;}.grid_4{width:380px;}.grid_6 {width:580px;}.grid_12{width:1180px;}.grid_11{width: 1280px;} .sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu li{position:relative}.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}.sf-menu>li{float:left}.sf-menu a{display:block;position:relative}.sf-menu{float:right;margin:0}.sf-menu ul{min-width:12em;background-image:url(/img/header/trianglemenulight.webp);background-repeat:no-repeat;background-position:25px 5px;padding-top:15px;margin-top:5px}.sf-menu a{padding:19px 25px;padding-top:20px;text-decoration:none;zoom:1}.sf-menu li ul a{padding:15px 25px}.sf-menu li{white-space:nowrap;-webkit-transition:background .2s;transition:background .2s}.navigationmenulight .sf-menu .evidencelabelmenu,.navigationmenulight .sf-menu li:hover{background:#f9fafc}.navigationmenulight .sf-menu a{color:#5e6d81}.navigationmenulight .sf-menu li a{border-left:1px solid #ebeef2}.navigationmenulight .sf-menu>li:last-child{border-right:1px solid #ebeef2}.navigationmenulight .sf-menu ul li{background:#fff;border-top:1px solid #ebeef2}.navigationmenulight .sf-menu li ul li:last-child{border-bottom:1px solid #ebeef2}.navigationmenulight .sf-menu li ul a{color:#a9a9a9;border-right:1px solid #ebeef2}.navigationmenulight .lastmenudropitem{border-bottom:1px solid #ebeef2}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dfeeff;border-top-color:rgba(212,212,212,.5)} /* ==== fonts.css: left out. Signika covers basic Latin only (no ğ ş İ), and the live site never loaded it ==== */ /* ==== style-lazy-webp.css ==== */ gerecaptcha-badge { display: none; } textarea { width: 96%; float: left; border: 0; background-color: #f9fafc; padding: 2%; height: 200px; color: #a9a9a9; font-size: 13px; font-style: italic; font-weight: 400; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } code { float: left; width: 100%; } .navigationmenudark { background-color: #434a54; -moz-box-shadow: 0 1px 10px #434a54; -webkit-box-shadow: 0 1px 10px #434a54; box-shadow: 0 1px 10px #434a54; } .navigationmenudark select { border: 1px solid #55738f; background-color: #434a54; color: #b3bbc6; } .leftmenuopendark .evidenceleftmenu:hover { background-color: #434a54; } .leftmenuopendark ul li:hover { background-color: #4a515b; } .leftmenuopenlight { background-color: #f9fafc; -moz-box-shadow: 0 0 5px #f9fafc; -webkit-box-shadow: 0 0 5px #f9fafc; box-shadow: 0 0 5px #f9fafc; } .leftmenuopenlight ul li p { color: #a9a9a9; } .leftmenuopenlight ul li p a { color: #a9a9a9; } .leftmenuopenlight .evidenceleftmenu { background-color: #fff; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .leftmenuopenlight .evidenceleftmenu:hover { background-color: #f9fafc; } .leftmenuopenlight .evidenceleftmenu p { color: #5e6d81; } .leftmenuopenlight ul li:hover { background-color: #fff; } .leftmenuopenlight ul li { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .leftmenumore { background-image: url(/img/header/leftmenumore.webp) !important; } .bulletevidenceleftmenu { float: right; width: 6px; height: 6px; border-radius: 5px; margin: 5px 0 5px 20px; } .greybgtextslider { color: #fff; background-color: rgba(67, 74, 84, 0.4); padding: 15px 20px; font-size: 20px; line-height: 25px; font-weight: lighter; } .homeservice a { color: #b3bbc6; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .homeservice a:hover { color: #5e6d81; } canvas { position: absolute; left: 0; top: 0; } .chart { position: relative; z-index: 98; } #homedestinations { float: left; width: 100%; } .destinationcarousel { background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; float: left; } .imgdestination { width: 100%; height: auto; float: left; } .titledestination { background-color: #434a54; width: 100%; } .avatarandtitle { background-color: #c9f; width: 100%; float: left; } .avatardestination { float: left; width: 74px; height: 74px; margin: -50px 20px 5px 20px; border: 3px solid #fff; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } .avatardestination img { width: 74px; height: 74px; overflow: hidden; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } .descriptiondestination { text-align: center; font-size: 15px; margin: 20px; float: left; } .titledestination a { font-size: 15px; color: #b1bac3; padding: 10px 20px; display: block; } .infodestination { background-color: #f9fafc; float: left; width: 100%; -webkit-box-shadow: inset 0 0 0 1px #ebecf0; box-shadow: inset 0 0 0 1px #ebecf0; } .viewdestination { width: 33.33%; float: left; border-top: 3px solid #13b8d4; text-align: center; } .likedestination { width: 33.33%; float: left; border-top: 3px solid #ffd300; text-align: center; -webkit-box-shadow: inset 0 0 0 1px #ebecf0; box-shadow: inset 0 0 0 1px #ebecf0; } .commentsdestination { width: 33.33%; float: left; border-top: 3px solid #18bc9a; text-align: center; } .commentsdestination span, .likedestination span, .viewdestination span { margin: 15px 0; display: inline-block; font-size: 15px; } .arrowcarouselprev { width: 40px; height: 40px; cursor: pointer; margin-bottom: 20px; float: right; background-image: url(../img/destinations/bgarrowcarouselprev.png); background-repeat: no-repeat; } .arrowcarouselnext { width: 40px; height: 40px; cursor: pointer; margin-bottom: 20px; float: left; background-image: url(../img/destinations/bgarrowcarouselnext.png); background-repeat: no-repeat; } .notclickable { cursor: text; } .single-carousel { margin: 10px; display: inline; } #hometours { float: left; width: 100%; } .hometour { background: 0 0 !important; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; float: left; } .bottomhometour, .tophometour { float: left; width: 100%; } .datedescriptionhometour, .listhometour, .tabshometour, .titleimghometour { width: 50%; float: left; } .titlehometour { background-color: #434a54; padding: 20px; color: #b1bac3; } .imghometour { width: 100%; float: left; height: auto; } .datedayhometour { float: left; width: 100%; } .datehometour { padding: 20px; color: #fff; float: left; } .dayhometour { background-color: #434a54; padding: 10px 20px; float: right; text-align: center; line-height: 1; } .dayhometour p { font-size: 25px; color: #b1bac3; } .dayhometour span { color: #fff; font-size: 10px; } .descriptionhometour { float: left; width: 100%; background-color: #f9fafc; overflow: hidden; -webkit-box-shadow: inset -1px 0 0 0 #f4f4f6; box-shadow: inset -1px 0 0 0 #f4f4f6; } .titledescriptionhometour { float: left; width: 100%; margin-bottom: 10px; } .descriptionhometour p { padding: 20px; font-size: 15px; } .listhometour { overflow: hidden; border-top: 1px solid #ebeef2; } .bulletlisthometour { float: right; width: 6px; height: 6px; border-radius: 5px; margin: 4px 0 10px 20px; } .listhometour ul { list-style: none; margin: 0; padding: 0; float: left; } .listhometour ul li { border-bottom: 1px solid #ebeef2; float: left; width: 100%; } .listhometour ul li p { font-size: 15px; margin: 0; padding: 10px 20px; } .footerhometour { float: right; width: 50%; background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .footerhometour a { color: #888; } .tabshometour { background-color: #f9fafc; -webkit-box-shadow: inset 0 1px 0 1px #f4f4f6; box-shadow: inset 0 1px 0 1px #f4f4f6; } .hometabs { padding: 20px 10px 10px; } .hometabs ul { margin: 0; padding: 0; text-align: center; line-height: 1; } .ui-tabs-active a { -webkit-transition: background 0.8s ease; -moz-transition: background 0.8s ease; -o-transition: background 0.8s ease; -ms-transition: background 0.8s ease; transition: background 0.8s ease; } .hometabs ul li { background-color: #c0c; margin: 0 9px; padding: 0; list-style: none; display: inline-block; width: 25%; } .hometabs ul li a { background-color: #fff; float: left; width: 100%; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .iconhometabsdefault { padding: 10px 0; display: block; margin: auto; } .ui-state-active a .iconhometabsdefault { display: none; } .iconhometabsactive { display: none; padding: 10px 0; margin: auto; } .ui-state-active a .iconhometabsactive { display: block; } .contenthometab { padding: 10px 0 0 0; } .contenthometab p { color: #5c6f80; } .galleryhometab, .moneyhometab, .weatherhometab { text-align: center; } .moneyhometab img, .weatherhometab img { margin: 30px 0 0 0; } .moneyhometab p, .weatherhometab p { margin: 10px 0; width: 100%; display: inline-block; } .galleryhometab img { border: 1px solid #ebecf1; margin: 10px; padding: 0; width: 24%; opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .galleryhometab img:hover { opacity: 0.7; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .contacthometour, .morehometour { width: 50%; float: left; text-align: center; } .contacthometour, .morehometour { border-bottom: 1px solid #f4f4f6; border-top: 1px solid #f4f4f6; -webkit-box-shadow: inset -1px 0 0 0 #f4f4f6; box-shadow: inset -1px 0 0 0 #f4f4f6; } .contacthometour span, .morehometour span { margin: 15px 0; display: inline-block; font-size: 15px; } .grid_4 .datedescriptionhometour, .grid_4 .footerhometour, .grid_4 .listhometour, .grid_4 .tabshometour, .grid_4 .titleimghometour { width: 100%; } .grid_3 .datedescriptionhometour, .grid_3 .footerhometour, .grid_3 .listhometour, .grid_3 .tabshometour, .grid_3 .titleimghometour { width: 100%; } .ui-tooltip { padding: 10px 20px; position: absolute; z-index: 9999; background-color: #434a54; opacity: 0.8; color: #fff; font-size: 15px; } #homeprices { float: left; width: 100%; } .price { background-color: #fff; text-align: center; float: left; width: 100%; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .priceevidence { -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .price ul { float: left; width: 100%; margin: 10px 0; padding: 0; list-style: none; text-align: center; } .price ul li { border-bottom: 1px solid #ebeef2; } .price ul li p { margin: 10px 0; font-size: 15px; } .titleprice { color: #b1bac3; padding: 20px 0; background-color: #434a54; } .triangle { width: 0; height: 0; line-height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #14b9d5; margin: 0 auto; } .descriptionprice { font-size: 15px !important; } .valueprice { padding: 10px 0; background-image: url(../img/prices/filter.webp); background-repeat: no-repeat; background-position: right; } .valueprice p { color: #fff; font-size: 50px; } .valueprice p .currency, .valueprice p .littledescription { font-size: 20px; vertical-align: middle; } .footerhomeprices { float: right; width: 100%; background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .footerhomeprices a { color: #888; } .contacthomeprice, .morehomeprice { width: 50%; float: left; text-align: center; } .contacthomeprice, .morehomeprice { border-bottom: 1px solid #f4f4f6; border-top: 1px solid #f4f4f6; -webkit-box-shadow: inset -1px 0 0 0 #f4f4f6; box-shadow: inset -1px 0 0 0 #f4f4f6; } .contacthomeprice span, .morehomeprice span { margin: 15px 0; display: inline-block; font-size: 15px; } .socialmember { float: left; width: 100%; text-align: center; } .socialmember ul { float: left; width: 100%; text-align: center; list-style: none; background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; margin: 0; padding: 0; } .socialmember ul li { display: inline-block; margin: 0; padding: 0; border-right: 1px solid #f4f4f6; } .socialmember ul li:last-child { border-right-width: 0; } .socialmember img { display: inherit; padding: 20px; } .socialmember a { display: inline-block; } .footerfilter { background-color: #4a515b; } .socialfooter img { float: left; margin: 10px 10px 10px 0; opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .socialfooter img:hover { opacity: 0.7; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .grid_2 .newsletterfooter input[type="text"], .grid_2 .newsletterfooter input[type="email"] { width: 120px; } .grid_4 .newsletterfooter input[type="text"], .grid_4 .newsletterfooter input[type="email"] { width: 320px; } .grid_5 .newsletterfooter input[type="text"], .grid_5 .newsletterfooter input[type="email"] { width: 520px; } .grid_6 .newsletterfooter input[type="text"], .grid_6 .newsletterfooter input[type="email"] { width: 220px; } #tweets { float: left; width: 100%; } #tweets-wrapper { float: left; width: 100%; } #tweets-wrapper div.tweet a { color: #1bbc9b; } #tweets-wrapper div.tweet-actions, .tweet small { display: none; } #tweets .tweet { float: left; width: 100%; margin: 10px 0; color: #fff; } .header-page { float: left; width: 100%; margin-bottom: 10px; background: url(../img/header-page/dafault.jpg) 50% 0 fixed; } .header-page div { color: #fff; font-weight: lighter; text-align: center; padding: 150px 0; } .header-page .header-pagetitle { color: #fff; opacity: 0.8; background-color: rgba(67, 74, 84, 0.5); padding: 10px 20px; display: inline-block; font-weight: lighter; } .header-pagedescription { font-size: 17px; } .header-page-pl { background: url(/img/header-page/pl.webp) 50% 0 fixed; } .header-page-pr { background: url(/img/header-page/pr.webp) 50% 0 fixed; } .header-page-how { background: url(/img/header-page/how.webp) 50% 0 fixed; } .header-page-A { background: url(/img/header-page/A.webp) 50% 0 fixed; } .header-page-A1 { background: url(/img/header-page/A1.webp) 50% 0 fixed; } .header-page-A2 { background: url(/img/header-page/A2.webp) 50% 0 fixed; } .header-page-A3 { background: url(/img/header-page/A3.webp) 50% 0 fixed; } .header-page-A4 { background: url(/img/header-page/A4.webp) 50% 0 fixed; } .header-page-B { background: url(/img/header-page/B.webp) 50% 0 fixed; } .header-page-B1 { background: url(/img/header-page/B1.webp) 50% 0 fixed; } .header-page-B2 { background: url(/img/header-page/B2.webp) 50% 0 fixed; } .header-page-B3 { background: url(/img/header-page/B3.webp) 50% 0 fixed; } .header-page-B4 { background: url(/img/header-page/B4.webp) 50% 0 fixed; } .header-page-C { background: url(/img/header-page/C.webp) 50% 0 fixed; } .header-page-C1 { background: url(/img/header-page/C1.webp) 50% 0 fixed; } .header-page-C2 { background: url(/img/header-page/C2.webp) 50% 0 fixed; } .header-page-C3 { background: url(/img/header-page/C3.webp) 50% 0 fixed; } .header-page-C4 { background: url(/img/header-page/C4.webp) 50% 0 fixed; } .header-page-about-us { background: url(/img/header-page/aboutUs.webp) 50% 0 fixed; } .header-newsletter { background: url(/img/header-page/newsletter.webp) 50% 0 fixed; } .header-404 { background: url(/img/header-page/404.webp) 50% 0 fixed; } .header-page-contact { background: url(/img/header-page/contact.webp) 50% 0 fixed; } .header-page-message-sent { background: url(../img/header-page/message-sent.webp) 50% 0 fixed; } #internalpage { float: left; width: 100%; } .archivetour { float: left; width: 100%; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .leftarchivetour { float: left; width: 50%; position: relative; } .imgleftarchivetour { width: 100%; float: left; } .pricetitleleftarchivetour { float: left; position: absolute; bottom: -10px; width: 100%; } .titleleftarchivetour { padding: 10px; background-color: #434a54; color: #b1bac3; font-size: 15px; margin-top: 25px; margin-bottom: 25px; } .priceleftarchivetour { border: 2px solid #fff; float: left; margin: 0 20px 0 20px; border-radius: 100px; } .priceleftarchivetour p { width: 90px; height: 90px; font-size: 25px; color: #fff; text-align: center; line-height: 90px; font-weight: 400; } .rightarchivetour { float: left; width: 50%; } .titledayarchivetour { background-color: #f9fafc; float: left; width: 100%; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 1px 0 0 1px #f4f4f6; } .dayarchivetour { background-color: #f0f1f5; padding: 10px 20px; float: right; text-align: center; line-height: 1; } .dayarchivetour p { font-size: 25px; color: #5e6d81; } .dayarchivetour span { color: #5e6d81; font-size: 10px; } .titlearchivetour { padding: 20px; float: left; } .descriptioniconsarchivetour { float: left; width: 100%; } .descriptionarchivetour { padding: 20px; font-size: 15px; } .iconsarchivetour { float: left; width: 100%; margin: 0 10px 10px 10px; } .iconsarchivetour img { margin: 0 10px 10px 10px; float: left; } .iconsarchivetour a { float: left; } .grid_5 .leftarchivetour, .grid_5 .rightarchivetour { width: 100%; } .grid_4 .leftarchivetour, .grid_4 .rightarchivetour { width: 100%; } .grid_3 .leftarchivetour, .grid_3 .rightarchivetour { width: 100%; } .stylemasonry { float: left; width: 100%; } .singlepostmasonry { float: left; width: 100%; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .imgsinglepostmasonry { width: 100%; float: left; } .descriptionsinglepostmasonry { padding: 20px; font-size: 15px; float: left; } .titledaysinglepostmasonry { background-color: #f9fafc; float: left; width: 100%; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 1px 0 0 1px #f4f4f6; } .daysinglepostmasonry { background-color: #f0f1f5; padding: 10px 20px; float: right; text-align: center; line-height: 1; } .daysinglepostmasonry p { font-size: 25px; color: #5e6d81; } .daysinglepostmasonry span { color: #5e6d81; font-size: 10px; } .titlesinglepostmasonry { padding: 20px; float: left; } .areadmoresinglepostmasonry { float: left; width: 100%; background-image: url(../img/blog/bgareadmoresinglepostmasonry.png); background-position: right; background-repeat: no-repeat; } .readmoresinglepostmasonry { padding: 10px 20px; float: left; color: #fff; } .singlepostmasonry iframe { width: 100%; float: left; } .archivesinglepost { float: left; width: 100%; background-color: #f9fafc; margin-bottom: 20px; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .archivesinglepost iframe { margin: 0; padding: 0; width: 100%; float: left; } .archivesinglepost .btn { margin: 0 0 20px 20px; } .conttitlearchivesinglepost { background-color: #eff1f5; float: left; width: 100%; border-bottom: 1px solid #f4f4f6; } .titlearchivesinglepost { padding: 20px; float: left; color: #5e6d81; } .descriptionarchivesinglepost { padding: 20px; font-size: 15px; float: left; } .imgarchivesinglepost { width: 100%; float: left; } .infoarchivesinglepost { width: 100%; float: left; background-color: #434a53; } .datearchivesinglepost { float: left; line-height: 1; padding: 10px 20px; text-align: center; color: #fff; } .datearchivesinglepost span { font-size: 10px; } .datearchivesinglepost p { color: #fff; font-size: 25px; } .iconarchivesinglepost { float: left; } .iconarchivesinglepost img { float: left; padding: 23px; } .iconarchivesinglepost a { float: left; border-right: 1px solid #646a72; } .contentarchivepagination { float: left; width: 100%; } .paginationmasonry { margin-top: 10px; } .paginationinfinite-scroll { display: none; } .archivepagination { margin: auto; width: 120px; } .archivepagination .btn { background-color: #f9fafc; border: 1px solid #f4f4f6; } .prevbtn { float: left; } .nextbtn { float: right; } .nextbtn img, .prevbtn img { padding: 15px 20px; float: left; } .singlepost { float: left; width: 100%; } .imgsinglepost { float: left; width: 100%; } .infosinglepost { width: 100%; float: left; background-color: #434a53; } .datesinglepost { float: left; line-height: 1; padding: 10px 20px; text-align: center; color: #fff; } .datesinglepost span { font-size: 10px; } .datesinglepost p { color: #fff; font-size: 25px; } .iconsinglepost { float: left; } .iconsinglepost img { float: left; padding: 23px; } .iconsinglepost a { float: left; padding: 20px 20px 20px 0; color: #fff; } .iconsinglepost p { font-size: 15px; float: left; border-right: 1px solid #646a72; } .titlesinglepost { font-weight: 400; margin: 40px 0; float: left; width: 100%; } blockquote { background-color: #f9fafc; color: #333333; margin: 20px; padding: 20px; border: 1px solid #f4f4f6; font-style: italic; } .authorsinglepost { float: left; width: 100%; background-color: #434a53; position: relative; } .imgsocialauthorsinglepost { float: left; margin: 20px; padding: 0; margin-right: 20px; width: 160px; } .imgauthorsinglepost { float: left; width: 120px; } .socialauthorsinglepost { float: left; width: 40px; background-color: #ccc; } .socialauthorsinglepost img { float: left; width: 100%; } .descriptionauthorsinglepost { padding: 20px; } .nameauthorsinglepost { color: #fff; } .numbercommentssinglepost { float: left; font-weight: 400; width: 100%; color: #5e6d81; margin-bottom: 30px; } .comment-reply-title { float: left; font-weight: 400; width: 100%; color: #5e6d81; margin-bottom: 20px; } .comment-respond input[type="submit"], .comment-respond input[type="text"], .comment-respond textarea { margin: 10px 0; } .commentlist { margin: 0; padding: 0; float: left; width: 100%; list-style: none; border-bottom: 1px solid #e5e5e5; } .comment { margin: 0; border-top: 1px solid #e5e5e5; float: left; width: 100%; padding: 0; } .comment .children { margin: 0; padding: 0; list-style: none; margin-left: 20px; } .comment-body { float: left; margin: 20px; font-size: 15px; position: relative; } .comment-body a { color: #888; } .commentavatar { float: left; margin-right: 20px; } .commentavatar img { float: left; } .commentauthor { padding: 0 20px; margin-bottom: 10px; } .commentcontent { font-size: 15px; } .commentcontent p { font-size: 15px; } .commentreply { position: absolute; background-color: #1bbc9b; color: #fff; margin-top: -20px; right: -20px; top: 0; width: 40px; height: 40px; } .commentreply a { float: left; width: 40px; height: 40px; background-image: url(../img/blog/iconreply.png); background-repeat: no-repeat; background-position: center; } .widget { float: left; width: 100%; background-color: #f9fafc; margin-bottom: 20px; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .widget ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } .widget ul li { float: left; width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #f4f4f6; } .widget ul li:last-child { border-bottom-width: 0; } .widget ul li a { padding: 20px; color: #a9a9a9; font-size: 15px; display: block; margin-right: 20px; background-image: url(../img/blog/bglisidebar.png); background-repeat: no-repeat; background-position: right; } .widget h2 { background-color: #eff1f5; color: #5e6d81; font-weight: lighter; padding: 20px; font-size: 17px; } #calendar_wrap, #wp-calendar { float: left; width: 100%; border-collapse: collapse; text-align: center; } #wp-calendar caption { background-color: #434a53; color: #fff; font-weight: lighter; padding: 20px; font-size: 17px; } #wp-calendar thead { background-color: #eff1f5; } #wp-calendar tfoot { display: none; } #wp-calendar thead th { color: #5e6d81; padding: 20px 0; font-weight: lighter; font-size: 15px; } #wp-calendar tbody tr td { color: #a9a9a9; padding: 10px 0; font-size: 15px; } .tagcloud { float: left; padding: 10px; } .tagcloud a { background-color: #fff; border: 1px solid #f4f4f6; float: left; padding: 5px 10px; margin: 10px; color: #a9a9a9; font-size: 15px; } .widget_search input[type="submit"] { display: none; } .archivedestination { float: left; width: 100%; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .archivedestination:hover .btngalleryarchivedestination { right: 50%; } .leftarchivedestination { background-color: #ccc; float: left; width: 50%; position: relative; } .leftarchivedestination img { float: left; width: 100%; } .btngalleryarchivedestination { width: 46px; height: 46px; position: absolute; top: 50%; right: 0; margin-top: -25px; margin-right: -25px; border: 2px solid #fff; border-radius: 25px; background-image: url(../img/destinations/btngalleryarchivedestination.png); background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .rightarchivedestination { float: left; width: 50%; background-color: #fff; position: relative; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .titlearchivedestination { background-color: #434a54; float: left; width: 100%; } .titlearchivedestination h4 { color: #a9a9a9; padding: 20px; } .bulletarchivedestination { float: right; width: 6px; height: 6px; border-radius: 5px; margin: 4px 0 10px 20px; } .listarchivedestination { float: left; width: 100%; overflow: hidden; } .listarchivedestination ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } .listarchivedestination ul li { float: left; width: 100%; border-bottom: 1px solid #ebeef2; } .listarchivedestination ul li p { margin: 20px; font-size: 15px; background-image: url(../img/destinations/listarchivedestinationarrow.png); background-repeat: no-repeat; background-position: right; } .footerarchivedestination { float: right; width: 100%; background-color: #f9fafc; } .galleryarchivedestination, .promotionarchivedestination { width: 50%; float: left; text-align: center; } .galleryarchivedestination, .promotionarchivedestination { background-color: #f9fafc; border-bottom: 1px solid #f4f4f6; border-top: 1px solid #f4f4f6; -webkit-box-shadow: inset -1px 0 0 0 #f4f4f6; box-shadow: inset -1px 0 0 0 #f4f4f6; } .galleryarchivedestination span, .promotionarchivedestination span { margin: 15px 0; display: inline-block; font-size: 15px; } .singleimagegallery { float: left; width: 100%; position: relative; } .singleimagegallery:hover .btngallerypage { bottom: 50%; margin-bottom: -25px; opacity: 1; } .singleimagegallery img { float: left; width: 100%; } .titlesingleimagegallery { float: left; background-color: #434a54; width: 100%; position: absolute; bottom: 0; } .titlesingleimagegallery p { font-size: 15px; padding: 10px; color: #b1bac3; } .bulletgallery { float: right; width: 6px; height: 6px; border-radius: 5px; margin: 5px 0 5px 11px; } .btngallerypage { width: 46px; height: 46px; position: absolute; bottom: 0; right: 50%; margin-right: -25px; border: 2px solid #fff; border-radius: 25px; background-image: url(../img/destinations/btngalleryarchivedestination.png); background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .isotope-filter { float: left; width: 100%; } #options { margin: 0; padding: 0; float: left; width: 100%; } .gridoptions { margin: 0 10px 40px 10px !important; } #filters { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; } #filters li { margin: 10px; padding: 10px 0; display: inline-block; font-size: 15px; background-color: #f9fafc; border: 1px solid #f4f4f6; } #filters li a { padding: 10px 20px; color: #a9a9a9; opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } #filters li a:hover { opacity: 0.7; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } #filters .selected { background-color: #1bbc9b !important; color: #fff !important; } #filters span { background-color: #434a54; color: #fff; padding: 10px 20px; } .titlesingleproject { background-color: #434a54; } .titlesingleproject h4 { padding: 20px 20px 20px 140px; } .pricesingleproject { border: 2px solid #fff; border-radius: 100px; float: left; position: absolute; margin: -15px 20px 0; z-index: 1; } .pricesingleproject p { color: #fff; font-size: 25px; font-weight: 400; height: 90px; line-height: 90px; text-align: center; width: 90px; } .contentflexslider { float: left; width: 100%; } .datedaysingleproject { background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; float: left; width: 100%; } .datesingleproject { float: left; padding: 20px; } .daysingleproject { background-color: #f0f1f5; float: right; line-height: 1; padding: 10px 20px; text-align: center; } .daysingleproject p { font-size: 25px; } .daysingleproject span { font-size: 10px; } .contentinfo { float: left; padding: 20px; } .contentinfo p { font-size: 15px; margin-bottom: 10px; } .destinationsingleproject { background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; float: left; display: inline; position: relative; margin-bottom: 20px; } .imgdestinationsingleproject { width: 100%; float: left; } .descriptiondestinationsingleproject { padding: 20px 20px 40px 20px; font-size: 15px; float: left; } .titledaydestinationsingleproject { float: left; width: 100%; background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 1px 0 0 1px #f4f4f6; } .daydestinationsingleproject { background-color: #434a54; padding: 10px 20px; float: right; text-align: center; line-height: 1; } .daydestinationsingleproject p { font-size: 25px; color: #b1bac3; } .daydestinationsingleproject span { color: #fff; font-size: 10px; } .titledestinationsingleproject { padding: 20px; float: left; } .readmoredestinationsingleproject { border-radius: 20px; bottom: 0; height: 40px; left: 50%; margin-bottom: -20px; margin-left: -20px; position: absolute; width: 40px; background-image: url(../img/single-project/plus.png); background-position: center; background-repeat: no-repeat; } .contactmap { float: left; width: 100%; position: relative; } .infocontact { width: 250px; position: absolute; left: 50%; margin-left: -120px; bottom: 20%; z-index: 1; } .titleinfocontact { color: #fff; padding: 15px 0; width: 100%; text-align: center; } .infocontactdark .contentinfocontact { background-color: #434a54; } .infocontactdark .markercontactmap .innercirclemarker { background-color: #434a54; } .infocontactdark .triangleinfocontact span { border-top: 10px solid #434a54; } .infocontactdark .contentinfocontact ul li { border-bottom: 1px solid #434a54; } .infocontactdark .contentinfocontact ul li p { color: #fff; } .infocontactlight .contentinfocontact { background-color: #fff; } .infocontactlight .markercontactmap .innercirclemarker { background-color: #fff; } .infocontactlight .triangleinfocontact span { border-top: 10px solid #fff; } .infocontactlight .contentinfocontact ul li { border-bottom: 1px solid #ebeef2; } .infocontactlight .contentinfocontact ul li p { color: #a9a9a9; } .contentinfocontact { float: left; width: 100%; text-align: center; } .contentinfocontact ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } .contentinfocontact ul li { float: left; width: 100%; } .contentinfocontact ul li:last-child { border-bottom-width: 0; } .contentinfocontact ul li img { float: left; } .contentinfocontact ul li p { font-size: 13px; padding: 15px 20px; } .triangleinfocontact { width: 100%; float: left; height: 20px; } .triangleinfocontact span { width: 0; height: 0; line-height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; margin-left: -10px; } .markercontactmap { width: 40px; height: 50px; margin: auto; } .markercontactmap .circlemarker { float: left; width: 40px; height: 40px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .markercontactmap .innercirclemarker { float: left; width: 16px; height: 16px; margin: 12px; position: absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .markercontactmap .trianglemarker { width: 0; height: 0; line-height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; margin-top: -20px; float: left; } .contactform { float: left; width: 100%; } .contactform input[type="text"] { width: 96%; float: left; border: 0; background-color: #ddd; padding: 0 2%; height: 50px; color: #333; font-size: 13px; font-style: italic; font-weight: 400; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .contactform input[type="submit"] { float: right; border: 0; background-color: #1bbc9b; padding: 13px 20px 13px 70px; color: #fff; font-size: 17px; font-weight: 400; cursor: pointer; background-image: url(/img/contact/bgsubmit.webp); background-repeat: no-repeat; } .contactform textarea { width: 96%; float: left; border: 0; background-color: #ddd; padding: 2%; height: 200px; color: #a9a9a9; font-size: 13px; font-style: italic; font-weight: 400; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; } .filterinputicon { background-image: url(/img/contact/filter.webp); } .contactform .inputicon { float: left; width: 100%; height: 50px; background-position: center; background-repeat: no-repeat; } .contactform ul { float: left; margin: 0; padding: 0; width: 100%; list-style: none; } .contactform ul li { float: left; margin: 0; padding: 0; width: 15%; } .contactform ul li:last-child { width: 85%; } .inputfirstname { background-image: url(/img/contact/firstname.webp); } .inputlastname { background-image: url(/img/contact/lastname.webp); } .inputemail { background-image: url(/img/contact/mail.webp); } .inputdate { background-image: url(../img/contact/date.webp); } .inputphone { background-image: url(/img/contact/phone.webp); } .inputobject { background-image: url(/img/contact/object.webp); } #map-canvas { float: left; width: 100%; height: 600px; } .accordion { float: left; width: 100%; } .accordion h4 { margin: 10px 0; padding: 20px; cursor: pointer; } .ui-accordion-content { padding: 20px; } .firstaccordiontitle { margin-top: 0 !important; } .accordiondark h4 { background-color: #434a54; color: #b1bac3; border: 1px solid #fff; } .accordionlight h4 { background-color: #f9fafc; color: #333333; border: 1px solid #f4f4f6; } .progressbar { float: left; width: 100%; } .progressbartitle { margin: 10px 0; padding: 0; color: #fff; background-image: url(/img/about-us/filterprogresbar.png); background-repeat: repeat; border: 1px solid #fff; } .progressbar span { margin: 10px; display: inline-block; } .dividerheight40 { height: 40px; width: 100%; float: left; } .dividerheight30 { height: 30px; width: 100%; float: left; } .dividerheight20 { height: 20px; width: 100%; float: left; } .dividerheight10 { height: 10px; width: 100%; float: left; } .btn { display: inline-block; } .btn p { padding: 10px; font-size: 15px; color: #fff; margin: 0; } .lastlistitem { border: 0 !important; } .expand { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .expand:hover { -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .centersinglegrid { float: none !important; margin: auto !important; display: block !important; } .sectionparallax { float: left; width: 100%; padding: 50px 0; margin: 10px 0; } .textevidence { background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; color: #a9a9a9; padding: 20px; overflow: hidden; } .titlewithborder { border-bottom: 1px solid #f4f4f6; padding-bottom: 0; color: #5e6d81; margin: 0; } .titlewithborder span { display: inline-block; margin-bottom: 0; padding-bottom: 20px; } .codetutorial { background-color: #f9fafc; -webkit-box-shadow: inset 0 0 0 1px #f4f4f6; box-shadow: inset 0 0 0 1px #f4f4f6; padding: 20px; float: left; } .soundcloudiframe, .vimeoiframe { border: 0; } .opacitybg { background: rgba(255, 255, 255, 0.2) !important; box-shadow: 0 0 0 1px #fff inset !important; } .opacitybg .descriptiondestination, .opacitybg .memberdescription, .opacitybg ul li p { color: #fff !important; } .opacitybg .footerhomeprices, .opacitybg .infodestination, .opacitybg .socialmember ul { background: rgba(255, 255, 255, 0.3) !important; box-shadow: 0 0 0 1px #fff inset !important; } .opacitybg .commentsdestination, .opacitybg .likedestination { box-shadow: 1px 0 0 0 #fff inset !important; } .white .titlewithborder span { border-bottom: 1px solid #fff; } .white h2 { color: #fff; } .blue .bulletarchivedestination, .blue .bulletevidenceleftmenu, .blue .bulletgallery, .blue .bulletlisthometour { border: 2px solid #14b9d5; } .evidenceleftmenu .blue { -webkit-box-shadow: inset 3px 0 0 0 #14b9d5; box-shadow: inset 3px 0 0 0 #14b9d5; } .sf-menu .blue ul li:hover { -webkit-box-shadow: inset 3px 0 0 0 #14b9d5; box-shadow: inset 3px 0 0 0 #14b9d5; } .blue .triangle { border-top: 10px solid #14b9d5; } .blue .markercontactmap .trianglemarker { border-top: 30px solid #14b9d5; } .blue .textevidence, .blue blockquote, .blue-borderleft { border-left: 2px solid #14b9d5 !important; } .blue .titlewithborder span { border-bottom: 1px solid #14b9d5; } .green .bulletarchivedestination, .green .bulletevidenceleftmenu, .green .bulletgallery, .green .bulletlisthometour { border: 2px solid #1bbc9b; } .evidenceleftmenu .green { -webkit-box-shadow: inset 3px 0 0 0 #1bbc9b; box-shadow: inset 3px 0 0 0 #1bbc9b; } .sf-menu .green ul li:hover { -webkit-box-shadow: inset 3px 0 0 0 #1bbc9b; box-shadow: inset 3px 0 0 0 #1bbc9b; } .green .triangle { border-top: 10px solid #1bbc9b; } .green .markercontactmap .trianglemarker { border-top: 30px solid #1bbc9b; } .green .textevidence, .green blockquote, .green-borderleft { border-left: 2px solid #1bbc9b !important; } .green .titlewithborder span { border-bottom: 1px solid #1bbc9b; } .yellow .bulletarchivedestination, .yellow .bulletevidenceleftmenu, .yellow .bulletgallery, .yellow .bulletlisthometour { border: 2px solid #ffd205; } .evidenceleftmenu .yellow { -webkit-box-shadow: inset 3px 0 0 0 #ffd205; box-shadow: inset 3px 0 0 0 #ffd205; } .sf-menu .yellow ul li:hover { -webkit-box-shadow: inset 3px 0 0 0 #ffd205; box-shadow: inset 3px 0 0 0 #ffd205; } .yellow .triangle { border-top: 10px solid #ffd205; } .yellow .markercontactmap .trianglemarker { border-top: 30px solid #ffd205; } .yellow .textevidence, .yellow blockquote, .yellow-borderleft { border-left: 2px solid #ffd205 !important; } .yellow .titlewithborder span { border-bottom: 1px solid #ffd205; } .btnpromotion .orange, .orange .areadmoresinglepostmasonry, .orange .arrowcarouselnext, .orange .arrowcarouselprev, .orange .btn, .orange .btngalleryarchivedestination, .orange .btngallerypage, .orange .datearchivesinglepost, .orange .datedayhometour, .orange .datesinglepost, .orange .filterinputicon, .orange .markercontactmap .circlemarker, .orange .memberposition, .orange .priceleftarchivetour, .orange .pricesingleproject, .orange .progressbartitle, .orange .readmoredestinationsingleproject, .orange .titleinfocontact, .orange .ui-tabs-active a, .orange .valueprice { background-color: #f3a46b; } .orange .bulletarchivedestination, .orange .bulletevidenceleftmenu, .orange .bulletgallery, .orange .bulletlisthometour { border: 2px solid #f3a46b; } .sf-menu .orange { -webkit-box-shadow: inset 0 3px 0 0 #f3a46b; box-shadow: inset 0 3px 0 0 #f3a46b; } .orange .triangle { border-top: 10px solid #f3a46b; } .orange .markercontactmap .trianglemarker { border-top: 30px solid #f3a46b; } .orange .textevidence, .orange blockquote, .orange-borderleft { border-left: 2px solid #f3a46b !important; } .orange .titlewithborder span { border-bottom: 1px solid #f3a46b; } .red .bulletarchivedestination, .red .bulletevidenceleftmenu, .red .bulletgallery, .red .bulletlisthometour { border: 2px solid #f76570; } .evidenceleftmenu .red { -webkit-box-shadow: inset 3px 0 0 0 #f76570; box-shadow: inset 3px 0 0 0 #f76570; } .sf-menu .red ul li:hover { -webkit-box-shadow: inset 3px 0 0 0 #f76570; box-shadow: inset 3px 0 0 0 #f76570; } .red .triangle { border-top: 10px solid #f76570; } .red .markercontactmap .trianglemarker { border-top: 30px solid #f76570; } .red .textevidence, .red blockquote, .red-borderleft { border-left: 2px solid #f76570 !important; } .red .titlewithborder span { border-bottom: 1px solid #f76570; } .violet .bulletarchivedestination, .violet .bulletevidenceleftmenu, .violet .bulletgallery, .violet .bulletlisthometour { border: 2px solid #c377e4; } .evidenceleftmenu .violet { -webkit-box-shadow: inset 3px 0 0 0 #c377e4; box-shadow: inset 3px 0 0 0 #c377e4; } .sf-menu .violet ul li:hover { -webkit-box-shadow: inset 3px 0 0 0 #c377e4; box-shadow: inset 3px 0 0 0 #c377e4; } .violet .triangle { border-top: 10px solid #c377e4; } .violet .markercontactmap .trianglemarker { border-top: 30px solid #c377e4; } .violet .textevidence, .violet blockquote, .violet-borderleft { border-left: 2px solid #c377e4 !important; } .violet .titlewithborder span { border-bottom: 1px solid #c377e4; } .rotate { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .expand { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .expand:hover { -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .homeservice:hover { background-color: #f9fafc; -moz-box-shadow: 0 0 10px #b3bbc6; -webkit-box-shadow: 0 0 10px #b3bbc6; box-shadow: 0 0 10px #b3bbc6; } .homeservice:hover h2 { color: #5e6d81 !important; } .homeservice:hover .imgserviceopen { opacity: 1; position: relative; z-index: 97; } .homeservice:hover .imgserviceopen img { height: auto; } .imgclient:hover { background-color: transparent; } .opacity:hover { opacity: 0.8; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .btnpromotion p:hover { background-position: right 0; } .legal-strong{font-weight:bold} .legal-link{color:#017ED2} .legal-date{font-size:13px;color:#a9a9a9} /* ==== responsive.css ==== */ @media only screen and (min-width: 1199px) and (max-width: 1340px) { .leftmenuclose, .rightsearchclose{ display:none; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .container{width:960px;} /*start grid*/ .grid_1 {width:60px;} .grid_2 {width:140px;} .grid_3 {width:220px;} .grid_4 {width:300px;} .grid_5 {width:380px;} .grid_6 {width:460px;} .grid_7 {width:540px;} .grid_8 {width:620px;} .grid_9 {width:700px;} .grid_10 {width:780px;} .grid_11 {width:860px;} .grid_12 {width:940px;} /*end grid*/ /*start tour*/ .titleimghometour, .datedescriptionhometour, .tabshometour, .listhometour, .footerhometour{ width:100%; } .leftarchivetour, .rightarchivetour{ width:100%; } /*end tour*/ /*start footer*/ .grid_2 .newsletterfooter input[type="text"], .grid_2 .newsletterfooter input[type="email"]{ width:80px; } .grid_3 .newsletterfooter input[type="text"], .grid_3 .newsletterfooter input[type="email"]{ width:160px; } .grid_4 .newsletterfooter input[type="text"], .grid_4 .newsletterfooter input[type="email"]{ width:240px; } .grid_5 .newsletterfooter input[type="text"], .grid_5 .newsletterfooter input[type="email"]{ width:320px; } .grid_6 .newsletterfooter input[type="text"], .grid_6 .newsletterfooter input[type="email"]{ width:400px; } /*end footer*/ } @media only screen and (min-width: 959px) and (max-width: 1100px) { .leftmenuclose, .rightsearchclose{ display:none; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .container {width:744px;} /*start grid*/ .grid_1 {width:42px;} .grid_2 {width:104px;} .grid_3 {width:166px;} .grid_4 {width:228px;} .grid_5 {width:290px;} .grid_6 {width:352px;} .grid_7 {width:414px;} .grid_8 {width:476px;} .grid_9 {width:538px;} .grid_10 {width:600px;} .grid_11 {width:662px;} .grid_12 {width:724px;} /*end grid*/ /*start navigation header*/ header select{ display:block; } #nav, .rightsearchclose, .leftmenuclose{ display:none; } /*end navigation header*/ /*start tour*/ .titleimghometour, .datedescriptionhometour, .tabshometour, .listhometour, .footerhometour{ width:100%; } .leftarchivetour, .rightarchivetour{ width:100%; } /*end tour*/ /*start destinations*/ .leftarchivedestination, .rightarchivedestination{ width:100%; } .btngalleryarchivedestination{ right:50%; } /*end destinations*/ /*start footer*/ .grid_2 .newsletterfooter input[type="text"], .grid_2 .newsletterfooter input[type="email"]{ width:44px; } .grid_3 .newsletterfooter input[type="text"], .grid_3 .newsletterfooter input[type="email"]{ width:106px; } .grid_4 .newsletterfooter input[type="text"], .grid_4 .newsletterfooter input[type="email"]{ width:168px; } .grid_5 .newsletterfooter input[type="text"], .grid_5 .newsletterfooter input[type="email"]{ width:230px; } .grid_6 .newsletterfooter input[type="text"], .grid_6 .newsletterfooter input[type="email"]{ width:292px; } .backtotop{ width:100%; } .backtotop img{ float:none; } /*end footer*/ } @media only screen and (min-width: 480px) and (max-width: 767px) { body{ -webkit-text-size-adjust:none; } .container {width:460px;} /*start grid*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ width: 440px; } /*end grid*/ /*start navigation header*/ header select{ display:block; } #nav, .rightsearchclose, .leftmenuclose{ display:none; } /*end navigation header*/ /*start services*/ .imgserviceopen, .imgservice{ display:none; } .homeservice{ border-top:1px solid #55738F; } .homeservice:hover{ background:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*end services*/ /*start destination*/ .arrowscarousel{ display:none; } /*end destination*/ /*start tour*/ .titleimghometour, .datedescriptionhometour, .tabshometour, .listhometour, .footerhometour{ width:100%; } .leftarchivetour, .rightarchivetour{ width:100%; } /*end tour*/ /*start footer*/ .grid_2 .newsletterfooter input[type="text"], .grid_2 .newsletterfooter input[type="email"], .grid_3 .newsletterfooter input[type="text"], .grid_3 .newsletterfooter input[type="email"], .grid_4 .newsletterfooter input[type="text"], .grid_4 .newsletterfooter input[type="email"], .grid_5 .newsletterfooter input[type="text"], .grid_5 .newsletterfooter input[type="email"], .grid_6 .newsletterfooter input[type="text"], .grid_6 .newsletterfooter input[type="email"]{ width:380px; } .backtotop{ width:100%; } .backtotop img{ float:none; } /*end footer*/ } @media only screen and (min-width: 320px) and (max-width: 479px){ body{ -webkit-text-size-adjust:none; } .container{ width:300px; } /*start grid*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: 280px; } /*end grid*/ /*start navigation header*/ header select{ display:block; } #nav, .rightsearchclose, .leftmenuclose{ display:none; } /*end navigation header*/ /*services*/ #services img{ margin:20px 0px 0px 90px; float:none; } #services p{ margin-bottom:20px; } #services h2, #services p{ text-align:center; } .imgserviceopen, .imgservice{ display:none; } .homeservice{ border-top:1px solid #55738F; } .homeservice:hover{ background:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*services*/ /*start destination*/ .arrowscarousel{ display:none; } /*end destination*/ /*start tour*/ .titleimghometour, .datedescriptionhometour, .tabshometour, .listhometour, .footerhometour{ width:100%; } .leftarchivetour, .rightarchivetour{ width:100%; } /*end tour*/ /*start footer*/ .grid_2 .newsletterfooter input[type="text"], .grid_2 .newsletterfooter input[type="email"], .grid_3 .newsletterfooter input[type="text"], .grid_3 .newsletterfooter input[type="email"], .grid_4 .newsletterfooter input[type="text"], .grid_4 .newsletterfooter input[type="email"], .grid_5 .newsletterfooter input[type="text"], .grid_5 .newsletterfooter input[type="email"], .grid_6 .newsletterfooter input[type="text"], .grid_6 .newsletterfooter input[type="email"]{ width:220px; } .backtotop{ width:100%; } .backtotop img{ float:none; } /*end footer*/ } /* ==== superfish-lazy.css ==== */ .sf-menu li.sfHover>ul,.sf-menu li:hover>ul{display:block}.sf-menu ul ul{top:0;left:100%}.sf-menu ul li ul{background-image:url(/img/header/trianglemenulightvertical.png);background-repeat:no-repeat;background-position:5px 13px;margin-top:0;padding-top:0;margin-left:5px;padding-left:15px}.sf-menu ul ul li{background:#fff}.navigationmenudark .sf-menu .evidencelabelmenu,.navigationmenudark .sf-menu li:hover{background:#4a515b}.navigationmenudark .sf-menu li a{color:#b3bbc6}.navigationmenudark .sf-menu a{border-left:1px solid #55738f}.navigationmenudark .sf-menu>li:last-child{border-right:1px solid #55738f}.navigationmenudark .sf-menu ul li{background:#434a54;border-top:1px solid #55738f}.navigationmenudark .sf-menu li ul li:last-child{border-bottom:1px solid #55738f}.navigationmenudark .sf-menu li ul a{color:#b3bbc6;border-right:1px solid #55738f}.navigationmenudark .lastmenudropitem{border-bottom:1px solid #55738f}.navigationmenudark .sf-menu ul{background-image:url(/img/header/trianglemenudark.png)}.navigationmenudark .sf-menu ul li ul{background-image:url(/img/header/trianglemenudarkvertical.png)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#ebeef2}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dfeeff;border-left-color:rgba(212,212,212,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#ebeef2} /* ==== 1.1.0: replacements for the jQuery plugins (no script; see CHANGELOG 1.1.0) ==== */ html{scroll-behavior:smooth} /* clip, not hidden: a hidden overflow makes body a scroll container, and the scroll effects below would never start */ body{overflow-x:clip} .skiplink{position:absolute;left:-9999px;top:0;z-index:10001;background:#fff;color:#333;padding:10px 16px} .skiplink:focus{left:8px;top:8px} #navigationmenu{height:60px} :where(#navigationmenu,.leftmenuopen,.rightsearchopen) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;line-height:0} .titlecloseleftmenu{display:block;width:100%;text-align:left;line-height:normal!important;font-size:inherit} [popover]::backdrop{background:rgba(0,0,0,.25)} /* Side panels (services left, languages right): popovers, closed by Esc or a click outside */ .leftmenuopen[popover],.rightsearchopen[popover]{position:fixed;margin:0;border:0;padding:0;width:300px;height:100%;max-height:none;overflow:auto;transition:transform .5s ease,overlay .5s allow-discrete,display .5s allow-discrete} .leftmenuopen[popover]{inset:0 auto 0 0;left:0;transform:translateX(-305px)} .rightsearchopen[popover]{inset:0 0 0 auto;right:0;transform:translateX(305px)} .leftmenuopen[popover]:popover-open,.rightsearchopen[popover]:popover-open{transform:none} @starting-style{.leftmenuopen[popover]:popover-open{transform:translateX(-305px)}.rightsearchopen[popover]:popover-open{transform:translateX(305px)}} .rightsearchopen .languagetitle{margin:20px 60px 10px 20px;font-size:17px;color:#fff} .languagelist{list-style:none;margin:0 0 20px;padding:0 20px;columns:2;column-gap:16px} .languagelist li{break-inside:avoid} .languagelist a{display:block;padding:7px 0;color:#fff;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.12)} .languagelist a:hover,.languagelist a:focus{text-decoration:underline} .languagelist .currentlanguage{font-weight:600} /* Top menu: drop-downs open on hover and on keyboard focus */ .sf-menu>li{background:rgba(255,255,255,.94)} .sf-menu li:focus-within>ul{display:block} .navtoggle{display:none} @media (min-width:1260px){ #sitenav{display:contents} #navigationmenu .container{max-width:calc(100% - 136px)} #navigationmenu .gridnavigation{width:auto} #navigationmenu .leftmenuclose,#navigationmenu .rightsearchclose{display:block} /* No gap between the menu bar and its drop-down: hover must not drop on the way down. The items stay where they were (5px margin + 15px padding = 20px padding). */ .sf-menu>li>ul{margin-top:0;padding-top:20px;background-position:25px 10px} /* Close after a short delay, as the old menu script did, so a diagonal move still reaches the items */ .sf-menu>li>ul{display:block;visibility:hidden;opacity:0;transition:opacity .15s .2s,visibility 0s .35s} .sf-menu>li:hover>ul,.sf-menu>li:focus-within>ul{visibility:visible;opacity:1;z-index:100;transition-delay:0s} } @media (max-width:1259px){ #navigationmenu .leftmenuclose{display:none} #navigationmenu .container{width:auto;max-width:none} #navigationmenu .gridnavigation{width:auto} #navigationmenu .rightsearchclose{display:block;position:absolute;right:0;top:0} #navigationmenu .navtoggle{display:block;position:absolute;right:68px;top:0} #sitenav[popover]{position:fixed;inset:0 auto 0 0;margin:0;border:0;padding:0 0 20px;width:min(320px,86vw);height:100%;max-height:none;overflow:auto;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.25)} #sitenav #nav{display:block;float:none;margin:0;width:100%} #sitenav .sf-menu li{float:none;display:block;width:100%;background:#fff} #sitenav .sf-menu ul{display:block;position:static;min-width:0;margin:0;padding:0;background:none} #sitenav .sf-menu a{padding:14px 20px;border-left:0;border-right:0} #sitenav .sf-menu ul a{padding-left:36px} } /* Accordions are
; one panel open at a time through a shared name */ .accordion details>summary{list-style:none;display:block} .accordion details>summary::-webkit-details-marker{display:none} .accordion details>summary h4{margin:10px 0} .accordion details:first-child>summary h4{margin-top:0} .accordion details[open]>summary h4{cursor:default} /* Home banner: four slides cross-fade, 9 s each */ .heroslider{position:relative;overflow:hidden;width:100%;height:min(650px,calc(100vw * 650 / 1170));background:#b2c4cc} .heroslides,.heroslide{position:absolute;inset:0;margin:0} .heroslide picture,.heroslide img{display:block;width:100%;height:100%} .heroslide img{max-width:none;object-fit:cover;object-position:center top} .heroslide figcaption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 4vw} .heroslide figcaption p{margin:0;padding:0 24px;color:#fff;font-size:50px;line-height:1.2;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.65)} @media (max-width:767px){.heroslide figcaption p{font-size:26px;line-height:1.25;padding:0}} .heroslide{opacity:0;animation:heroslide 36s linear infinite} .heroslide figcaption p{animation:herocaption 36s infinite} .heroslide:nth-child(1),.heroslide:nth-child(1) p{animation-delay:-1.08s} .heroslide:nth-child(2),.heroslide:nth-child(2) p{animation-delay:7.92s} .heroslide:nth-child(3),.heroslide:nth-child(3) p{animation-delay:16.92s} .heroslide:nth-child(4),.heroslide:nth-child(4) p{animation-delay:25.92s} .heroslide:nth-child(n+2) p{opacity:0} /* phones: the first photo only, so the other three are never downloaded */ @media (max-width:767px){.heroslide:nth-child(n+2){display:none}.heroslide,.heroslide p{animation:none!important;opacity:1!important}} @keyframes heroslide{0%{opacity:0}3%{opacity:1}28%{opacity:1}31%{opacity:0}100%{opacity:0}} @keyframes herocaption{0%,6%{opacity:0;transform:translateY(40px)}10%{opacity:1;transform:none}26%{opacity:1;transform:none}29%,100%{opacity:0;transform:none}} /* Entrance effects. Shown at once when motion is reduced or the browser lacks scroll-driven animations */ @keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} @keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}} @keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}} @keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .heroslide,.heroslide p{animation:none!important} .heroslide:first-child,.heroslide:first-child p{opacity:1!important} } @media (prefers-reduced-motion:no-preference){ /* top of the page: on load, with the old delays */ #navigationmenu.fade-down,.sectionhome.fade-down{animation:fadeInDown 1s both} .header-page.fade-up{animation:fadeInUp 1s both} .header-page .bounce-in{animation:bounceIn 1s both} .logo.fade-down{animation:fadeInDown 1s both} :is(#navigationmenu,.sectionhome,.header-page,.logo).animate1,.header-page .animate1{animation-delay:.5s} :is(#navigationmenu,.sectionhome,.header-page,.logo).animate2,.header-page .animate2{animation-delay:1s} :is(#navigationmenu,.sectionhome,.header-page,.logo).animate3,.header-page .animate3{animation-delay:1.5s} :is(#navigationmenu,.sectionhome,.header-page,.logo).animate4,.header-page .animate4{animation-delay:2s} /* further down: play while the element scrolls into view */ /* phones: no scroll effects (as the old site below 400px), so text shows at once */ @media (min-width:768px){@supports (animation-timeline:view()){ main .fade-up:not(.header-page),main .fade-down:not(.sectionhome),main .fade-left,main .fade-right,main .bounce-in:not(.header-page *),main .rotate-In-Down-Left,main .rotate-In-Down-Right{animation-duration:auto;animation-fill-mode:both;animation-timing-function:ease-out;animation-timeline:view();animation-range:entry 0% entry 90%} main .fade-up:not(.header-page){animation-name:fadeInUp} main .fade-down:not(.sectionhome){animation-name:fadeInDown} main .fade-left{animation-name:fadeInLeft} main .fade-right{animation-name:fadeInRight} main .bounce-in:not(.header-page *){animation-name:bounceIn} main .rotate-In-Down-Left{animation-name:rotateInDownLeft} main .rotate-In-Down-Right{animation-name:rotateInDownRight} }} } /* Content images never wider than their column (phones) */ main img{max-width:100%;height:auto} /* Former inline styles (the policy allows no style attributes) */ .textcenter{text-align:center!important} .footerlink{color:#fff} .footernotice{font-style:italic;opacity:.85;margin-top:10px} .formerror{color:#f44336} .honeypot{position:absolute;left:-9999px} .consent{float:left;width:100%;font-size:14px;color:#7d7d7d;margin:10px 0} .consent input[type=checkbox]{width:auto;height:auto;float:none;margin-right:8px;box-shadow:none} .consent a{color:#017ed2} @media print{main *{animation:none!important;opacity:1!important}#navigationmenu,.heroslide:nth-child(n+2){display:none}} /* htmx: a form being sent is dimmed; pages fade between each other */ form.htmx-request{opacity:.6;transition:opacity .2s} @view-transition{navigation:auto}