html,body,div,span,applet,object,</,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;font-size:100%;font:inherit;vertical-align:baseline;font-family:Arial,Helvetica,sans-serif;font-size:14px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:disc}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#333;font-size:14px;line-height:20px}
.animationload{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background-color:#fff}
.loader{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;background-image:url(../images/apple-touch-icon.png);background-position:center;background-repeat:no-repeat}
a{color:#eee;text-decoration:none}
.pat a {color: #337AB7;margin-bottom:20px;}
a:hover{color:#ddd;text-decoration:none}
.btn-default{color:#333;background-color:#014d3f;border-color:#014d3f;border-radius:0;color:#fff;padding:6px 35px;font-weight:700}
.btn-default:hover{background-color:#FBA301;border-color:#FBA301;color:#fff}
.bg-grey{background-color:#E9E9E9}
.pbot-main{padding-bottom:80px}
.pbot-main:after{content:'';display:block;clear:both}
.p-main{padding:80px 0}
.pos-relative{position:relative}
.page-title{text-align:center;margin-bottom:80px;margin-top:80px}
.page-title .lead{font-size:30px;color:#014d3f;line-height:34px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.page-title .sublead{font-size:14px;color:#666;line-height:20px;ffont-family:Arial,Helvetica,sans-serif;font-weight:400}
.bg-grey{background-color:#F8F8F8}
.ptop-single{padding:80px 0}
p{margin:0 0 10px}
.box-wrap{width:85%;margin:0 auto;-webkit-box-shadow:0 0 4px #666;box-shadow:0 0 4px #666}
.box-bg{background-color:#000}
.back-nav {background: rgba(255,255,255,0.8);}
.navbar-main {border-color:transparent;-webkit-box-shadow:0 1px 5px 2px rgba(0,0,0,.5);box-shadow:0 1px 5px 2px rgba(0,0,0,.5)}
.header-top{ background:rgba(44,40,109,0.9);color:#fff;height: auto;}
.navbar-main.stiky .header-top{display:none}
.navbar-main.stiky .navbar-brand{margin-top:-15px}
.navbar-main .navbar-brand > img{width:100%;-webkit-transition:.2s all linear;transition:.2s all linear}
.navbar-main .nav > li > a{position:relative;display:block;padding:10px 18px;}
.navbar-main .navbar-nav > li > a {font-size:15px;line-height:22px;color:#333; padding:2.2em 1.4em; min-height: auto; font-weight:700;text-transform:uppercase;-webkit-transition:.2s all linear;transition:.2s all linear}
.navbar-main.stiky .navbar-nav > li > a{ font-size:15px;line-height:22px;color:#333; padding:2.2em 1.4em; min-height: auto; font-weight:700;text-transform:uppercase;-webkit-transition:.2s all linear;transition:.2s all linear}
.navbar-main .navbar-nav > li > a:hover,.navbar-main .navbar-nav > li > a:focus,.navbar-main .navbar-nav > li > a:active{color:#da251c; border-bottom: 3px solid #da251d; border-top: 3px solid #da251d;}
.navbar-main .navbar-nav > li.active a{color:#da251c; border-bottom: 3px solid #da251d; border-top: 3px solid #da251d;}
.navbar-toggle .icon-bar{background-color:#014d3f}
.dropdown-menu{border:0;border-bottom:4px solid #014d3f;border-radius:0}
.dropdown-menu > li > a{padding:10px 20px}
.info{margin-top:10px}
.info a{color:#fff}
.info a:hover{color:#FBA301}
.info .info-item{display:inline-table;margin-right:80px}
.info .info-item:last-child{margin-right:0}
.info .info-item .fa{margin-right:10px}
.top-sosmed{margin-top:8px}
.top-sosmed span{width:30px;height:30px;text-align:center;background-color:#fff;color:#f60;display:inline-table;padding-top:7px;border-radius:50%;margin-right:10px}
.top-sosmed span:hover{background-color:#FBA301;color:#fff}
.top-sosmed span.fa{font-size:18px}
.banner{position:relative;margin-top:0 auto;}
.banner .imgbg{height:450px}
.banner .imgbg img{display:none}
.banner .title-box h2{text-align:left;font-size:30px;color:#fff;line-height:42px;font-family:Arial,Helvetica,sans-serif;font-weight:900}
.banner .caption{color:#fff;position:absolute;top:100px;left:20px;max-width:560px}
.banner .caption a.btn-default,.wrap-caption a.btn-default{text-align:center;font-size:14px;color:#014d3f;line-height:20px;font-weight:700;background-color:#fff;padding:10px 20px;border:0}
.banner .caption a.btn-default:hover,.wrap-caption a.btn-default:hover{background-color:#FBA301;color:#fff}

.carousel-caption{right:0;left:0;padding-bottom:200px;text-align:left}
.item .carousel-caption .caption-heading{text-align:left;font-size:30px;color:#fff;line-height:42px;font-family:Arial,Helvetica,sans-serif;font-weight:900;margin-left:80px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;filter:alpha(opacity=0);opacity:0}
.item.active .carousel-caption .caption-heading{margin-left:0;filter:alpha(opacity=100);opacity:1;background-color:rgba(0,0,0,0.8);text-align:center}
.item .caption-desc{margin-bottom:10px;margin-left:100px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;filter:alpha(opacity=0);opacity:0}
.item.active .caption-desc{margin-left:0;filter:alpha(opacity=100);opacity:1}
.wrap-caption{max-width:560px}
.carousel-control{width:5%}
.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right{width:30px;height:30px;margin-top:-15px;font-size:20px;position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .fa-chevron-right{right:50%}
.work-info{position:absolute;bottom:0;left:0;width:100%}
.work-info-item{padding:0;color:#fff;width:33.333%;float:left;min-height:100px}
.work-info-item:nth-child(1){background-color:#85DBFF}
.work-info-item:nth-child(2){background-color:#014d3f}
.work-info-item:nth-child(3){background-color:#014d3f}
.work-info-icon{float:left;width:60px;margin:35px 0 0 30px}
.work-info-icon .fa{font-size:30px}
.work-info-body{float:left;margin:30px 0 0}
.work-info-lead{font-size:18px}
.work-bg-1{background-color:#85DBFF}
.work-bg-2{background-color:#014d3f}
.work-bg-3{background-color:#014d3f}
.pad-left-right { padding-left:0px; padding-right:0px;}
.pad-left-right p { text-align:justify;}
.subbanner{margin-top:145px;background-color:#014d3f;height:150px}
.subbanner .caption{margin-top:35px;float:right;color:#fff;text-align:right}
.subbanner .caption a{color:#fff;text-decoration:none}
.subbanner .caption h3{font-size:30px;color:#fff;line-height:42px;font-weight:900;text-transform:uppercase;margin-bottom:0}
.subbanner .breadcrumb{padding:8px 0;margin-bottom:20px;list-style:none;background-color:transparent}
.subbanner .breadcrumb > .active{color:#fff}
.subbanner .breadcrumb > li + li:before{padding:0 5px;color:#fff;content:"/\00a0"}
 .nav-back { background:rgba(255,255,255,0.9);}
.why-item-wrap{padding:80px 0;clear:both}
.why-item-wrap:after{content:'';display:block;clear:both}
.why-item{text-align:center;width:80%;margin:0 auto}
.why-item .icon{background-color:#014d3f;width:80px;height:80px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding-top:25px;margin:0 auto}
.why-item:hover .icon{background-color:#FBA301}
.why-item .icon .fa{font-size:30px;color:#fff}
.why-item .ket{font-size:14px;color:#666;margin-top:40px}
.why-item .ket h4{font-size:18px;color:#333;font-weight:700;margin-bottom:30px}
.title-page{color:#014d3f;font-size:18px;font-weight:700;margin-bottom:20px}
.about-img{margin-bottom:20px}
.about-img img{margin-left:auto;margin-right:auto}
.about-wrap{margin-left:20px}
.founder-box{margin-top:20px;margin-bottom:40px}
.founder-box .title-page{margin-bottom:5px}
.services-item{margin-bottom:70px}
.col-md-2 img { width:100%; height:auto;}
.services-item.left .icon{width:80px;height:80px;float:right}
.services-item.right .icon{width:80px;height:80px;float:left}
.services-item .icon img{width:80px;height:80px;border:2px solid #014d3f}
.services-item.left .ket{text-align:right;margin-right:100px}
.services-item.right .ket{text-align:left;margin-left:100px}
.services-item.left .ket h4{text-align:right;font-size:18px;color:#333;line-height:22px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.services-item.right .ket h4{text-align:left;font-size:18px;color:#333;line-height:22px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.service-list{margin:20px 0 0;padding:0}
.service-list li{list-style:none;margin:12px 0}
.service-list li .fa{margin-right:10px;color:#014d3f;font-size:16px}
.services-item-full{border-bottom:1px solid #E9E9E9;padding-bottom:50px;margin-bottom:50px}
.services-item-full:nth-child(even){border-bottom:1px solid #E9E9E9;text-align:right}
.services-item-full:nth-child(even) .desc-wrap{margin-left:0;margin-right:20px}
.services-item-full:nth-child(even) .service-list li .fa{margin-right:0;margin-left:10px;float:right}
.services-item-image{position:relative;width:100%;text-align:center}
.services-item-image img{position:absolute;bottom:0;left:0;display:block;margin:0 auto}
.bg-overlay{background-color:rgba(0,113,188,0.8);display:block;padding:80px 0}
.stat-item{text-align:center;margin-bottom:40px}
.stat-item .icon{width:80px;height:80px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:2px solid #fff;margin:0 auto;padding-top:22px}
.stat-item:hover .icon{background-color:#2264A1}
.stat-item .icon .fa{font-size:30px;color:#fff}
.stat-item .stat-title{font-size:18px;color:#FFF;line-height:25px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.stat-item .stat-title .number{font-size:50px;color:#FFF;line-height:70px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.faq-item{text-align:center;width:95%;margin:0 auto;margin-bottom:40px}
.faq-item .icon{background-color:#014d3f;width:124px;height:124px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding-top:50px;margin:0 auto}
.faq-item:hover .icon{background-color:#FBA301}
.faq-item .icon .fa{font-size:30px;color:#fff}
.faq-item .ket{font-size:14px;color:#666;margin-top:40px}
.faq-item .ket h4{font-size:18px;color:#333;font-weight:700;margin-bottom:30px}
.panel-faq.panel-group .panel{border-radius:0}
.panel-faq .panel-default > .panel-heading{color:#fff;background-color:#014d3f;background-color:#014d3f;border-color:#ddd;border:0;border-top-left-radius:0;border-top-right-radius:0;padding:8px 10px}
.panel-faq .panel-default > .panel-heading.active{background-color:#014d3f}
.panel-faq .panel-default{border-color:transparent}
.panel-faq .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:transparent}
.panel-faq .panel-title{font-size:14px}
.panel-faq .panel-body p{margin:10px 0}
.panel-faq .panel-body{padding:15px;background-color:#F8F8F8;margin-top:4px}
.collapse.in{display:block;visibility:visible}
.panel-title > a,.panel-title > a:active,.panel-title > a:focus{color:inherit;text-decoration:none;display:block}
.faq-list{margin:0;padding:0}
.faq-list li{list-style:none}
.faq-list li .fa{color:#014d3f;font-size:14px;margin-right:10px}
.faq-item-image{position:relative;width:100%;text-align:center}
.faq-item-image img{display:block}
.testimonials-item{clear:both;min-height:180px;margin-bottom:20px}
.testimonials-item .people{float:left;width:100px;text-align:center}
.testimonials-item .people .img-circle{border:2px solid #014d3f}
.testimonials-item .people h3{font-size:14px;line-height:20px;color:#014d3f;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.testimonials-item .people p{font-size:12px;color:#999;line-height:17px;font-family:Arial,Helvetica,sans-serif;font-weight:400}
.testimonials-item .quote-box{background-color:#EBEBEB;padding:20px 20px 40px;position:relative;margin-left:150px}
.testimonials-item .quote-box:after{content:'';background-color:#EBEBEB;width:20px;height:20px;position:absolute;top:20px;left:-10px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.testimonials-item .quote-box .q-url{color:#014d3f;position:absolute;bottom:20px;left:20px}
.testimonials-item .quote-box .q-url a{font-size:12px;color:#014d3f;line-height:18px;font-weight:400}
.testimonials-item .quote-box .q-url a:hover{color:#FBA301}
.stat-client{background-color:#014d3f}
.stat-client.bg-grey{background-color:#E9E9E9}
.client-img{text-align:center;margin-bottom:40px}
.client-img img{margin:0 auto}
.blog-item{margin-bottom:40px}
.blog-item .gambar{position:relative;z-index:1}
.blog-item .icon-news{width:50px;height:50px;position:absolute;bottom:-25px;right:40px;border:2px solid #fff;text-align:center;background-color:#014d3f;border-radius:50%;padding-top:12px}
.blog-item .icon-news .fa{font-size:20px;color:#fff}
.blog-item .item-body{background-color:#fff;border:1px solid #F0F0F0;position:relative;min-height:290px;display:block}
.blog-item .item-body .description{padding:42px 35px;width:100%;font-weight:400;color:#666;text-align:center;font-size:14px;line-height:20px;font-family:Arial,Helvetica,sans-serif;height:250px;overflow:hidden}
.blog-item .item-body .lead{font-size:18px;color:#014d3f;line-height:25px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.blog-item .item-body .body-footer{width:100%;text-align:center;position:absolute;left:0;bottom:0;border-top:1px solid #F0F0F0}
.blog-item .item-body .body-footer .author,.blog-item .item-body .body-footer .date{width:50%;float:left;padding:10px 0}
.blog-item .item-body .body-footer .author{border-right:1px solid #F0F0F0}
.blog-item .item-body .body-footer .author .fa,.blog-item .item-body .body-footer .date .fa{margin-right:10px}
.blog-item .item-body > div{width:50%;text-align:center;float:left;line-height:20px;color:#014d3f;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.image-wrap{position:relative}
.image-wrap .meta{position:absolute;left:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,.65);padding:20px;color:#fff}
.image-wrap .meta div{float:left;width:30%}
.image-wrap .meta .fa{margin-right:20px}
.post-item{margin-bottom:60px}
.post-item .post-title{margin-top:20px;margin-bottom:40px;border-bottom:1px solid #F1F1F1}
.post-item .post-title,.post-item .post-title a{font-size:24px;line-height:30px;color:#014d3f;font-weight:700;padding-bottom:20px;display:block}
.post-item .post-title a:hover{color:#85DBFF}
.post-item .post-read-more{color:#014d3f;font-weight:700;font-size:14px;margin-top:20px;clear:both;display:block}
.post-item .post-read-more:hover{color:#85DBFF}
.post-item .post-read-more .fa{margin-left:10px}
.post-item .carousel-control{background-image:none}
.post-item .carousel-control span{position:absolute;top:45%;width:50px;height:50px;display:block;border:2px solid #fff;margin-left:30%;padding-top:13px;border-radius:50%}
.post-item .carousel-control.right{right:35px}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.pagination > li{display:inline-block;margin-right:10px}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pagination > li:last-child > a,.pagination > li:last-child > span{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:13px 20px;background-color:#fff;border:none}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;color:#fff;cursor:default;background-color:#014d3f}
.widget{background-color:#F8F8F8;position:relative;border-top:2px solid #014d3f;padding:34px 35px;margin-bottom:40px}
.widget .media{border-bottom:1px solid #EBEBEB;padding-bottom:20px}
.widget .widget-heading{font-size:18px;color:#5C5C5C;line-height:22px;font-weight:700;letter-spacing:2px;display:block}
.widget .widget-heading:after{content:'';width:75px;height:24px;background-color:transparent;margin-left:1px;border-bottom:1px solid #014d3f;display:block;margin-bottom:40px}
.widget .media-body{font-size:12px;line-height:18px;color:#333;font-weight:500}
.widget .media-body .meta-comment{font-size:12px;line-height:18px;color:#5C5C5C;font-weight:500}
.widget .media-object{width:64px;height:64px}
.widget .media-body .meta-comment .fa{margin-right:10px}
.widget.categories .list-unstyled li .fa{margin-right:10px}
.widget.categories .list-unstyled li{padding:4px 0}
.widget.categories .list-unstyled li a{color:#333;font-weight:700;text-decoration:none}
.widget.categories .list-unstyled li a:hover{color:#85DBFF}
.post-item.detail p{margin:15px 0}
.post-item.detail blockquote{margin:15px 0;line-height:20px;color:#666;font-weight:700;margin-left:40px}
.author-box{background-color:#014d3f;padding:30px;color:#fff}
.author-box .media-left img{width:100px;height:100px}
.author-box .media-heading{color:#333;font-weight:700}
.author-box .media-left{padding-right:20px}
.comments-box{padding-bottom:30px;border-bottom:1px solid #E9E9E9}
.comments-box .media{padding:20px;border:1px solid #E9E9E9;background-color:#fff;margin-bottom:30px}
.comments-box .media.comment{background-color:#fff}
.comments-box .media.reply-comment{background-color:#F6F6F6;margin-left:40px}
.comments-box .media-heading{color:#014d3f;font-weight:700}
.comments-box .media-left img{width:100px;height:100px}
.comments-box .date{margin-left:100px}
.comments-box .title-heading,.leave-comment-box .title-heading{font-size:18px;line-height:25px;color:#014d3f;font-weight:700;margin-top:40px;margin-bottom:40px}
.form-comment .form-control{padding:24px 12px;border-radius:0;border:1px solid #E9E9E9;box-shadow:none}
.form-comment .btn-default{padding:15px 60px;letter-spacing:2px}
.panel-pricing{border-color:#ddd;text-align:center;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;width:80%;margin:0 auto;margin-bottom:40px;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.05);box-shadow:0 5px 5px rgba(0,0,0,.05)}
.panel-pricing .price{padding:25px 0;font-size:80px;background-color:#014d3f;font-size:36px;color:#fff;font-weight:700}
.panel-pricing .price:before{content:'';width:17px;height:17px;background-color:#fff;display:block;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:0 auto;margin-top:-33px;margin-bottom:20px}
.panel-pricing h3{font-size:18px;line-height:22px;font-weight:700;padding-bottom:10px;padding-top:10px}
.panel-pricing .price sup{font-size:18px;margin-right:5px;top:-1.2em;font-weight:400}
.panel-pricing > .panel-heading{color:#333;background-color:#fff;border-color:#ddd;padding:0}
.panel-pricing .price .subscript{font-size:26px;margin-left:0}
.panel-pricing .table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:none;font-size:12px;font-weight:400;color:#999;border-bottom:1px solid #ccc}
.panel-pricing .panel-footer{padding:0 15px 10px;background-color:#fff;border-top:0}
.panel-pricing .panel-body{padding:15px 30px 0}
.panel-pricing .btn-primary{color:#fff;background-color:#014d3f;border-color:#014d3f;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-weight:700;padding:12px 0}
.panel-pricing .btn-primary:hover{color:#fff;background-color:#FBA301;border-color:#FBA301}
.price-detail-heading{font-size:18px;color:#014d3f;font-weight:700;padding:20px 0}
.price-detail-body{background-color:#F8F8F8;border-top:2px solid #014d3f;padding:20px 40px 20px 20px}
.price-detail-body .item{padding:5px}
.price-detail-body .item:after{clear:both;width:100%;display:block;content:''}
.price-detail-body .item-name{float:left}
.price-detail-body .fa{margin-right:10px;color:#014d3f;font-size:16px}
.price-detail-body .item-price{float:right;color:#666;font-weight:700}
.more-info-price{text-align:center;margin-top:40px;margin-bottom:140px}
.more-info-price a{color:#014d3f;font-weight:700}
.shake{margin-bottom:40px}
.shake:after{clear:both;width:100%;display:block;content:''}
.shake .form-control{padding:24px 12px;border-radius:0}
.shake .btn-default{padding:15px 25px;float:right;background-color:#014d3f;border-color:#014d3f;border-radius:0;color:#fff;font-weight:700}
.shake .btn-default:active,.shake .btn-default:visited,.shake .btn-default:hover{background-color:#FBA301;border-color:#FBA301;color:#fff}
p.help-block.text-danger li{display:block;font-family:'Roboto Condensed',sans-serif;color:red}
.alert-danger{color:#333031;background-color:#FFEDC4;border-color:red}
.contact-address{margin-top:40px}
.contact-address-item{margin-bottom:40px}
.contact-address-heading{color:#014d3f;font-weight:700;margin-bottom:10px}
.maps-wraper{position:relative}
.maps{width:100%;height:300px;display:block;background:#ccc;position:relative}
#google-container{position:relative;width:100%;height:500px;background-color:#000}
#cd-google-map{position:relative;overflow:hidden}
#cd-google-map .col-md-12{padding:0}
#cd-google-map .address{position:absolute;width:100%;bottom:0;left:0;padding:20px 0;background-color:rgba(5,5,5,0.9)}
#cd-google-map .address .address-item{position:relative;padding-left:44px}
#cd-google-map .address .address-item i{width:24px;height:24px;position:absolute;top:0;left:4px;color:#fcfcfc;font-size:22px;text-align:center;line-height:24px}
#cd-zoom-in,#cd-zoom-out{height:32px;width:32px;cursor:pointer;margin-left:10px;background-color:rgba(0,113,188,.9);background-repeat:no-repeat;background-size:32px 64px;background-image:url(../images/cd-icon-controller.svg)}
.no-touch #cd-zoom-in:hover,.no-touch #cd-zoom-out:hover{background-color:#014d3f}
#cd-zoom-in{background-position:50% 0;margin-top:10px;margin-bottom:1px}
#cd-zoom-out{background-position:50% -32px;}
.opaci-footer-back {background: rgba(30,28,69,0.8);}
.sp-foot {padding: 3.5em 0px; border: 1px solid #ddd; margin: 3em 0 0 0; background: #eee;}
.f-desc{padding:40px 0 20px 0; color: #ccc;}
.f-desc-col{color:#999}
.f-desc-col p{color:#999}
.f-desc-col p a{color:#ccc}
.f-desc-col p a:hover{color:#666}
.f-desc-col a{color:#999}
.f-desc-col a:hover{color:#666}
.bgcolor-1 { margin: 0 1% 0 0;}
.bgcolor-2 { background-color:#eee; margin: 0 1% 0 0;}
#listing-map {height: 500px;}
.col-list-map { color: #333;}
.col-head-2 { color: #2c286d;}
.fcopy{background-color:#121127;color:#fff;text-align:center;padding:8px 0px;}
.footer-item{line-height:20px;color:#999;font-weight:400;margin-bottom:20px}
.footer-sosmed{margin-top:20px; text-align:center;}
.footer-sosmed .item{width:30px;height:30px;text-align:center;background-color:#e6a719;color:#fff;display:inline-table;padding-top:6px;border-radius:50%}
.footer-sosmed .item:hover{background-color:#FBA301}
.footer-sosmed .item .fa{font-size:16px}
.footer-logo{margin-bottom:10px}
.footer-title{font-size:18px;line-height:22px;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-weight:400;padding:10px 0;margin-bottom:20px; text-align:center;}
.footer-title:after{position:absolute;content:'';width:50px;height:10px;border-bottom:1px solid #fff}
.footer-blog-item{padding-left:30px;margin-bottom:15px}
.footer-blog-item:before{font-family:FontAwesome;content:"\f105";color:#014d3f;float:left;padding-left:-20px;margin-left:-26px;font-size:16px}
.footer-blog-item .footer-blog-lead{line-height:20px;color:#999;font-weight:400}
.footer-blog-item .footer-blog-lead a{color:#999}
.footer-blog-item .footer-blog-lead a:hover{color:#FBA301}
.footer-blog-item .footer-blog-date{font-size:12px;line-height:17px;color:#014d3f;font-family:Arial,Helvetica,sans-serif;font-weight:400;margin-top:5px}
.footer-form .form-control{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.footer-getintouch-item{clear:both;margin-bottom:10px;content:''}
.footer-getintouch-item .icon{font-size:18px;color:#e6a719;float:left;margin-right:10px;text-align:center;width:20px}
.footer-getintouch-item .icon .fa{font-size:16px}
.footer-getintouch-item .desc{float:left;margin-bottom:10px}
.footer-getintouch-item .desc .desc-1{width:42px;float:left}
.footer-getintouch-item .desc .desc-2{width:10px;float:left}
.footer-getintouch-item .desc .desc-3{float:left}
.bullet li {margin: 0 0 0 1%; display: block; font-size: 15px; line-height: 27px; font-family: 'Open Sans',Arial, Helvetica, sans-serif;text-align: left;}
.bullet li:before {content: "\f0da"; font-family: 'FontAwesome'; font-size: 12px; float: left;  margin-top: 1px; margin-left: -13px; color: #999;}
.bullet li a { color:#333;}
.bullet li a:hover { color:#000;}
.bullet-1 li { color:#fff; margin: 1% 0 0 1%; display: block; font-size: 15px; line-height: 27px; font-family: 'Open Sans',Arial, Helvetica, sans-serif; text-align: left;}
.bullet-1 li:before {content: "\f0da"; font-family: 'FontAwesome'; font-size: 12px; float: left;  margin-top: 1px; margin-left: -13px; color: #fff;}
.bullet-1 li a { color:#fff;}
.bullet-1 li a:hover { color:#ddd;}
.col-add-foot  {color: #333;}
.col-add-foot a {color: #333;}
.col-add-foot a:hover {color: #111;}
.bd-foot { border-bottom: 1px dashed #ccc;}
@media (max-width: 992px) {
.info .info-item{margin-right:20px}
.services-item-image img{position:static}
.work-info-icon{margin:30px 0 0;width:100%;text-align:center}
.work-info-body{float:left;margin:10px 0 0;width:100%;text-align:center;padding-bottom:20px}
.navbar-main .nav > li > a{padding-left:15px;padding-right:15px}
}
@media (max-width: 768px) {
.header-top{display:none}
.carousel-caption{padding-bottom:0}
.navbar-brand{padding:6px 15px;width:150px}
.navbar-brand > img{display:block}
.navbar-main .navbar-brand > img{-webkit-transition:.2s all linear;transition:.2s all linear}
.navbar-main.stiky .navbar-brand{margin-top:0}
.navbar-main.stiky .navbar-nav > li > a{padding-top:0;min-height:40px}
.navbar-nav{padding:8px}
.navbar-main .navbar-nav > li > a{margin-bottom:1px;padding-top:1px;min-height: auto;}
.navbar-main .navbar-nav > li.active > a,.navbar-main .navbar-nav > li > a:hover{background-color:#014d3f;color:#fff}
.navbar-nav .open .dropdown-menu > li > a{background-color:#fff;padding:10px 16px;margin-bottom:5px}
.navbar-main .navbar-nav > li.open > a{margin-bottom:0}
.navbar-main.stiky .navbar-nav > li > a,.navbar-main.stiky .navbar-nav > li.open > a{padding-top:10px}
.work-info{position:static}
.work-info .container{padding-right:0;padding-left:0}
.banner,.subbanner{margin-top:50px}
.banner .caption{position:absolute;top:150px;left:20px;right:20px}
.work-info-item{width:100%}
.testimonials-item .quote-box{margin-left:110px}
.about-wrap{margin-left:0}
.work-info-icon{margin:30px 0 0 30px;width:60px;text-align:left}
.work-info-body{float:left;margin:30px 0 0;width:auto;text-align:left}
}
@media (max-width: 767px) {
.services-item-image img{position:static}
}
@media (max-width: 479px) {
.item .carousel-caption .caption-heading{font-size:14px;line-height:20px;margin-bottom:10px}
.item .caption-desc{display:none}
.banner .caption a.btn-default,.wrap-caption a.btn-default{font-size:10px;line-height:20px;padding:2px 12px}
.image-wrap .meta{padding:5px 20px}
.image-wrap .meta div{width:50%;font-size:10px;line-height:10px}
.image-wrap .meta div:nth-child(2){display:none;line-height:10px}
.image-wrap .meta .fa{display:none}
.media-left,.media-right,.media-body{display:inline}
.comments-box .date{margin-left:10px}
}
@media (min-width: 768px) {
.navbar-main.stiky .navbar-brand > img{width:90%}
.list li{width:96.9%;float:left;text-transform:capitalize;line-height:27px;list-style:disc;color:#333;background-color:#ddd;margin:3px 0 0 3%}
.list li a{color:#555;text-decoration:none}
.list li a:hover{color:#222;text-decoration:none}
}
.list{font-size:15px;color:#999;line-height:25px;margin:1em 0 0;list-style:none}
.head-sub1 {font-size:18px;color:#fff;line-height:27px;font-weight:700;margin:2px 0 0 3%; text-align: center;}
.head-sub2 {font-size:25px;color:#333;line-height:27px;font-weight:700;margin:1% 0 0 3%; text-align: center;}
.head-1{font-size:18px;color:#ccc;line-height:27px;text-align:center;font-weight:700;margin:auto}
.head-2{font-size:20px;color:#fff;text-align:center;font-weight:700;margin:auto; background-color:#da251c; line-height: 35px;}
.fig-pro{display:block;margin:auto}
.product{margin-bottom:2.5em}
.back-col{background-color:#014d3f}
.list-1{text-align:center}
.reserve{color:#fff;background-color:#F60;line-height:50px;text-align:center;font-size:30px;padding:7.4%;margin:-2.3px}
.fo-fom{color:#fff;padding:2% 0 0;background-color:#014d3f}
.pad{padding-right:0;padding-left:0;padding-top:0; padding-bottom:0px;}
.services-home {padding: 3% 0px;}
.services-1{padding: 3% 0px; background:rgba(0,0,0,0.8);}
.services-2 {background-image: url(../images/cube-pattern-1.jpg); background-repeat: repeat; padding: 2% 0 5% 0;}
.services-4{padding:0 0 2% 0px; /** background:rgba(0,0,0,0.3); **/}
.services-foot-1 {background-image: url(../images/hotel-exterior-back.jpg); background-repeat: repeat; background-attachment: fixed;}
.services-3{margin:0 auto;padding:1% 0;background-color:#eee;}
.con-color{background-color:#e9e8e7}
.h-sp {color:#d92b28; font-size:30px; font-weight:700; line-height:50px;}
.h-sp-foot {color:#d92b28; font-size:24px; font-weight:700; line-height:20px;}
.h-sp1 {color:#fff; background-color:#2c286d; font-size:25px; font-weight:700; line-height:50px; padding:0 0 0 2.5%;}
.h-sp2 {color:#fff; background-color:#e12c2b; font-size:15px; font-weight:700; line-height:50px; padding:0 0 0 4%; margin:1% 0px;}
.h-sp3 {color:#fff; background-color:#d92b28; font-size:15px; font-weight:700; line-height:50px; padding:0 0 0 4%; margin:1% 0px;}
.h-sp4 {color:#fff; background-color:#2c286d; font-size:15px; font-weight:700; line-height:50px; padding:0 0 0 4%; margin:1% 0px;}

.bord-1{border:1px solid #ccc}
.box-3{background-attachment:fixed;background-image:url(../images/hotelexterior.jpg);background-color:#222}
.list li{width:46.9%;float:left;text-transform:capitalize;line-height:27px;list-style:disc;color:#333;background-color:#ddd;margin:3px 0 0 3%}
.list li a{color:#555;text-decoration:none}
.list li a:hover{color:#222;text-decoration:none}
.list1 li{width:95.5%;float:left;margin:0 0 0 3%;text-transform:capitalize;line-height:27px;text-align:left;list-style:disc}
.sub-head-2{margin:1% 0 0;color:#f26421;border-bottom:1px dashed #999;font-size:20px}
#googleMap{width:100%;height:300px;z-index:2000px}
input[type=text].c5{width:60%;display:inline;padding:7px;margin:0 2% 0 0;border:1px solid #999}
input[type=submit].c6{width:30%;font-size:1em;line-height:32px;display:inline}
iframe{margin:0 auto;width:100%;}
.border-3 {border: 1px solid #444; margin:1%; background: rgba(255,255,255,0.1); height: 200px; padding: 2%;}

@media screen and (max-width:480px) {
.list li{width:96.9%;float:none;margin:3px 0 0 3%}
.small-video-section{width:50%;margin:0 auto;height:auto}
}
.up-arrow{position:fixed;bottom:40px;right:10px;z-index:4000}
.up-arrow a{display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.
.up-arrow a:hover{color:#fff}
.up-arrow span{width:30px;height:30px;display:block;opacity:.8;border:1px solid #000;padding:7px 8px;background:#111 url(../images/up-arrow.png) no-repeat center center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.up-arrow:hover span{background-color:#222}
.contain-1{height:450px;background-color:blue;z-index:20;width:300px;position:absolute;margin:-30% 0 0}
.small-video-section{width:100%;margin:0 auto;height:auto}
.thumbnail-container{margin:0 auto}
.thumbnail-last{margin-top:15px}
.thumbnail-time{display:inline;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;color:#fff;background-color:#000;opacity:.8;padding:2px 4px}
.amenities .description{display:block;margin:5px 0;padding:5px 0 15px;font-family:'Roboto',sans-serif;font-size:100%;border-bottom:1px dotted #ccc}
.amenities .description img{margin-right:5px;vertical-align:sub}
.amenities .description .facility_icon{background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:33px;padding:0;margin-right:10px}
.amenities{margin:10px 0 20px 20px}
.amenities h4{display:inline;margin-right:5px;font-size:1.4em;color:#444;border-bottom:0}
.amenities .description .facility_icon{background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:33px;padding:0;margin-right:10px}
.amenities .facility_icon_id_3 .facility_icon{background-position:0 -112px}
.amenities .facility_icon_id_11 .facility_icon{background-position:0 -267px}
.amenities .facility_icon_id_12 .facility_icon{background-position:0 -194px}
.amenities .facility_icon_id_17 .facility_icon{background-position:0 -464px}
.amenities .facility_icon_id_19 .facility_icon{background-position:0 -433px}
.amenities .facility_icon_id_1 .facility_icon{background-position:0 -3px}
.amenities .facility_icon_id_18 .facility_icon{background-position:0 -540px}

/******Popup Gallery****/
.gal-container{padding:12px}
.gal-item{overflow:hidden;padding:3px}
.gal-item .box{height:350px;overflow:hidden}
.box img{height:100%;width:100%;object-fit:cover;-o-object-fit:cover}
.gal-item a:focus{outline:none}
.gal-item a:after{content:"\e003";font-family:'Glyphicons Halflings';opacity:0;background-color:rgba(0,0,0,0.75);position:absolute;right:3px;left:3px;top:3px;bottom:3px;text-align:center;line-height:350px;font-size:30px;color:#fff;-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0}
.gal-item a:hover:after{opacity:1}
.modal-open .gal-container .modal{background-color:rgba(0,0,0,0.4)}
.modal-open .gal-item .modal-body{padding:0}
.modal-open .gal-item button.close{position:absolute;width:25px;height:25px;background-color:#000;opacity:1;color:#fff;z-index:999;right:-12px;top:-12px;border-radius:50%;font-size:15px;border:2px solid #fff;line-height:25px;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.35);box-shadow:0 0 1px 1px rgba(0,0,0,0.35)}
.modal-open .gal-item button.close:focus{outline:none}
.modal-open .gal-item button.close span{position:relative;top:-3px;font-weight:lighter;text-shadow:none}
.gal-container .modal-dialogue{width:80%}
.gal-container .description{position:relative;height:40px;top:-40px;padding:10px 25px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:left}
.gal-container .description h4{margin:0;font-size:15px;font-weight:300;line-height:20px}
.gal-container .modal.fade .modal-dialog{-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);transform:scale(0.1);top:100px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.gal-container .modal.fade.in .modal-dialog{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);opacity:1}
@media (min-width: 768px) {
.gal-container .modal-dialog{width:55%;margin:50px auto}
}
@media (max-width: 768px) {
.gal-container .modal-content{height:250px}
}
i.red{color:#BC0213}
.gal-container{padding-top:75px;padding-bottom:75px}
footer{font-family:'Quicksand',sans-serif}
footer a,footer a:hover{color:#88C425}

/* additional styles for subpages */
.spc {padding: 10px;}