/*@import 'https://fonts.googleapis.com/css?family=Itim';*/ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,p,section,font,footer,form,.container > h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter, object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;} ol,ul{list-style:none;} img{border:none;} article, aside, audio, canvas, command, datalist, details, embed, p, section, footer, header, hgroup, keygen, meter, output, progress, section, source, video{display:block;} mark, rp, rt, ruby, summary, time{display:inline;} img{max-width:100%;} form{width:100%;} @font-face{font-family:'Itim', cursive;src:url(../font/woff/BoonTook-Ultra.woff);} @font-face{font-family:CloudBold;src:url(../font/Cloud-Bold.otf);} body{line-height:1em;color:#000;font-weight:normal;font-size:1em;font-family:Roboto,Tahoma,sans-serif;background-color:#efefef; filter: progid : DXImageTransform.Microsoft.BasicImage(grayscale=0.40); -webkit-filter: grayscale(0.40); filter: grayscale(0.40); } #site{width:100%;margin:0 auto;} html, body{height:100%;} header{display:block;width:auto;} header .logo{display:block;position:relative;width:100%;text-align:center;margin:0;padding-top:15px;} header .logo a{display:block;width:60%;margin:0 auto;} header .logo span{display:block;position:absolute;top:5px;right:70px;padding:3px 8px;background-color:#ff0000;color:#fff;font-size:0.75em;font-weight:bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index:-1; } header #open-menu{display:block;position:absolute;top:0;left:0;float:left;background:url(../images/sprites-mobile.png) no-repeat left top;margin:10px 0 0 10px;width:32px;height:32px;text-indent:-9999px;} header .marquee{position:relative;width:100%;height:25px;overflow:hidden;white-space:nowrap;} header h2{display:block;position:absolute;left:0;top:0;width:100%;height:auto;white-space:nowrap;padding:5px 0;font-weight:normal;font-size:0.75em;text-align:center;transform:translateY(100%);} header em{position:relative;display:block;width:100%;font-weight:bold;font-style:normal;font-size:0.75em;color:#ff0000;text-align:center;} @keyframes up-one{0%{transform:translateY(100%);} 10%{transform:translateY(0);} 30%{transform:translateY(0);} 40%{transform:translateY(-100%);} 100%{transform:translateY(-100%);} } @keyframes up-two{0%{transform:translateY(100%);} 35%{transform:translateY(100%);} 45%{transform:translateY(0);} 60%{transform:translateY(0);} 70%{transform:translateY(-100%);} 100%{transform:translateY(-100%);} } @keyframes up-three{0%{transform:translateY(100%);} 65%{transform:translateY(100%);} 75%{transform:translateY(0);} 90%{transform:translateY(0);} 100%{transform:translateY(-100%);} } header h2:nth-child(1){animation:up-one 20s ease infinite;} header h2:nth-child(2){animation:up-two 20s ease infinite;} header h2:nth-child(3){animation:up-three 20s ease infinite;} header > address{display:block;position:absolute;right:8px;top:7px;} header > address > a{display:inline-table;position:relative;width:10%;text-decoration:none;color:#000;background:url(../images/line.svg) no-repeat left top;text-indent:-9999px;letter-spacing:-9999px;width:36px;height:36px;z-index:1;} .search{display:block;background-color:#00ff00;} .promotion{display:block;position:relative;overflow:hidden;top:0px;left:0px;margin-top:10px;} .container > h1{display:block;position:relative;width:auto;margin:10px 15px 0 15px;text-align:center;font-family:CloudBold;font-size:1.125em;line-height:1.125em} .container{display:inline-table;width:100%;} .container > article{display:inline-table;position:relative;width:100%;padding:0;margin:0;} .container > article > h1, .container > article > h2, .container > article > form > h2,.container > article > h3{display:block;width:auto;margin:10px 5px;padding:10px;font-family:'Itim', cursive;font-size:1.375em;line-height:1em;border-bottom:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;text-shadow:0 1px 1px #000000;background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);clear:both;} .container > article > .column-group{display:inline-table;width:100%;} .container > article > .column-group section{display:inline-table;position:relative;padding-top:0;margin:0 0 10px 3%;width:44%;border:1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#fff;} .container > article > .column-group section a{text-decoration:none;color:#000;} .container > article > .column-group section h3{display:block;width:auto;padding:10px 10px 5px 10px;font-size:1em;text-align:center;font-weight:bold;font-family : 'Itim', cursive;} .container > article > .column-group section p{display:block;position:relative;width:auto;margin:0 10px 5px 10px;font-size:0.8125em;} .container > article > .column-group section img{width:100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .container > article > .column-group section .tourtype{display:block;width:auto;text-align:center;padding-top:5px;} .container > article > .column-group section .tourinfo{display:block;width:auto;text-align:center;padding-top:5px;} .container > article > .column-group section .pricetag{display:block;width:auto;text-align:center;padding-top:5px;font-weight:bold;color:#d4232b;} .container > article > .column-group section .normaltag{display:block;width:auto;text-align:center;padding-top:5px;text-decoration:line-through;color:#9e9e9e;font-size:0.8125em;} .container > article > .column-group section .flag{position:absolute;top:0;left:0;width:auto;font-size:0.8125em;font-weight:bold;padding:0 15px 0 10px;margin:10px 0 10px -6px;line-height:24px;color:#fff;background-color:#ff0000;white-space:nowrap;text-shadow:0px 1px 2px #bbb;-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.5);box-shadow:0px 2px 5px rgba(0,0,0,0.5);} .container > article > .column-group section .flag:before{content:' ';position:absolute;width:5px;height:0;right:-10px;top:0;border-width:12px 10px;border-style:solid;border-color:#ff0000 transparent #ff0000 #ff0000;} .container > article > .column-group section .flag:after{content:' ';position:absolute;width:0;height:0;left:0px;top:100%;border-width:3px 3px;border-style:solid;border-color:#666 #666 transparent transparent;} .container > article > .column-list{display:block;width:auto;margin:10px 5px;} .container > article > .column-list > section{float:left;display:block;position:relative;padding-top:0;margin:0 0 10px 0;width:100%;border:1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#fff;clear:both;} .container > article > .column-list > section a{float:left;display:block;width:100%;padding-bottom:10px;text-decoration:none;color:#000;} .container > article > .column-list > section h3{display:block;width:auto;padding:10px 5px 5px 5px;font-size:0.8125em;font-weight:bold;} .container > article > .column-list > section p{display:block;position:relative;width:auto;margin:5px 10px;font-size:0.8125em;} .container > article > .column-list > section img{float:left;width:40%;margin-right:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .container > article > .column-list > section .tourtype{display:block;width:auto;} .container > article > .column-list > section .tourinfo{display:block;width:auto;padding-top:5px;} .container > article > .column-list > section .pricetag{display:block;width:auto;padding-top:5px;font-weight:bold;color:#d4232b;} .container > article > .column-list > section .normaltag{display:block;width:auto;padding-top:5px;text-decoration:line-through;color:#666;} .container > article > .column-list > section .flag{position:absolute;top:0;left:0;width:auto;font-size:0.8125em;font-weight:bold;padding:0 15px 0 10px;margin:10px 0 10px -6px;line-height:24px;color:#fff;background-color:#ff0000;white-space:nowrap;text-shadow:0px 1px 2px #bbb;-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.5);box-shadow:0px 2px 5px rgba(0,0,0,0.5);} .container > article > .column-list > section .flag:before{content:' ';position:absolute;width:5px;height:0;right:-10px;top:0;border-width:12px 10px;border-style:solid;border-color:#ff0000 transparent #ff0000 #ff0000;} .container > article > .column-list > section .flag:after{content:' ';position:absolute;width:0;height:0;left:0px;top:100%;border-width:3px 3px;border-style:solid;border-color:#666 #666 transparent transparent;} .container > article#promotion-preview > .column-group{width:100%;} .container > article#promotion-preview > .column-group section{display:block;float:left;width:auto;margin:0 10px 10px 10px;background-color:#ffffa6;} .container > article#promotion-preview > h2{color:#fff;text-shadow:0 1px 1px #000000;background:#ff0000;background:-moz-linear-gradient(top, #ff0000 0%, #c50000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#c50000));background:-webkit-linear-gradient(top, #ff0000 0%,#c50000 100%);background:-o-linear-gradient(top, #ff0000 0%,#c50000 100%);background:-ms-linear-gradient(top, #ff0000 0%,#c50000 100%);background:linear-gradient(to bottom, #ff0000 0%,#c50000 100%);} .container > article#promotion-preview > .column-group section img{float:left;width:35%;margin-right:2%;border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;} .container > article#promotion-preview > .column-group section h3{position:relative;float:right;font-size:1em;padding:5px 2% 0 0;text-align:left;width:61%;} .container > article#promotion-preview > .column-group section p{position:relative;float:right;padding:0 2% 0 0;width:61%;margin:0;text-align:left;} .container > article#promotion-preview > .column-group section .tourinfo{float:left;width:100%;padding-top:0;text-align:left;} .container > article#promotion-preview > .column-group section .pricetag{float:left;width:100%;color:#ff0000;font-size:1.125em;margin-top:5px;} .container > article#promotion-preview > .column-group section .normaltag{float:left;width:100%;padding-bottom:10px;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;} .container > article > nav{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:1;background-color:#eee;} .container > article > div.submenu-icon, #blog-preview > div.submenu-icon{position:absolute;right:12px;top:15px;background:url(../images/menu-sub3.svg) no-repeat right top;background-size:23px 23px;width:23px;height:23px;margin-top:4px;cursor:pointer;} .container > article > div.close{display:block;width:auto;position:absolute;right:0;top:0;margin:5px 10px;background:url(../images/close.svg) #fff no-repeat 3px 3px;background-size:18px 18px;padding:3px 5px 3px 26px;height:18px;line-height:18px;cursor:pointer;border:1px solid #000;font-size:0.875em;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:2;} #blog-preview > div.close{position:absolute;right:12px;top:12px;background:url(../images/close.svg) no-repeat right top;background-size:23px 23px;width:23px;height:23px;margin-top:4px;cursor:pointer;} #blog-preview > div.item > div.blog-more{position:relative;display:inline-block;width:100%;} #blog-preview > div.item > div.blog-more > a{display:block;position:relative;width:auto;padding:10px 15px;margin:10px 25px 15px 25px;text-align:center;text-decoration:none;font-weight:bold;font-size:14px;background-color:#53c4ec;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:-webkit-gradient(radial, left bottom, 5, left center, 20, from(#fff), to(#000));background-image:-webkit-radial-gradient(left bottom, circle cover, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));background-image:-moz-radial-gradient(left bottom, circle cover, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));background-image:radial-gradient(left bottom, circle cover, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset 0px -1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0px -1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0px -1px 1px 1px rgba(0, 0, 0, 0.2);} .container > article > nav > ul{position:relative;display:block;width:auto;height:100%;margin:38px 10px 10px 10px;} .container > article > nav > ul > li{position:relative;display:block;width:auto;margin-bottom:10px;} .container > article > nav > ul > li > div.control-menu{position:relative;display:block;} .container > article > nav > ul > li > a{display:block;padding:10px;font-family:'Itim', cursive;font-size:1.25em;border-bottom:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;text-shadow:0 1px 1px #000000;background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);} } .container > article > nav > ul > li > ul{position:relative;display:block;width:auto;background-color:#eee;} .container > article > nav > ul > li > div.control-menu > ul > li{position:relative;border-bottom:1px dashed #dbdbdb;width:auto;padding:10px 15px 5px 20px;font-size:0.875em;} .container > article > nav > ul > li > div.control-menu > ul > li > a:before{content:' ';position:absolute;width:5px;height:0;left:12px;top:15px;border-width:3px;border-style:solid;border-color:transparent transparent transparent #000;} .container > article > nav.nav-tour > ul > li > a{color:#0000ee;} .container > article > nav > ul > li .close, .container > article > nav > ul > li .open{position:absolute;right:7px;top:7px;background-color:#f6f6f6;width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .container > article > nav > ul > li .open:before{position:absolute;content:' ';width:0;height:0;left:6px;top:9px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #535353;border-top-color:#ed4694;} .container > article > nav > ul > li .close:before{position:absolute;content:' ';width:0;height:0;left:6px;top:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #535353;border-bottom-color:#ed4694;} .container > article > nav a{text-decoration:none;color:#000;} .container > article.package-tour{position:relative;} .container > article > nav.nav-tour{display:block;position:relative;width:100%;background:none !important;} .container > article > nav.nav-tour > ul{display:inline-table;position:relative;width:auto;margin:0 10px 10px 10px;padding:0;font-size:0.8125em;} .container > article > nav.nav-tour > ul > li{display:inline-table;position:relative;padding-right:5px;padding-left:8px;margin-bottom:0;} .container > article > nav.nav-tour > ul > li:before{left:0;top:5px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top:4px solid transparent;border-left:4px solid #000;border-bottom:4px solid transparent;} .container > article > nav.nav-tour > ul > li:first-of-type:before{border:none;} .container > article > nav.nav-tour > ul > li:first-of-type{padding-left:0;} .container > article.package-tour a{color:#0000ee;text-decoration:none;} .container > article.package-tour a:hover{text-decoration:none;} .container > article > nav.nav-tour > ul > li > a{float:left;background:none !important;text-shadow:none;font-family:Roboto,Tahoma,sans-serif;font-size:1em;padding:0;} .container > article > .social-share{display:block;position:relative;width:auto;margin:0 15px 10px 15px;/*background-color:#ff0000;*/} .container > article > .social-share > .social-count{display:inline-table;position:relative;font-size:0.8em;width:28%;color:#999;/*background-color:#ff00ff;*/} .container > article > .social-share > .social-count > em {display:block;position:relative;font-size:2.25em;font-weight:bold;font-style:normal;padding-bottom:10px;color:#000;} .container > article > .social-share > .social-btn{display:inline-table;position:relative;width:100%;color:#999;/*text-align:right;*//*background-color:#ffff00;*/} .container > article > .social-share > .social-btn > a{display:inline-table;width:36px;height:36px;text-indent: -9999px;letter-spacing: -99px;} .container > article > .social-share > .social-btn > a.facebook-btn, .container > article > .social-share > .social-btn > a.twitter-btn, .container > article > .social-share > .social-btn > a.google-plus-btn, .container > article > .social-share > .social-btn > a.line-btn, .container > article > .social-share > .social-btn > a.mail-btn{background-size:36px 36px!important;margin:0 3px 0 2px;padding-top:6px;} .container > article > .social-share > .social-btn > a.facebook-btn{background:url(../images/social-share/facebook_btn.svg) no-repeat 0 0;} .container > article > .social-share > .social-btn > a.twitter-btn{background:url(../images/social-share/twitter_btn.svg) no-repeat 0 0;} .container > article > .social-share > .social-btn > a.google-plus-btn{background:url(../images/social-share/google_plus_btn.svg) no-repeat 0 0;} .container > article > .social-share > .social-btn > a.line-btn{background:url(../images/social-share/line_btn.svg) no-repeat 0 0;} .container > article > .social-share > .social-btn > a.mail-btn{background:url(../images/social-share/mail_btn.svg) no-repeat 0 0;} .container > article > .social-share > .social-btn > a.mail-btn{margin-right:0;} .container > article > .column-group > ul.filter{display:flex;flex-wrap:wrap;justify-content:center;width: calc(100% - 30px);margin:0 15px 10px 15px;font-family:'Itim', cursive;} .container > article > .column-group > ul.filter > li{padding-left:5px;} .container > article > .column-group > ul.filter > li > select{display: block;width: 100%;margin: 0 auto;padding: 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #aaa;background-color:#fff;} .container > article > .column-group > ul.filter > li:first-child{width: 100%;text-align:center;padding-bottom:5px;} .container > article > .column-group .goto-charter{display:flex;justify-content:center;width: calc(100% - 30px);margin:0 15px 10px 15px;font-family:'Itim', cursive;} /*.container > article > .column-group .goto-charter > a{border: 2px solid #330000;background-color:#ff0000;color:#fff;padding:10px 25px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-decoration:none;font-weight:bold;}*/ .container > article > .column-group .goto-charter > a{ -moz-box-shadow: inset 0px 1px 0px 0px #ffbfbf; -webkit-box-shadow: inset 0px 1px 0px 0px #ffbfbf; box-shadow: inset 0px 1px 0px 0px #ffbfbf; background-color: #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ff0000; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 15px; text-decoration: none; text-shadow: 0px 1px 0px #be3876; font-weight: bold; text-align:center; line-height:1.25em; } .container > article.package-tour > p, .container > article#client-page > p, .container > article#content > p, .container > article.special > p{width:auto;margin:0 15px 10px 15px;font-size:0.8125em;} .container > article.package-tour > .image{width:auto;margin:0 25px 0 15px;text-align:center;} .container > article.package-tour > p.image > img{border:1px solid #ddd;padding:3px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .container > article.package-tour > p.info{display:block;padding-top:10px;clear:both;} .container > article.package-tour > div.best-price{display:flex;flex-direction:column;position:relative;text-align:center;background-color:#fff;padding:15px 10px 10px 10px;margin:10px 15px 0 15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .container > article.package-tour > div.best-price > div.price-display{display:block;padding-bottom:5px;} .container > article.package-tour > div.best-price > div.price-display > span{display:block;width:100%;padding-bottom:5px;} .container > article.package-tour > div.best-price > div.price-display > .cheap-price{font-weight:bold;color:#ff0000;} .container > article.package-tour > div.best-price > div.price-display > .normal-price{font-size:0.75em;text-decoration:line-through;} .container > article.package-tour > div.best-price > div.price-display > .save-price{font-size:1em;color:#ff0000;font-weight:bold;} .container > article.package-tour > div.best-price > div.price-display > .th-only{font-size:1em;color:#999;} .container > article.package-tour > div.best-price > div.price-display > .price-until{font-size:1em;color:#000;} .container > article.package-tour > div.best-price > .package-booking{display:block;position:relative;width:auto;border:1px solid #d83526;font-family:CloudBold;font-size:1.75em;font-weight:bold;text-decoration:none;text-shadow:0px 1px 0px #b23e35;cursor:pointer;background-color:#fe1a00;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;box-shadow:inset 0px 1px 0px 0px #f29c93;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .container > article.package-tour > div.best-price > .package-booking > a{display:block;position:relative;width:auto;padding:15px 0;color:#ffffff;} .container > article.package-tour > div.best-price > .package-booking:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);background-color:#ce0100;} .container > article.package-tour > div.best-price > .package-booking:active{position:relative;top:1px;} .container > article.package-tour > div.site-link{display:flex;flex-direction:column;position:relative;background-color:#fff;padding:15px 10px 10px 10px;margin:10px 15px 10px 15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-size:0.875em;/*clear:both;*/} .container > article.package-tour > div.site-link > h4{padding-bottom:10px;} .container > article.package-tour > div.site-link > ul{display:flex;flex-wrap:wrap;} .container > article.package-tour > div.site-link > ul > li{display:block;padding:0 15px 5px 15px;background:url(../images/external-link.svg) no-repeat left 1px;background-size: 12px 12px;} .container > article.package-tour > div.tour-contact{display:flex;flex-direction:column;position:relative;background-color:#fff;padding:5px;margin:10px 15px 10px 15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-size:0.875em;/*clear:both;*/} .container > article.package-tour > div.tour-contact > ul{display:flex;flex-wrap:wrap;flex-direction:column;} .container > article.package-tour > div.tour-contact > ul > li{display:block;padding:12px 15px 5px 35px;font-weight:bold;} .container > article.package-tour > div.tour-contact > ul > li:nth-child(1){padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fff;background-color:#ff0000;} .container > article.package-tour > div.tour-contact > ul > li:nth-child(2){background:url(../images/tour-phone-circle.svg) no-repeat 5px 7px;background-size: 22px 22px;padding-left:31px;} .container > article.package-tour > div.tour-contact > ul > li:nth-child(3){background:url(../images/tour-line.svg) no-repeat 5px 7px;background-size: 24px 24px;} .container > article.package-tour > div.tour-contact > ul > li > a{color:#000;} .container > article.package-tour > div.tour-contact > ul > li > a:hover{color:#ff0000;} .container > article.package-tour > ul.comment{width:auto;margin:0 15px 10px 15px;font-size:0.8125em;color:#ff0000;} .container > article.package-tour > ul.comment > li{position:relative;padding-left:15px;} .container > article.package-tour > ul.comment >li:before{left:0;top:0;border:solid transparent;content:"*";position:absolute;pointer-events:none;} .tab-menu{display:inline-table;position:relative;margin-top:5px;width:auto;margin:0 5px 5px 5px;} .tab-menu a{display:inline-table;padding:5px 10px 5px 15px;margin:0 2px 2px 0;font-size:0.8125em;font-weight:bold;color:#000 !important;border:1px solid rgb(237,70,148);text-decoration:none;background:url(../images/link.svg) rgba(237,70,148, 0.2) no-repeat 4px 10px;background-size:8px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .tab-menu a:hover{background:url(../images/link-hover.svg) rgb(237,70,148) no-repeat 4px 10px;background-size:8px 8px;} .tab-menu a.rsvn{padding:20px 20px 18px 20px;margin-top:-20px;font-size:2em;text-shadow:#fff 1px 1px;background-color:rgb(237,70,148);background:-moz-linear-gradient(top, rgba(254,139,193,1) 0%, rgba(227,110,164,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,139,193,1)), color-stop(100%,rgba(227,110,164,1)));background:-webkit-linear-gradient(top, rgba(254,139,193,1) 0%,rgba(227,110,164,1) 100%);background:-o-linear-gradient(top, rgba(254,139,193,1) 0%,rgba(227,110,164,1) 100%);background:-ms-linear-gradient(top, rgba(254,139,193,1) 0%,rgba(227,110,164,1) 100%);background:linear-gradient(to bottom, rgba(254,139,193,1) 0%,rgba(227,110,164,1) 100%);} .container > article.package-tour > article{display:block;position:relative;clear:both;width:auto;margin:0 5px 10px 5px;} .container > article.package-tour > article > h2{display:block;position:relative;font-family:'Itim', cursive;font-size:1.25em;line-height:1em;font-weight:bold;color:#fff;text-shadow:#000 1px 1px;width:auto;padding:10px;margin:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);} .container > article.package-tour > article > section{display:block;position:relative;width:auto;padding:10px;margin-top:5px;border:1px solid rgb(237,70,148);background-color:#fff;font-size:0.8125em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .container > article.package-tour > article > section > h3, .container > article.package-tour > article > section > a > h3{font-family:'Itim', cursive;font-size:1.3125em;line-height:20px;margin-bottom:5px;} .container > article.package-tour > article#area-info > section > h3{width:auto;padding:0 10px;} .container > article.package-tour > article#area-price > section > h3{width:auto;margin-bottom:0;clear:both;} .container > article.package-tour > article#area-gallery > section > h3, .container > article.package-tour > article#area-client-tour > section > h3{margin-bottom:5px;} .container > article.package-tour > article .itinerary ul li{padding:5px;border-top:1px dashed #aaa;} .container > article.package-tour > article .itinerary ul li:nth-child(odd){background-color:#eee;} .container > article.package-tour > article .itinerary ul li:last-child{border-bottom:none;} .container > article.package-tour > article .itinerary ul li > em{display:block;font-style:normal;font-weight:bold;} .container > article.package-tour > article .itinerary-note {font-weight:bold;text-align:center;} .container > article.package-tour > article p{display:block;position:relative;padding-bottom:12px;} .container > article.package-tour > article p:last-child{padding-bottom:0px;} .container > article.package-tour > article .tour-info{display:block;position:relative;width:auto;padding:5px 0 3px 0;margin:0 10px;border-bottom:1px dashed #aaa;} .container > article.package-tour > article .tour-info:first-of-type{border-top:1px dashed #aaa;} .container > article.package-tour > article .tour-info:nth-child(even){background-color:#eee;} .container > article.package-tour > article#area-info > section{display:inline-table;width:100%;padding:10px 0 10px 0;} .container > article.package-tour > article .tour-info .tour-title{display:inline-table;width:33%;font-weight:bold;} .container > article.package-tour > article .tour-info .tour-data{display:inline-table;width:63%;border-left:1px dashed #aaa;padding-left:2%;} .container > article.package-tour > article .gallery, .container > article.package-tour > article .client-tour{display:block;position:relative;width:auto;padding:10px;} .container > article.special > ul > li > .promotion-gallery{display:block;position:relative;width:auto;padding-top:10px;} .container > article.package-tour > article .gallery img, .container > article.package-tour > article .client-tour img, .container > article.special > ul > li > .promotion-gallery > img {margin:0 3px 6px 3px;background-color:#fff;border:1px solid #ddd;padding:3px;width:44.8%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .container > article.package-tour > article .client-tour img{display:none;} .container > article.package-tour > article .client-tour img:nth-child(2), .container > article.package-tour > article .client-tour img:nth-child(3), .container > article.package-tour > article .client-tour img:nth-child(4), .container > article.package-tour > article .client-tour img:nth-child(5){display:inline;} .container > article.package-tour > article .date{float:left;display:block;position:relative;width:100%;} .container > article.package-tour > article .date .calendar-icon{float:left;display:block;position:relative;} .container > article.package-tour > article .date .calendar-icon a{float:left;display:block;position:relative;border:1px solid rgb(237, 70, 148);border-top:10px solid rgb(237, 70, 148);padding:0 3px;color:rgb(237, 70, 148);font-size:0.875em;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .container > article.package-tour > article .date .calendar-icon a:hover{text-decoration:none;} .container > article.package-tour > article#area-price > section{float:left;display:block;position:relative;width:96%;padding:10px 2% 10px 2%;margin-bottom:10px;} .container > article.package-tour > article#area-blog > section{text-align:center;margin-bottom:10px;} .container > article.package-tour > article > section.clip{text-align:center;margin-bottom:10px;} .container > article.package-tour > article#area-blog > section > a{display:block;color:#000;} .container > article.package-tour > article#area-blog > section > a > img{color:#000;padding-bottom:10px;} .container > article.package-tour > article#area-blog > section > a > h3, .container > article.package-tour > article > section.clip > h3{padding-bottom:5px;} .container > article.package-tour .frameWrapper, .container > article#content .frameWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;} .container > article.package-tour .frameWrapper iframe, .container > article#content .frameWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .container > article.package-tour > article p.addons-img{display:block;text-align:center;} .container > article.package-tour > article p.addons-img img{border: 1px solid #ddd;padding: 3px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;max-width:95%;} .fb-like{margin-right:3px;} .hotel{display:block;position:relative;width:auto;} .hotel .price-list{float:left;width:100%;margin-top:2px;} .price-list .title-period, .price-list .title-adl, .price-list .title-chd, .price-list .title-comment, .price-list .price-period, .price-list .price-adl, .price-list .price-chd, .price-list .price-comment, .hotel .hotel-comment, .hotel .hotel-name{float:left;padding:2%;margin-right:2px;text-align:center;background-color:#eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .hotel .hotel-name{background-color:#ccc;} .hotel .hotel-name .name{float:left;width:70%;} .hotel .hotel-name .star{float:right;background:url(../images/star.svg) repeat-x left top;background-size:15px 15px;} .hotel .hotel-name .star-1{width:15px;} .hotel .hotel-name .star-1-h{width:23px;} .hotel .hotel-name .star-2{width:30px;} .hotel .hotel-name .star-2-h{width:38px;} .hotel .hotel-name .star-3{width:45px;} .hotel .hotel-name .star-3-h{width:53px;} .hotel .hotel-name .star-4{width:60px;} .hotel .hotel-name .star-4-h{width:68px;} .hotel .hotel-name .star-5{width:75px;} .hotel .hotel-name .location{float:left;width:100%;} .price-list .title-period, .price-list .title-adl, .price-list .title-chd, .price-list .title-comment, .hotel-info{color:#fff;background-color:#414141;font-weight:bold;} .price-list .title-period, .price-list .price-period{width:35%;} .hotel .price-list .title-adl, .hotel .price-list .price-adl, .hotel .price-list .title-chd, .hotel .price-list .price-chd{width:25%;} .hotel .hotel-comment, .hotel .hotel-name{width:95%;margin-top:2px;text-align:left;} .price-list .title-period, .hotel .price-list .price-period{text-align:left;} .blog{text-align:center;} .blog img{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:5px 0;} .tags{float:left;display:block;position:relative;width:94%;padding:5px 0 5px 0;border-top:1px dotted #959595;border-bottom:1px dotted #959595;margin:10px 3% 0 3%;font-size:0.8125em;} .tags .tag-name{float:left;display:block;position:relative;width:15%;padding:1% 2%;background-color:#575757;color:#fff;text-align:center;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .tags .tag-word{float:left;display:block;position:relative;width:77%;padding:1% 2%;} .tags a{margin-right:5px;color:#959595;} .tags a:link, .tags a:visited{color:#959595;text-decoration:none;} .tags a:active, .tags a:hover{color:#ff0000;text-decoration:none;} .form-search{display:inline-table;width:100%;text-align:center;} .form-search .search-input{display:inline-table;width:80%;margin:10px 5px 0 5px;border:1px solid #ddd;height:2.25em;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .form-search .search-button{display:inline-table;width:24px;height:24px;vertical-align:middle;background:url(../images/search.svg) no-repeat center center;background-size:20px 20px;border:none;} aside > h2{display:block;width:auto;margin:10px 5px;padding:10px;font-family:'Itim', cursive;font-size:1.25em;border-bottom:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;text-shadow:0 1px 1px #000000;background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);} aside > h3{display:block;width:auto;margin:10px 5px;padding:10px;font-family:'Itim', cursive;font-size:1.25em;border-bottom:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;text-shadow:0 1px 1px #000000;background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);} #biz-contact{display:inline-table;width:100%;text-align:center;} #telephone{display:inline-table;position:relative;text-align:center;width:152px;margin:0 2px;padding: 10px 0 0 0;} #telephone p{display:inline-table;position:relative;text-align:left;width:108px;padding:5px 5px 5px 35px;margin:0;background:url(../images/phone.svg) #d9ebf2 no-repeat 5px 9px;background-size:25px 25px;font-family:CloudBold;font-size:1em;line-height:1em;color:#000080;border:2px solid #017bab;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #telephone p .phone-name{font-size:0.875em;} #telephone p a{color:#017bab;} #telephone p a:hover{color:#017bab;} #line-official{display:inline-table;position:relative;text-align:center;width:152px;margin:0 2px;padding: 10px 0 0 0;} #line-official p{display:inline-table;position:relative;text-align:left;width:108px;padding:5px 5px 5px 35px;margin:0;background:url(../images/line-official.svg) #e0f6e1 no-repeat 5px 9px;background-size:25px 25px;font-family:CloudBold;font-size:1em;line-height:1em;color:#000080;border:2px solid #31c139;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #line-official p .line-id{font-size:0.8em;} #line-official p a{color:#31c139;} #line-official p a:hover{color:#31c139;} #telephone p a, #line-official p a{text-decoration:none;} #license{display:inline-table;position:relative;width:100%;text-align:center;margin:0;padding-top:10px;padding-bottom:5px;} #license p{display:inline-table;position:relative;width:210px;text-align:left;padding:10px 5px 10px 85px;background:url(../images/tat.svg) #fff no-repeat 5px 5px;background-size:70px 70px;font-family:CloudBold;font-size:1.5em;line-height:1.25em;color:#000080;border:2px solid #000080;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #social{display:inline-table;position:relative;width:100%;} #social > ul.community{display:block;width:auto;} #social > ul.community li{display:block;width:auto;margin-bottom:5px;margin:0 15px 5px 15px;} #social > ul.community li a{display:block;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;color:#0000f3;background-color:#f3f3f3;margin-left:34px;padding:0 0 0 10px;line-height:32px;font-size:0.875em;white-space:nowrap;webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;text-shadow:#fff 1px 1px;font-weight:bold;text-decoration:none;background-color:#fff;} #social > ul.community li a:hover{color:#78cde2;} #social > ul.community li.facebook, ul.community li.twitter, ul.community li.google-plus{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} #social > ul.community li.facebook{background:url(../images/social-icon/facebook.svg) no-repeat left top;background-size:34px 34px;} #social > ul.community li.twitter{background:url(../images/social-icon/twitter.svg) no-repeat left top;background-size:34px 34px;} #social > ul.community li.google-plus{background:url(../images/social-icon/google-plus.svg) no-repeat left top;background-size:34px 34px;} #fb-box{display:inline-table;position:relative;width:100%;} #fb-box > .fb-control{width:auto;margin:0 10px 0 10px;} #blog-preview{display:inline-table;position:relative;width:100%;} #blog-preview > nav{display:none;position:absolute;right:15px;top:42px;width:auto;margin:0;;box-shadow:3px 3px 3px #aaa;-moz-box-shadow:3px 3px 3px #aaa;-webkit-box-shadow:3px 3px 3px #aaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #blog-preview > nav > ul{display:block;font-size:0.8125em;} #blog-preview > nav > ul > li{display:block;padding:2px 5px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;background-color:#fff;} #blog-preview > nav > ul > li:last-child{border-bottom:1px solid #999;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;} #blog-preview > nav > ul > li:first-child{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} #blog-preview > nav > ul > li > a{display:block;padding:5px;text-decoration:none;font-weight:bold;color:#000;} #blog-preview > div.item{display:block;width:auto;margin:0 10px 10px 10px;border:1px solid #ddd;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} #blog-preview > div.item > section{display:inline-table;width:48%;padding-bottom:10px;margin:0;} #blog-preview > div.item > section > a{display:inline-table;width:auto;padding:0;margin:0 5px 0 10px;font-size:0.8125em;color:#000;text-align:center;text-decoration:none;} #blog-preview > div.item > section > a > img{display:inline-table;vertical-align:top;width:100%;margin-bottom:5px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #blog-preview > div.item > section:nth-of-type(2n+1) > a{margin:0 10px 0 5px;} #blog-preview > div.item > section:first-of-type{width:100%;margin-top:10px;margin-bottom:10px;} #blog-preview > div.item > section:first-of-type > a{display:block;width:auto;margin:0 10px 0 10px;} #client-preview{display:block;width:100%;} #client-preview > section{display:block;width:auto;margin:0 10px 10px 10px;padding:10px;border:1px solid #ddd;background-color:#fff;} #client-preview > section img{display:block;width:100%;} #client-preview > section h3{display:block;padding-top:10px;text-align:center;} #client-preview > section p{display:block;padding-top:5px;text-align:center;} #client-preview > section a{text-decoration:none;color:#000;font-size:0.8125em;} #client-preview > section, #client-preview > section img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #client-page{display:block;width:100%;} #client-page > p > a{color:#0000ee;text-decoration:solid;} #client-page > .client-gallery{display:block;position:relative;width:auto;margin:0 15px 10px 15px;} #client-page > .client-gallery > a{float:left;width:46%;margin:2%;} #client-page > .client-gallery > a > img{background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} #tour-type-preview{display:block;width:100%;font-size:0.8125em;} #tour-type-preview > section{display:block;padding-bottom:10px;margin:0 10px 10px 10px;border-bottom:1px dashed #aaa;} #tour-type-preview > section > a{display:inline-table;width:auto;padding:0 10px;color:#000;} #tour-type-preview > section > a > img{float:left;width:27%;vertical-align:top;text-align:left;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #tour-type-preview > section > a > h3, #tour-type-preview > section > a > p{float:left;width:70%;padding:0 0 0 3%;} #tour-type-preview > section:last-of-type{border-bottom:none;margin-bottom:0;} #info-preview{display:block;width:100%;font-size:0.8125em;} #info-preview > section{display:block;padding-bottom:10px;margin:0 10px 10px 10px;border-bottom:1px dashed #aaa;} #info-preview > section > a{display:inline-table;width:auto;padding:0 10px;color:#000;} #info-preview > section > a > img{float:left;width:27%;vertical-align:top;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #info-preview > section a > h3, #info-preview > section > a > p{float:left;width:70%;padding:0 0 0 3%;} #info-preview > section:last-of-type{border-bottom:none;margin-bottom:0;} footer{display:block;position:relative;float:left;width:100%;background-color:#2d2d2d;margin-top:15px;} footer address{display:block;width:auto;padding:10px;color:#fff;font-size:0.75em;font-style:normal;text-align:center;line-height:1.5em;} footer address a{color:#fff;} footer p{display:block;width:auto;margin:0 15px;padding:10px 0 15px 0;color:#fff;font-size:0.75em;text-align:center;border-top:1px solid #666;} footer nav.link{display:block;width:auto;margin:0 15px;padding:10px 0;color:#fff;font-size:0.75em;text-align:center;border-top:1px solid #666;} footer nav.link ul{display:inline-table;width:auto;padding:0;} footer nav.link ul li{display:inline-table;margin:0 5px;padding:0 0 5px 15px;background:url(../images/link-footer.svg) no-repeat left 4px;background-size:12px 12px;} footer nav.link ul li:first-child{margin-left:0;} footer nav.link ul li:last-child{margin-right:0;} footer nav.link ul li a{color:#fff;} /* footer nav.link ul li a:before{width:8px;height:8px;} */ footer nav.social{display:block;position:relative;width:100%;background-color:#2d2d2d;text-align:center;} footer nav.social ul{display:inline-table;width:auto;padding:15px 15px 0 15px;} footer nav.social ul li{display:inline-table;text-indent:-9999px;letter-spacing:-99px;width:36px;height:36px;margin:0;padding:0;} footer nav.social ul li a{display:block;height:100%;} footer nav.social ul li:nth-child(1){background:url('../images/social-icon/facebook.svg') no-repeat left top;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;} footer nav.social ul li:nth-child(2){background:url('../images/social-icon/google-plus.svg') no-repeat left top;} footer nav.social ul li:nth-child(3){background:url('../images/social-icon/twitter.svg') no-repeat left top;} footer nav.social ul li:nth-child(4){background:url('../images/social-icon/instagram.svg') no-repeat left top;} footer nav.social ul li:nth-child(5){background:url('../images/social-icon/youtube.svg') no-repeat left top;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;} footer nav.social ul li:nth-child(1), footer nav.social ul li:nth-child(2), footer nav.social ul li:nth-child(3), footer nav.social ul li:nth-child(4), footer nav.social ul li:nth-child(5){background-size:36px 36px;} .swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;} .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;} .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;} .swiper-slide{float:left;} .swiper-wp8-horizontal{-ms-touch-action:pan-y;} .swiper-wp8-vertical{-ms-touch-action:pan-x;} .swiper-container{width:100%;} .swiper-slide{width:100%;} .swiper-slide img{width:100%} .swiper-slide-active{} .swiper-slide-visible{} .swiper-pagination-switch{} .swiper-active-switch{} .swiper-visible-switch{} .pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index:1;} .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0px 1px 2px #555 inset;margin:0 3px;cursor:pointer;} .swiper-active-switch{background:#fff;} .container > article#blog-list > .column-group section{width:auto;margin:0 10px 10px 10px;} .container > article#blog-list > .column-group section > a > p{padding:0 15px 15px 15px;margin:0;} .container > article#blog-list > .column-group section > a > img{border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;} .container > article#blog-list > .column-group section h2{display:block;width:auto;padding:10px 10px 5px 10px;font-size:0.875em;text-align:center;font-weight:bold;} .container > article#blog-list > .column-group section p.mini-text{margin:0 10px;font-size:0.75em;} aside#blog-category{width:auto;padding-bottom:10px;margin:10px 5px 0 5px;border:1px solid rgb(120,205,226);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:rgba(120,205,226, 0.2);clear:both;} aside#blog-category h3{font-family:Roboto,Tahoma,sans-serif;background:none;color:#000;padding:0;margin:10px;text-shadow:none;font-size:0.875em;text-align:center;} aside#blog-category select{display:block;width:90%;margin:0 auto;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaa;} nav#blog-menu{display:block;width:100%;margin-top:10px;} nav#blog-menu ul{display:block;width:auto;margin:0 100px 0 10px;} nav#blog-menu ul li{float:left;padding:2px 2px 0 2px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;margin-right:2px;background-color:#fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} nav#blog-menu ul li a{float:left;white-space:nowrap;padding:5px 5px 2px 5px;font-size:0.8125em;font-weight:bold;text-decoration:none;background-color:#f0f0f0;color:#999;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);} nav#blog-menu ul li a.indexed{color:#000;background:rgb(232,232,232);background:rgb(83,196,236);background:-moz-linear-gradient(top, rgba(83,196,236,1) 0%, rgba(188,225,243,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,196,236,1)), color-stop(100%,rgba(188,225,243,1)));background:-webkit-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:-o-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:-ms-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:linear-gradient(to bottom, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);} .container > article#content > h3{width:auto;margin:25px 15px 15px 15px;font-size:1.25em;font-family:'Itim', cursive;} .container > article#content img{width:100%;} .container > article#content .frameWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:10px;} .container > article#content .frameWrapper iframe{position:absolute;top:0;left:3%;width:94%;height:100%;} .container > article#content > h2{padding:0;margin:20px 10px 10px 10px;background:none;text-shadow:none;color:#000;font-size:1.25em;} .container > article#content > p > a{text-decoration:none;color:#2ca6d7;} .container > article#content > p.link-button{text-align:center;padding-bottom:20px;border-bottom:1px dashed #99A2A3} .container > article#content > p.link-button:last-child{border-bottom:none;} .container > article#content > p > a.link-box, .container > article#content > p.link-button > a{text-decoration:none; background:url(../images/hyperlink_icon.svg) no-repeat 5px center; background-size:26px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; cursor:pointer; color:#ffffff; padding:8px 20px 8px 35px; text-decoration:none; font-weight:bold; background-color:#ed501e; -moz-box-shadow:inset 0px 1px 0px 0px #f6a88f; -webkit-box-shadow:inset 0px 1px 0px 0px #f6a88f; box-shadow:inset 0px 1px 0px 0px #f6a88f; border:1px solid #9f3614; text-shadow:0px 1px 0px #9f3614; } .container > article#content >p.site-link > a{display:inline-table;border:1px solid #aaa;background-color:#fff;padding:5px;margin:0 2px 2px 0;} .input-form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;width:auto;border:1px solid #ddd;background-color:#fff;margin:0 15px;padding:15px;font-size:0.8125em;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .input-form > .input-group{display:block;flex:1 100%;-webkit-flex-flow:row wrap;flex-flow:row wrap;} .input-form > .input-vertical{flex:1 100%;} .input-form > .input-back{margin-left:0;} .input-title{display:block;padding-top:15px;font-weight:bold;} .input-data{display:block;position:relative;padding-top:5px;} .text-display{padding-top:0;} .input-data > input[type=text], .input-data > textarea, .input-data > select{display:block;width:100%;border:1px solid #99A2A3;padding:8px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-sizing:border-box;} .input-data > select{padding:6px 0 7px 8px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/link-hover.svg) no-repeat 98% center;background-size:10px 6px;} .input-data > textarea{height:100px;} .input-submit{display:block;text-align:center;padding-top:10px;flex:1 100%;} .input-submit > input[type=submit]{-moz-box-shadow:inset 0px 1px 0px 0px #f598c5;-webkit-box-shadow:inset 0px 1px 0px 0px #f598c5;box-shadow:inset 0px 1px 0px 0px #f598c5;background-color:#ed4694;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ed4694;display:inline-block;cursor:pointer;color:#ffffff;padding:8px 25px;text-decoration:none;text-shadow:0px 1px 0px #be3876;font-weight:bold;} .input-submit > input[type=submit]:hover{background-color:#be3876;} .input-submit > input[type=submit]:active{position:relative;top:1px;} .input-button{display:block;text-align:center;padding-top:10px;flex:1 100%;} .input-button > input[type=button]{-moz-box-shadow:inset 0px 1px 0px 0px #f598c5;-webkit-box-shadow:inset 0px 1px 0px 0px #f598c5;box-shadow:inset 0px 1px 0px 0px #f598c5;background-color:#ed4694;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ed4694;display:inline-block;cursor:pointer;color:#ffffff;padding:8px 25px;text-decoration:none;text-shadow:0px 1px 0px #be3876;font-weight:bold;} .input-button > input[type=button]:hover{background-color:#be3876;} .input-button > input[type=button]:active{position:relative;top:1px;} .slide-pink > input[type=submit], .slide-green > input[type=submit], .slide-orange > input[type=submit], .slide-bluesky > input[type=submit], .slide-yellow > input[type=submit], .slide-blueblack > input[type=submit], .slide-softgray > input[type=submit]{font-family:CloudBold;font-size:1.5em;padding:10px 45px;} .slide-green > input[type=submit]{background-color:#a5de37;-moz-box-shadow:inset 0px 1px 0px 0px #ceed91;-webkit-box-shadow:inset 0px 1px 0px 0px #ceed91;box-shadow:inset 0px 1px 0px 0px #ceed91;border:1px solid #a5de37;text-shadow:0px 1px 0px #84b22c;} .slide-green > input[type=submit]:hover{background-color:#84b22c;} .slide-orange > input[type=submit]{background-color:#fd6631;-moz-box-shadow:inset 0px 1px 0px 0px #feab8e;-webkit-box-shadow:inset 0px 1px 0px 0px #feab8e;box-shadow:inset 0px 1px 0px 0px #feab8e;border:1px solid #fd6631;text-shadow:0px 1px 0px #ca5227;} .slide-orange > input[type=submit]:hover{background-color:#ca5227;} .slide-bluesky > input[type=submit]{background-color:#55dae1;-moz-box-shadow:inset 0px 1px 0px 0px #a2ebef;-webkit-box-shadow:inset 0px 1px 0px 0px #a2ebef;box-shadow:inset 0px 1px 0px 0px #a2ebef;border:1px solid #55dae1;text-shadow:0px 1px 0px #44aeb4;} .slide-bluesky > input[type=submit]:hover{background-color:#44aeb4;} .slide-yellow > input[type=submit]{background-color:#feae1b;-moz-box-shadow:inset 0px 1px 0px 0px #fed382;-webkit-box-shadow:inset 0px 1px 0px 0px #fed382;box-shadow:inset 0px 1px 0px 0px #fed382;border:1px solid #feae1b;text-shadow:0px 1px 0px #cb8b16;} .slide-yellow > input[type=submit]:hover{background-color:#cb8b16;} .slide-blueblack > input[type=submit]{background-color:#7b72e9;-moz-box-shadow:inset 0px 1px 0px 0px #b7b2f3;-webkit-box-shadow:inset 0px 1px 0px 0px #b7b2f3;box-shadow:inset 0px 1px 0px 0px #b7b2f3;border:1px solid #7b72e9;text-shadow:0px 1px 0px #625bba;} .slide-blueblack > input[type=submit]:hover{background-color:#625bba;} .slide-softgray > input[type=submit]{background-color:#bfbfae;-moz-box-shadow:inset 0px 1px 0px 0px #dcdcd3;-webkit-box-shadow:inset 0px 1px 0px 0px #dcdcd3;box-shadow:inset 0px 1px 0px 0px #dcdcd3;border:1px solid #bfbfae;text-shadow:0px 1px 0px #99998b;} .slide-softgray > input[type=submit]:hover{background-color:#99998b;} .g-recaptcha div{margin-left:auto;margin-right:auto;margin-bottom:15px;} .response{display:none;width:auto;padding:10px;color:#fff;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:bold;flex:1 100%;} .g-recaptcha{margin-top:15px;flex:1 100%;} .success{background-color:#00a600;border-color:#006000;} .failed{background-color:#ed2024;border-color:#771012;} .calendar-form{background:url(../images/calendar.svg) no-repeat 99% center;background-size:23px 23px;cursor:pointer;} .child-comment{display:block;padding-top:3px;} .calendar-price{float:right;padding:0 0 10px 0;width:230px;} .tour-client{display:block;position:relative;width:auto;margin:0 15px;text-align:center;font-size:0.875em;line-height:1.25em;} .tour-client > a{display:block;position:relative;width:218px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0 auto 15px auto;text-decoration:none;color:#000;} .tour-client > a > img{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;} .tour-client > a > h2{padding:5px;} .tour-client > a > p{padding:0 10px 10px 10px;} .tour-client > a:hover{background-color:#78cde2;} p.menu-center{display:block;text-align:center;} .container > article.special{position:relative;} .container > article.special > p{text-align:center;clear:both;} .container > article.special > p > img{width:100%;} .container > article.special > p.aleft{text-align:left;} .container > article.special > p.top10{padding-top:10px;} .container > article.special > p.hilight{font-size:1em;line-height:1.25em;font-weight:bold;} .pro-tbl{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;width:auto;padding:0 10px;} .pro-tbl .pro-period{position:relative;display:flex;flex-direction:row;width:auto;font-size:1.5em;background-color:#ff00ff;} .pro-tbl .pro-tbl-title, .pro-tbl .pro-tbl-price, .pro-tbl .pro-tbl-title-with-name, .pro-tbl .pro-tbl-price-with-name{position:relative;display:flex;flex-direction:row;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .pro-tbl .pro-tbl-title div, .pro-tbl .pro-tbl-price div, .pro-tbl .pro-tbl-title-with-name div, .pro-tbl .pro-tbl-price-with-name div{position:relative;width:20%;border-top:1px solid #000;border-left:1px solid #000;padding:5px;text-align:center;font-size:0.8125em;} .pro-tbl .pro-tbl-title div:first-of-type, .pro-tbl .pro-tbl-price div:first-of-type{width:40%;} .pro-tbl .pro-tbl-title-with-name div:first-of-type, .pro-tbl .pro-tbl-price-with-name div:first-of-type{width:60%;} .pro-tbl .pro-tbl-title div:last-of-type, .pro-tbl .pro-tbl-price div:last-of-type, .pro-tbl .pro-tbl-title-with-name div:last-of-type, .pro-tbl .pro-tbl-price-with-name div:last-of-type{border-right:1px solid #000;} .pro-tbl > div:last-of-type > div{border-bottom:1px solid #000;} .pro-tbl > div:last-of-type > div:first-of-type{-webkit-border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;} .pro-tbl > div:last-of-type > div:last-of-type{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;border-radius:0 0 5px 0;} .pro-tbl .pro-tbl-title div, .pro-tbl .pro-tbl-title-with-name div{font-weight:bold;background-color:#ff0000;padding:10px 5px;color:#fff;font-size:0.875em;} .pro-tbl .pro-tbl-title div:first-of-type, .pro-tbl .pro-tbl-title-with-name div:first-of-type{-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;} .pro-tbl .pro-tbl-title div:last-of-type, .pro-tbl .pro-tbl-title-with-name div:last-of-type{-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:0 5px 0 0;} .pro-tbl .pro-tbl-price div:first-of-type, .pro-tbl .pro-tbl-price-with-name div:first-of-type, .pro-tbl .pro-tbl-title-with-name div:first-of-type{text-align:left;} .price-date{margin: 25px 15px 5px 15px;font-weight:bold;color:#0000ff;} .charter-tbl{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;width:auto;padding:0 10px;} .charter-tbl .pro-period{position:relative;display:flex;flex-direction:row;width:auto;font-size:1.5em;background-color:#ff00ff;} .charter-tbl .charter-tbl-title, .charter-tbl .charter-tbl-price, .charter-tbl .charter-tbl-title-with-name, .charter-tbl .charter-tbl-price-with-name{position:relative;display:flex;flex-direction:row;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .charter-tbl .charter-tbl-title div, .charter-tbl .charter-tbl-price div, .charter-tbl .charter-tbl-title-with-name div, .charter-tbl .charter-tbl-price-with-name div{position:relative;width:20%;border-top:1px solid #000;border-left:1px solid #000;padding:5px;text-align:center;font-size:0.8125em;color:#ff0000;font-weight:bold;} .charter-tbl .charter-tbl-title div:first-of-type, .charter-tbl .charter-tbl-price div:first-of-type{width:60%;color:#000;} .charter-tbl-80 .charter-tbl-title div:first-of-type, .charter-tbl-80 .charter-tbl-price div:first-of-type{width:80%;color:#000;} .charter-tbl .charter-tbl-title-with-name div:first-of-type, .charter-tbl .charter-tbl-price-with-name div:first-of-type{width:60%;} .charter-tbl .charter-tbl-title div:last-of-type, .charter-tbl .charter-tbl-price div:last-of-type, .charter-tbl .charter-tbl-title-with-name div:last-of-type, .charter-tbl .charter-tbl-price-with-name div:last-of-type{border-right:1px solid #000;} .charter-tbl > div:last-of-type > div{border-bottom:1px solid #000;} .charter-tbl > div:last-of-type > div:first-of-type{-webkit-border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;} .charter-tbl > div:last-of-type > div:last-of-type{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;border-radius:0 0 5px 0;} .charter-tbl .charter-tbl-title div, .charter-tbl .charter-tbl-title-with-name div{font-weight:bold;background-color:#ff0000;padding:10px 5px!important;color:#fff!important;font-size:0.875em;} .charter-tbl .charter-tbl-title div:first-of-type, .charter-tbl .charter-tbl-title-with-name div:first-of-type{-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;color:#fff;} .charter-tbl .charter-tbl-title div:last-of-type, .charter-tbl .charter-tbl-title-with-name div:last-of-type{-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:0 5px 0 0;} .charter-tbl .charter-tbl-price div:first-of-type, .charter-tbl .charter-tbl-price-with-name div:first-of-type, .charter-tbl .charter-tbl-title-with-name div:first-of-type{text-align:left;} .charter-tbl a{text-decoration:none;} p.tab{padiding-left:15px;} .container > article.special > ul{position:relative;width:auto;margin:0 10px;} .container > article.special > ul > li{position:relative;width:auto;font-size:0.8125em;margin-bottom:10px;padding:10px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .star:before, .star-h:before, .star-2:before, .star-2-h:before, .star-3:before, .star-3-h:before, .star-4:before, .star-4-h:before, .star-5:before{font-family:FontAwesome;color:#ffd700;font-size:0.875em;} .star:before{content:'\f005';} .star-h:before{content:'\f005\f089';} .star-2:before{content:'\f005\f005';} .star-2-h:before{content:'\f005\f005\f089';} .star-3:before{content:'\f005\f005\f005';} .star-3-h:before{content:'\f005\f005\f005\f089';} .star-4:before{content:'\f005\f005\f005\f005';} .star-4-h:before{content:'\f005\f005\f005\f005\f089';} .star-5:before{content:'\f005\f005\f005\f005\f005';} .brochure{font-size:0.8em;background:#fefcea;background:-moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);background:-webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%);background:linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:15px auto 0 auto;width:150px;} .brochure > a{display:block;text-decoration:none;background:url('../images/pdf.svg') no-repeat 5px 5px;background-size:18px 18px;padding:7px 10px 0 30px;margin:0;height:24px;font-weight:bold;border:1px solid #b5a328;color:#0000ff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset -1px -1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset -1px -1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset -1px -1px 1px 1px rgba(0, 0, 0, 0.2);} .indent-incl{display:inline-block;margin-left:15px;} @media only screen and (min-width:480px){ .form-search .search-input{width:90%;} header .marquee{height:28px;margin-top:5px;} header .logo span{display:block;position:absolute;top:8px;right:105px;padding:3px 8px;background-color:#ff0000;color:#fff;font-size:0.75em;font-weight:bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index:-1; } header h2, header em, #blog-preview > nav > ul, .container > article > nav > ul > li > div.control-menu > ul > li{font-size:1em;} header > address > a{width:48px;height:48px;} .container > h1{font-size:1.5em;margin-top:15px;} .container > article > h1, .container > article > h2, aside > h2, .container > article > nav > ul > li > a{font-size:1.375em;} .container > article > .column-group section h3{padding:10px 10px 5px 10px;font-size:1.3125em;line-height:1.25em;} .container > article > .column-group section p{font-size:0.875em;line-height:1.25em;} .container > article#promotion-preview > .column-group section h3{font-size:1.125em;} .container > article#promotion-preview > .column-group section .pricetag{width:63%;text-align:left;background-color:transparent;margin-top:0;padding-top:0;} .container > article#promotion-preview > .column-group section .normaltag{width:63%;text-align:left;background-color:transparent;padding-bottom:0;font-size:0.875em;} .container > article#promotion-preview > .column-group section p{padding-bottom:5px;} .container > article#promotion-preview > .column-group section img{border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;} .container > article > .column-list > section img{width:30%;} .container > article > .column-group > ul.filter{justify-content:flex-end;flex-wrap:no-wrap;} .container > article > .column-group > ul.filter > li:first-child{width: auto;padding-top:6px;padding-bottom:0;} .container > article > .column-group .goto-charter{justify-content:flex-end;} #tour-type-preview{display:inline-table;width:100%;font-size:0.875em;line-height:1.25em;} #tour-type-preview > section{display:inline-table;width:49%;padding:0;margin:0;border-bottom:none;vertical-align:top;} #tour-type-preview > section > a{padding:0 0 15px 10px;} #tour-type-preview > section > a > img{width:34%;margin-bottom:5px;} #tour-type-preview > section > a > h3, #tour-type-preview > section > a > p{width:63%;font-size:0.875em;line-height:1.25em;} #info-preview{display:inline-table;width:100%;font-size:0.875em;line-height:1.25em;} #info-preview > section{display:inline-table;width:49%;padding:0;margin:0;border-bottom:none;vertical-align:top;} #info-preview > section > a{padding:0 0 15px 10px;} #info-preview > section > a > img{width:34%;margin-bottom:5px;} #info-preview > section > a > h3, #info-preview > section > a > p{width:63%;font-size:0.875em;line-height:1.25em;} #blog-preview{float:left;width:50%;} #blog-preview > div.item > section:first-of-type > a{background-color:#53c4ec;padding-bottom:15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} #blog-preview > div.item > section:first-of-type > a > img{border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;} #client-preview{float:left;display:inline-table;width:50%;} #client-preview > section a{font-size:0.875em;line-height:1.25em;} #blog-preview > div.item > section:first-of-type > a > h3{width:auto;padding:5px 10px;font-size:1.125em;line-height:1.25em;} #blog-preview > div.item > section:first-of-type > a > p{width:auto;padding:0 10px;font-size:1em;line-height:1.25em;} #social, #fb-box{float:left;width:50%;} .container > article > div.submenu-icon, #blog-preview > div.submenu-icon{background-size:25px 25px;width:25px;height:25px;} .container > article > div.close{line-height:25px;padding-right:20px;padding-left:32px;} .container > article > nav > ul{margin-top:43px;} .container > article > .column-group section .flag{line-height:28px;width:50%;padding:0 0 0 15px;margin:15px 10px 10px -6px;font-size:0.875em;} .container > article > .column-group section .flag:before{border-width:14px 10px;} .container > article > nav.nav-tour > ul, .container > article.package-tour > p, .container > article#client-page > p, .container > article.package-tour > ul.comment, .container > article.package-tour > article > section, .container > article.special > p, .pro-tbl .pro-tbl-price div, .pro-tbl .pro-tbl-price-with-name div, .charter-tbl .charter-tbl-price div, .charter-tbl .charter-tbl-price-with-name div, .container > article.special > ul > li, .tab-menu a{font-size:0.875em;line-height:1.375em;} .pro-tbl .pro-tbl-title div, .pro-tbl .pro-tbl-title-with-name div, .charter-tbl .charter-tbl-title div, .charter-tbl .charter-tbl-title-with-name div{font-size:1em;} .pro-tbl-2 .pro-tbl-title div, .pro-tbl-2 .pro-tbl-title-with-name div, .charter-tbl .charter-tbl-title div, .charter-tbl .charter-tbl-title-with-name div{font-size:1em;} .container > article.special > p.hilight{font-size:1.125em;} .container > article.package-tour > article#area-gallery > section > h3, .container > article.package-tour > article#area-client-tour > section > h3{margin-bottom:10px;} .container > article.package-tour > article .gallery img, .container > article.package-tour > article .client-tour img, .container > article.special > ul > li > .promotion-gallery > img {width:30%;} .container > article.package-tour > article .client-tour img:nth-child(6), .container > article.package-tour > article .client-tour img:nth-child(7){display:inline;} .hotel .hotel-comment, .hotel .hotel-name{width:94%;} .container > article.package-tour > .image{width:auto;margin:0;} .container > article.package-tour > .image img{width:90%;} .container > article.package-tour > p.info{clear:both;} .container > article.package-tour > div.best-price{margin-left:5px;margin-right:5px;margin-top:0;width:auto;padding-top:10px;padding-left:2%;padding-right:2%;clear: both;} .container > article.package-tour > div.best-price > div.price-display > .cheap-price{line-height:1.275em;} .container > article.package-tour > div.best-price > .package-booking{margin-left:0;margin-right:0;} nav#blog-menu ul{margin:0 10px 0 10px;} nav#blog-menu ul li a{padding:8px 10px 5px 10px;font-size:0.875em;} .container > article#blog-list > .column-group section{display:inline-table;width:45%;} .container > article#content > p{font-size:0.875em;line-height:1.25em;} .container > article#content > h2{font-size:1.375em;} .hotel .hotel-name .name{width:auto;} .hotel .hotel-name .location{width:auto;padding-left:5px;} .tour-client > a{float:left;} .tour-client > a:nth-of-type(odd){clear:both;} .tour-client > a:nth-of-type(even){margin-left:10px;} .input-form > .input-vertical{flex:1 0px;} .input-form > .input-back{margin-left:5px;} .input-form > .input-group > .text-display{padding-top:10px;} .brochure{float:right;margin:0 0 15px 0;} .container > article.package-tour > div.site-link, .container > article.package-tour > div.tour-contact{clear: both;margin:5px;} .container > article.package-tour > div.tour-contact > ul{flex-direction: row;} } @media only screen and (min-width:768px){ header > address{right:15px;} header > address > a{width:56px;height:56px;} .container > h1{/*margin-top:20px;*/margin-bottom:5px;} .container > article > .column-group section h3{padding:10px 10px 5px 10px;} .container > article > .column-group section p{padding:0 5px 5px 5px;} .container > article > .column-group section{width:30%;margin-left:2%;} .container > article > .column-group section .flag{margin-left:0;} .container > article#promotion-preview > .column-group section img{width:20%;} .container > article#promotion-preview > .column-group section h3{width:76%;} .container > article#promotion-preview > .column-group section p{width:76%;padding-top:5px;} .container > article#promotion-preview > .column-group section .tourinfo{width:100%;margin-left:0;} .container > article#promotion-preview > .column-group section .pricetag, .container > article#promotion-preview > .column-group section .normaltag{width:78%;} .container > article > .column-list > section img{width:20%;} header{display:block;} header .king{float:left;width:100%;padding-top:0;} header .logo{float:left;width:40%;padding-top:23px;} header .logo a{width:auto;margin-left:50px;} header .logo span{top:15px;right:15px;} header h2{position:relative;transform:translateY(0);text-align:left;padding:0;font-size:0.875em;} header h2:nth-child(1){animation:none;} header h2:nth-child(2){animation:none;} header h2:nth-child(3){animation:none;} header .marquee{display:inline-table;float:right;width:58%;margin-top:10px;} header em{display:inline-table;float:right;width:58%;font-size:1.125em;text-align:left;padding-top:5px;} #license p{width:510px;font-size:2em;padding:30px 10px 30px 110px;background-size:90px 90px;} #blog-preview{width:67%;} #client-preview{width:33%;} #blog-preview > div.item{float:left;padding-top:10px;} #blog-preview > div.item > section:first-of-type{float:left;width:42%;margin-top:0;margin-bottom:0;margin-left:10px;} #blog-preview > div.item > section{float:left;width:27.9%;} #blog-preview > div.item > section > a{margin-left:0;margin-right:10px;} #blog-preview > div.item > section:nth-of-type(2n+1) > a{margin-left:0;margin-right:10px;} #blog-preview > div.submenu-icon{display:none;} #blog-preview > nav{display:inline-table;position:relative;right:auto;top:auto;width:auto;margin-left:20px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #blog-preview > nav > ul > li{display:inline-table;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:2px 2px 0 2px;} #blog-preview > nav > ul > li:first-child, #blog-preview > nav > ul > li:last-child{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom:none;} #blog-preview > nav > ul > li, #blog-preview > nav > ul > li > a{background-color:#f0f0f0;color:#999;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);} #blog-preview > nav > ul > li > a{padding:5px 10px;font-size:0.875em;} #blog-preview > nav > ul > li > a.indexed{color:#000;background:rgb(232,232,232);background:rgb(83,196,236);background:-moz-linear-gradient(top, rgba(83,196,236,1) 0%, rgba(188,225,243,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,196,236,1)), color-stop(100%,rgba(188,225,243,1)));background:-webkit-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:-o-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:-ms-linear-gradient(top, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);background:linear-gradient(to bottom, rgba(83,196,236,1) 0%,rgba(188,225,243,1) 100%);} #blog-preview > div.item > section:first-of-type > a > h3, #blog-preview > div.item > section:first-of-type > a > p{width:auto;padding:0 10px;} #blog-preview > div.item > section:first-of-type > a > h3{padding-top:10px;padding-bottom:5px;} #social > ul.community li.facebook, #social > ul.community li.google-plus, #social > ul.community li.twitter{background-size:38px 38px;} #social > ul.community li a{line-height:36px;} #tour-type-preview > section{display:inline-table;width:32%;padding:0;margin:0;border-bottom:none;vertical-align:top;} #tour-type-preview > section > a > img, #info-preview > section > a > img{width:31%;} #tour-type-preview > section > a > h3, #tour-type-preview > section > a > p, #info-preview > section > a > h3, #info-preview > section > a > p{width:66%;} #info-preview > section{display:inline-table;width:32%;padding:0;margin:0;border-bottom:none;vertical-align:top;} footer{float:left;} footer nav.social{float:left;width:50%;text-align:left;margin-top:5px;} footer p{float:left;width:50%;margin:0 15px;padding-bottom:10px;padding-top:5px;text-align:left;border-top:none;} footer address{float:right;width:40%;text-align:right;padding-right:20px;padding-top:15px;} footer address strong{font-size:1.375em;} footer nav.social ul li{width:48px;height:48px;} footer nav.social ul li:nth-child(1), footer nav.social ul li:nth-child(2), footer nav.social ul li:nth-child(3), footer nav.social ul li:nth-child(4), footer nav.social ul li:nth-child(5){background-size:48px 48px;} footer nav.link{float:left;border-top:none;padding-bottom:0;} .container > article.special > p, .pro-tbl .pro-tbl-price div, .pro-tbl .pro-tbl-price-with-name div, .charter-tbl .charter-tbl-price div, .charter-tbl .charter-tbl-price-with-name div, .container > article.special > ul > li{font-size:1em;} .container > article.special > p.hilight{font-size:1.25em;} .container > article.package-tour > .image{float:left;margin-bottom:10px;width:35%;} .container > article.package-tour > article > section > h3, .container > article.package-tour > article > section > a > h3{font-size:1.25em;} .container > article.package-tour > div.best-price{float:left;clear: none;flex-direction:row;font-size:1em;padding-top:15px;padding-bottom:15px;margin:0 10px 0 0;width:58%;} .container > article.package-tour > div.best-price > div{flex-grow:1;} .container > article.package-tour > div.best-price > div.price-display > .cheap-price{font-size:1.125em;} .container > article.package-tour > div.best-price > .package-booking > a{display:block;height:100%;padding:33% 0;} .container > article.package-tour > ul.comment{clear:both;} .container > article.package-tour > article#area-price > section{width:98%;padding:10px 1% 10px 1%;} .container > article.package-tour > article .gallery img, .container > article.package-tour > article .client-tour img, .container > article.special > ul > li > .promotion-gallery > img {width:23%;} .container > article.package-tour > article .client-tour img:nth-child(8), .container > article.package-tour > article .client-tour img:nth-child(9){display:inline;} .container > article.package-tour > div.site-link, .container > article.package-tour > div.tour-contact{clear: both;margin:5px;} .container > article.package-tour > article .tour-info .tour-title{width:23%;} .container > article.package-tour > article .tour-info .tour-data{width:74%;padding-left:1%;} .container > article.package-tour > article .date input{margin-left:53%;} .tags .tag-name{width:5%;} .tags .tag-word{width:87%;} .hotel .hotel-comment, .hotel .hotel-name{width:93.5%;} .container > article.package-tour > article#area-blog, .container > article.package-tour > article#area-clip{display:inline-table;width:48.3%;} .container > article#blog-list > .column-group section{display:inline-table;width:46%;} .tour-client > a:nth-of-type(odd){clear:none;} .tour-client > a:nth-of-type(3n+1){clear:both;margin-left:15px;} .tour-client > a:nth-of-type(3n+2), .tour-client > a:nth-of-type(3n+3){margin-left:25px;} #client-page > .client-gallery > a{width:29%;} } @media only screen and (min-width:992px){ header .logo{padding-top:20px;width:35%;} header .logo a{margin-left:20px;} header .logo span{top:15px;right:15px;} header h2{font-size:1em;line-height:1.125em;} .form-search .search-input{width:95%;} header > address{background-color:#fff;right:15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} header > address > a{width:120px;height:38px;text-indent:0;letter-spacing:0;text-decoration:none;color:#000;padding-top:10px;padding-left:55px;padding-bottom:5px;padding-right:10px;background-size:42px 42px;background-position:5px 5px;font-weight:bold;font-style:normal;font-size:0.8125em;} header .marquee, header em{width:62%;} header #open-menu{display:none;} #menu .Label{display:none;} #biz-contact{display:block;float:left;width:auto;margin-left:3px;} .container > h1{display:block;float:left;font-size:1.275em;width:640px;margin:23px 0 0 0;} #tour-type-preview > section, #info-preview > section{width:33%;} #tour-type-preview > section > a > img, #info-preview > section > a > img{float:left;width:77px;} #tour-type-preview > section > a > h3, #tour-type-preview > section > a > p, #info-preview > section > a > h3, #info-preview > section > a > p{float:left;width:230px;font-size:1em;} /*.container > article > .column-group section h3{font-size:1.125em;}*/ .container > article > .column-group section p{font-size:1em;margin:0 15px 5px 15px;} .container > article > .column-list > section img{width:15%;} #blog-preview{float:left;width:60%;} #client-preview{float:left;width:40%;} promotion-preview{float:left;width:40%;} #blog-preview > div.item{padding-top:10px;padding-left:0;padding-bottom:0;} #tour-type-preview, #info-preview, #client-preview > section a, #blog-preview > div.item > section > a{font-size:0.8125em;} .container > article > div.submenu-icon{display:none;} .container > article > nav{float:left;display:block;position:relative;left:auto;top:auto;width:210px;height:auto;padding:5px;margin:0 0 0 10px;border:1px solid #ed4694;background-color:#fef0fa;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .container > article > nav > ul{margin:0;} .container > article > nav.nav-tour{float:none;border:none;background-color:transparent;padding:0;margin-left:0;} .container > article > .column-group{float:right;display:inline-table;position:relative;width:760px;} .container > article > .column-group section{width:230px;margin-left:15px;} .container > article > h1{font-size:1.5625em !important;} .container > article > h2, .container > article > article > h2, .container > article > form > h2{font-size:1.4375em !important;} aside > h2, aside > h3{font-size:1.25em;padding-top:12px;padding-bottom:12px;} .container > article > nav > ul > li > a{font-size:1.125em;padding:12px 35px 12px 12px;} .container > article > nav > ul > li > div.control-menu > ul > li{font-size:0.875em;} .container > article > .column-group section p{padding:0 0 10px 0;} .container > article > .column-group section .flag{width:55%;margin-left:-6px;} .container > article.special > p, .pro-tbl .pro-tbl-price div, .pro-tbl .pro-tbl-price-with-name div, .charter-tbl .charter-tbl-price div, .charter-tbl .charter-tbl-price-with-name div, .container > article.special > ul > li{font-size:1.125em;} .container > article.special > p, .pro-tbl-2 .pro-tbl-price div, .pro-tbl-2 .pro-tbl-price-with-name div, .charter-tbl .charter-tbl-price div, .charter-tbl .charter-tbl-price-with-name div, .container > article.special > ul > li{font-size:1.125em;} .container > article.special > p.hilight{font-size:1.375em;} .container > article.package-tour > p.info{clear:both;} .container > article.package-tour > article .tour-info .tour-title{width:18%;} .container > article.package-tour > article .tour-info .tour-data{width:80%;} .container > article.package-tour > div.best-price{margin-left:0;margin-right:0;margin-bottom:5px;font-size:1.125em;clear:none;} .container > article.package-tour > div.best-price > div.price-display > .cheap-price{font-size:1.25em;} .container > article.package-tour > div.best-price > .package-booking > a{padding:28% 0;} .container > article.package-tour > ul.comment{clear:both;} .container > article.package-tour > article .gallery img, .container > article.package-tour > article .client-tour img, .container > article.special > ul > li > .promotion-gallery > img {width:18.5%;} .container > article.package-tour > article .client-tour img:nth-child(10), .container > article.package-tour > article .client-tour img:nth-child(11){display:inline;} .container > article.package-tour > div.site-link{clear: both;margin-bottom:10px;margin-right:5px;} .container > article.package-tour > div.tour-contact{clear: none;width:61%;} .container > article.package-tour > article#area-blog, .container > article.package-tour > article#area-clip{width:48.7%;} .container > article#blog-list > .column-group{width:100%;} .container > article#blog-list > .column-group{float:none;} .container > article#blog-list > .column-group section{width:30.5%;} .container > article#content img{display:block;width:800px;margin:0 auto;} .container > article#content .frameWrapper{text-align:center;} .container > article#content .frameWrapper iframe{left:96px;width:800px;height:100%;} */#menu, #menu ul, #menu ul li, #menu ul li a, #menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #menu:after, #menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #menu #menu-button{display:none;} #menu{float:left;/*font-family: CloudBold;*/font-family:'Itim', cursive;font-size:18px;padding-left:5px;width:auto;margin:15px 5px 5px 5px;background:#bce1f3;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2JjZTFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(240,249,255,1) 50%, rgba(188,225,243,1) 99%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(240,249,255,1)), color-stop(99%,rgba(188,225,243,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(240,249,255,1) 50%,rgba(188,225,243,1) 99%);background:-o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(240,249,255,1) 50%,rgba(188,225,243,1) 99%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(240,249,255,1) 50%,rgba(188,225,243,1) 99%);background:linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(240,249,255,1) 50%,rgba(188,225,243,1) 99%);border:1px solid #dedede;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3);} #menu.align-center > ul{font-size:0;text-align:center;} #menu.align-center ul ul{text-align:left;} #menu.align-center > ul > li{display:inline-block;float:none;} #menu.align-right > ul > li{float:right;} #menu.align-right ul ul{text-align:right;} #menu > ul > li{float:left;position:relative;border-right:1px solid #dedede;border-left:1px solid #fff;} #menu > ul > li > a{display:block;padding:20px 7px;font-size:0.875em;color:#535353;text-transform:uppercase;letter-spacing:-1px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);font-weight:700;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} #menu > ul > li:hover > a, #menu > ul > li > a:hover, #menu > ul > li.active > a{color:#0078a8;} #menu > ul > li.has-sub > a{padding-right:33px;} #menu ul > li.has-sub > a:after{content:'';position:absolute;right:10px;top:17.5px;display:block;width:18px;height:18px;border-radius:9px;background:#f0f9ff;background:-webkit-linear-gradient(top, #ffffff 0%, #f1f9ff 25%, #bce1f3 50%, #ffffff 75%, #f1f9ff 100%);background:-ms-linear-gradient(top, #ffffff 0%, #f1f9ff 25%, #bce1f3 50%, #ffffff 75%, #f1f9ff 100%);background:-moz-linear-gradient(top, #ffffff 0%, #f1f9ff 25%, #bce1f3 50%, #ffffff 75%, #f1f9ff 100%);background:-o-linear-gradient(top, #ffffff 0%, #f1f9ff 25%, #bce1f3 50%, #ffffff 75%, #f1f9ff 100%);background:linear-gradient(to bottom, #ffffff 0%, #f1f9ff 25%, #bce1f3 50%, #ffffff 75%, #f1f9ff 100%);box-shadow:inset 0 -1px 1px #bce1f3, inset 0 2px 1px #ffffff;background-size:36px 36px;background-position:0 0;background-repeat:no-repeat;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;} #menu ul > li.has-sub:hover > a:after{background-position:0 -18px;} #menu ul > li.has-sub > a:before{content:'';position:absolute;right:16px;top:25.5px;display:block;width:0;height:0;border:3px solid transparent;border-top-color:#535353;z-index:99;} #menu ul > li.has-sub:hover > a:before{border-top-color:#19799f;} #menu ul ul{position:absolute;left:-9999px;opacity:0;-webkit-transition:top .2s ease, opacity .2s ease;-moz-transition:top .2s ease, opacity .2s ease;-ms-transition:top .2s ease, opacity .2s ease;-o-transition:top .2s ease, opacity .2s ease;transition:top .2s ease, opacity .2s ease;} #menu > ul > li > ul{top:91px;padding-top:8px;border-radius:10px;z-index:99;} #menu > ul > li:hover > ul{left:auto;top:51px;opacity:1;} #menu.align-right > ul > li:hover > ul{right:0;} #menu ul ul ul{top:40px;} #menu ul ul > li:hover > ul{top:0;left:178px;padding-left:10px;opacity:1;} #menu.align-right ul ul > li:hover > ul{left:auto;right:178px;padding-left:0;padding-right:10px;opacity:1;} #menu ul ul li a{display:block;width:245px;padding:12px 15px;font-size:0.875em;letter-spacing:-1px;font-weight:700;text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);color:#535353;text-decoration:none;background:#f1f9ff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} #menu ul ul li:hover > a, #menu ul ul li > a:hover, #menu ul ul li.active > a{color:#0078a8;} #menu ul ul li:first-child > a{border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0 2px 2px #f1f9ff;} #menu ul ul li:last-child > a{border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 -3px 0 #d0e9fc, inset 0 -3px 3px #f1f9ff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.13);} #menu ul ul > li.has-sub > a:after{right:12px;top:9.5px;background:#3db2e1;background:-webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);box-shadow:inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;background-size:36px 36px;background-position:0 0;background-repeat:no-repeat;} #menu.align-right ul ul > li.has-sub > a:after{right:auto;left:12px;} #menu ul ul > li.has-sub:hover > a:after{background-position:0 -18px;} #menu ul ul > li.has-sub > a:before{top:15.5px;right:16px;border-top-color:transparent;border-left-color:#ffffff;} #menu.align-right ul ul > li.has-sub > a:before{top:15.5px;right:auto;left:16px;border-top-color:transparent;border-right-color:#ffffff;border-left-color:transparent;} #menu ul ul > li.has-sub:hover > a:before{border-top-color:transparent;border-left-color:#1c89b5;} #menu.align-right ul ul > li.has-sub:hover > a:before{border-top-color:transparent;border-left-color:transparent;border-right-color:#1c89b5;} #menu > ul > li:nth-of-type(2){border-left:none;} #menu > ul > li:last-of-type{border-right:none;} .tour-client > a:nth-of-type(3n+1){clear:none;} .tour-client > a:nth-of-type(4n+1){clear:both;margin-left:15px;} .tour-client > a:nth-of-type(4n+2), .tour-client > a:nth-of-type(4n+3), .tour-client > a:nth-of-type(4n+4){margin-left:15px;} #client-page > .client-gallery > a{width:21%;} } @media only screen and (min-width:1200px){ header .logo{display:block;} header .logo span{top:20px;right:15px;} #page{position:relative;width:1200px;margin:0 auto;} header h2{font-size:1.125em;line-height:1.25em;} header em{font-size:1.375em;margin-top:5px;} #menu{margin:15px 0 5px 0;width:1193px;} #menu > ul > li > a{font-size:19px;padding:20px 11px;} #menu ul ul li a{font-size:1em;} header .marquee, header em{width:61%;} header .marquee{margin-top:15px;} header > address{right:20px;} .container{float:left;width:950px;} .container > article > .column-group{width:726px;} .container > article > .column-group section h3{font-size:1.25em;} .container > article#promotion-preview > .column-group{padding-right:0;} .container > article#promotion-preview > .column-group section h3{padding-top:10px;} .container > article > .column-group section{width:31%;margin-left:10px;} .container > article > nav{width:202px;} .container > article > nav > ul > li{margin-bottom:5px;} .container > article > nav > ul > li > div.control-menu > ul > li{font-size:0.75em;padding-top:3px;padding-bottom:2px;padding-left:16px;padding-right:10px;} .container > article > nav > ul > li > a{font-size:1em;padding-right:30px;} .container > article > nav > ul > li > div.control-menu > ul > li > a:before{left:8px;top:10px;} #blog-preview, #client-preview, #social, #fb-box{display:block;width:250px;float:right;} #biz-contact{margin-left:7px;} .container > h1{width:620px;margin:23px 0 0 0;font-size:1.25em;} #license{display:block;width:245px;float:right;} #license p{display:block;width:160px;padding-left:85px;font-size:1.125em;background-position:5px 5px;background-size:50px 50px;padding:10px 10px 10px 65px;} aside > h2, aside > h3{font-size:1.25em;} #blog-preview > div.item > section:first-of-type{width:210px;margin-bottom:0;} #blog-preview > div.item > section:first-of-type > a{margin-right:0;margin-left:0 !important;} #blog-preview > div.item > section{width:50%;} #blog-preview > div.item > section > a{margin-left:10px;margin-right:5px;} #blog-preview > div.item > section:nth-of-type(2n+1) > a{margin-left:5px;} #blog-preview > nav{margin-left:20px;} #blog-preview > nav > ul{font-size:0.75em;} #blog-preview > nav > ul > li > a{padding:5px 10px;} #blog-preview > div.item > section > a{font-size:0.75em;} #tour-type-preview, #info-preview{display:block;width:250px;float:right;} #tour-type-preview > section, #info-preview > section{display:block;float:left;width:250px;} #tour-type-preview > section > a, #info-preview > section > a{display:block;float:left;border-bottom:1px dashed #aaa;padding:0 0 5px 0;margin:0 10px 10px 10px;} #tour-type-preview > section > a > h3, #tour-type-preview > section > a > p, #info-preview > section > a > h3, #info-preview > section > a > p{width:143px;} #tour-type-preview > section > a > p, #info-preview > section > a > p{font-size:0.875em;line-height:1.25em;} #tour-type-preview > section:last-of-type > a, #info-preview > section:last-of-type > a{border-bottom:none;} .promotion{width:auto;padding:15px 15px 20px 15px;margin-left:10px;margin-right:10px;border:1px solid #ccc;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .promotion img{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .container > article.package-tour > article .date input{margin-left:83%;width:150px;} .hotel .price-list .title-adl, .hotel .price-list .price-adl, .hotel .price-list .title-chd, .hotel .price-list .price-chd{width:29%;} .hotel .hotel-comment, .hotel .hotel-name{width:97.3%;} .price-list .title-period, .price-list .title-adl, .price-list .title-chd, .price-list .title-comment, .price-list .price-period, .price-list .price-adl, .price-list .price-chd, .price-list .price-comment, .hotel .hotel-comment, .hotel .hotel-name{padding:10px 1%;} #blog-preview > nav > ul > li > a{font-size:1em;} .container > article.special{width:1200px;} .container > article.package-tour{width:1200px;} .container > article.package-tour > .image{width:430px;} .container > article.package-tour > div.best-price > div.price-display{width:550px;} .container > article.package-tour > div.best-price > .package-booking{width:146px;} .container > article.package-tour > ul.comment{float:left;width:740px;margin:10px 10px 10px 10px;clear:none;} .container > article.package-tour > article .gallery img, .container > article.package-tour > article .client-tour img, .container > article.special > ul > li > .promotion-gallery > img {width:15.4%;} .container > article.package-tour > article .client-tour img:nth-child(12), .container > article.package-tour > article .client-tour img:nth-child(13){display:inline;} .container > article.package-tour > div.site-link, .container > article.package-tour > div.tour-contact{clear: none;} .container > article.package-tour > div.site-link{width:60%;} .container > article.package-tour .frameWrapper{position:relative;padding-top:0;padding-bottom:0;height:278px;} .container > article.package-tour .frameWrapper iframe{position:absolute;top:0;left:41px;width:480px;height:270px;} .container > article.package-tour .width-auto .frameWrapper iframe{left:344px;} .container > article.package-tour > article .tour-info .tour-title{width:15%;} .container > article.package-tour > article .tour-info .tour-data{width:83%;} aside#blog-category{display:block;width:250px;float:right;margin:0;padding:0;border:none;background-color:transparent;} aside#blog-category h3{display:block;width:auto;margin:0 5px 10px 5px;padding:12px 10px;font-family:'Itim', cursive;font-size:1.25em;border-bottom:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;text-shadow:0 1px 1px #000000;background:#53c4ec;background:-moz-linear-gradient(top, #53c4ec 0%, #429dbd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#53c4ec), color-stop(100%,#429dbd));background:-webkit-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:-o-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:-ms-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:linear-gradient(to bottom, #53c4ec 0%,#429dbd 100%);text-align:left;} aside#blog-category select{font-size:1em;} .container > article#blog-list > h1{margin-top:0;} nav#blog-menu ul li a{padding:10px 25px 5px 25px;font-size:1em;} .container > article#blog-list > .column-group section h2{font-size:1em;line-height:1.25em;} .container > article.package-tour > p, .container > article#client-page > p, .container > article#content > p{line-height:1.5em;} .container > article.package-tour > article p{line-height:1.5em;} .container > article.blog-info > h1{margin-top:0;} .container > article#content .frameWrapper iframe{left:74px;} p.menu-center{display:block;text-align:center;padding:10px 0;} .input-form{width:700px;margin:0 109px;} .input-booking{width:900px;margin:0 129px;} .tour-client > a:nth-of-type(4n+1){margin-left:10px;} .tour-client > a:nth-of-type(4n+2), .tour-client > a:nth-of-type(4n+3), .tour-client > a:nth-of-type(4n+4){margin-left:10px;} footer address{padding-top:20px;} } .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:table;} .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;} .container > article.slide-pink > h1, .container > article.slide-pink > h2, .container > article.slide-pink > article > h2, .container > article.slide-pink > form > h2, .container > article.slide-pink > nav > ul > li > a, aside.slide-pink > h2, aside.slide-pink > h2{background:#ed4694;background:-moz-linear-gradient(top, #ed4694 0%, #be3876 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4694), color-stop(100%,#be3876));background:-webkit-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-o-linear-gradient(top, #ed4694 0%,#be3876 100%);background:-ms-linear-gradient(top, #ed4694 0%,#be3876 100%);background:linear-gradient(to bottom, #ed4694 0%,#be3876 100%);} .container > article.slide-green > h1, .container > article.slide-green > h2, .container > article.slide-green > article > h2, .container > article.slide-green > form > h2, .container > article.slide-green > nav > ul > li > a, aside.slide-green > h2, aside.slide-green > h3{background:#a5de37;background:-moz-linear-gradient(top, #a5de37 0%, #84b22c 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5de37), color-stop(100%,#84b22c));background:-webkit-linear-gradient(top, #a5de37 0%,#84b22c 100%);background:-o-linear-gradient(top, #a5de37 0%,#84b22c 100%);background:-ms-linear-gradient(top, #a5de37 0%,#84b22c 100%);background:linear-gradient(to bottom, #a5de37 0%,#84b22c 100%);} .container > article.slide-orange > h1, .container > article.slide-orange > h2, .container > article.slide-orange > article > h2, .container > article.slide-orange > form > h2, .container > article.slide-orange > nav > ul > li > a, aside.slide-orange > h2, aside.slide-orange > h3{background:#fd6631;background:-moz-linear-gradient(top, #fd6631 0%, #ca5227 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6631), color-stop(100%,#ca5227));background:-webkit-linear-gradient(top, #fd6631 0%,#ca5227 100%);background:-o-linear-gradient(top, #fd6631 0%,#ca5227 100%);background:-ms-linear-gradient(top, #fd6631 0%,#ca5227 100%);background:linear-gradient(to bottom, #fd6631 0%,#ca5227 100%);} .container > article.slide-bluesky > h1, .container > article.slide-bluesky > h2, .container > article.slide-bluesky > article > h2, .container > article.slide-bluesky > form > h2, .container > article.slide-bluesky > nav > ul > li > a, aside.slide-bluesky > h2, aside.slide-bluesky > h3{background:#55dae1;background:-moz-linear-gradient(top, #55dae1 0%, #44aeb4 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#55dae1), color-stop(100%,#44aeb4));background:-webkit-linear-gradient(top, #55dae1 0%,#44aeb4 100%);background:-o-linear-gradient(top, #55dae1 0%,#44aeb4 100%);background:-ms-linear-gradient(top, #55dae1 0%,#44aeb4 100%);background:linear-gradient(to bottom, #55dae1 0%,#44aeb4 100%);} .container > article.slide-yellow > h1, .container > article.slide-yellow > h2, .container > article.slide-yellow > article > h2, .container > article.slide-yellow > form > h2, .container > article.slide-yellow > nav > ul > li > a, aside.slide-yellow > h2, aside.slide-yellow > h3{background:#feae1b;background:-moz-linear-gradient(top, #feae1b 0%, #cb8b16 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feae1b), color-stop(100%,#cb8b16));background:-webkit-linear-gradient(top, #feae1b 0%,#cb8b16 100%);background:-o-linear-gradient(top, #feae1b 0%,#cb8b16 100%);background:-ms-linear-gradient(top, #feae1b 0%,#cb8b16 100%);background:linear-gradient(to bottom, #feae1b 0%,#cb8b16 100%);} .container > article.slide-blueblack > h1, .container > article.slide-blueblack > h2, .container > article.slide-blueblack > article > h2, .container > article.slide-blueblack > form > h2, .container > article.slide-blueblack > nav > ul > li > a, aside.slide-blueblack > h2, aside.slide-blueblack > h3{background:#7b72e9;background:-moz-linear-gradient(top, #7b72e9 0%, #625bba 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b72e9), color-stop(100%,#625bba));background:-webkit-linear-gradient(top, #7b72e9 0%,#625bba 100%);background:-o-linear-gradient(top, #7b72e9 0%,#625bba 100%);background:-ms-linear-gradient(top, #7b72e9 0%,#625bba 100%);background:linear-gradient(to bottom, #7b72e9 0%,#625bba 100%);} .container > article.slide-softgray > h1, .container > article.slide-softgray > h2, .container > article.slide-softgray > article > h2, .container > article.slide-softgray > form > h2, .container > article.slide-softgray > nav > ul > li > a, aside.slide-softgray > h2, aside.slide-softgray > h3{background:#bfbfae;background:-moz-linear-gradient(top, #bfbfae 0%, #99998b 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfae), color-stop(100%,#99998b));background:-webkit-linear-gradient(top, #bfbfae 0%,#99998b 100%);background:-o-linear-gradient(top, #bfbfae 0%,#99998b 100%);background:-ms-linear-gradient(top, #bfbfae 0%,#99998b 100%);background:linear-gradient(to bottom, #bfbfae 0%,#99998b 100%);} .container > article.slide-sky > h1, .container > article.slide-sky > h2, .container > article.slide-sky > article > h2, .container > article.slide-sky > form > h2, .container > article.slide-sky > nav > ul > li > a, aside.slide-sky > h2, aside.slide-sky > h3{background:#53c4ec;background:-moz-linear-gradient(top, #53c4ec 0%, #429dbd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#53c4ec), color-stop(100%,#429dbd));background:-webkit-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:-o-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:-ms-linear-gradient(top, #53c4ec 0%,#429dbd 100%);background:linear-gradient(to bottom, #53c4ec 0%,#429dbd 100%);} .container > article.slide-red > h1, .container > article.slide-red > h2,.container > article.slide-red > h3, .container > article.slide-red > article > h2, .container > article.slide-red > form > h2, .container > article.slide-red > nav > ul > li > a, aside.slide-red > h2, aside.slide-red > h3{background:#ff0000;background:-moz-linear-gradient(top, #ff0000 0%, #cc0000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#cc0000));background:-webkit-linear-gradient(top, #ff0000 0%,#cc0000 100%);background:-o-linear-gradient(top, #ff0000 0%,#cc0000 100%);background:-ms-linear-gradient(top, #ff0000 0%,#cc0000 100%);background:linear-gradient(to bottom, #ff0000 0%,#cc0000 100%);} .container > article.slide-red > h4{font-family: 'Itim', cursive;font-size: 1.4375em !important;margin: 10px 5px;padding: 10px;} .container > article.slide-pink > nav, .container > article.slide-pink > article > section{background-color:#fef0fa;border-color:#ed4694;} .container > article.slide-green > nav, .container > article.slide-green > article > section{background-color:#fbfdee;border-color:#a5de37;} .container > article.slide-orange > nav, .container > article.slide-orange > article > section{background-color:#fff5ed;border-color:#fd6631;} .container > article.slide-bluesky > nav, .container > article.slide-bluesky > article > section{background-color:#f2fdfe;border-color:#55dae1;} .container > article.slide-yellow > nav, .container > article.slide-yellow > article > section{background-color:#fffbea;border-color:#feae1b;} .container > article.slide-blueblack > nav, .container > article.slide-blueblack > article > section{background-color:#f8f6fe;border-color:#7b72e9;} .container > article.slide-softgray > nav, .container > article.slide-softgray > article > section{background-color:#f8f8f4;border-color:#bfbfae;} .container > article.slide-pink > .tab-menu a{background-color:#fef0fa;border-color:#ed4694;} .container > article.slide-green > .tab-menu a{background-color:#fbfdee;border-color:#a5de37;} .container > article.slide-orange > .tab-menu a{background-color:#fff5ed;border-color:#fd6631;} .container > article.slide-bluesky > .tab-menu a{background-color:#f2fdfe;border-color:#55dae1;} .container > article.slide-yellow > .tab-menu a{background-color:#fffbea;border-color:#feae1b;} .container > article.slide-blueblack > .tab-menu a{background-color:#f8f6fe;border-color:#7b72e9;} .container > article.slide-softgray > .tab-menu a{background-color:#f8f8f4;border-color:#bfbfae;} .container > article.slide-pink > nav > ul > li .open:before{border-top-color:#be3876;} .container > article.slide-pink > nav > ul > li .close:before{border-bottom-color:#be3876;} .container > article.slide-green > nav > ul > li .open:before{border-top-color:#84b22c;} .container > article.slide-green > nav > ul > li .close:before{border-bottom-color:#84b22c;} .container > article.slide-orange > nav > ul > li .open:before{border-top-color:#ca5227;} .container > article.slide-orange > nav > ul > li .close:before{border-bottom-color:#ca5227;} .container > article.slide-bluesky > nav > ul > li .open:before{border-top-color:#44aeb4;} .container > article.slide-bluesky > nav > ul > li .close:before{border-bottom-color:#44aeb4;} .container > article.slide-yellow > nav > ul > li .open:before{border-top-color:#cb8b16;} .container > article.slide-yellow > nav > ul > li .close:before{border-bottom-color:#cb8b16;} .container > article.slide-blueblack > nav > ul > li .open:before{border-top-color:#625bba;} .container > article.slide-blueblack > nav > ul > li .close:before{border-bottom-color:#625bba;} .container > article.slide-softgray > nav > ul > li .open:before{border-top-color:#99998b;} .container > article.slide-softgray > nav > ul > li .close:before{border-bottom-color:#99998b;} .prepare{display:none !important;} .spinner{width:40px;height:40px;background-color:#333;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out;} @-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)} 50%{-webkit-transform:perspective(120px) rotateY(180deg)} 100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)} } @keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } .rounded{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .fb_iframe_widget{float:left;} .red{color:#ff0000;} .line-top{border-top:1px solid #99A2A3;} .width-auto{display:block !important;width:auto !important;} .alcenter{text-align:center;} .border-red{border-color:#ff0000 !important;} .self-img{width:auto !important;height:auto !important;} .order-list{padding-left:20px;padding-right:20px;} .not-found{width:auto;padding:50px 25px;text-align:center;font-weight:bold;font-size:1em;line-height:1.375em;} .not-found img{margin-bottom:25px;} .tour-empty{display:block;padding:25px 15px;text-align:center;font-family:'Itim', cursive;font-size:1.25em;font-weight:bold;color:#ff0000;} .sharrre .box{ float:left; } .sharrre .count { color:#444444; display:block; font-size:17px; line-height:34px; height:34px; padding:4px 0; position:relative; text-align:center; text-decoration:none; width:50px; background-color:#eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .sharrre .share { color:#FFFFFF; display:block; font-size:11px; height:16px; line-height:16px; margin-top:3px; padding:0; text-align:center; text-decoration:none; width:50px; background-color:#9CCE39; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .sharrre .buttons { display:none; position:absolute; margin-left:50px; z-index:10; background-color:#fff; } .sharrre .button { float:left; max-width:50px; margin-left:10px; } .lds-ellipsis { display: block; position: relative; width: 80px; height: 80px; margin: 0 auto; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } }