@font-face {
  font-family: 'futurabookbt';
  src: url('fonts/futurabookbt.eot');
  src: url('fonts/futurabookbt.eot') format('embedded-opentype'),
    url('fonts/futurabookbt.woff2') format('woff2'),
    url('fonts/futurabookbt.woff') format('woff'),
    url('fonts/futurabookbt.ttf') format('truetype'),
    url('fonts/futurabookbt.svg#futurabookbt') format('svg');
}

/*COMMON CSS==================================================*/
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{font-size:10px; width:100%; height:100%;}
body{ height:100%; width:100%; font-family: 'futurabookbt';  font-weight:normal; color:#484848; font-size:14px; background-repeat:no-repeat; background-position:left top; background-size:cover; background-color:#ffffff;}
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;}
/*--------------------*/
a{color:#d3ae67; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/* a:hover{color:#d3ae67;} */
h1,h2,h3,h4,h5,h6{display:inline-block; width:100%;}
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
tr{ border-bottom:1px solid #A0A0A0;}
td{position:relative;}
em{ color:#FF0000;}
/*--------------------*/
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: #646464;}
/*--------------------*/
th{font-weight:500; min-height:42px;}
/*ERROR MESSAGE==================================================*/
p.e{float:left; width:100%; margin:1px 0; padding:0; line-height:12px !important; font-size:12px !important; color:red !important; font-weight:normal; text-align:left;}
.err input[type=text], .err input[type=password], .err textarea, .err .mx-list{ border:1px solid #d3ae67;}
/*--------------------*/
label{float:left; width:100%; margin-bottom:5px; font-weight:500; text-transform:uppercase; font-size:12px; color:#5b4d4b;}
p{float:left; width:100%; margin-bottom:15px; font-size:16px; line-height:28px; }

.editor-data{float:left; width:100%; margin:0; padding:0; position:relative;}
.editor-data li,
.editor-data p,
.accrd-content li{float:left; width:100%; margin-bottom:15px; font-size:16px; line-height:24px; }
.editor-data ul{float:left; width:100%; margin:0; padding:0 0 0 20px;}
.editor-data ul li{list-style:disc;}

/*BUTTON CSS==================================================*/
.button,input.button{display:inline-block; background-color:#222222; padding:12px 30px; color:#ffffff ;     border: 1px solid #cccccc; cursor:pointer; text-transform:uppercase; font-weight:500; transition:all ease-in-out 0.3s; min-width:80px; text-align:center; vertical-align:middle; font-size:14px;border-radius:0;}
.button i,input.button.fa,.view-btn i{font-size:14px;}
.button:hover,input.button:hover,.view-btn:hover{background: #f5f5f5;color: #000000;}
.button:before,input.button:before,.view-btn:before{font-family:'FontAwesome';margin-right:10px;}
.fa-save:before, .fa-floppy-o:before{display:none;}

.button.arrow:after{content:"\f105"; margin:-2px 0 0 10px; font-family:'FontAwesome'; display:inline-block; vertical-align:middle;}
/*BTN CSS==================================================*/
a.btn,input.btn{display:inline-block; line-height:1; background-color:#ffffff; padding:12px 20px 10px 20px; color:#d3ae67 !important; border:1px solid #d3ae67; cursor:pointer; text-transform:none;  font-weight:400; transition:all ease-in-out 0.3s; min-width:80px; text-align:center; vertical-align:top; font-size:18px;}
a.btn i,input.btn.fa{font-size:14px;}
a.btn:hover,input.btn:hover{color:#5b4d4b !important; border:1px solid #5b4d4b;}
a.btn:before,input.btn:before{font-family:'FontAwesome';}

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

/*FORM INPUT CSS==================================================*/
input[type=text], input[type=password], textarea, div.select-box, div.select-box select, i.chk, i.rdo{font-size:14px;  color:#5b4d4b;}
input[type=text], input[type=password], input[type=number], input[type=email], textarea{display:inline-block; width:100%; height:38px; color:#afafaf;background:#f9f9f9; padding:0px 10px; resize:none; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; border:1px solid #dbdbdb;border-radius:0;}
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,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus{outline: none;border: 1px solid #d3ae67;box-shadow: 0 0 10px #d3ae67;}

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;}

/*MX DIALOGUE==================================================*/
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: 10;}
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: 14px;}
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 20px 0px; padding:0px; font-size:16px; font-weight:500; color:#d3ae67; text-transform:uppercase;}
div.mxdialog textarea,
div.mxdialog input[type=text], div.mxdialog input[type=password], , div.mxdialog input[type=number]{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:16px; font-weight:500; color:#d3ae67; 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:30px;height:30px;padding:0; right:-12px; top:-12px; background:#d3ae67; 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}

/*SELECT BOX CSS==================================================*/
div.select-box{display:inline-block; float:left; width:100%; height:38px; position:relative; border:1px solid #d8d8d8; background:#f9f9f9; 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; border:1px solid #dbdbdb;border-radius:0;}
div.select-box select{float:left; width:100%; height:36px; padding:0px 10px; 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;}
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:#5b4d4b; right:13px; top:5px; padding:0px; position:absolute; pointer-events:none;}
div.select-box:after{content:'\f0d7'; right:0px; top:0px; width:38px; height:36px; font-family:'FontAwesome'; position:absolute; pointer-events:none; display:block; background-color:#f9f9f9; text-align:center; vertical-align:middle; line-height:38px; font-size:16px; color:#a0a0a0; -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:hover:after{color:#5b4d4b;}

/*CUSTOM CHECKBOX CSS==================================================*/
i.chk{display: inline-block; vertical-align:top; 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; line-height:14px}
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:-1px; 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:#d3ae67;}
i.chk em:after{content:""; position:absolute; display:none;}
i.chk input:checked ~ em:after{display: block;}
i.chk em:after{left:5px;top:3px; width:4px; height:8px; border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

/*CUSTOM RADIO CSS==================================================*/
i.rdo{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; }
i.rdo input{position:absolute; opacity:0; cursor:pointer; height:100%; width:100%;top: 0;left: 0; z-index: 2;}
i.rdo em{position:absolute; top:2px; left:0; height:14px; width:14px; background-color:rgba(130,130,130,0.4); z-index: 0;  font-style: normal}
i.rdo:hover input ~ em{background-color:#828282;}
i.rdo input:checked ~ em{background-color:#d3ae67;}
i.rdo em:after{content:""; position:absolute; display:none;}
i.rdo input:checked ~ em:after{display: block;}
i.rdo 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);}
i.rdo input[type=radio] ~ em{ border-radius:100%;}
i.rdo input[type=radio] ~ em:after{ top: 4px;left: 4px;width: 6px;height: 6px;border-radius: 50%;background: white;}

/*MX-LIST CSS==================================================*/
.mx-list{ float:left; width:100%;  padding:2px 0px 14px 14px;}
.mx-list li ul{ margin-left:20px;}
.mx-list li{ padding:12px 7px 0px 0px !important; width:100%; float:left;}
.mx-list.linear li,
.linear li{width:auto; margin-right:10px;}

/*FILE UPLOAD==================================================*/
div.mx-file-upload {clear: both;float: left;width: 100%;padding: 5px;margin-top: 5px; }
div.mx-file-upload div.drop {float: right;width: 70px;height: 70px;background:#bebebe;text-align: center;vertical-align: middle; transition: all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;}
table td div.mx-file-upload div.drop{ width:40px; height:40px;}
div.mx-file-upload div.drop:hover{ background:#d3ae67;}
div.mx-file-upload div.drop a {display: block;/* background: #170F0F; */float: left;width: 100%;height: 100%;color: transparent;line-height: 14px;padding: 5px;cursor: pointer;vertical-align: middle; background-image:url(../images/ico-upload-file.png); background-repeat:no-repeat; background-size:26px; background-position:center center; }
table td div.mx-file-upload div.drop a{ background-size:20px;}
div.mx-file-upload div.drop input {display: none;}
div.mx-file-upload ul{float: left;margin: 0px;padding: 0px;height: 100%;width: calc(100% - 80px);}
div.mx-file-upload ul li {position: relative;width:65px;height:66px;margin: 2px;float:left;background-color:rgba(220,220,220,0.7);background-size:50px; background-repeat:no-repeat; background-position:center; padding:0; border:1px solid #a0a0a0;}
div.mx-file-upload ul li a{float:left; width:100%; height:64px; text-align:center; background-repeat:no-repeat; background-position:center; background-size:70%;}
div.mx-file-upload ul li img{ max-width:100%; max-height:96%; }
div.mx-file-upload ul li a.del{font-size: 10px;line-height: 15px;display: inline-block;position: absolute;width: 15px;height: 15px;right: -8px;top: -8px;background-color: #d3ae67;color:white; border-radius: 50%;text-align: center; display:none; border:0; z-index:1}
div.mx-file-upload ul li:hover a.del{display:block;}
div.mx-file-upload a.del:before, div.mx-file-upload a.del:after{height:9px; margin-top:-4.5px; border:0; background:#fff;}
div.mx-file-upload ul li a.no-img{float:left; width:100%; height:100%; background-color:#A0A0A0; background-repeat:no-repeat; background-position:center; background-image:url(../images/no-file.png); background-size:cover; line-height:200px; overflow:hidden;}

a[ext="xlsx"]{ background-image:url(../images/ico-excel.png);}
a[ext="docx"]{ background-image:url(../images/ico-doc.png);}
a[ext="pdf"]{ background-image:url(../images/ico-pdf.png);}
a[ext="pptx"]{ background-image:url(../images/ico-ppt.png);}
a[ext="csv"]{ background-image:url(../images/ico-csv.png);}
a[ext="zip"]{ background-image:url(../images/ico-zip.png);}

a[ext="xlsx"] img,
a[ext="docx"] img,
a[ext="pdf"] img,
a[ext="pptx"] img,
a[ext="csv"] img,
a[ext="zip"] img{ display:none;}

/*SCROLL BAR CSS===================================*/
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{background:rgba(130,130,130,0.3);}
::-webkit-scrollbar-thumb{background:#d3ae67;padding:0px 0px;}

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

/*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: 20px; color: #d3ae67; 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: 18px; line-height: 18px; text-align: right; vertical-align: top; color: #dc0000; padding: 3px;}
.spinner .f1{ -webkit-transform: translateZ(50px); -ms-transform: translateZ(50px); transform: translateZ(50px); }
.spinner .f2{ -webkit-transform: rotateY(90deg) translateZ(50px); -ms-transform: rotateY(90deg) translateZ(50px); transform: rotateY(90deg) translateZ(50px); }
.spinner .f3{ -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(50px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(50px); transform: rotateY(90deg) rotateX(90deg) translateZ(50px); }
.spinner .f4{ -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(50px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(50px); transform: rotateY(180deg) rotateZ(90deg) translateZ(50px); }
.spinner .f5{ -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(50px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(50px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(50px); }
.spinner .f6{ -webkit-transform: rotateX(-90deg) translateZ(50px); -ms-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); }
.spinner{-webkit-animation: spincube 8s ease-in-out infinite; animation: spincube 8s ease-in-out infinite; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50px 50px 0; -ms-transform-origin: 50px 50px 0; transform-origin: 50px 50px 0; position: absolute; left: 50%; top: 50%; margin-top: -150px; margin-left: -50px; }
div.progressall, div.progressall span {display: block;float: left;width: 30%;height: 1px;margin: 10px;padding: 0px;background-color: blue;clear: both;}
div.progressall span {margin: 0px;background-color: red;}

@-webkit-keyframes spincube {
	16% { -webkit-transform: rotateY(-90deg); }
	33% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); }
	50% { -webkit-transform: rotateY(180deg) rotateZ(90deg); }
	66% { -webkit-transform: rotateY(90deg) rotateX(90deg); }
	83% { -webkit-transform: rotateX(90deg); }
}
@keyframes spincube {
	16% { -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); }
	33% { -ms-transform: rotateY(-90deg) rotateZ(90deg); transform: rotateY(-90deg) rotateZ(90deg); }
	50% { -ms-transform: rotateY(180deg) rotateZ(90deg); transform: rotateY(180deg) rotateZ(90deg); }
	66% { -ms-transform: rotateY(90deg) rotateX(90deg); transform: rotateY(90deg) rotateX(90deg); }
	83% { -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
}

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%}

/*FORM CSS=====*/
div.form-wrap{float:left; width:100%; margin:0; padding:0; position:relative;}
ul.form-list{float:left; width:100%; margin:0; padding:0; display:flex; justify-content:flex-start; align-items:flex-start; flex-flow:row wrap;}
ul.form-list li{float:left; width:100%; margin:0 0 18px 0; padding:0 8px;}
ul.form-list li.w35{width:40%;}
ul.form-list li.w65{width:60%;}
ul.form-list li.center{text-align:center;}
ul.form-list li .cta{text-align:center;}
ul.form-list li.cntry-code{width:35%;}
ul.form-list li.mob-no{width:65%;}

#nav-icon { position: relative; width: 30px; height: 20px; cursor: pointer; z-index: 98; display: none; margin-top:-2px } 
#nav-icon span { display: block; position: absolute; height: 4px; width: 50%; background: #262626; opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all .35s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } 
#nav-icon span:nth-child(even) {left:50%; border-top-right-radius: 2px; border-bottom-right-radius: 2px;} 
#nav-icon span:nth-child(odd) {left:0; border-top-left-radius: 2px; border-bottom-left-radius: 2px;} 
#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:9px;} 
#nav-icon span:nth-child(5), 
#nav-icon span:nth-child(6) {top:18px;} 
#nav-icon.open span { background: #262626;} 
#nav-icon.open span:nth-child(1), 
#nav-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(2), 
#nav-icon.open span:nth-child(5) { -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform: rotate(-45deg);} 
#nav-icon.open span:nth-child(1) { left: 4px; top: 5px; } 
#nav-icon.open span:nth-child(2) { left: calc(50% - 4px); 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: 4px; top: 12px; } 
#nav-icon.open span:nth-child(6) { left: calc(50% - 4px); top: 12px; }

.desk-only{display:block !important;}
.mob-only{display:none !important;}

.container{float:left; width:100%; margin:0; padding:0;}
.wrapper{max-width:1170px; margin:0 auto; width:100%; position:relative;}
section{float:left; width:100%; margin:0; padding:50px 0 0;}
section.about{padding:0;}

.header{position:fixed;width:100%;height:80px;left:0;top:0;display:flex;justify-content:center;align-items:center;background:#ffffff; z-index:10; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.header .wrapper{display:flex;justify-content:center;align-items:center;}
.header.sticky-header{height:50px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.header.sticky-header .logo{width:100px;}

.logo{width:180px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.logo img{max-width:100%; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}

#nav-icon{display:none;}
.menu-box{flex:1;display:flex; justify-content:flex-end;}
.menu-box ul{display:flex; justify-content:flex-end; align-items:center; width:100%; margin:0; padding:0;}
.menu-box ul li{float:left; width:auto; margin:0px 10px;}
.menu-box ul li a{color:#484848}
.menu-box ul li a:hover, .menu-box ul li a.active{color:#d3ae67;}

.hm-banner{float:left; width:100%; margin:0px; padding:0px; position:relative; list-style-type:none;}
.hm-banner li{float:left; width:100%; margin:0; padding:0; position:relative;}
.hm-banner img{max-width:100%;}

.rera-info{float:left; width:100%; margin:0; padding:20px 40px; position:relative; background:#f3f3f3; text-align:center; border-radius:5px; -webkit-border-radius:5px;}
.rera-info p{margin:0; font-size:14px; line-height:24px;}
.rera-info a{color:#285edb;}

div.form-wrap.ask-expert{position:absolute; right:0; top:78px; width:370px; padding:5px 20px;z-index:1; background:rgba(255,255,255,0.5); border-bottom-left-radius:30px;-webkit-border-bottom-left-radius:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px; }
div.form-wrap.ask-expert h5{ float:left; width:100%; margin:0; padding:15px; text-align:center; color:#000000;}

section.thank-you-wrap{float:left; display:flex; justify-content:center; align-items:center; min-height:100vh; background:#f5f5f5;}
section h4{float:left; width:100%; margin:20px 0px; text-transform:uppercase; color:#000000; text-align:center; }
section h5{float:left; width:100%; margin:0 0 20px 0px; font-size:16px; text-transform:uppercase; color:#484848; }
section.thank-you-wrap h4{background-repeat:no-repeat; background-position:center bottom; background-size:100% ;background-image:url(../images/ttl-bg.png); padding-bottom:20px;}
section.thank-you-wrap p{text-align:center;}

.synophsis{float:left; width:100%; margin:0; padding:0; position:relative;}
.synp-about{display:flex; justify-content:center; align-items:flex-start; flex-flow:row wrap; margin-top:60px;}
.synp-about .img-box{width:50%;}
.synp-about img{max-width:100%; border: 6px solid #d3ae67;}
.synp-about .description{width:50%; padding:0 40px 20px 40px;}
section .synp-about h4{text-align:left; margin-top:0;}

.description ul{list-style-type: disc; padding-left: 16px;}
.description ul li{margin-bottom: 15px; list-style-type: disc; float:left; width:100%; text-align:left;}


.config-sec div.config-wrap {float: left;width: 100%;padding: 0 40px 0 0;margin: 0}
.config-sec ul {float: left;width: 100%;padding: 0;margin: 0;list-style-type: none}
.config-sec ul li.row {float: left;width: 100%;padding: 0;margin: 0 0 15px;border-right: 1px solid #f3f3f3;border-left: 1px solid #f3f3f3}
.config-sec ul li.row .col-wrap {display:flex; justify-content:center; background:#f3f3f3; align-items:center; flex-flow:row wrap; width:100%; border-radius:3px; -webkit-border-radius:3px; }
.config-sec ul li.row:first-child {margin: 0;border-bottom: 1px solid #f3f3f3}
.config-sec ul li.row:last-child {margin: 0}
.config-sec ul li.row.title .col-wrap{background: #d3ae67}
.config-sec ul li.row div.col {float: left;width: 33.3333%;padding: 18px 0 15px;margin: 0;text-align: center; }
.config-sec ul li.row div.col span {color: #484848;font-size: 16px}
.config-sec ul li.row.title div.col span {color: #ffffff; font-weight:600;}
.config-sec ul li.row.title div.col{border-right:1px solid #ffff;}
.config-sec ul li.row.title div.col:last-child{border-right:0}
.config-sec ul li.row div.col span a {color: #285edb;border-bottom: 1px solid #285edb;}
.config-sec ul li.row div.heading {background: #f2d379;padding: 15px 0;text-align: center}
.config-sec ul li.row div.heading span {color: #000;font-size: 16px;line-height: 20px}
.config-sec ul li.row ul,.config-sec ul li.row ul li {float: left;display: block;width: 100%;padding: 0;margin: 0}
.config-sec ul li.row ul li div.col-wrap {float: left;width: 100%;padding: 0;margin: 0;border: 1px solid #cbcbc5; margin-top:-1px;}
.config-sec ul li.row ul li div.col {display: inline-block}
.config-sec ul li.row ul li div.price-form {float: left;width: 100%;padding: 0;margin: 0;background: #fff;text-align: center;border-bottom: 1px solid #cbcbc5}
.config-sec ul li.row ul li div.price-form-inside {float: left;width: 100%;padding: 20px 50px;margin: 0}
.config-sec ul li.row ul li div.price-form ul.form-list li {display: inline-block;width: 25%;margin: 0 -2px;padding: 0 10px;position: relative}
.config-sec ul li.row ul li div.price-form ul.form-list li .form-icon {position: absolute;top: 13px;left: 13px}
.config-sec ul li.row ul li div.price-form ul.form-list li .form-icon img {width: 18px}
.config-sec ul li.row ul li div.price-form ul.form-list li .text {float: left;width: 100%;color: #000;padding: 10px 10px 10px 40px;background: 0 0;border: 0;border-bottom: 1px solid #abaaaa;line-height: 22px; border-radius:0; -webkit-border-radius:0}
.config-sec ul li.row ul li div.price-form ul.form-list li select.text {padding: 5px 10px 5px 10px;}
.config-sec ul li.row ul li div.price-form ul.form-list li.full {width: 100%;text-align: center;margin: 20px 0 0}
.config-sec ul li.row ul li div.price-form ul.form-list li div.select-box{background:transparent; border:0;}
.config-sec ul li.row ul li div.price-form ul.form-list li div.select-box:after{height:34px; background:transparent}
.config-sec::-webkit-input-placeholder {color: #9b968e;font-size: 16px;opacity: 1}
.config-sec::-moz-placeholder {color: #9b968e;font-size: 16px;opacity: 1}
.config-sec:-ms-input-placeholder {color: #9b968e;font-size: 16px;opacity: 1}
.config-sec:-moz-placeholder {color: #9b968e;font-size: 16px;opacity: 1}
.config-sec div.img-box {float: left;position: relative;width: 35%;padding: 0;margin: 0;background-repeat: no-repeat;background-position: right bottom;background-size: cover}
.config-sec div.data {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);z-index: 1;text-align: center}
.config-sec div.data a.play-btn {display: inline-block}
.config-sec div.data a.play-btn img {width: 60px;max-width: 100%}
.config-sec div.data p {color: #fff;font-size: 14px;padding: 5px 0 0;text-transform: capitalize}
.config-sec div.overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2)}

div.tab-menu {margin: 0 0 30px;padding: 0;text-align: center}
ul.tab-list {display: inline-block;width: auto;margin: 0;padding: 0}
ul.tab-list li {display: inline-block;margin: 0 8px;padding: 0}
ul.tab-list li a {display: inline-block;position: relative;font-size: 16px;line-height: 24px;margin: 15px 20px 0;padding: 8px 0;color: #484848;text-transform: uppercase;}
ul.tab-list li a:hover, ul.tab-list li a.active{color:#d3ae67;}

.gallery ul.tab-list{border-bottom:1px solid #666666;}

div.tab-content ul {float: left;width: 100%;margin: 0;padding: 0;list-style: none}
div.tab-content ul .slick-track {margin: 0 auto}
div.tab-content ul li {display: inline-block;width: 100%;margin: 0;padding: 0;position: relative;text-align: center}
div.tab-content ul li a.fancybox-thumb {display: inline-block;position: relative;width: 100%;margin: 0;padding: 0;z-index: 1}
div.tab-content ul li:focus {outline: 0}
div.tab-content ul li div.img-box {float: left;position: relative;width: 100%;margin:0;padding: 0 10px;text-align: center; }
div.tab-content ul li figcaption {float:left; width:100%; margin:10px 0px;}
div.tab-content ul li figcaption h6{float:left; width:100%; margin:0; padding:0; font-size:16px; font-weight:normal; color:#484848;}
div.tab-content ul li div.img-box img {width: 100%;}
div.tab-content ul li div.img-box div.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: url(../images/play-btn.png) no-repeat rgba(0, 0, 0, .5);background-position: center center;background-size: 60px}
div.floor-plan.gallery div.tower-wrap div.tab-content ul li div.img-box img,div.floor-plan.gallery div.tower-wrap div.tab-content ul li.slick-current div.img-box img {border: 0}
div.tab-content ul li a.plan-download {display: inline-block;width: auto;font-size: 16px;color: #d3ae67;background-image: url(../images/icon-imgs.png);background-repeat: no-repeat;background-size: 58px;background-position: 155% -118px;padding: 0 26px 3px 0;border-bottom: 1px solid #d3ae67;margin: 15px 0 0}
div.tab-content ul li a.plan-download{display:none !important;}


div.floor-plan.gallery div.tower-wrap div.tab-content ul li a.plan-download {color: #ba8a2d;border-bottom: 1px solid #ba8a2d;background-position: 155% -118px}

.slick-arrow {position: absolute;top: 50%; height: 40px;width: 55px;margin: 0;padding: 0;background: center no-repeat;border: 0;line-height: 200px;overflow: hidden;background-size: 100%;transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;transform: scale(.9)}
.slick-arrow.slick-next,
.slick-arrow.slick-prev,div.gallery .slick-arrow.slick-next,div.gallery .slick-arrow.slick-prev {background-image: url(../images/icon-imgs.png);background-size: 65px}
.slick-arrow.slick-next {margin: 0 0 0 5px;right: 10px;left: auto;z-index: 9;background-position: 65% 49%}
.slick-arrow.slick-prev {margin: 0 5px 0 0;left: 10px;right: auto;z-index: 9;background-position: 65% 39%}
.slick-arrow:hover {transform: scale(1.1)}

div.tab-content ul.slick-dots {position: absolute; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center; bottom:-15px;}
div.tab-content ul.slick-dots li{ float:none; position:relative; display:inline-block; width:6px; height:4px; margin:0 3px; padding: 0;cursor: pointer; border-radius:2px; -webkit-border-radius:2px; overflow:hidden;}
div.tab-content ul.slick-dots li button{width:100%; height:100%;background:#b8b8bc; padding:0; border:0; line-height:50px;}
div.tab-content ul.slick-dots li button:hover, 
div.tab-content ul.slick-dots li.slick-active{width:24px; }
div.tab-content ul.slick-dots li.slick-active button{ background:#d3ae67;}
div.tab-content ul.slick-dots li button:before{display:none; }


/* contact-sec */
.contact-wrap{float:left;width:100%;display:flex;flex-flow:row wrap;margin:30px 0 0;padding:0 10%;}
.contact-wrap div.form-wrap{float:left;width:50%;padding:0 30px 0 0;}
.contact-wrap div.address-wrap{float:left;width:50%;color:#484848;padding:0 0 0 30px;}
.address-list{float:left;list-style:none;width:100%;}
.address-list li{float:left;list-style:none;width:100%;}
.address-list li p{display:flex; justify-content:center; align-items:flex-start;}
.address-list li img{display:inline-block;width:17px;vertical-align:top;}
.address-list li span{display:inline-block;width:calc(100% - 20px);padding:0 0 0 25px;font-size:16px;line-height:20px;color:#222;}
.address-list li a{color:#222;}

/* laocation advantage */
.locate-wrap{float:left;width:100%;background:#f3f3f3; border-radius:5px; -webkit-border-radius:5px; padding:15px 0px;}
.locate-wrap .location-list{display:flex;justify-content:center;width:100%;margin:30px 0;}
.locate-wrap .location-list li{width:13.16%;    justify-content: center;}
.locate-wrap .location-list li div.item{float:left;width:100%;text-align:center;}
.locate-wrap .location-list h3{float:left;width:100%;font-size:28px;line-height:30px;color:#d3ae67;} 
.locate-wrap .location-list h3 span{font-size:70%;}
.locate-wrap .location-list p{font-size:13px;line-height:20px; margin-bottom:0;}

/* map section */
.location-map div.img-box{float:left;width:100%; height:450px; margin:0; padding:0;}
.location-map div.img-box img{float:left;width:100%; height:100%; object-fit:cover; margin:0; padding:0;}

/* disclaimer */
.disclaimer .content{float:left;width:100%;background:#f3f3f3;text-align:center;padding:20px 50px; border-top-right-radius:5px;border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.disclaimer .content p{font-size:14px;line-height:24px;margin-bottom:20px;}
.disclaimer .content a{color:#285edb;}

/* footer */
footer{float:left;width:100%; height:85px; position:relative; padding-bottom:125px;}
.footer-wrap{float:left;width:100%;background:#000;text-align:center;padding:15px 0;}
.footer-wrap p{color:#fff;margin:0;}
/* sticky form */
footer .sticky-form{float:left;width:100%;background:#d3ae67;padding:10px 0 5px 0; position:fixed; left:0; bottom:0;}
.sticky-form .title{float:left;width:12%;}
.sticky-form .form-wrap{float:left;width:88%; margin-top:10px;}
.sticky-form .form-wrap ul.form-list {display:flex;align-items:center;}
.sticky-form .form-wrap ul.form-list li{width:23%;margin:0; height:52px;}
.sticky-form .form-wrap ul.form-list li.cntry-code{width:16%;}
.sticky-form .form-wrap ul.form-list li.send-btn{width:15%;}
.sticky-form .form-wrap div.select-box,
.sticky-form .form-wrap input[type=text]{background:#fff;border-color:#b7b7b7;}
.sticky-form input.button{padding: 10px 25px; border: 0px;}


.copy{float:left; width:100%; margin:0; padding:20px; background:#000000; text-align:center; color:#ffffff;}

.video-wrap{float:left; width:100%; margin:0; padding:0;}
.video-wrap iframe{height:90vh;}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/pre-loader.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64px;
    background-color: rgba(255,255,255,0.9);
    z-index: 9999;
    display: none;
}

.callback-div{padding: 0 0 24px;
    position: fixed;
    right: -242px;
    top: 22%;
    vertical-align: top;
    z-index: 10000;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
}

.callback-div ul.form-list li.w35,
.callback-div ul.form-list li.w65{ width:100%;}
.callback-div h5{float:left; width:100%; margin:0 0 5px 0; font-size:16px;}
.callback-div h6{float:left; width:100%; margin:0 0 10px 0; font-size:12px;}

.callback-div.active{
	right: -1px;
}
	
.instant-switch
	{background: url(../images/handle.png) no-repeat scroll 0 0;
    border-radius: 5px 3px 0 4px;
    cursor: pointer;
    display: inline-block;
    height: 182px;
    vertical-align: top;
    width: 36px;
}
.content-switcher{
	background-color: #fff;
    display: inline-block;
    margin: 2px 0 0 -4px;
    padding: 16px 16px 0;
    vertical-align: top;
    width: 242px;
}

.hide{
	background-color: #FFFFFF;
    border-radius: 0 5px 0 0;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 2px;
    width: 40px;
    cursor: pointer;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

/*div.mxdialog.popup-form .body{
	background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/popup-bg.jpg);
}*/

.call-and-whatsapp__whatsapp {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 99;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgb(100 177 97 / 50%);
    -webkit-animation: pulse 1.5s infinite;
  }
  @-webkit-keyframes pulse {
    0% {
      -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
    }
    70% {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 30px rgb(100 177 97 / 0%);
    }
    100% {
      -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgb(100 177 97 / 0%);
    }
  }