@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
html, body{height:100%;}
body{ padding:0; margin:0; color:#30323f; font-family:'Lato', sans-serif; font-weight:400; font-size:13px; line-height:18px;}
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp,section, article, aside, figure, figcaption, big, small { padding:0; margin:0; }
a, input { text-decoration:none; outline:none;}
img {border:0; outline:none;}
ul{list-style-type:none;}
*:focus{ outline:none;}	
*, ::after, ::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input, textarea { background:transparent; padding:0px 0 0px 0; border:0; width:100%; font-family:'Lato', sans-serif;}
samp, big, small{ font-family:'Lato', sans-serif;}
input[type="button"],input[type="submit"],.input-checkbox{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}
.left{ float:left;}
.right{ float:right !important;}
.block{ display:block;}
.inlineblock{ display:inline-block;}
.relative{ position:relative}
.absolute{ position:absolute;}
.bdrT{border-top:1px solid #dadada;}
.bdrB{border-bottom:1px solid #b5b5b5;}
.bdrB2{border-bottom:1px solid #dfe3e7; padding-bottom:30px; margin-bottom:30px;}
.transition{-webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.transition2{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.transition3{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.alignRight{ text-align:right;} 
/*------------------------------------------------------------------*/
.center{width:95%; max-width:1142px; margin:0 auto; position:relative;}
.center:after{content:''; display:block; clear:both;}
.center2{width:95%; max-width:1306px; margin:0 auto; position:relative;}
.center2:after{content:''; display:block; clear:both;}

header{background:#e30614; position:relative; padding-bottom:11px; overflow:hidden;}


header .topMenu{}
header article{padding:0 28px 0 15px;}
header article.topMenu:before{content:''; width:100%; height:1px; background:rgba(0,0,0,0.30); position:absolute; left:-100%; top:97px;}
header article .topMenuBox:before{content:''; width:100%; height:1px; background:rgba(0,0,0,0.30); position:absolute; right:-100%; top:50px;}
header article.bottomMenu:before{content:''; width:100%; height:1px; background:rgba(0,0,0,0.30); position:absolute; left:0; bottom:-2px;}
header article .headerLogo{}
header article .headerLogo{float:left; padding:3px 0 3px 22px;}
header article .headerLogo img{display:block;}
header article aside.menuBox{position:relative;}
header article aside.menuBox:after{content:''; width:100%; height:1px; background:#e30614; position:absolute; left:-97px; bottom:-2px;}
header article aside.menuBox:before{content:''; width:100%; height:1px; background:#e30614; position:absolute; right:-97px; bottom:-2px;}
header ul.menu1{display:flex; flex-wrap:wrap; font-size:12px; line-height:30px; font-weight:400; margin:0 -10px; padding:9px 0 11px; position:relative;}
header ul.menu1 li{padding:0 10px;}
header ul.menu1 li a{color:#FFFFFF;}
header ul.menu1 li a.phoneNumber{padding-left:19px; position:relative;}
header ul.menu1 li a.phoneNumber:before{content:''; background:url(../images/phone-icon.png) no-repeat 0 0; width:14px; height:16px; position:absolute; left:0; top:1px;}

header ul.menu1 li a.whatsappNumber{padding-left:19px; position:relative;}
header ul.menu1 li a.whatsappNumber:before{content:''; background:url(../images/whatsapp-icon.png) no-repeat 0 0; width:14px; height:16px; position:absolute; left:0; top:1px;}

header ul.menu2{display:flex; flex-wrap:wrap; font-size:14px; line-height:20px; font-weight:400; text-transform:uppercase; margin:0 -28px; padding:0 0;}
header ul.menu2 li{padding:0 28px; position:relative;}
header ul.menu2 li:before{content:''; width:100%; height:1px; background:rgba(0,0,0,0.30); position:absolute; top:0; left:0;}
header ul.menu2 li:first-child:after{content:''; background:rgba(0,0,0,0.30); width:1px; height:83px; -webkit-transform:rotate(56deg); -moz-transform:rotate(56deg); -o-transform:rotate(56deg); -ms-transform:rotate(56deg); position:absolute; left:-35px; top:-18px;}
header ul.menu2 li a{color:#FFFFFF; line-height:46px;}

.mobMenu, .mobMenu_overlay{ display:none;}


/* page animation */
.addAnimate { -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}

.fadeOut{opacity:0;} 
.fadeIn{opacity:1;}
.fadeOutRight {opacity:0; position:relative; left:50%;}
.fadeInRight{opacity:1; left:0%;}
.fadeOutLeft {opacity:0; position:relative; right:50%;}
.fadeInLeft{opacity:1; right:0%;}
.fadeOutBottom{opacity:0; position:relative; top:50px;}  
.fadeInBottom{opacity:1; top:0px;}
.fadeOutTop{opacity:0; position:relative; margin-top:-50%;}  
.fadeInTop{opacity:1; margin-top:0%;}

.zoomOut{-webkit-transform:scale(0.2); transform:scale(0.2);opacity:0;}
.zoomIn{ -webkit-transform:scale(1); transform:scale(1); opacity:1;}
.delay2{-webkit-transition-delay:0.5s;  transition-delay:0.5s;}
.delay3{-webkit-transition-delay:0.2s;  transition-delay:0.2s;}
.delay{-webkit-transition-delay:1s;  transition-delay:1s;}
/* page animation end */


/* footer sec */
footer{background:#FFFFFF;}
.footerMenu{padding:10px 0 71px;}
.footerLeft{float:left;}
.footeMenu{display:flex; flex-wrap:wrap; margin:0 0 0 -65px;}
.footeMenu .menuCol{float:left; padding:0 65px;}
.footeMenu .menuCol ul{display:flex; flex-wrap:wrap;}
.footeMenu .menuCol ul li{float:left; width:100%;}
.footeMenu .menuCol:last-child ul li:first-child{padding-bottom:23px;}
.footeMenu .menuCol ul li h3{font-size:16px; line-height:20px; font-weight:bold; padding-bottom:22px;}
.footeMenu .menuCol ul li a{display:block; font-size:14px; line-height:20px; color:#696969; padding-bottom:1px;position: relative; margin: 0 0 0 15px;}
.footeMenu .menuCol ul li a:hover{color:#da0011;}
.footeMenu .menuCol ul li a:before{ content: "-"; display: inline-block; padding: 0 5px 0 0; position: absolute; left: -12px; top: 0px;}
.footeMenu .menuCol ul li h3 a:before{ display: none;}
.footeMenu .menuCol ul li h3 a{ margin: 0px;}


.footerRight{float:right;}
.footerSocial{text-align:right; padding-bottom:15px;}
.footerSocial strong{font-size:16px; line-height:26px; color:#000000; font-weight:400; padding-right:13px;}
.footerSocial .social-link{display:inline-block; float:right;}

.footerSocial a{display:inline-block; height:26px; float:left; margin-right:3px;}
.footerSocial a:last-child{margin-right:0;}
.footerSocial a i{width:20px; height:27px; border-radius:50%; display:inline-block; position:relative;}
.footerSocial a i:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.footerSocial a.fb-ico i:after{background:url(../images/facebook.svg) no-repeat 0 0; width:8px; height:14px;}
.footerSocial a.tw-ico i:after{background:url(../images/twitter.svg) no-repeat 0 0; width:17px; height:12px;}
.footerSocial a.yt-ico i:after{background:url(../images/youtube.svg) no-repeat 0 0; width:19px; height:12px;}
.footerSocial a.insta-ico i:after{background:url(../images/insta.svg) no-repeat 0 0; width:16px; height:16px;}
.footerSocial a.linke-ico i:after{background:url(../images/linkdin.svg) no-repeat 0 0; width:16px; height:15px;}

.footerRight span{font-size:14px; line-height:20px; color:#3f3f3f; }
/* footer sec end*/


.btn1{ min-width:140px; height:54px; text-align:center; padding:0 55px 0 22px; color:#FFF; text-transform:uppercase; display:inline-block; position:relative; font-weight:700; font-size:10px; line-height:54px; margin-right:20px; cursor:pointer; background:#ec3237;}
.btn1:before{content:''; background:url(../images/shareLocationBtnIcon.png) no-repeat 100% 0; width:5px; height:10px; position:absolute; right:24px; top:0; bottom:0; margin:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:1;}
.btn1:after{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn1 span{ color:#FFF; text-transform:uppercase; position:relative; z-index:3;}
.btn1:hover{ color:#FFF;}
.btn1:hover:before{background:url(../images/shareLocationBtnIcon.png) no-repeat 0 0;}
.btn1:hover:after{ width:100%;}
.btn1:hover span{ color:#FFF;}


.btn2{ min-width:140px; height:54px; text-align:center; padding:0 55px 0 22px; color:#FFF; text-transform:uppercase; display:inline-block; position:relative; font-weight:700; font-size:10px; line-height:54px; cursor:pointer; background:#ec3237;}
.btn2:before{content:''; background:url(../images/arrow2.png) no-repeat 100% 0; width:4px; height:7px; position:absolute; right:24px; top:0; bottom:0; margin:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:1;}
.btn2:after{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn2 span{ color:#FFF; text-transform:uppercase; position:relative; z-index:3;}
.btn2:hover{ color:#FFF;}
.btn2:hover:before{background:url(../images/arrow2.png) no-repeat 0 0;}
.btn2:hover:after{ width:100%;}
.btn2:hover span{ color:#FFF;}

.selectMenuHolder{ position:relative; text-align:center; background:#FFF;}
.selectMenuHolder b{position:relative; z-index:1; font-size:14px; line-height:20px; font-weight:400; display:block; width:100%; text-align:left; padding:0 25px 16px 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000000; font-weight:400; border-bottom:1px solid #e0e0e0; background:url(../images/downArrow4.png) no-repeat 100% 9px; cursor:pointer;}
.selectMenuHolder b.disabledActive{background:#f3f3f3 url(../images/downArrow2-disable.png) no-repeat 100% 50%;}
.selectMenuHolder select{ position:absolute; left:0; top:0; width:100%; height:40px; z-index:2; opacity:0; cursor:pointer;}


/*Footer css 23-08-21 start*/
.footerLeft{float: none;}
.footeMenu .menuCol{width: 24%; max-width: 300px; margin: 30px 0 0 0;} 
.footeMenu .menuCol ul li h3 a{color: #000000; font-size: 16px;}
.footerRight{float: none; width: 100%; display: block;}
.footerSocial{text-align: left; display: flex; margin-top: 20px;}
.footerSocial .social-link{float: none;}
/*.footerRight span{float: right;}*/
.footerRight .footerSocial{position: relative; width: 100%;}
.footerRight .footerSocial span{position: absolute; left: 210px; top: 3px; display: inline-block; font-size: 14px; line-height: 20px; color: #696969;}
.footerRight .footerSocial span a{font-size: 14px; line-height: 20px; color: #696969;}
.footeMenu .menuCol ul li h3{padding-bottom: 1px!important;}

/* Work by Tanmoy*/
.footer-left{ display: inline-block; vertical-align: top; width: 20%;}
.footer-left strong { vertical-align: top;}
.footer-center{ display: inline-block; vertical-align: top; width: 48%; text-align: center; padding: 3px 0 0 0;}
.footer-right{ display: inline-block; vertical-align: top; width: 30%;text-align: right; padding: 3px 0 0 0;}
.footer-righ b { font-size: 14px; line-height: 20px; color: #3f3f3f; font-weight: 400;}
.footer-center b a { display: inline-block; height: 26px;float: none; margin-right: 3px; color: #696969;}
.footer-right b{ font-weight: 400;}
.footer-left strong {font-size: 14px; line-height: 26px; color: #000000; font-weight: 400; padding-right: 0;}
.footer-center b{ font-weight: 400;}
.footeMenu .menuCol ul li a:after{ display: none;}
/*Footer css 23-08-21 end*/




/*Papan 23-03-22*/

@media screen and (min-aspect-ratio: 13 / 8) and (max-device-width:1114px) and (orientation: landscape){
	body:before{content:''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000 url(../images/orientation-change.png) no-repeat 50% 50%; background-size:400px; z-index: 99999;}
}



@media screen and (max-width:1140px){
.footeMenu .menuCol{padding:0 40px;}
.footeMenu{margin:0 0 0 -40px;}
.footeMenu .menuCol:last-child{padding-right:0;}
header ul.menu2 li{padding:0 20px;}
header ul.menu2 {font-size: 13px;}
}

@media screen and (max-width:1000px){

.footerLeft{width:100%; border-bottom:2px solid #a9a9a9; padding-bottom:35px; margin-bottom:40px;}
.footerRight{width:100%; float:left;}
.footerSocial{text-align:left; float:left;}
.footerSocial .social-link{float:left;}
.footerSocial strong{float:left;}
.footerRight span{float:left; width:100%;}
.footeMenu .menuCol{width:25%;}

header article{ padding:0;}
.topMenu, ul.menu2{ display:none;}
.left.logoHolder{ width:100%; text-align:center;}
.left.logoHolder+.right{ display:none;}
header article .headerLogo { padding:16px 0 15px;}

.mobMenu_overlay{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.7);}
.mobMenu{ display:block; position:fixed; bottom:0; left:0; width:100%; background:#FFF; z-index:100; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);}
.mobMenu_trigger{ position:absolute; top:-22px; right:20px; width:45px; height:45px; background:#F00; cursor:pointer;}
.mobMenu_trigger:after{content:''; width:24px; height:24px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/mobMenu_trigger.png) no-repeat 0 0;}
.mobMenu_trigger.mtShow:after{content:''; width:24px; height:24px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/mobMenu_trigger.png) no-repeat 0 -24px;}
.mobMenu h3{padding:30px 35px; color:#ec3237; font-size:13px; text-transform:uppercase; font-weight:400;}
.mobMenu article{}
.mobMenu .menu1{ display:block; padding:0 35px 20px;}
.mobMenu .menu1:after{content:''; display:block; clear:both;}
.mobMenu .menu1 li{ float:left; margin-right:15px; width: 33%; margin-bottom: 10px;}
.mobMenu .menu1 li:last-of-type{width: auto;}
/*.mobMenu .menu1 li a{ color:#000; font-size:11px; font-weight:700;}*/
.mobMenu .menu1 li a{ color:#000; font-size:11px; font-weight:700; position:relative; display:inline-block; padding-left:18px}
	.mobMenu .menu1 li:last-of-type a{ padding-left: 0;}
	.mobMenu .menu1 li a.whatsappNumber:before {
    content: '';
    background: url(../images/whatsapp-icon.png) no-repeat 0 0;
    width: 14px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 1px;
}

.mobMenu .menu1 li a.phoneNumber:before {
    content: '';
    background: url(../images/phone-icon2.png) no-repeat 0 0;
    width: 14px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 1px;
}
.mobMenu .menu2{ display:block; border-top:1px solid #d8d8d8;}
.mobMenu .menu2:after{content:''; display:block; clear:both;}
.mobMenu .menu2 li{ display:table-cell; width:25%; border-right:1px solid #d8d8d8;}
.mobMenu .menu2 li:last-of-type{ border-right:0px solid #d8d8d8;}
.mobMenu .menu2 li a{color:#484848; font-size:11px; line-height:14px; display:block; padding:20px 15px; position:relative;}
.mobMenu .menu2 li a:before{ content:''; width:27px; height:27px; margin-bottom:15px; display:block;}
.mobMenu .menu2 li.menu2_icon_sb a:before{ background:url(../images/icon-menu.png) no-repeat 0 0;}
.mobMenu .menu2 li.menu2_icon_fub a:before{ background:url(../images/icon-menu.png) no-repeat -27px 0;}
.mobMenu .menu2 li.menu2_icon_wr a:before{ background:url(../images/icon-menu.png) no-repeat -54px 0;}
.mobMenu .menu2 li.menu2_icon_dl a:before{ background:url(../images/icon-menu.png) no-repeat -81px 0;}

.footerMenu{padding:44px 0 100px;}

header article.bottomMenu:before{width:0; height:0;}
header article .headerLogo{float:none;}
.left.logoHolder{float:none;}
header article .headerLogo{display:block;}
header article .headerLogo img{margin:9px auto 0;}
}
@media screen and (max-width:680px){
	.btn1{height:40px; padding:0 45px 0 22px; line-height:40px;}
.mobMenu h3 {padding:25px 35px;}
footer{background:#bdbdbd; padding-bottom:80px;}
.footerMenu {padding:0px 20px 31px;}
.footeMenu{margin:0 0 0 0;}
.footeMenu .menuCol{width:50%; padding:0 0 26px; margin-bottom:21px; border-bottom:2px solid #a9a9a9;}
/*.footeMenu .menuCol:last-child{width:100%;}*/
.footeMenu .menuCol:last-child ul li{width:100%;}
.footeMenu .menuCol:last-child ul li:last-child{padding:42px 0 0 21px;}
.footeMenu .menuCol:last-child ul li:first-child{padding-bottom:0;}
.footeMenu .menuCol ul li{padding:0 18px;}
.footerLeft {border-bottom:0; padding-bottom:0; margin-bottom:17px;}
.footerRight{padding:0 20px;}
	
/*Footer css 23-08-21 start*/
.footerRight .footerSocial{height: 90px;}
.footerRight .footerSocial span{position: absolute; left: 0px; top: 30px;}
.footer-left {display: block; vertical-align: top; width: 100%;}
.footer-center { display: block; width: 100%; text-align: left; padding: 3px 0 0 0;}
.footer-right { display: block; vertical-align: top; width: 100%; text-align: left; padding: 3px 0 0 0; font-size: 12px;}
.footerSocial {text-align: left; float: none;}
.footerSocial {text-align: left; display: block; margin-top: 0; left: 0; padding: 0px; margin: 0px;}
.footerRight {padding: 0 0;}
.footerSocial a { display: inline-block; height: 26px; float: none; margin-right: 3px;}
.footerSocial .social-link { float: none;}
.footer-center b a { display: inline-block; height: auto; float: none; margin-right: 3px; color: #696969;font-size: 12px;}
.footeMenu .menuCol ul li a {display: block; font-size: 13px; line-height: 20px; color: #696969; padding-bottom: 1px; position: relative; margin: 0 0 0 15px;}
.footeMenu .menuCol ul li a:before{ content: "-"; display: inline-block; padding: 0 5px 0 0; position: absolute; left: -12px; top: 0px;}
.footeMenu .menuCol ul li h3 a:before{ display: none;}
.footeMenu .menuCol ul li h3 a {margin: 0 0 0 0px;}
/*Footer css 23-08-21 end*/
}