@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both;font-size:0;height:0;line-height:0}
img{border:none;outline:none;display:block;max-width:100%}
input:focus,textarea:focus,button:focus{text-decoration:none}
input,textarea,button{border:none;outline:none}
a{text-decoration:none;color:#fff;display:inline-block}
ul,ol{list-style:none}
p{line-height:1.7em;text-align:justify}
body{font-size:16px;font-family:'Dosis',sans-serif;color:#fff;padding:0;margin:0;background:url(images/body-bg.jpg) repeat #fff}
.fl{float:left}
.fr{float:right}
.mr{margin:0 auto}
.txt-ali{text-align:center}
.main-container{max-width:1003px;width:100%;margin:0 auto}
.main-top{max-width:903px;width:100%;margin:0 auto}
.hd-color{padding:9px 0}
.wel-color{padding:20px 0}
.ti-sprite{background:url(images/sprite.png) no-repeat;background-position:0 8px;padding-left:30px}
.ti-socialicon strong{font-size:19px;font-weight:400;color:#fff;float:left}
.ti-socialicon ul{display:inline-block}
.ti-socialicon ul li{display:inline-block;*display:inline;zoom:1}
.ti-socialicon ul li a{background:url(images/sprite.png) no-repeat;width:30px;height:25px}
.ti-socialicon ul li a.ti-fb{background-position:10px -32px}
.ti-socialicon ul li a.ti-twi{background-position:-18px -32px}
.ti-socialicon ul li a.ti-yt{background-position:-47px -32px}
.ti-socialicon ul li a.ti-gp{background-position:-77px -31px}
.ti-hdpadd{padding:15px 0}
.ti-logo{display:inline-block;margin:0 auto;text-align:center}
.ti-nav ul{text-align:center;padding:14px 0}
.ti-nav ul li{display:inline-block;*display:inline;zoom:1}
.ti-nav ul li a{box-shadow:1px 3px 0 #000;-webkit-box-shadow:1px 3px 0 #000;-moz-box-shadow:1px 3px 0 #000;color:#fff;font-size:19px;padding:4px 7px;margin:2px 22px;border:2px solid #fff;border-radius:23px}
.ti-nav ul li a:hover,.ti-nav ul li.current_page_item a{color:#e70707;border:2px solid red;border-radius:23px}
.ti-mailto a{font-size:19px}
.ti-mailto a:hover{text-decoration:underline}
.ti-socialicon{margin-right:10px}
.ti-socialicon ul li a:hover{opacity:.8}
.ti-search{position:relative}
.ti-search input{padding:4px 4px 4px 16px;border-radius:26px}
.ti-search input[type="submit"]{padding:0;border-radius:0;cursor:pointer;background:url(images/search-icon.html) no-repeat;position:absolute;right:10px;top:3px;width:12px;height:16px}
.ti-hidden{width:164px;text-indent:-999999px;position:relative}
.ti-nav-center{position:relative}
.ti-logo{position:absolute;left:432px;bottom:6px}
.white h1{color:#fff!important}
.white:after{border-bottom:4px solid #fff!important}
.ratetitle{border-bottom:4px solid #c42828!important}
header{background:url(images/hd-bg.png);position:absolute;top:0;width:100%;z-index:9999999}
.ti-slider{position:relative}
.slibg{height:100%;z-index:9999;background:url(images/sliderbg.png) repeat-x bottom;position:absolute;bottom:0;left:0;width:100%}
.ti-slider img{background-position:center;margin:0 auto}
.ti-jum{background:url(images/click-list.png) no-repeat}
.ti-client{background:url(images/click-gallery.png) no-repeat;fon-size:24px}
.ti-jum,.ti-client{font-size:24px;width:248px;height:77px;display:inline-block;*display:inline;zoom:1;margin:0 8px;line-height:3.4em;border-radius:66px;-webkit-border-radius:66px;-moz-border-radius:66px;border:2px solid #ddd;-webkit-border:2px solid #ddd;-moz-border:2px solid #ddd}
.ti-jum a,.ti-client a{color:#fff}
.ti-jum a:hover,.ti-client a:hover{color:#e70707;-webkit-animation-direction:alternate;-webkit-animation-iteration-count:2;-webkit-animation-fill-mode:forwards}
.ti-title h1{float:left;position:relative;color:#fff;font-weight:400;font-size:37px}
.ti-title{position:relative;border-bottom:2px solid #FFA8A8;padding-bottom:10px;margin-bottom:10px}
.ti-color1{border-bottom:2px solid #fff}
.ti-title:after{position:absolute;content:"";left:0;width:300px;bottom:-3px;border-bottom:4px solid #FFD7D7}
.ti-title a{top:14px;position:relative;float:right;background:#e70707;color:#fff;padding:4px 8px;border-radius:4px}
.ti-title a:hover{background:#ee4747;color:#fff}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:500px;float:left;width:100%;border:0}
.san-slider{position:relative}
.san_clopos{position:absolute;bottom:0;width:100%;z-index:99999}
.san_cloudimg{background:url(images/croudbg.html) no-repeat bottom;height:251px}
.ti-lat-news{padding:20px 0}
.bg-fixed{background-attachment:fixed!important;position:static}
.ti-lat-listing{text-align:center;position:relative}
.ti-lat-listing li{overflow:hidden;width:301px;border:4px solid #fff;display:inline-block;*display:inline;zoom:1;margin:0 10px}
.ti-lat-listing li img{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.ti-lat-listing li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.ti-color1 h1{color:#000}
.ti-video-disc h3{color:#000;margin:6px 0}
.ti-video-disc a{text-decoration:underline;float:right;font-size:12px;color:#e70707;font-style:italic}
.ti-video-disc a:hover{color:#000}
.ti-video-disc p{color:#000;text-align:justify}
.ti-subscribe input{padding:10px;height:36px;width:450px;border-radius:50px 0 0 50px;background:#c2c2c2;text-align:center;font-size:21px}
.ti-subscribe input[type="submit"]{background:url(images/sprite.png) no-repeat 0 -83px;width:70px;height:60px;padding:0;position:relative;left:-4px;border-radius:0}
.ti-row1{width:490px;overflow:hidden;height:257px;margin-right:45px;margin-top:20px}
#slideshow{position:relative;width:500px;height:291px}
#slideshow img{height:291px}
#slideshow > div{position:absolute;top:0;left:0;right:0;bottom:0}
.ti-lst-child{margin-right:0}
.ti-row1 h3{font-weight:400;margin-bottom:15px;font-size:24px}
.ti-lat-listing li .latest-news-row{display:none;position:absolute;left:5px;padding:9px;bottom:-134px;width:282px;background:rgba(0,0,0,0.5);transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0}
.ti-lat-listing li:hover .latest-news-row{display:block;left:0;padding:9px;bottom:4px;transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0}
.latest-news-row h3,p{color:#fff}
.latest-news-row p{color:#fff}
.ti-lat-listing li{position:relative}
.ti-lat-listing img{height:300px;width:100%}
.latest-news-row a{color:#fff}
.latest-news-row a:hover{color:#fff;text-decoration:none}
.ti-nav-center{max-width:960px;width:100%;margin:0 auto}
footer{background:#212122;padding:12px 0}
footer ul{text-align:center}
footer ul li{display:inline-block;*display:inline;zoom:1}
footer ul li:last-child a:after{background:none}
footer ul li a{color:#fff;font-size:23px;position:relative;padding:3px 19px}
footer ul li a:hover{color:#dc3433}
footer p{text-align:center}
.cbp-af-header{width:100%;z-index:10000;transition: all 0.3s ease 0s !important; -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important;}
.cbp-af-header.cbp-af-header-shrink{background:#e70707;border-bottom:2px solid #35498e}
.cbp-af-header h1,.cbp-af-header nav a{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.cbp-af-header.cbp-af-header-shrink{position:fixed;top:0;padding:9px 0}
.cbp-af-header.cbp-af-header-shrink h1,.cbp-af-header.cbp-af-header-shrink nav a{font-size:16px}
.cbp-af-header.cbp-af-header-shrink h1{font-size:2em}
@media screen and (max-width: 55em) {
.cbp-af-header .cbp-af-inner{width:100%}
.cbp-af-header h1,.cbp-af-header nav{display:block;margin:0 auto;text-align:center;float:none}
.cbp-af-header h1,.cbp-af-header nav a{line-height:115px}
.cbp-af-header nav a{margin:0 10px}
.cbp-af-header.cbp-af-header-shrink h1,.cbp-af-header.cbp-af-header-shrink nav a{line-height:45px}
.cbp-af-header.cbp-af-header-shrink h1{font-size:2em}
.cbp-af-header.cbp-af-header-shrink nav a{font-size:1em}
}
@media screen and (max-width: 32.25em) {
.cbp-af-header nav a{font-size:1em}
}
@media screen and (max-width: 24em) {
.cbp-af-header nav a,.cbp-af-header.cbp-af-header-shrink nav a{line-height:1}
}
.cbp-af-header-shrink .harbour_logo img{width:83%}
.cbp-af-header-shrink .ti-logo{position:static;float:left}
.cbp-af-header-shrink .ti-nav{float:right}
.cbp-af-header-shrink .ti-hidden{width:auto}
.cbp-af-header-shrink .ti-logo img{width:76%}
.cbp-af-header-shrink .ti-nav ul li a{box-shadow:1px 3px 0 #000;-webkit-box-shadow:1px 3px 0 #000;-moz-box-shadow:1px 3px 0 #000;border:2px solid #fff;color:#fff;border-radius:23px}
.cbp-af-header-shrink .ti-nav ul li a:hover{box-shadow:1px 3px 0 #a30303;-webkit-box-shadow:1px 3px 0 #a30303;-moz-box-shadow:1px 3px 0 #a30303;border:2px solid #a30303;color:#fff;border-radius:23px}
.slicknav_nav{list-style:none;margin:10px 0 0}
.slicknav_btn{display:inline-block;float:none;margin:0 auto;padding:12px;width:91%}
.slicknav_nav li{padding-left:13px;line-height:30px;background:#273375;margin-bottom:0;border-bottom:1px solid #fff;display:block}
.slicknav_nav li:hover,.slicknav_nav li:hover a{background:#eee;color:#f8a520;-webkit-transition:all 1s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.slicknav_nav li ul{background:#ccc;margin-top:6px}
.slicknav_nav li ul li{background:#b1b1b1;-webkit-transition:all 1s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.slicknav_nav li ul li:hover{background:none!important}
.slicknav_nav li ul li a:hover,.slicknav_nav li:hover a{background:none!important}
.slicknav_nav li a{color:#fff;display:block}
.slicknav_btn,.slicknav_menutxt{color:#fff}
.slicknav_menu .slicknav_icon,.slicknav_arrow{float:right;margin:.188em 0 0 .438em}
.slicknav_menu .slicknav_icon-bar{background-color:#F5F5F5;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,0.25);display:block;height:.125em;width:1.125em}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em;margin-top:.188em}
.slicknav_arrow{display:inline-block;float:right;margin-top:-6px;padding:8px 13px}
.slicknav_menu{display:none}
@media screen and (max-width:320px) {
.slicknav_menu{display:block}
.nav_ul{display:none}
.maincontener12{width:95%}
.slicknav_menu{margin:0 auto;background:#25aae1;margin-bottom:1px}
}
.v-contactform{height:233px;background:rgba(255,255,255,0.8);box-shadow:0 -1px 3px #666;padding:10px;margin:24px auto 0;width:460px}
.v-contactform input,textarea{width:505px;margin-bottom:10px;padding:10px;border:2px solid #b3aeae;background:#fefefe;background:-moz-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(239,238,238,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,254,254,1)),color-stop(100%,rgba(239,238,238,1)));background:-webkit-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(239,238,238,1) 100%);background:-o-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(239,238,238,1) 100%);background:-ms-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(239,238,238,1) 100%);background:linear-gradient(to bottom,rgba(254,254,254,1) 0%,rgba(239,238,238,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#efeeee',GradientType=0)}
.v-contactform textarea{height:82px}
.v-contactform input[type="submit"]{width:auto;background:#e70707;border:none;box-shadow:none;cursor:pointer;color:#fff;font-weight:600;padding:9px 21px;float:left}
.v-contactform input[type="submit"]:hover{background:#5d3474;background:-moz-linear-gradient(top,rgba(93,52,116,1) 0%,rgba(132,89,156,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(93,52,116,1)),color-stop(100%,rgba(132,89,156,1)));background:-webkit-linear-gradient(top,rgba(93,52,116,1) 0%,rgba(132,89,156,1) 100%);background:-o-linear-gradient(top,rgba(93,52,116,1) 0%,rgba(132,89,156,1) 100%);background:-ms-linear-gradient(top,rgba(93,52,116,1) 0%,rgba(132,89,156,1) 100%);background:linear-gradient(to bottom,rgba(93,52,116,1) 0%,rgba(132,89,156,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d3474',endColorstr='#84599c',GradientType=0)}
.ti-slider-inner{height:350px}
.ti-slider-inner img{width:100%;height:100%}
.inner-page-title{border-bottom:1px solid #000}
.inner-page-title:after{border-bottom:4px solid #000}
.inner-page-title h1{color:#000}
.inner-page p{color:#fff;margin-bottom:10px}
.ti-hdpadd.inner-page img{float:right;margin:0 0 0 10px}
.about-us-holder .table{text-align:center}
.table-bordered{background:#ff0bf6;border:1px solid #666;border:1px solid #ddd}
.table{margin-bottom:20px;max-width:100%;width:100%}
table{background-color:transparent;border-collapse:collapse;border-spacing:0}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-bordered thead tr{background:#e70707;height:40px;color:#fff}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{border-top:1px solid #ddd;line-height:1.42857;padding:8px;vertical-align:top}
.tr-holder{background:#D50ECE;color:#fff}
.address{line-height:28px;color:#000}
.address b{font-weight:400}
.address a{color:#000;font-size:16px}
.address strong{border-bottom:1px dashed #f62626;color:#e70707;display:block;font-size:28px;font-weight:700;margin:6px 0;padding-bottom:8px}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute;top:0;left:0}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:.8;width:100%;z-index:89}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer}
.nivo-controlNav a.active{font-weight:700}
.nivo-controlNav{display:none}
.gallery-page ul li{width:250px;height:250px;float:left;margin:8px}
.gallery-page ul li img{border:2px solid #666;width:100%;height:100%}
.detailpage .zoomer{float:left;width:470px;margin:0 32px 0 0}
.cloud-zoom-lens{border:4px solid #888;margin:-4px;background-color:#fff;cursor:move}
.cloud-zoom-title{font-family:Arial,Helvetica,sans-serif;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:4px solid #ccc;overflow:hidden}
.cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000}
.detailadd label{display:block;float:left;margin:0;width:332px}
.detailadd span{display:block;float:left;margin:4px 0;width:47%}
.detailadd{margin:26px 0;background:url(images/flw.png) no-repeat center right #C54646;padding:34px 21px;line-height:25px;border:1px solid #eee}
.relateimg{display:block}
.relateimg img{margin:5px;width:310px;height:460px;float:left;border:6px solid #fff;box-shadow:1px 1px 7px #000}
.container{margin:0 auto;width:1166px}
.kafe_conleft{background:#fff none repeat scroll 0 0;box-shadow:0 0 2px 0 #7f7f7f;float:left;padding:4px;width:401px;height:352px}
.kafe_contadd{background:#fff url(images/contact.png) no-repeat scroll right center;border:1px solid #d8d8d8;float:right;height:358px;width:583px}
.kafe_cobaddress a{color:#e70707}
.kafe_cobaddress{color:#000;float:left;font-size:13px;line-height:1.7em;padding:112px 0 0 30px;width:250px}
.kafesupo{float:left;font-size:14px;font-weight:700}
.gn-post-listing li{background:rgba(255,255,255,0.3);box-shadow:1px 3px 0 #000;-webkit-box-shadow:1px 3px 0 #000;-moz-box-shadow:1px 3px 0 #000;color:#fff;font-size:19px;padding:4px 7px;margin:2px 22px;border:5px solid #fff;display:inline-block;margin:0 10px 20px;padding:2px;width:460px}
.gn-post-listing li img{margin-bottom:10px}
.gn-post-listing li h2{padding:0 11px;font-size:1.25rem;font-weight:700;margin-bottom:10px}
.gn-post-listing li h2 a{color:#fff;padding-top:10px}
.gn-datetype{display:block;margin:10px 0}
.gn-datetype span::before{color:#fff;content:"/";position:absolute;right:-9px;top:0}
.gn-datetype span{float:left;margin:0 8px;position:relative}
.gn-dispt{clear:both;display:block;padding:0 11px}
.grid li a{color:#e70707}
.sco-slider{display:none}
.grid li:hover img,.grid li:hover .box h1{opacity:0.9; color:#e70707;} 



@media screen and (max-width:1023px) and (min-width:768px){}
@media screen and (max-width:768px) and (min-width:600px){
.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:50px;height:50px;position:absolute;right:10px;top:5px;z-index:999999999;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#ffd200;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.ti-nav ul li {  display: block; margin: 13px 0;}
.ti-hidden{display:none !important}
.ti-nav ul li a,.ti-nav ul li a:hover{border:none;}
.ti-nav { margin-top: 60px;}
.main-top{width:95%;}
.fl,.fr{float:none;}
header{ background: #000; padding: 11px 0; position: static;}
.cbp-af-header.cbp-af-header-shrink{position:static; transition:none}
.ti-logo{position:static}
.ti-mailto{ margin-bottom:10px;  margin-left: 10px;}
.main-top .fr{margin-left: 10px;}
.sco-slider{display:block}
.rslides img{width:100%; height:100%;}
.v-contactform{width:95%; height:auto}
.ti-logo {margin: 0 auto;position: static;  width: 100%;}
.ti-row1{ margin: 10px auto;padding-left: 10px; width: 93%;}
#slideshow{width:auto}
.main-container{width:95%;}
.ti-jum{ margin-bottom:10px;}
.ti-lat-listing li{width:60%; margin:0 0 15px 0}
.ti-lat-listing img{width:100%; height:100%;}
.ti-slider-inner {height: auto;}
.ti-hdpadd.inner-page img{height:100%;}
.container,.kafe_conleft{width:95%;}
.kafe_conleft{height:auto; float:none}
.kafe_contadd{float:none; width:auto; margin:15px 0;}
.gn-post-listing li{width:44%}
ul.grid.effect-6{ text-align:center;}
.grid li{float:none !important; width:30%;}
.box h1{ text-align:center}
.ti-hdpadd.inner-page img{width:100%; float:none; margin:0}
.kafe_cobaddress{float:none; width:auto; background:rgba(255,255,255,0.4); height:100%;}
.detailpage .zoomer{width:100%;}
.detailadd{background:none; background-color:#c54646; padding:12px 21px}
.relateimg {  display: block; text-align: center;}
.relateimg img {  display: inline-block; float: none; height: auto; margin-bottom: 15px;
    vertical-align: top; width: 65%;}
.detailadd label{width:168px;}
.mousetrap{display:none}
.ti-lat-listing li .latest-news-row{width:100%}
}

@media screen and (max-width:599px) and (min-width:480px){
.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:50px;height:50px;position:absolute;right:10px;top:5px;z-index:999999999;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#ffd200;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.ti-nav ul li {  display: block; margin: 13px 0;}
.ti-hidden{display:none !important}
.ti-nav ul li a,.ti-nav ul li a:hover{border:none;}
.ti-nav { margin-top: 60px;}
.main-top{width:95%;}
.fl,.fr{float:none;}
header{ background: #000; padding: 11px 0; position: static;}
.cbp-af-header.cbp-af-header-shrink{position:static; transition:none}
.ti-logo{position:static}
.ti-mailto{ margin-bottom:10px;  margin-left: 10px;}
.main-top .fr{margin-left: 10px;}
.sco-slider{display:block}
.rslides img{width:100%; height:100%;}
.v-contactform{width:95%; height:auto}
.ti-logo {margin: 0 auto;position: static;  width: 100%;}
.ti-row1{ margin: 10px auto;padding-left: 10px; width: 93%;}
#slideshow{width:auto}
.main-container{width:95%;}
.ti-jum{ margin-bottom:10px;}
.ti-lat-listing li{width:95%; margin:0 0 15px 0}
.ti-lat-listing img{width:100%; height:100%;}
.ti-slider-inner {height: auto;}
.ti-hdpadd.inner-page img{height:100%;}
.container,.kafe_conleft{width:95%;}
.kafe_conleft{height:auto; float:none}
.kafe_contadd{float:none; width:auto; margin:15px 0;}
.gn-post-listing li{width:auto}
ul.grid.effect-6{ text-align:center;}
.grid li{ display: inline !important;  float: none !important; width:64% !important;}
.box h1{ text-align:center}
.ti-hdpadd.inner-page img{width:100%; float:none; margin:0}
.kafe_cobaddress{float:none; width:auto; background:rgba(255,255,255,0.4); height:100%;}
.detailpage .zoomer{width:100%;}
.detailadd{background:none; background-color:#c54646; padding:12px 21px}
.relateimg {  display: block; text-align: center;}
.relateimg img {  display: inline-block; float: none; height: auto; margin-bottom: 15px;
    vertical-align: top; width: 65%;}
.detailadd label{width:168px;}
.mousetrap{display:none}
.ti-lat-listing li .latest-news-row{width:100%}
}
@media screen and (max-width: 479px){
.grid li{display:block;}
.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:50px;height:50px;position:absolute;right:10px;top:5px;z-index:999999999;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#ffd200;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.ti-nav ul li {  display: block; margin: 13px 0;}
.ti-hidden{display:none !important}
.ti-nav ul li a,.ti-nav ul li a:hover{border:none;}
.ti-nav { margin-top: 60px;}
.main-top{width:95%;}
.fl,.fr{float:none;}
header{ background: #000; padding: 11px 0; position: static;}
.cbp-af-header.cbp-af-header-shrink{position:static; transition:none}
.ti-logo{position:static}
.ti-mailto{ margin-bottom:10px;  margin-left: 10px;}
.main-top .fr{margin-left: 10px;}
.sco-slider{display:block}
.rslides img{width:100%; height:100%;}
.v-contactform{width:95%; height:auto}
.ti-logo {margin: 0 auto;position: static;  width: 100%;}
.ti-row1{ margin: 10px auto;padding-left: 10px; width: 93%;}
#slideshow{width:auto}
.main-container{width:95%;}
.ti-jum{ margin-bottom:10px;}
.ti-lat-listing li{width:95%; margin:0 0 15px 0}
.ti-lat-listing img{width:100%; height:100%;}
.ti-slider-inner {height: auto;}
.ti-hdpadd.inner-page img{height:100%;}
.container,.kafe_conleft{width:95%;}
.kafe_conleft{height:auto; float:none}
.kafe_contadd{float:none; width:auto; margin:15px 0;}
.gn-post-listing li{width:auto}
ul.grid.effect-6{ text-align:center;}
.grid li{float:none}
.box h1{ text-align:center}
.ti-hdpadd.inner-page img{width:100%; float:none; margin:0}
.kafe_cobaddress{float:none; width:auto; background:rgba(255,255,255,0.4); height:100%;}
.detailpage .zoomer{width:100%;}
.detailadd{background:none; background-color:#c54646; padding:12px 21px}
.relateimg img { float: none;height: auto; margin-bottom:15px; width: 94%;}
.detailadd label{width:108px;}
.mousetrap{display:none}
}

@media screen and (max-width:320px){
.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:50px;height:50px;position:absolute;right:10px;top:5px;z-index:999999999;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#ffd200;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.ti-nav ul li {  display: block; margin: 13px 0;}
.ti-hidden{display:none !important}
.ti-nav ul li a,.ti-nav ul li a:hover{border:none;}
.ti-nav { margin-top: 60px;}
.main-top{width:95%;}
.fl,.fr{float:none;}
header{ background: #000; padding: 11px 0; position: static;}
.cbp-af-header.cbp-af-header-shrink{position:static; transition:none}
.ti-logo{position:static}
.ti-mailto{ margin-bottom:10px;  margin-left: 10px;}
.main-top .fr{margin-left: 10px;}
.sco-slider{display:block}
.rslides img{width:100%; height:100%;}
.v-contactform{width:95%; height:auto}
.ti-logo {margin: 0 auto;position: static;  width: 100%;}
.ti-row1{ margin: 10px auto;padding-left: 10px; width: 93%;}
#slideshow{width:auto}
.main-container{width:95%;}
.ti-jum{ margin-bottom:10px;}
.ti-lat-listing li{width:95%; margin:0 0 15px 0}
.ti-lat-listing img{width:100%; height:100%;}
.ti-slider-inner {height: auto;}
.ti-hdpadd.inner-page img{height:100%;}
.container,.kafe_conleft{width:95%;}
.kafe_conleft{height:auto; float:none}
.kafe_contadd{float:none; width:auto; margin:15px 0;}
.gn-post-listing li{width:auto}
ul.grid.effect-6{ text-align:center;}
.grid li{float:none}
.box h1{ text-align:center}
.ti-hdpadd.inner-page img{width:100%; float:none; margin:0}
.kafe_cobaddress{float:none; width:auto; background:rgba(255,255,255,0.4); height:100%;}
.detailpage .zoomer{width:100%;}
.detailadd{background:none; background-color:#c54646; padding:12px 21px}
.relateimg img { float: none;height: auto; margin-bottom:15px; width: 94%;}
.detailadd label{width:108px;}
.mousetrap{display:none}
}

.callus {
  font-size: 35px;
  margin: 10px 0 20px;
  text-align: center;
}