@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans.woff2') format('woff2'),
        url('fonts/OpenSans.woff') format('woff'),
        url('fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{font-size:10px; width:100%;}

body{width:100%; color:#08183b; font-size:1.2rem; font-weight:400; font-family: 'Open Sans';}
body,html,div,p,span,ul,li,ol,a,img,label,form,iframe,i,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; outline:0px; border:0px; text-decoration:none; list-style-type:none;}
.clearfix:after,.clearfix:before{content:"";display:table;clear:both;}
/*--------------------*/
a{display:inline-block;text-decoration:none; color:#08183b;-webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/* a:hover{color:#e0f84f;} */
h1,h2,h3,h4,h5,h6{display:inline-block; width:100%; font-weight:100;color:#000000;}
h1{font-size:4.4rem;line-height:5rem;text-transform:uppercase;letter-spacing:0.2rem;}
h2{font-size:4.4rem;line-height:5rem;text-transform:uppercase;letter-spacing:0.2rem;}
h3{font-size:2.6rem;}
h4{font-size:2rem;}
h5{font-size:1.6rem;}
h6{font-size:1.6rem;line-height:2.2rem;font-family: 'ProximaNovaBold';letter-spacing:normal;}
.small-txt{font-size:1.4rem;line-height:1.8rem;font-family: 'ProximaNovaBold';text-transform:uppercase;}
h2 small{text-transform: lowercase;}
tr{ border-bottom:1px solid #A0A0A0;}
td{position:relative;}
em{ color:#f38a2f;}
/*--------------------*/
input,textarea,select,form,label{margin:0px; padding:0px; outline:none;}
button{outline:0;}
a img{border:0px;}
/* input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color:#08183b;} */
/*--------------------*/
th{font-weight:500; min-height:42px;}

/*ERROR MESSAGE=============================================*/
p.e{float:left; width:100%; margin:1px 0; padding:0; line-height:1.2rem; color:red; font-weight:normal;}

/*--------------------*/
label{float:left; width:100%; margin-bottom:5px; font-weight:500; text-transform:uppercase; font-size:1.3rem;}
p{float:left; width:100%; margin:0;font-size:1.4rem;line-height:2.2rem;}
p:empty{ display:none;}
/*FORM INPUT CSS===========================================*/
input[type=text], input[type=password], textarea, div.select-box, div.select-box select, i.chk, i.rdo{font-size:1.6rem; letter-spacing:0.73px; font-weight:600; font-family: 'ProximaNovaBold'; color:#08183b;appearance:none;-webkit-appearance:none;}
input[type=text], input[type=password], textarea{ display:inline-block; width:100%; height:40px; line-height:26px; border:0;  background: transparent; padding:0px 20px 0 0; resize:none; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; font-size:14px; color:#000000; font-family: 'Open Sans'; font-weight:normal;}
textarea { height:100px; overflow:auto; padding:10px; overflow-y:auto;scrollbar-color:rgba(130,130,130,0.3) rgba(130,130,130,0.5);scrollbar-width:thin;}
 input[type=text]:focus,.select-box:hover{-moz-box-shadow:0 0 0px #f3f3f3; -webkit-box-shadow:0 0 0px #f3f3f3; box-shadow:0 0 0px #f3f3f3;boeder:0;/* border-bottom:1px solid rgba(255,255,255,1); */} 
input[xtype=date], input[xtype=time],input[xtype=datetime]{background-repeat:no-repeat; background-position:calc(100% - 10px) center; background-size:15px; min-width:110px;}
/*--------------------*/
input[xtype=date]{ background-image:url(../images/ico-date.png);}
input[xtype=time]{ background-image:url(../images/ico-time.png);}
input[xtype=datetime]{ background-image:url(../images/ico-date-time.png); background-size:18px;}

/*SELECT BOX CSS==================================================*/
div.select-box{display:inline-block; float:left; width:100%; height:60px; position:relative; border:1px solid rgba(204,204,204,0.3); background:#ffffff; overflow:hidden; -webkit-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
div.select-box select{float:left;font-family: 'ProximaNovaBold'; width:100%; height:60px; padding:0px 20px; outline:none; display:inline-block; border:0; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; -webkit-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
.select-box.default-option select{color:  rgba(84,84,84,0.3);text-transform:uppercase;}
div.select-box select option{background:#ffffff; color:#828282; padding:5px 20px; border:0px; cursor:pointer; border-bottom:1px solid #A0A0A0;}
div.select-box select option:hover{background:#ffffff;}
/* div.select-box:after{color:#646464; right:13px; top:5px; padding:0px; position:absolute; pointer-events:none;} */
div.select-box:after{content: "\f107"; right:0px; top:0px; width:60px; height:60px; font-family:'FontAwesome'; position:absolute; pointer-events:none; display:block; border-left:1px solid #fafafa; background-color:#fff; text-align:center; vertical-align:middle; line-height:60px; font-size:2.0rem; color:#646464; -webkit-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
.select-box.default-option:after{color:rgba(84,84,84,0.3);}

/* form-list css */
ul.form-list{ float:left; width:100%; margin:0; padding:0 0; list-style-type:none;}
ul.form-list li{float:left; position:relative;width:100%; margin:0px 0 20px;}
.form-field{ width:100%; float:left; margin:0; padding:0 0 0 50px;border-bottom:1px solid rgba(0,0,0,1); height:60px;}
ul.form-list label{ width:100%; float:left; margin:0; padding:0; color:#999999;font-family: 'Open Sans'; font-size:14px; text-transform:uppercase;} 
ul.form-list li:before{ content:""; display:inline-block; position:absolute; left:0; top:25px; transform:translateY(-50%);  }
ul.form-list li.user:before{background:url(../images/login/ico-user.png) no-repeat;background-size:100%; width:25px; height:25px;}
ul.form-list li.lock:before{background:url(../images/login/lock.png) no-repeat;background-size:100%; width:45px; height:45px;left: -5px;}
ul.form-list li.btn{ border:0; text-align:center;margin:0;height:auto;}
ul.form-list li.btn .form-field{ padding:0;border:0;}
ul.form-list li.btn:before{ display:none;}
/*custom- check box BOX CSS==================================================*/
.chckbox {display: block;position: relative;padding-left: 0px;margin-bottom: 0px;cursor: pointer;font-size: 12px; line-height:16px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.chckbox input {position: absolute; left:0;opacity: 0; cursor: pointer;}
.checkmark {position:absolute; display:inline-block;top:0px; left: auto; height: 15px; width: 15px; background-color:#ffffff; border: 1px solid rgba(0,0,0,0.2);    vertical-align: middle;}
.chckbox:hover{ color: #000; }
.chckbox input:checked ~ .checkmark { border:1px solid rgba(0,0,0,0.2);}
.checkmark:after {content: ""; position: absolute; display: none;}
.chckbox input:checked ~ .checkmark:after {display: block;}
.chckbox .checkmark:after {left: 4px;top: 1px;width:5px;height:9px;border: solid #162b3c;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.chckbox span.txt{ float:none; display:inline-block;width:auto; text-align:center; color:rgba(0,0,0,0.5);    vertical-align: middle;padding:0 0 0 25px;font-family: 'GothamMedium'; font-size:1.2rem;}
.chckbox p.e{ text-align:center !important; margin-top: 5px !important;text-transform: none;}
/*custom- check box BOX CSS END==================================================*/
/*CUSTOM CHECKBOX CSS======================================*/
i.chk{display: inline-block; width:auto; min-width:14px; min-height:14px; position:relative; padding-left:20px; margin-bottom:0px; font-style: normal; position: relative; z-index: 1; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select: none; text-transform:none !important; font-size:1.6rem; line-height:1.6rem; vertical-align:top; font-weight:400;}
i.chk input{position:absolute; opacity:0; cursor:pointer; height:100%; width:100%;top: 0;left: 0; z-index: 2;}
i.chk em{position:absolute; top:0px; left:0; height:14px; width:14px; background-color:rgba(130,130,130,0.4); z-index: 0; font-style: normal}
i.chk:hover input ~ em{background-color:#828282;}
i.chk input:checked ~ em{background-color:#f38a2f;}
i.chk em:after{content:""; position:absolute; display:none;}
i.chk input:checked ~ em:after{display: block;}
i.chk em:after{left:5px;top:2px; width:4px; height:8px; border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

/*PLACEHOLDER CSS=========================================*/
::-webkit-input-placeholder { color: rgba(84,84,84,0.3);}
::-moz-placeholder {color: rgba(84,84,84,0.3);}
:-ms-input-placeholder {color:  rgba(84,84,84,0.3);}
:-moz-placeholder {color:  rgba(84,84,84,0.3);}

/*register-form CSS==================================================*/
.register-form{ width:100%; float:left; margin:0; padding: 0 10%; text-align:center;}
.register-form li.main{float:left; width:100%; margin:0px; padding:0px; position:relative;}
.register-form li.main .chckbox{ margin:20px 0px 40px;}
#termconditionPopUp{font-style:italic;text-decoration:underline;}
.register-form .title{ padding:15px 0 0 0px;}
/* .register-form .title.left:before{ left:30px;} */
.register-form li.main:first-child .close-btn{display:none;}
/*-------------------------------------------------------------------------------*/
.cancel-form{display:flex; width:100%; justify-content:center; align-items:center; flex-flow:row wrap;margin: 0px 0 30px; padding:0 20px 0 30px;}
.cancel-form .title{float:left; width:auto;margin: 0 0 10px;}
.cancel-form .title h1{ font-size:2rem; padding:0 10px 5px 0;}
.cancel-form .cta-wrap{float:right; width:auto;}
.cancel-form .cta-wrap .button{background:#ebebeb; color:#c2c2c2; margin:0; min-width:155px; border:1px solid rgba(204,204,204,0.5);}
.cancel-form .cta-wrap .button:before{ background:#c2c2c2;}
.cancel-form .cta-wrap .button:hover:before{background: #152b3d;}
.cancel-form .cta-wrap .button:hover{color: #152b3d;}
.cancel-form .divider{flex:1; width:100%; height:1px;  background:rgba(204,204,204,0.5);}
.form-member{ width:100%; float:left; margin:0; padding:0;}
.cta-wrap{ width:100%; float:left; margin:0; padding:0;}
.registion .cta-wrap .button{ margin:0 12px;}
.registion .cta-wrap .button.disable{background: transparent; color: transparent;}
.registion .cta-wrap .button.disable:before{background: transparent;}
/*-------------------------------------------------------------------------------*/
.payable{ width:100%; float:left; margin:0 0 40px; padding:0; text-align:center;}
.payable h3{ text-transform:uppercase;}
/*BUTTON CSS===============================================*/
.button{position:relative;display:inline-block;min-width:1px; border-radius:40px; padding:12px 20px; color:#ffffff; border:0px; cursor:pointer; text-transform:uppercase;font-size:1.6rem; text-align:center; vertical-align:top;  font-family: 'Open Sans';letter-spacing:1px;background: #e68139;border:0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/* .button:before{content:"";display:inline-block;width:30px;height:1px;background:#08183b;vertical-align: middle;margin-right: 15px; -webkit-transition: all .35s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} */
.button:before{display:none;}
.button:hover,.button.transp{background: #e68139;color:#fff;}
.button.transp:hover{color:#08183b;background: #fff;}
.button:hover::before,.button.transp:before{background:#fff;}
.button.transp:hover::before{background:#08183b;}
.button.dark{background:#08183b; color:#fff;border:1px solid #08183b; }
.button.dark:hover{ color:#08183b;background:transparent;}
.button.dark:before{background:#fff;}
.button.dark:hover::before{background:#08183b;}

.button.blue,.button.transp-blue:hover{background:#303d6a; color:#fff;border:1px solid #303d6a; }
.button.blue:hover{ color:#303d6a;background:transparent;}
.button.blue:before,.button.transp-blue:hover::before{background:#fff;}
.button.blue:hover::before,.button.blue.transp-blue:before{background:#303d6a;}
.button.transp-blue,.button.blue:hover{border:1px solid #303d6a;background:transparent;color:#303d6a;}
.button.org{font-size:1.8rem;color:#fff;padding: 22px 25px;min-width:300px;border:none;background: rgba(246,128,18,1);
background: -moz-linear-gradient(-45deg, rgba(246,128,18,1) 0%, rgba(253,208,26,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(246,128,18,1)), color-stop(100%, rgba(253,208,26,1)));
background: -webkit-linear-gradient(-45deg, rgba(246,128,18,1) 0%, rgba(253,208,26,1) 100%);
background: -o-linear-gradient(-45deg, rgba(246,128,18,1) 0%, rgba(253,208,26,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(246,128,18,1) 0%, rgba(253,208,26,1) 100%);
background: linear-gradient(135deg, rgba(246,128,18,1) 0%, rgba(253,208,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68012', endColorstr='#fdd01a', GradientType=1 );}
.button.org:hover{background: #fdd01a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fdd01a 0%, #f68012 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #fdd01a 0%,#f68012 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #fdd01a 0%,#f68012 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd01a', endColorstr='#f68012',GradientType=1 ); }
.button.org:before{display:none;}

/*DEL BUTTON CSS===========================================*/
a.del{display:inline-block; width:25px; height:26px; border:1px solid #a0a0a0; position:relative;}
a.del:before, a.del:after{ content:""; width:1px; height:14px; background:#a0a0a0; position:absolute; left:50%; top:50%; margin-left:-0.5px; margin-top:-7px; transition:all ease-in-out 0.3s;}
a.del:before{ transform:rotate(45deg)}
a.del:after{ transform:rotate(-45deg)}
a.del:hover{background:#f38a2f; border:1px solid #f38a2f }
a.del:hover:before, a.del:hover:after{background:#f38a2f;}
a.del:hover:before{ transform:rotate(-45deg); background:#fff; }
a.del:hover:after{ transform:rotate(45deg); background:#fff; }

/*ADD BUTTON CSS===========================================*/
a.add{display:inline-block; width:26px; height:27px; border:1px solid #a0a0a0; position:relative;}
a.add:after,a.add:before{content:""; width:1px; height:13px; background:#a0a0a0; position:absolute; left:50%; top:50%; margin-left:-0.5px; margin-top:-7px; transition:all ease-in-out 0.3s;}
a.add:after{width:1px; height:13px; margin-top:-7px; margin-left:0px; }
a.add:before{width:13px; height:1px; margin-top:-1px; margin-left:-6px; }
a.add:hover{background:#f38a2f; border:1px solid #f38a2f;}
a.add:hover:after, a.add:hover:before{ background:#fff;}
a.add:hover:after, a.add:hover:before{ transform:rotate(180deg);}

/* EDITOR CSS======================================== */
.editor-data{float:left;width:100%;margin:0px;}
.editor-data ul:after,.editor-data ul:before{content:"";display:table;clear:both;}
.editor-data ul{padding-left:25px;}
.editor-data ul > li > div{ float: left;width: 100%;margin:0;padding:30px 30px 0px 0px;}
.editor-data ul > li > div > p,.editor-data p{font-size: 1.8rem;font-family: 'ProximaNovaSemibold';color:#444;margin:0 0 15px;line-height:2.8rem;}
.editor-data strong{font-family: 'ProximaNovaBold';color:#000;}
.editor-data a{text-decoration:underline;}
.editor-data ul > li > div > p:last-child,.page .editor-data p:last-child{margin:0;}
.editor-data ul > li > div > ul:last-child{margin:0;}
.editor-data ul > li > div > p:empty{display:none;}
.editor-data ul > li > div ul,.editor-data ul > li > div ol,.page .editor-data ul, .page .editor-data ol{float: left;width: 100%;margin:0px 0px 15px 0px;padding:0 0 0 35px;}
.editor-data ul > li > div > h4{margin:0px 0px 20px 0px;}
.editor-data ul > li > div li,.editor-data li{font-size:1.8rem; line-height:2.8rem;font-family: 'ProximaNovaSemibold';list-style:disc;margin:0px 0px 15px;color:#444; }
.editor-data li
.editor-data ul > li > div > ul > li:last-child{margin:0;}
.editor-data ul > li > div > span, .page .editor-data span{display:inline-block;font-family: 'ProximaNovaBold';font-size:1.6rem;font-weight:500;margin:0 0 15px;}
.editor-data table{border-collapse:collapse;border:1px solid #636363;}
.editor-data table td{text-align:center;min-width:70px;padding:5px 10px;}
.editor-data table th{color:#4d4d4d;font-weight:70px;font-size:13px;padding:5px 10px;}
.editor-data table strong{color:#4d4d4d;font-weight:70px;font-size:13px;}

/*Accordion CSS===========*/
.tab-data .editor-data {padding-top: 40px;}
.tab-data{float:left;width:100%;margin:0;padding:20px 0px 0px 0;}
.tab-data .editor-data > ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
.tab-data .editor-data > ul > li:first-child{padding-top:0;}
.tab-data .editor-data > ul > li{float:left;width:100%;margin:0;padding:40px 50px;list-style:none;border-bottom:1px solid #d7d7d7;}
.tab-data .editor-data > ul > li:last-child{border:none;padding-bottom:0;}
.tab-data p{font-size:1.4rem; line-height:2.0rem; color:#000000; margin-bottom:20px;}
.tab-data .editor-data > ul > li > h4{float:left;width:100%;position:relative;margin:0;padding:0 0 0 70px;text-transform:uppercase;letter-spacing:0.1rem;}
.tab-data .editor-data > ul > li > h4 strong{display:inline-block;position:absolute;left:0;top:50%;transform: translateY(-50%);font-size:3.8rem; line-height: 4rem;width:auto;margin:-4px 0 0;}
.tab-data .editor-data > ul > li > h4 strong:before{content:"";display:inline-block;width:100%;height:4px;position:absolute;background: #febb31;left:50%;bottom:0;transform:translateX(-50%);}
.tab-data .accord-title h4,.tab-data .accord-title p{display:inline-block;width:auto;float:none;}

/*MX DIALOGUE==============================================*/
.mxoverlay{height:100vh !Important;}
div.mxdialog,div#mxloader{ display: none; position:fixed; width:auto; height:auto;padding:50px; overflow:auto; overflow-y:auto;scrollbar-color:rgba(130,130,130,0.3) rgba(130,130,130,0.5);scrollbar-width:thin; left:0; top:0; display:flex; justify-content:center; align-items:center; background:#fff; z-index: 5;}
div.video-popup{padding:0;padding-right:32px;background:transparent;height:90% !important;width:90% !important;}
div.video-popup iframe{height:100% !important;width:100% !important;border:4px solid #febb31; }
.fancybox-toolbar .fancybox-button,.fancybox-button:hover:not([disabled]){background:#febb31;}
.fancybox-toolbar .fancybox-button::before,.fancybox-toolbar .fancybox-button::after{color: #fff;opacity:1;}
.fancybox-toolbar  .fancybox-button--close::before, .fancybox-toolbar  .fancybox-button--close::after{color:#fff;}
.fancybox-toolbar .fancybox-button--fullscreen{display:none;}
.fancybox-skin{background:transparent !important;padding:30px !important;}
.fancybox-skin .fancybox-inner{border:3px solid #febb31 !important;}
.fancybox-opened .fancybox-skin .fancybox-image{border-radius: 0;}
.fancybox-wrap .fancybox-close{background-image:none;background:#febb31;text-align:Center;height:auto;width:auto;top: 30px;
}
.fancybox-wrap .fancybox-close:after{content:"X";display:inline-block;font-size: 2.2rem;text-align: center; color: #ffffff;height: 32px;width: 32px;line-height: 32px;}
.fancybox-wrap .fancybox-next span{background-image: url(../images/arrow-next.png);background-position:center;background-size: 93%;background-repeat: no-repeat;opacity:0.7;}
.fancybox-wrap .fancybox-prev span{background-image: url(../images/arrow-prev.png);background-position:center;background-size: 93%;background-repeat: no-repeat;opacity:0.7;}
.mxdialog.termconditionPopUp{flex-flow:row wrap;justify-content:center; height:80% !important;width:70% !important;padding:50px 0px ;overflow-y:hidden;background:#fff;}
.termconditionPopUp .editor-data{max-height:calc(100% - 80px);overflow:auto;padding:0 50px;}
.termconditionPopUp .editor-data::-webkit-scrollbar,.scroll::-webkit-scrollbar{width: 5px;border-radius:5px;}
.termconditionPopUp .editor-data::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track{background: #f1f1f1;border-radius:5px;}
.termconditionPopUp .editor-data::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background: #152b3d;border-radius:5px;}
.termconditionPopUp .editor-data::-webkit-scrollbar-thumb:hover,.scroll::-webkit-scrollbar-thumb:hover{background: #555;}

div.mxdialog h2.title{ float:left; width:100%; margin:0px; padding:0px;}
div.mxdialog div.body{ display:flex; max-height:90%; background:#fff; border:0px solid #A0A0A0; padding:20px 12px 20px 24px; flex-flow:row wrap; position:relative; min-width:500px; box-shadow:0px 0px 20px rgba(0,0,0,0.05);}
div.mxdialog div.content{ float:left; width:100%; margin:0px; padding:0px 12px 0px 0px; max-height:75vh; overflow:auto; overflow-y:auto;scrollbar-color:rgba(130,130,130,0.3) rgba(130,130,130,0.5);scrollbar-width:thin; font-size: 1.2rem;}
div.mxdialog div.mx-btn{ float:none; display:inline-block; width: 100%; text-align:center; padding-top: 20px;}
div.mxdialog div.mx-btn a.button{ margin: 0px 5px;}
div.mxdialog textarea, div.mxdialog div.select-box select,
div.mxdialog input[type=text], div.mxdialog input[type=password],
div.mxdialog div.select-box:after{border:1px solid #dcdcdc;}
div.mxdialog a.del{ position:absolute; width:27px; right:-12px; top:-12px; background:#febb31; border-radius:100%; -webkit-border-radius:100%; border:0}
.mxalert-inside{padding:50px;border:1px solid #e0f84f;}
div.mxdialog a.btn-close,div.mxdialog a.close{position:absolute;top:0;right:0px;display: inline-block;background: #febb31;height: 32px;width: 32px;line-height: 32px;font-size: 2.2rem;text-align: center; color: #ffffff;}
div.mxalert{z-index:101;}
div.mxalert div.body{background:#ffffff;}
div.mxalert div.body h2{display:none;}


/*PROGRESS BAR==========================================*/
div#mxloader{ display: block; position:relative; z-index:6;}
div#mxmsg { display: none; min-height: 30px; min-width: 100%; padding: 10px; text-align: center; vertical-align: middle; font-size: 2.0rem; color: #f38a2f; background-color: #FFF;}
div.progress{ display:block; width:100%; height:1px; margin:0; padding:0; position:absolute; top: 50%; background:#828282;}
.spinner div { position: absolute; width: 100px; height: 100px; background-size: cover; background-color: rgba(255,255,255,0.9);background-image: url(../images/logo-m.png); background-repeat: no-repeat; box-shadow: inset 0 0 20px rgba(220,0,0,0.4); font-size: 1.8rem; line-height: 1.8rem; text-align: right; vertical-align: top; color: #dc0000; padding: 3px; }
div.smallloader{display:none;width:100%;height:70%;position:absolute;left:0px;top:0px;z-index:100;background: url(../images/loader.svg) no-repeat center;background-color: transparent;background-size: 40px;}
p.e{ float:left; width:100%;  color:red !important;text-align:left !important;font-size:12px !important; line-height:12px !important; margin:5px 0 0 !important; overflow:inherit !important;}
img{vertical-align:middle;}



/*mx-alert============================*/
div#mxalert{width:525px;padding:30px;position:absolute;z-index:9999;background:#fff;border:0px; text-align:center;}
div#mxalert p{color:#000;font-weight:normal;line-height:24px;}
div#mx-winmask, .mxoverlay{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:10px;background:#000; opacity:0.5 !important;filter:alpha(opacity:50);}

div.popup{width:460px;padding:30px;position:absolute;z-index:9999;background:#fff;border:0px;}
div.popup p{color:#404041;font-weight:normal;line-height:24px;}
a.close,a.btn-close{width:32px;height:32px;text-align:center;position:absolute;right:0px;top:0px;border:0; background:none; color:#000; font-size:24px; line-height:32px;}

div.mxdialog,div#mxloader{ display: none; position:fixed; width:100%; height:100%; overflow:auto; overflow-y:auto;scrollbar-color:rgba(130,130,130,0.3) rgba(130,130,130,0.5);scrollbar-width:thin; left:0; top:0; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.9); z-index: 11; text-align:center;}
div#mxloader{z-index:99999;}
div.mxdialog h2.title{ float:left; width:100%; margin:0px; padding:0px;}
div.mxdialog div.body{ display:flex; max-height:90%; background:#ffffff; border:0px solid #A0A0A0; padding:20px 20px 20px 20px; flex-flow:row wrap; position:relative; min-width:100px; box-shadow:0px 0px 20px rgba(0,0,0,0.05);}
div.mxdialog div.content{ margin:0px; padding:0px 12px 0px 0px; /* max-height:75vh; overflow:auto; overflow-y:auto; */scrollbar-color:rgba(130,130,130,0.3) rgba(130,130,130,0.5);scrollbar-width:thin; font-size: 14px;}
div.mxdialog div.content p{color:#fff;}
div.mxdialog div.mx-btn{ float:none; display:inline-block; width: 100%; text-align:center; padding-top: 20px;}
div.mxdialog div.mx-btn a.button{ margin: 0px 5px;}
div.mxdialog h2{ float:left; width:100%; margin:0px 0px 10px 0px; padding:0px; font-size:20px; line-height:24px; font-weight:500; color:#e68139; text-transform:uppercase;}
/*PROGRESS BAR==================================================*/
div#mxmsg { display: none; min-height: 30px; min-width: 100%; padding: 10px; text-align: center; vertical-align: middle; font-size: 2.0rem; color: #e68139; background-color: #FFF;}
div.progress{ display:none; width:100%; height:1px; margin:0; padding:0; position:absolute; top: 50%; background:#828282;}
.spinner { position:fixed;left:0;top:0;height:100%;width:100%;background-image:url(../images/loader.svg);background-position:center center;background-repeat:no-repeat;background-size:64px;background-color:#000;z-index:9999;display:block; }
.spinner div{display:none;}
fieldset { float:left; width:calc(100% - 30px); margin-left:15px; border:2px solid #dcdcdc; padding:15px;}
fieldset legend{ font-size:18px; }
fieldset legend h3{ font-size:100%}

.enquiry-popup .form-wrap{padding:0;}
.mxdialog .form-wrap{ background:#ffffff; padding:0px; }
.ui-datepicker.ui-datepicker-multi{ width:27em !important;}
.ui-state-default, .ui-widget-content .ui-state-default{ width:100%;}
div.mxdialog div.content::-webkit-scrollbar{width:5px;height:5px;}
div.mxdialog div.content::-webkit-scrollbar-track{background:rgba(130,130,130,0.5);}
div.mxdialog div.content::-webkit-scrollbar-thumb{background:rgba(247,91,75,1);padding:0px 0px;}

/*div.mxdialog textarea, div.mxdialog div.select-box select,
 div.mxdialog input[type=text], div.mxdialog input[type=password], */
/* div.mxdialog div.select-box:after{border:1px solid #dcdcdc;} */

div.mxdialog h1,
div.mxdialog h3,
div.mxdialog h4,
div.mxdialog h5,
div.mxdialog h6{ float:left; width:100%; margin:0px 0px 20px 0px; padding:0px; font-size:18px; font-weight:500; color:#e68139; text-transform:uppercase;}
div.mxdialog ul{ margin:0; padding:0; position:relative; display:flex; flex-flow:row wrap;}
div.mxdialog ul li{ width:100%; margin-bottom:15px;}
div.mxdialog ul li.cta{ text-align:center;}
div.mxdialog ul li.cta input[type="button"], div.mxdialog ul li.cta .button{float:none; display:inline-block;}
/* div.mxdialog ul li:last-child{margin-bottom:0;} */
div.mxdialog ul li.half{width:calc(50% - 10px); margin:5px 5px 15px;}
div.mxdialog ul li.one-third{width:calc(33.3333% - 10px); margin:5px 5px 15px;}
div.mxdialog ul li.one-fourth{width:calc(25% - 10px); margin:5px 5px 15px;}
div.mxdialog a.del{ position:absolute; width:32px; right:-12px; top:-12px; background:#e68139; border-radius:100%; -webkit-border-radius:100%; border:0}
div.mxdialog a.del:before, div.mxdialog a.del:after{background:#fff;}
/* div.mxdialog input[type=text], div.mxdialog input[type=password], div.mxdialog textarea{background:#fafafa} */
/*video popup---------------*/
div.mxdialog.video-popup div.body{width:100%;height:100%;max-height:100%;padding:0;}
div.mxdialog.video-popup div.content{width:100%;max-height:100%;height:100%;padding:0;}
div.mxdialog.video-popup a.del{top:60px;right:8px;z-index: 12;}

/*DEL BUTTON CSS==================================================*/
a.del{display:inline-block; width:25px; height:26px; border:1px solid #a0a0a0; position:relative;}
a.del:before, a.del:after{ content:""; width:1px; height:14px; background:#a0a0a0; position:absolute; left:50%; top:50%; margin-left:-0.5px; margin-top:-7px; transition:all ease-in-out 0.3s;}
a.del:before{ transform:rotate(45deg)}
a.del:after{ transform:rotate(-45deg)}
a.del:hover{background:#e68139; border:1px solid #e68139 }
a.del:hover:before, a.del:hover:after{background:#e68139;}
a.del:hover:before{ transform:rotate(-45deg); background:#fff; }
a.del:hover:after{ transform:rotate(45deg); background:#fff; }


/*~HTML5 display definitions~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}
progress {vertical-align:baseline;}
template,[hidden] {display:none;}

/*~IE7~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ie img {-ms-interpolation-mode: bicubic;}

p:empty{margin:0px !important; display:none;}

/*~header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* header{position:fixed;top:0;left:0; float:left; width:100%; height:auto; padding:0; margin:0; z-index:9;box-shadow:0px -8px 40px rgba(0,0,0,0.15);} */

.hamburger{position: absolute;width:80px;height:80px;border-radius:100%;top:-40px;left:50%;transform: translateX(-50%);text-align:center;background:#fff; z-index: 999;}
#nav-icon {display:inline-block;float:left;position: relative; width: 25px;height: 19px;margin-top: 9px;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height:2px;width: 50%;background: #523416;opacity: 1;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: all .35s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#nav-icon span:nth-child(even) {left: 50%;}
#nav-icon span:nth-child(odd) {left: 0;}
#nav-icon span:nth-child(1),
#nav-icon span:nth-child(2) {top: 0;} 
#nav-icon span:nth-child(3), 
#nav-icon span:nth-child(4) {top: 7px;} 

#nav-icon span:nth-child(4){left:50%;}
#nav-icon span:nth-child(5), 
#nav-icon span:nth-child(6) {top: 14px;} 
#nav-icon.open span:nth-child(1),
#nav-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} 
#nav-icon.open span:nth-child(2),
#nav-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} 
#nav-icon.open span:nth-child(1) {left: 3px;top: 5px;}
#nav-icon.open span:nth-child(2) {left: calc(50% - 3px);top: 5px;}
#nav-icon.open span:nth-child(3) {left: -50%;opacity: 0;} 
#nav-icon.open span:nth-child(4) {left: 100%;opacity: 0;} 
#nav-icon.open span:nth-child(5) {left: 3px;top: 12px;} 
#nav-icon.open span:nth-child(6) {left: calc(50% - 3px);top: 12px;}
#nav-icon.open span{ background:#000000;}


.category-wrap{ width:100%; display:flex; justify-content:flex-start; align-items:center; float:none;     max-width: 800px;margin:0px auto; padding:0 15px; height:60px; line-height:60px; background:#f3f3f3; color:#fff; position:relative}
.category-wrap a.back{ display:inline-block; background:url(../images/profile/left-arrow.png) no-repeat; background-size:12px; width:12px; height:20px; background-position:center;    vertical-align: text-bottom; }
.category-wrap h3{width:calc(100% - 70px); display:inline-block;color:#000000; text-transform:uppercase; font-size:16px; font-family: 'Open Sans'; padding-left:15px; overflow:hidden; height: 100%}
/*~common~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.wrapper{ max-width:600px; width:100%; position:relative; margin:auto; padding:0;}
.text-center{text-align:center;}
.title{position:relative;padding:0 0 16px;margin:0 0 40px;text-align:center;}
.title h1{text-align:center;}
.title.left h2{text-align:left;}
.title:before{content:"";display:inline-block;width:70px;height:4px;position:absolute;background:#febb31;left:50%;bottom:0;transform:translateX(-50%);}
.title.left:before{left:0;transform:translateX(0);}
.title.border-blk:before{background:#152b3d;}
.title.border-wht:before{background:#fff;}
.img-box{float:left;margin:0;padding:0;}
.img-box img{display:inline-block;width:100%;}
.tab{float:left;width:100%;margin:0;padding:0;text-align: center;}
.tab-list{display:inline-block;width:auto;margin:0 0 30px;}
.tab-list li{display:inline-block;width:auto;margin:0px -2px;}
.tab-list li a{position:relative;display:inline-block;padding:20px 70px; color:#08183b; border:2px solid #ebebeb; cursor:pointer; text-transform:uppercase;font-size:1.6rem; text-align:center; vertical-align:top; font-family:'ProximaNovaBold';letter-spacing:1px;background: #ffffff;border-bottom:5px solid #d7d7d7; }
.tab-list li a:hover,.tab-list li a.active{background:#08183b;color:#fff; border-color:#08183b;}
.padd-0{padding:0;}
.desk-only{ display:block !important;}
.mob-only{ display:none !important;}
/*.container{ float:left; width:100%; padding:87px 0 0; margin:0; position:relative;} */
.line-bg{background: url(../images/cross-bg.jpg) repeat-y;background-size: 100%;}
section{position:relative;float:left; width:100%;margin:0;padding:70px 0;}
.slick-arrow{ position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; overflow: hidden;z-index: 2;border:none;background:transparent;color:transparent;cursor:pointer; z-index:2;}
.slick-arrow.slick-next{ right: -20px; }
.slick-arrow.slick-prev{ left: -20px;}

.main-menu .slick-arrow{transform:translateY(-50%);margin-top: 0px;}
.main-menu .slick-arrow.slick-next{ right: 15px; }
.main-menu .slick-arrow.slick-prev{ left:15px; }

.slick-arrow.slick-next:before, .slick-arrow.slick-prev:before{content:" ";display:inline-block;position:absolute; width:100%;height:100%;top:0; left:0; transform:translateX(0); background-repeat: no-repeat; background-position: 0 0; background-size: 30%; background-position:center;}
/* .slick-arrow.slick-next:hover::before, .slick-arrow.slick-prev:hover::before{background-position: 100% 100%;} */
.slick-arrow.slick-next:before{background-image:url(../images/arrow-next.png);}
.slick-arrow.slick-prev:before{background-image:url(../images/arrow-prev.png);}
.slick-dots{float:left; width:100%; margin:0px; padding:0px; position:absolute;text-align:center; left:0; bottom:-10px; z-index:1;}
.slick-dots li{display:inline-block !important; float:none !important; background:none; width:auto !important; height:auto; outline:none; margin:0px 5px !important; opacity:1;}
.slick-dots li button{ background:#fff; border:1px solid #666; width:12px; height:12px; padding:0; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; line-height:40px; overflow:hidden}
.slick-dots li button:before{ background:none; color:#fff}
.slick-dots li.slick-active button{ background:#000000;}
.slick-dots li.slick-active button:before{color:#000000;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,input:-internal-autofill-selected  {
    -webkit-animation: autofill-blk 0s forwards;
    animation: autofill-blk  0s forwards;
	 background: transparent !important;
	 color: #000!important;
}

@keyframes autofill-blk  {
    100% {
        background: transparent;
        color: #000;
    }
}

@-webkit-keyframes autofill-blk  {
    100% {
        background: transparent;
        color: #000;
    }
}
.login-wrap input:-webkit-autofill,
.login-wrap input:-webkit-autofill:hover,
.login-wrap input:-webkit-autofill:focus,
.login-wrap input:-webkit-autofill:active,input:-internal-autofill-selected  {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
	 background: transparent !important;
	 color: #fff!important;
}


@keyframes autofill {
    100% {
        background: transparent;
        color: #fff;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #fff;
    }
}

/* radio button css================================================================== */
.custom-radio-wrap {width:100%;float:left;  padding:0; margin: 10px 0 0;}
.form-list li div.form-field .custom-radio-wrap .radio-main {display: block;position: relative; padding-left: 35px; margin-bottom: 0px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide the browser's default radio button */
.radio-main input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border:2px solid #ccc; border-radius: 50%; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}
/* Show the indicator (dot/circle) when checked */
.radio-main input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.radio-main .checkmark:after {top: 1px;left: 1px;width: 14px;height: 14px;border-radius: 50%;background: #e68139; border:1px solid #000;}
.form-group {margin-bottom: 10px;width:120px;float:left;display:inline-block;}

/*============================================================*/
.app-body{width:100%;max-width:420px; position:relative; margin:auto; height:735px; padding:0 0 60px; background:#ffffff;display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:row wrap; }
header{position:relative; float:left; margin:0; padding:0; width:100%; height:60px;  z-index:2;}
.header-logo{float:left;display:inline-block;margin:0;padding:0 0 0 8px;width:auto;}
.header-logo img{display:inline-block;width:100px;}

div.home-header{ display:none;}
.app-body.home div.home-header{display:block;}
.app-body.home div.inner-header{ display:none;}


.container{ float:left; width:100%; height:100%; flex:1;}
.content-wrap{float:left; display:flex; justify-content:center; width:100%;align-content:flex-start; flex-flow:row wrap; height:100%;overflow:auto; font-family: 'Open Sans';}
/* .content-wrap.forgotPassword{ align-content: center; height: 100% } */
/* .content-wrap.offer-category, .content-wrap.vouchers{ padding:0;} */
.filter-result:empty{height:0;}

/*footer=====================================================================*/
footer{width:100%; height:60px; float:left; margin:0; padding:0;background:#e68139; z-index:1;}
.footer-list{ width:100%; display:inline-block; margin:0; padding:0; display:flex; }
.footer-list li{ width:20%; display:inline-block; margin:0; padding:0; text-align:center;}
.footer-list li a{ width:100%; display:inline-block; padding:15px; height:100%;background:#e68139; }
.footer-list li a img{ max-width:100%; display:inline-block; width:30px;}
.footer-list li a.active,.footer-list li a:hover{background:#ca6b29;}
form { float:left; width:100%;}

/* homepage=============== */
.home-header{align-items:center; height: 100%;padding:15px;max-width: 800px;margin: 0 auto; background:#f3f3f3;}
.home-header div.right-icons{margin-top:6px;}
/* .content-wrap.home{justify-content:flex-start;align-content:flex-start;/* flex-flow:column; height:auto;*/} */
.home .category-main{display:flex;flex-flow:row wrap;/* flex:1; */ justify-content:center;margin: 20px 0 20px;}
.content-wrap.home h4{text-transform:capitalize;font-weight:500;text-align:center;margin:25px 0;}
/*featured*/
.featured-wrap{ width:100%; float:left; margin:0; padding:10px 10px 0; background:#e8e8e8;}
.featured-wrap h4{ padding:0 0 15px 10px;font-size: 1.6rem;}
.featured-list{ width:100%; display:inline-block; margin:0; padding:0;}
.featured-list li{ width:50%; display:inline-block; margin:0 -2px; padding:0 10px;}
/*log-in===========================================================================*/
.login-wrap{ background:url(../images/bg-img.png) no-repeat;background-position:center top;background-size:cover; float:left; width:100%; height:calc(100% + 60px);overflow:auto; margin-top:-60px;}
.login-wrap .container{height:100%!important;}
.login-wrap .container .content-wrap{  height:100%;align-content:center;}
.logo-wrap{width:100%; float:left; margin:0; padding:144px 0 30px; text-align:center;}
.logo-wrap a{ display:inline-block; width:210px;}
.logo-wrap a img{ max-width:100%; display:inline-block;}
.banner{ width:100%; float:left; margin:0; padding:0;max-width:420px}
.banner img{ width:100%; max-width:100%; display:inline-block;}
.banner.login{height:320px; width:130%; border-radius:100%; -webkit-border-radius:100%; overflow:hidden; position:relative; margin-top:-150px; margin-left:-15%; display:none;}
.banner.login:before{ content:""; width:100%; height:100%; position:absolute; background:url(../images/login/banner.jpg) no-repeat;background-position:center;background-size:cover;}
.banner.login img{display:none;}
.content-wrap span.forgot{ width:100%; float:left; margin:5px 0 0; padding:0; font-size:14px; color:#fff;  font-family: 'Open Sans'; text-align: center;}
.content-wrap span.forgot a{color:#e68139;}
.content-wrap span.signup{ width:auto; float:right; margin:20px 0 0; padding:0;font-size:14px; color:#fff;   font-family: 'Open Sans';}
.content-wrap span.signup a{color:#e68139;}
div.head-login{ overflow:hidden;}
div.head-login .container{ margin:0; height:calc(100vh - 60px); overflow:hidden; overflow-x:hidden; overflow-y:auto; padding:15px;}
div.head-login div.category-wrap{display:none;}
.login-wrap  input[type=text], .login-wrap input[type=password], .login-wrap textarea{ color:#ffffff;}
.login-wrap .form-field {border-bottom: 1px solid rgba(255,255,255,1);}
/*user-profile=============================================================================*/
.img-box{width:100%; float:left; margin:0; padding:0; text-align:center;}
.home-slider li{border-radius: 15px; overflow: hidden; -webkit-border-radius: 15px;}
.content-wrap.profile ul.form-list li.image{ border:0;height:auto; margin-top:20px;}
.content-wrap.profile ul.form-list li.image span{ display:inline-block; width:120px; height:120px; overflow:hidden; border:5px solid #e68139; float:none; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;line-height: 120px; padding:5px;}
.content-wrap.profile ul.form-list li.image span img{ max-width:100%; width:100%; object-fit:cover; object-position:center;}
.content-wrap.profile ul.form-list li:before{ display:none;}
.content-wrap.profile ul.form-list li div.form-field{padding:0;}
.content-wrap.profile ul.form-list li.radio-wrap{ height:75px;}
.home-slider{float:left; width:100%; margin:0; padding:0; position:relative;}
.home-slider li{width:100%; display:inline-block; margin:0; padding:0}
.category-main{ width:100%; float:left; margin:50px 0 20px;padding:0;}
.category-list{ width:100%; float:left; margin:0; padding:0;display: flex; flex-flow: row wrap;  align-items:flex-start;
    justify-content: flex-start;}
.category-list li{ width:25%; display: flex; margin: 0 0 20px; padding:0; text-align:center;}
.category-list li a{ width:100%; height:100%; display:inline-block;}
.category-list li .img-box{ height:50px; width:50px; border:1px solid #dddddd;  border-radius:5px;overflow:hidden; -webkit-border-radius:5px; display:flex; justify-content:center; align-items:center;float: none;
    margin: 0 auto;}
.category-list li .img-box img{ width:36px;display: inline-block !important;}
.category-list li .data{ width:100%; float:left; margin:5px 0 0; padding:0;}
.category-list li .data p{ color:#000000; font-size:8px; line-height:12px;font-weight: 600;font-family: 'Open Sans'; text-transform:uppercase;}

/*category-listing*/
div.right-icons{float:right; display:flex; width:80px; justify-content:center; align-items:center; height:100%;}
div.right-icons a{display:inline-block; background-repeat: no-repeat; background-size:100%; width:20px; height:20px; background-position:center;margin-left:18px;}
div.right-icons a.filter{background-image:url(../images/filter-ico.png);}
div.right-icons a.search{background-image:url(../images/search-ico.png);}
.offer-category ul{ float:left; width:100%;}
.offer-category ul li{float:left;width:100%;margin:0 0 10px;}
.offer-category .item{float:left;position:relative;width:100%;margin:0;padding:0;color:#000;}
.offer-category .item div.img-box{float:left;width:100%; border-top-left-radius: 20px;overflow: hidden;}
.offer-category .item div.img-box a{ float:left; width:100%;}
.offer-category .item div.img-box img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.offer-category .item div.data{display:flex;float:left;width:100%;background:#f3f3f3;padding:0;border-bottom-right-radius: 20px;}
.catg-title{float:left;width:calc(100% - 50px);margin:0;padding:10px 10px 10px 15px;}
.catg-title h5{ margin-bottom:5px; line-height:20px;}
.offer-category .item h5{font-weight:600;color:#000;}
.offer-category .item div.data p{color:#333;}
.offer-category .item div.data p.distance{color:#fff;}
div.wishlist{float:right;position:relative;display:flex;align-items:center;justify-content:center;width:60px;}
div.wishlist{border-left:1px solid #b2b1b1;}
div.wishlist a{display:inline-block;width:22px; height:22px;background-image:url(../images/wishlist.png);background-repeat: no-repeat; background-size:100%; background-position:center top; background-size:20px;}
div.wishlist a.active{background-position:center -26px;}
p.distance{display:inline-block;width:auto;color:#ffffff;position:absolute;right:0;top:0;padding:8px 15px;background:rgba(0,0,0,0.6);font-weight:600;}
p.distance .loate-ico{display:inline-block;width:14px;margin-right:8px;vertical-align: top;}
p.distance .loate-ico img{display:inline-block;width:100%;}

/*category-details*/
.category-dtl{float:left;width:100%;margin:0;padding:0;color:#000000;}
.category-dtl .catg-img{float:left;width:100%;position:relative;margin:0;padding:0;}
.category-dtl .catg-img img{width:100%;}
.category-dtl div.wishlist a{background-image: url(../images/wishlist-wht.png);}
.category-dtl .catg-offer{position:relative;bottom:0;display:flex;width:100%;padding:8px 15px;background:rgba(0,0,0,0.1);}
.category-dtl .catg-offer p{color:#000000;}
.catg-validity{float:left;width:100%;padding:15px;}
.catg-validity ul{float:left;width:100%;}
.catg-validity ul li{float:left;width:50%;padding:0 0 0 30px;background-position:left top;background-repeat:no-repeat;background-size:20px;}
.catg-validity ul li.valid-date{background-image:url(../images/category/time-ico.png);}
.catg-validity ul li.estimate-save{background-image:url(../images/category/est-doc-ico.png);}
.catg-tab{float:left;width:100%;padding:15px;}
ul.tabs{float:left;width:100%;margin:0;padding:0;}
ul.tabs li{float:left;width:33.33%;margin:0;padding:0;}
ul.tabs li a{display:inline-block;width:100%;color:#333333;padding:10px;text-transform:uppercase;text-align:center;background:#dcdcdc;}
ul.tabs li.active a{background:#e68139;color:#fff;}

.voucher-list{ float:left; width:100%; margin:0; padding:0; position:relative; list-style-type:none;}
.voucher-list li{ display:flex; width:100%; justify-content:center; align-items:center; background:#ffffff; padding:0px;}
.voucher-list li a{ width:100%; display:flex; justify-content:center; align-items:center; padding:8px 0px; color:#000000;}
.voucher-list li:nth-child(2n+2){ background:#f5f5f5;}
.voucher-list li div{ color:#000000; font-size:14px; line-height:20px;}
.voucher-list li .icon{padding-left:10px; height:30px; width:30px; background-repeat:no-repeat; background-position:center; background-repeat:no-repeat; background-image:url(../images/ico-offer.png); background-size:100%;}
.voucher-list li .vTittle{ width:55%; padding-left:10px;}
.voucher-list li .expirydate{width:35%; color:#e68139; text-align:right; padding-right:10px; font-size:12px;}
.voucher-list li .expirydate p{font-size:12px;}
/*.content-wrap.redeem{ display:flex; justify-content:center; align-items:center; min-height:75vh;} */
.redeem-main{ display:flex; width:100%; height:100%; overflow:auto; justify-content:center; align-content:center; flex-flow:row wrap;}
.redeem-main .qr-code{margin-bottom:20px;}
.brand-logo{float:left;width:230px;}
.brand-logo img{float:left;width:100%;}
.brand-description{ float:left; width:100%; color:#000000; font-size:16px; text-align:center; margin:10px 0px 20px;}

.redeem .form-field{ padding:0; width:200px; float:none; display:block; margin:0 auto; border:0; position:relative;}
.redeem .btmLine{ height:2px; display:flex; justify-content:space-between; align-items:center; flex-flow:row wrap;}
.redeem .form-field div{width:20%; height:1px; background:#000000;}
.redeem .form-field p.e{ position:absolute; left:0;}
.redeem .outletpin{ font-size:20px; letter-spacing:42px; padding:0 0 0 13px; }
.voucher-code{ float:left; width:100%; text-align:center; margin-bottom:10px; color:#000000; font-weight:600; font-size:24px;}
.redeem .form-list{ padding:0px 40px;}
/* .redeem .form-list input[type=text], input[type=password], textarea{color:#ffffff} */

/*location*/
.tab-content{width:100%; float:left; margin:0; padding:0;}
.location-tab{width:100%; float:left; margin:0; padding:0; list-style:none;}
.location-tab li{width:50%; float:left; margin:0; padding:0; list-style:none; text-align:center;}
.location-tab li a{width:100%; float:left; margin:0; padding:5px 0; color:#000000; font-size:14px; font-family: 'Open Sans'; border-bottom:1px solid #dcdcdc; }
.location-tab li a.active{ border-bottom:1px solid #e68139;}
div.location-list{width:100%; float:left; margin:0; padding:0;}
.list-view{width:100%; float:left; margin:0; padding:0; list-style:none;}

.list-view li{width:100%; float:left; margin:0 0 10px; padding:0 90px 0 0; list-style:none; border-bottom:1px solid #ffffff; position:relative;}
.list-view li h4{font-family: 'Open Sans';  font-size:14px;}
.list-view li p{font-family: 'Open Sans';  font-size:12px;margin-bottom: 10px;}
.go-location{ width:auto; float:left; position:absolute; right:0; top:50%; transform:translateY(-50%); text-align:right;}
.go-location span{ width:100%; float:left; margin-bottom:5px;}
.go-location a {background:url(../images/left-arrow.png); background-position:center center; background-size:100%; width:20px; height:13px;}
div.location-list  .tab-data .button{ position:fixed; bottom:70px; left:50%;min-width: 90%; transform:translateX(-50%);}
.map-content br{display:none;}
.map-content h3{margin: 0 0 5px;color:#000;}
.map-content p{color:#000;margin:0 0 15px;font-weight: 400;}

/*search =========================================================================================*/

.content-wrap.search{padding:0;}

.search-wrap{ float:left; width:100%; margin:10px 0; padding:0; display:flex; justify-content:space-between; align-content:center; padding:0px 10px;}
div.search-box{ width:calc(100% - 32px); display:inline-block; position:relative;}
div.search-box input[type=text]{ padding:0 25px 0 20px;background:#f2f2f2; color:#000000;}
div.search-box .button{min-width:1px;}
.app-serach, .app-serach:hover{width:24px; height:100%; background-image:url(../images/search-ico.png); background-repeat:no-repeat; background-position:center; background-size:auto 22px; min-width:30px; background-color: transparent; padding:0; margin-left:10px;margin-top:10px;}
.app-serach:hover{ background-color:transparent;}

/*notifections*/
.notifi-wrap{ width:100%; float:left; margin:0; padding:0; text-align:center;}
div.empty-content, .no-record{width:100%; float:left; height:calc(100% - 60px); margin:0; padding:0; text-align:center; display:flex; justify-content:center; align-items:center; flex-flow:row wrap;align-content: center; }
.empty-content .img-box { margin-bottom:30px;}
.empty-content .img-box img{ width:150px; display:inline-block;}
.empty-content .data h3, .no-record .data h3{font-family: 'Open Sans'; font-size:22px;}

.notific-list{ width:100%; float:left; margin:0; padding:5px 0 5px; list-style:none;}
.notific-list li{ width:100%; float:left; margin:0 0 0px; padding:0; list-style:none; background:#ffffff; position:relative; border-bottom:1px solid #eeeeee;}
.notific-list li .data{ width:100%; float:left; margin:0; padding:0px; list-style:none; text-align:left;}
.notific-list li .data a{float:left; width:100%; margin:0; padding:10px;}
.notific-list li .data h3{color:#000000; font-size:14px; width:calc(100% - 110px);}
.notific-list li .data p{color:#000000; font-size:13px; line-height:16px;}
.notific-list li .data span{ position:relative; color:#000000; font-size:10px; text-transform:capitalize; float:right; margin:5px 0 0px; width:100px; text-align:right;}

.filter-popup{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:2; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.filter-popup ul{ position:absolute; width:100%; background:#ffffff; left:0; bottom:-100%; padding:10px 0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.filter-popup ul li{ float:left; width:100%; margin:0; padding:0 10px;}
.filter-popup ul li a{ float:left; width:auto; margin:0px; padding:10px 10px 10px 35px; position:relative; font-size:16px;}
.filter-popup ul li a:before{ content:""; width:16px; height:16px; position:absolute; left:10px; top:50%; margin-top:-8px; border-radius:100%; -webkit-border-radius:100%; border:1px solid #e68139;}
.filter-popup ul li a:after{ content:""; width:8px; height:8px; position:absolute; left:14px; top:50%; margin-top:-4px; border-radius:100%; -webkit-border-radius:100%; border:1px solid transparent;}
.filter-popup ul li a.active:after{ background:#e68139;}
.doneBtn{ float:right; background:#e68139; border-radius:20px; border:0; padding:10px 20px; color:#fff; font-size:16px; margin-top:-50px; cursor:pointer;}
.filter-popup.active{visibility:visible; opacity:1;}
.filter-popup.active ul{ bottom:0;}

.app-body .nav{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:3; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.app-body .nav ul{ position:absolute; width:70%; height:100%; background:#f3f3f3; top:0; left:0; padding:80px 0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.app-body .nav ul li{ float:left; width:100%; margin:0; padding:0 10px;}
.app-body .nav ul li a{ float:left; width:100%; margin:0px; padding:15px 15px 10px 15px; position:relative; font-size:16px; color:#000000; border-bottom:1px solid #ccc;}
.app-body .nav ul li:last-child a{border:0;}
.app-body .nav.active{visibility:visible; opacity:1;}
.app-body .nav.active ul{ left:0;}

.map-view.map-data{ float:left; width:100%; overflow:hidden; position:relative; margin-bottom:20px;}
.mapoverlay{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background-color:transparent;}
.map-canvas{ width:100% !important;} 

.voucher-main{ float:left; width:100%;}

.page-404{ display:flex; justify-content:center; align-content:center; height:100%;}
.page-404 .page-content{ float:left; width:100%; display:flex; justify-content:center; align-content:center; flex-flow:row wrap; padding-left:20px;}
.page-404 .title{ text-align:left; font-size:30px; padding-left:20px; margin-top:30px; margin-bottom:0px;}
.page-404 .title:before{ display:none;}
.page-404 img{ display:none;}
.page-404 td, .page-404 th{ color:#ffffff; font-size:16px;}

/**/
.exceed-page  .content-wrap{height: 100%; align-content: center;}
.exceed-page  .content-wrap .logo-wrap { padding:0 0 20px;}
.content{ width:100%;float:left; margin:0; padding:0; text-align:center;}
.cta-wrap{ padding:40px 0; text-align:center;display: flex; justify-content: center;}
.cta-wrap a{ width:150px; height:100%; display:inline-block; margin:0 20px;}
.cta-wrap a img{max-width:100%;}
/*t&c*/
.exceed-page  .terms-conditions{height: 100%;}
.terms-conditions .p-policy{height: 100%; padding:20px 0;}
.editor-data h3{ font-size:20px;font-family: 'Open Sans'; margin:0; padding:15px 0;}
.editor-data p{ font-size:14px; line-height:20px;font-family: 'Open Sans'; margin:0; padding:0;}

@media screen and (max-width:786px){
	
	.app-body{height:calc(100vh - 56px);}
	.container{padding:10px 10px 60px;}
	ul.form-list{padding:0px 15px;}
	footer{position:fixed; bottom:0; left:0;}