@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap');


@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
         url('fonts/Helvetica.woff2') format('woff2'),
         url('fonts/Helvetica.woff') format('woff'),
         url('fonts/Helvetica.ttf')  format('truetype'),
         url('fonts/Helvetica.svg#Helvetica') format('svg');
}
@font-face {
    font-family: 'helveticabold';
    src: url('fonts/helvetica-bold-webfont.eot');
    src: url('fonts/helvetica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-bold-webfont.woff2') format('woff2'),
         url('fonts/helvetica-bold-webfont.woff') format('woff'),
         url('fonts/helvetica-bold-webfont.ttf') format('truetype'),
         url('fonts/helvetica-bold-webfont.svg#helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* comman style
----------------------*/
html, body{min-height: 100%;}
body{margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:16px; color:#333333; font-weight:300;box-sizing: border-box;  }
a {text-decoration:none; color:#ffc000; 
	transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
a:hover { color:#ffc000; text-decoration:none;}
a:focus{outline:none; text-decoration:none; color:#ffc000;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; padding:0; font-weight:700; line-height:1.2;  color: #111e6c; font-family: 'Montserrat', sans-serif; }
h1{font-size:42px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;color:#1b49dd;}
h5{font-size:18px;color:#1b49dd;}
h6{font-size:16px;color:#1b49dd;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit; text-decoration:none; font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block; margin-top:4px;}
p{margin:0 0 20px 0; line-height: 28px;  }
ul, ol{margin:0; }
img{max-width:100%;}
strong, b{font-weight:500; }
button:focus{outline: inherit;box-shadow: none;}

.signinmainimg .container-fluid{height:100vh;}
.signinmainimg .row{height:100vh;}
.signinmainimg{min-height: 100%;}
.signinmainimg .col-sm-5{padding: 0;display: flex;align-items: center;}
.signinmainimg .col-sm-7{padding: 0;}
.signinmainimg .coverimg{width: 100%;height: 100%;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;position: relative;}
.signinmainimg .coverimg:before{background: linear-gradient(90deg, rgba(27, 73, 221, 0.4) 0%, rgba(14, 72, 255, 0.502) 100%);position: absolute;content: "";width:100%;height: 100%;left:0;right:0;top:0;bottom: 0;}
.innercontent{width:486px;margin:0 auto;padding: 50px 0;}
.signinlogo{max-width: 370px;margin:0 auto 50px;}
.innercontent h2{color:#1b49dd;font-size: 32px;font-weight: 700;margin-bottom: 40px;}
.socialbtn{margin-bottom:40px;}
.socialbtn a{width:100%;border-radius: 3px;min-height:65px;color:#fff;margin-bottom:18px;display: block;padding: 10px;text-align: center;font-size: 22px;font-weight:500;letter-spacing:0.048em;line-height:45px;}
.socialbtn a i{margin-right:20px;font-size: 28px;color: #fff;display: inline-block;vertical-align: middle;margin-top:-4px;}
.googleplus{background-color:#dd5144;}
.googleplus:hover{background-color:#9a3329;}
.facebookbtn{background-color:#3b5998;}
.facebookbtn:hover{background-color:#283f70;}
.twitterbtn{background-color:#34aaf3;}
.twitterbtn:hover{background-color:#2076ab;}
.loginwith{font-size: 16px;color: rgba(42,42,42,0.65);padding:0 5px;position: relative;font-weight: 700;font-family: 'Montserrat', sans-serif; text-align: center;display: table;margin: 0 auto 40px;}
.loginwith:before{position: absolute;left:-75%;top:11px;content: "";background-color:#e2e2e2;height:1.6px;width: 95px;}
.loginwith:after{position: absolute;right:-75%;top:11px;content: "";background-color:#e2e2e2;height:1.6px;width: 95px;}
.signinform label{color: #2a2a2a;font-size: 20px;font-weight: 400;margin-bottom:5px;}
.signinform .inputfill input[type="text"]{width: 100%;border-radius:3px;border:1px solid #e2e2e2;height:60px;padding: 10px 15px;margin-bottom:0px;background-color: #fff;color: rgba(42,42,42,0.66);font-size: 20px;}
.signinform .inputfill input[type="text"]:hover{border-color: #1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.signinform .inputfill input[type="text"]:focus{border-color: #1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.signinform input[type="submit"],
.signinform button[type="submit"]{background-color:#0dce81;text-align: center;width:100%;height:60px;border:none;border-radius: 3px;letter-spacing: 0.048em;font-size:22px;font-weight: 700;color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;box-shadow: 1px 1px 5px #0ece81;}
.signinform input[type="submit"]:hover{box-shadow: 1px 1px 5px #1b49dd;background-color:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.signinmainimg .activeperson{position:absolute;left:0;right:0;bottom:50px;margin: 0 auto;text-align:center;}
.signinmainimg .activeperson h1{font-family: 'helveticabold';color: #0ece81;letter-spacing: 0.048em;font-size: 65px;font-weight: 700;}
.signinmainimg .activeperson h1 span{position: relative;padding-right: 45px;margin-right:15px;}
.signinmainimg .activeperson h1 span:after{position: absolute;content:"+";top:-5px;font-family: 'helveticabold';color: #0ece81;font-size: 65px;font-weight: 700;right:0;}
.signinmainimg .activeperson h5{font-family: 'Helvetica';letter-spacing: 0.048em;font-size:38px;font-weight: 400;color: #fff;}
.rightreletivectn{position: relative;}
.passwordform .inputfill input[type="password"]{font-size: 25px; letter-spacing: 0.13em;font-weight: 700;font-family: 'Montserrat', sans-serif;width: 100%;border-radius:3px;border:1px solid #e2e2e2;height:60px;padding: 10px 15px;margin-bottom:0px;background-color: #fff;color: rgba(42,42,42,0.66);}
.passwordform .inputfill input[type="password"]:hover{border-color: #1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.passwordform .inputfill input[type="password"]:focus{border-color: #1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.passwordform .inputfill input::-webkit-input-placeholder { /* Chrome/Opera/Safari */position: relative;top:5px;}
.passwordform .inputfill input::-moz-placeholder { /* Firefox 19+ */position: relative;top:5px;}
.passwordform .inputfill input:-ms-input-placeholder { /* IE 10+ */position: relative;top:5px;}
.passwordform .inputfill input:-moz-placeholder { /* Firefox 18- */position: relative;top:5px;}
.passwordicn{position:absolute;right: 0;top: 0;z-index: 1;}
.passwordform .inputfill{position: relative;overflow: hidden;}
.passwordform .inputfill input[type="submit"],
.passwordform .inputfill input[type="button"]{text-indent: -9999px;width: 65px;line-height: 60px;height:60px;background-color:#1b49dd;border-radius: 3px;box-shadow: none;background-size: 30px auto;position: absolute;right:0;top:0;background-repeat: no-repeat;background-position: center center;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 488.85 488.85' style='enable-background:new 0 0 488.85 488.85;' xml:space='preserve' fill='%23fff'%3e%3cg%3e%3cpath d='M244.425,98.725c-93.4,0-178.1,51.1-240.6,134.1c-5.1,6.8-5.1,16.3,0,23.1c62.5,83.1,147.2,134.2,240.6,134.2 s178.1-51.1,240.6-134.1c5.1-6.8,5.1-16.3,0-23.1C422.525,149.825,337.825,98.725,244.425,98.725z M251.125,347.025 c-62,3.9-113.2-47.2-109.3-109.3c3.2-51.2,44.7-92.7,95.9-95.9c62-3.9,113.2,47.2,109.3,109.3 C343.725,302.225,302.225,343.725,251.125,347.025z M248.025,299.625c-33.4,2.1-61-25.4-58.8-58.8c1.7-27.6,24.1-49.9,51.7-51.7 c33.4-2.1,61,25.4,58.8,58.8C297.925,275.625,275.525,297.925,248.025,299.625z' style='&%2310; fill: %23fff;&%2310;'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");border: none;}
.passwordform .inputfill input[type="submit"]:hover,
.passwordform .inputfill input[type="button"]:hover,
.passwordform .inputfill input[type="button"].active{background-color:#0ece81;}
.passwordform .icn{width:65px;height: 60px;line-height: 56px;text-align: center;}
.passwordform .icn svg{fill: #fff;width: 30px;margin: 0 auto;position: relative;z-index: 1;}
.passwordform input[type="submit"]:hover{box-shadow: none;}
.forgetpasslnk{justify-content: flex-end;display: flex;font-size: 16px;letter-spacing: 0.048em;font-weight: 500;color:#1b49dd;margin-bottom:20px;}
.forgetpasslnk:hover{color:#0ece81;text-decoration: underline;}
.accounttxt{color:#2a2a2a;font-weight:500;font-size: 16px;margin-top:35px;}
.accounttxt .forgetpasslnk{display: inline-block;margin-left:5px;}
.stepmulform .page { display: none; }
.stepmulform button { background-color: #4CAF50; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer;}
.stepmulform #prevBtn {background-color: #bbbbbb;}
.stepmulform .step { height:32px; width:32px; margin: 0 2px; background-color:rgba(27,73,221,0.33); border:4px solid #e2e9ff;border-radius: 50%;display: inline-block;}
.stepmulform .step.active {opacity: 1;}
.stepmulform .stepctn{display: inline-block;vertical-align: middle;width:44%;position: relative;z-index: 2;}
.stepmulform .stepctn h6{font-size:16px;font-weight:500;color:#2a2a2a;opacity:.6;}
.steprow{text-align:center;margin-bottom: 20px;}
.stepmulform .stepctn.active h6{color: #1b49dd;font-weight: 600;opacity:1;}
.stepmulform .stepctn.active .step{background-color:#1b49dd;}
.stepmulform .stepctn:first-child:before{width:88%;height: 2px;background-color:#1b49dd;content: "";position: absolute;top:70%;right:-45%;}
.stepmulform .inputsepratore{margin-bottom:25px;position: relative;}
.stepmulform .page label{display:block;font-size: 20px;color:#2a2a2a;font-weight: 600;margin-bottom: 5px;}
.stepmulform .custominput input[type="text"],
.stepmulform .custominput input[type="number"]{height: 50px;padding: 10px 15px;border:1.5px solid #e2e2e2;width: 100%;border-radius: 3px;color: rgba(42,42,42,0.66);font-weight: 500;font-size:18px;}
.stepmulform .custominput input[type="password"]{height: 50px;padding: 10px 15px;border:1.5px solid #e2e2e2;width: 100%;border-radius: 3px;color: rgba(42,42,42,0.66);font-weight: 500;font-size:18px;}
.stepmulform .custominput textarea{height:120px;padding: 10px 15px;width: 100%;border-radius: 3px;color: rgba(42,42,42,0.66);font-weight: 500;font-size:18px;border:none;}
.stepmulform .custominput .custominput-group{
    position: relative;
    border:1.5px solid #e2e2e2;
    padding-bottom: 30px;
}
.stepmulform .custominput .custominput-group.invalid-div {background-color: #ffdddd;}
.stepmulform .custominput .custominput-group.invalid-div textarea{background-color: #ffdddd;}
.stepmulform .custominput .custominput-group .counter{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.stepmulform .custominput .custominput-group .counter.error{
    color: red;
}
.stepmulform .customradio{position: relative;display: inline-block;width: 50%;height: 50px;min-width: 115px;margin-right: 5px;}
.stepmulform .customradio input {position: absolute;opacity: 0;cursor: pointer;width: 100%;height: 100%;top:0;z-index: 9;left:0;}
.inputhighlight{color:#fff;background-color: #1b49dd;}
/* Create a custom radio button */
.stepmulform .customradio .checkmark {position: absolute;top: 0;left: 0;height:50px;width:100%;background-color:#f2f2f6;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.stepmulform .inlinesec{display: flex;justify-content:flex-start;}
.stepmulform .customradio .gendernme{text-align: center;font-weight: 500;font-size: 14px;letter-spacing:0.048em;line-height: 50px;display: block;}
.inputsepratore .inlinesec .customradio span{color:#2a2a2a;}
.stepmulform .customradio input:checked ~ .checkmark:after {display: block;}
.stepmulform .customradio .checkmark:after{background:#1b49dd;}
.stepmulform .customradio input:checked ~ .checkmark {background-color: #1b49dd;color:#fff;}
.stepmulform .customradio input:checked ~ .gendernme{color: #fff;background-color:#1b49dd;}
.stepmulform .inputsepratore select{height: 50px; padding: 10px 15px; border: 1.5px solid #e2e2e2; width: 100%; border-radius: 3px; color: rgba(42,42,42,0.66);
font-weight: 500;font-size: 18px;background: url(../images/downselectarrow.png) no-repeat center right;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-size:25px auto;cursor: pointer;}
.datemodule .col-sm-4{padding:0 3px;}
.datemodule .row{margin:0 -3px;}
.signinmainimg .row .datemodule .row{height: auto;}
.btnnext button{width: 100%;}
.btnnext button { background-color: #0dce81; text-align: center; width: 100%; height: 60px; border: none; border-radius: 3px; letter-spacing: 0.048em;
font-size: 22px;font-weight: 700;color: #fff;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;box-shadow: 1px 1px 5px #0ece81;}
.btnnext button:hover{box-shadow: 1px 1px 5px #1b49dd;background-color: #1b49dd;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.stepmulform input.invalid {background-color: #ffdddd !important;}
.stepmulform .stepctn.highlight .step{background-color:#1b49dd;}
.stepmulform .stepctn.highlight h6{color:#1b49dd;font-weight:600;opacity:1;} 
.stepmulform .stepctn.finish h6{color:#0ece81;}
.stepmulform .stepctn.finish .step{background-color:#0ece81;border-color:#b0efd5;}
.stepmulform .stepctn.finish:first-child:before{background-color:#0ece81;}
.stepmulform .stepctn.finish:last-child:before{background-color:#0ece81;}
.stepmulform .custominput input[type="text"]:focus {border-color: #1b49dd;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.stepmulform .custominput input[type="password"]:focus {border-color: #1b49dd;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.btnnext #prevBtn{display: none;}
.inputsepratore .upload-btn-wrapper {position: relative;overflow: hidden;display:block;}
/*.inputsepratore .btn {width:100%;border:2px dashed #1b49dd;color:#1b49dd;background-color:#fff;font-family: 'Montserrat', sans-serif;height:60px;cursor:pointer;padding: 8px 20px;border-radius: 8px;font-size: 22px;letter-spacing:0.048em;font-weight:500;}
.inputsepratore .upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}
.redclose{width: 18px;height: 18px;border-radius: 100%;background-color: #ff0000;position: absolute;right:5px;top:5px;text-align: center;line-height: 15px;}
.redclose i{color:#fff;font-size: 12px;font-weight: normal;}
.addimglist{margin-top:-20px;margin-bottom:6px;}
.addimglist span{display: inline-block;width: 112px;height: 112px;border-radius:8px;margin-right:10px;overflow: hidden;position: relative;}
.addimglist span img{width: 100%;height: 100%;object-fit: cover;}
.removebtn{line-height: 18px;border-radius:100%;position: absolute;right:7px;top:7px;width: 18px;height: 18px;background-color: #f00;cursor: pointer;}
.removebtn:after{color: #fff;content: "\f00d";font-family: 'FontAwesome';font-size: 12px;display: block;margin: 0 auto;text-align: center;}*/
.upload-btn-wrapper a.button{width:100%;border:2px dashed #1b49dd;color:#1b49dd;background-color:#fff;font-family: 'Montserrat', sans-serif;height:60px;cursor:pointer;padding: 8px 20px;border-radius: 8px;font-size: 22px;letter-spacing:0.048em;font-weight:500;display: block;text-align: center;line-height: 38px;}
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index:9; width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */
background-color: rgba(255,255,255,0.69); /* Black w/ opacity */}
/* Modal Content */
.modal-content {border:none;background-color: #fff;margin: auto;padding:40px;width:580px;border-radius:20px;}
.modal-header{padding: 0;border-bottom: 0;}
.modal-title{font-size:28px;font-weight:600;color:#2a2a2a;line-height:1.3;}
.modal-open .modal{padding-right: 17px;padding-top: 50px;padding-bottom: 50px;}
.modal-header .close{padding: 0;right: 40px;}
.modal-body{padding: 2rem 0;}
.modal-header .close span{font-size: 50px; font-weight: normal;}
.modal-body .btnnext .savebtn{width: auto;box-shadow: none;border-radius: 6px;font-size: 22px;font-weight: 600;
    min-width: 175px;}
/* The Close Button */
.close {color: #ffffff;float: right;font-size: 28px;font-weight: bold;position: absolute;right:20px;top:40px;background-color: #ff0000;border-radius:100%;text-align:center;width:36px;height:36px;line-height:36px;border:none;}
.close:hover,
.close:focus {background-color:#000;text-decoration: none;cursor: pointer;}
.cropimg{width:320px;height:320px;overflow: hidden;margin: 0 auto 40px;border-radius:5px;}
.cropimg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.customcropmodel h2{font-weight:600;font-size: 32px;color:#2a2a2a;margin-bottom: 20px;}
.btnalign a{border-radius: 6px; min-width:200px;height:56px;text-align: center;font-weight: 600;letter-spacing: 0.048em;display: inline-block;line-height:56px;font-size: 22px;}
.btnalign a.cropbtn{background-color: #0ece81;color:#fff;margin-right:10px;}
.btnalign a.cropbtn:hover{background-color: #2a2a2a;color:#ffffff;}
.btnalign a.cancelbtn{background-color: #f2f2f6;color:#2a2a2a;}
.btnalign a.cancelbtn:hover{background-color: #2a2a2a;color:#ffffff;}
.stepmulform .customradio.radiusbox{border-radius:5px;margin-right:10px;width: auto;line-height: inherit;overflow: hidden;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.stepmulform .customradio.radiusbox span{line-height:15px;font-size: 16px;padding:17px 5px;min-width:115px;}
.inputsepratore .form-group label:before {border-radius:3px;margin-right:5px;content:'';-webkit-appearance: none;background:url(../images/checkboxicn.png) no-repeat center center;
display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right:6px !important;width: 16px;height: 16px;top:-1px;background-size: 16px auto;}
.inputsepratore .form-group input:checked ~ label:before{background:url(../images/checkboxicnactive.png) no-repeat center center;background-size: 16px auto;}
.inputsepratore .form-group span{position: relative;}
.inputsepratore .form-group input:checked ~ label{color: #fff;min-width: 115px;padding: 11px 5px;}
.inputsepratore .form-group label {position: relative;cursor: pointer;margin-bottom: 0;border-radius: 5px;}
.inputsepratore .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.inputsepratore .form-group{display: inline-block;vertical-align: middle;}
.inputsepratore .form-group{margin-right:1px;line-height: inherit;overflow: hidden;text-align:center;width:24.2%;}
.inputsepratore .form-group {border-radius: 5px; background-color: #f2f2f6;}
.ctswdt .form-group.customcheck{margin-right:3px;line-height: inherit;overflow: hidden;text-align: center;width:32.3%;padding: 0;}
.stepmulform .form-group label{font-size: 15px;font-weight: 500;padding: 13px 1px;}
.stepmulform .form-group:last-child{margin-right:0;}
.ctswdt{margin-bottom:50px !important;}
.accountsetlnk{font-size: 16px;color: #2a2a2a;font-family: 'Helvetica';font-weight: normal;text-align: center;margin-top:30px;}
.accountsetlnk a{margin-left:5px;color:#1b49dd;font-family: 'Helvetica';}
.customcheck.inputhighlight{background-color: #1b49dd;}
.inputsepratore .form-group.inputhighlight label:before{background-color: #fff;border:2px solid #fff;}
.ctswdt .form-group.customcheck label{font-size:16px;position: relative;width: 100%;border-radius: 5px;padding:13px 5px;width:100%;background-color: #f2f2f6;}
.form-group.customcheck input:checked ~ label{background-color:#1b49dd;}
.inputsepratore .form-group.inputhighlight label{color: #fff;}
.accountsetlnk a:hover{color:#0ece81;text-decoration: underline;}
.sucesstxt{margin-top:30%;}
.sucesstxt .sucessicn img{width:100px;display: block;margin:0 auto 30px;text-align: center;}
.sucesstxt h4{color:#0ece81;font-size:40px;font-family: 'Helvetica';font-weight: 400;}
.header{height: 68px;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.15);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.15);box-shadow: 0 8px 6px -6px rgba(0,0,0,.15);position: fixed;width: 100%;z-index: 9;}
.header .container{height:100%;align-items: center;}
.container.mainContainer{
    padding-right: 23%;
}
.header .row{height:100%;align-items: center;}
.mainlogo{margin-right:30px;}
.mainlogo img{width:auto;height: 48px;}
.mainbgcolor{background-color:#f2f2f6;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)
      }
    to
      {
        opacity:1;-webkit-transform:none;transform:none}
       }
    @keyframes fadeInUp{
        0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
        to{opacity:1;-webkit-transform:none;transform:none}
    }
    .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 01);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.header .col-sm-10{display: flex;align-items:center;}
.searchtophead{margin-right:50px;}
.searchtophead .searchbox{width:385px;border:1px solid #eaeaea;border-radius:5px;box-shadow:-1px 2px 6px rgb(242 246 254 / 90%);position: relative;padding: }
.searchtophead .searchbox:after{background: url(../images/downarrow.png) no-repeat center right;position: absolute;right:0;top:10px;background-size: 30px auto;content: "";width: 32px;height: 20px;}
.searchtophead input{border:none;width: 100%;font-size: 16px;letter-spacing: 0.048em;font-family: 'Helvetica';padding:8px 18px;}
.searchtophead input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #b5b5b5;}
.searchtophead input::-moz-placeholder { /* Firefox 19+ */color: #b5b5b5;}
.searchtophead input:-ms-input-placeholder { /* IE 10+ */color: #b5b5b5;}
.searchtophead input:-moz-placeholder { /* Firefox 18- */color: #b5b5b5;}
.menuicn ul{padding: 0;}
.menuicn ul li{display: inline-block;vertical-align: middle;margin-right:50px;}
.menuicn ul li img{max-width: 24px;}
.menuicn ul li:last-child{margin-right:0;}
.menuicn ul li a{padding:20px 0;display: block;position: relative;}
.menuicn ul li.active a:after{background:#1b49dd;border-top-left-radius:3px;border-top-right-radius:3px;content: "";position: absolute;width: 100%;bottom:-1px;height:4px;left:0;right:0;} 
.notificationsec i{color:#1b49dd;font-size:24px;}
.bellicn{position: relative;margin-right:50px;display: block;cursor: pointer;}
.bellicn:after{width:5.5px;height:5.5px;background: #ff0000;border-radius: 100%;position: absolute;right:3px;top:3px;content: "";}
.contentsec{padding:100px 0 60px;}
.contentsec .pagetitle{display: flex;justify-content: space-between;}
.contentsec .pagetitle h2{color:#051137;font-size: 32px;letter-spacing: 0.048em;font-weight: 600;margin-bottom:20px;}
.contentsec .pagetitle a{letter-spacing: 0.048em;font-size:21px;font-weight: 400;color: #1b49dd;}
.contentsec .pagetitle a:hover{color:#0ece81;text-decoration: underline;}
.pagetitle span{font-size: 20px;font-family: 'Helvetica';letter-spacing: 0.048em;color: #1b49dd;}
.customradio.radiusbox:hover .checkmark{background-color: #1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.customradio.radiusbox:hover .gendernme{color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.inputsepratore .form-group.customcheck label{transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.inputsepratore .form-group.customcheck label:hover{background-color: #1b49dd;color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.recentlyjoinslider .flt-left{float:left;}
.recentlyjoinslider .carousel{width:100%;margin:auto;}
.recentlyjoinslider .row{overflow: hidden;width: 90%;margin:auto;}
.recentlyjoinslider .row-container{width:2000px;transition:0.5s;}
.recentlyjoinslider .contentbox{width:250px;float:left;display:inline;margin:0 5px;}
.clear{clear:both;}
.controls{width:100%;margin:auto;}
.glider-contain .bottomspace{position: absolute;bottom: 0;padding:10px 20px 20px;width: 100%;left:0;right:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.glider-contain .bottomspace h3{color: #fff;letter-spacing: 0.03em;font-weight: 500;font-size: 25px;}
.glider-contain .bottomspace:after{position: absolute;bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(87,86,95,.99));width:100%;min-height: 150px;content: "";left:0;right:0;}
.glider-contain .location{font-size: 15px;color: #fff;position: relative;z-index: 9;font-weight:400;}
.glider-contain .location i{margin-top:-3px;}
.glider-contain .bottomspace h3{position: relative;z-index: 9;margin-bottom:5px;display: table;}
.glider-contain .bottomspace h3 span.activestatus{width: 6px;height:6px;border-radius:100%;background:#0ece81;position: absolute;right:-8px;top:0;}
.glider-contain .bottomspace .info{position:absolute;z-index: 9;right: 10px;top:10px;}
.glider-contain .bottomspace .info i{color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.glider-contain .bottomspace .location i{display: inline-block;vertical-align: middle;margin-right: 10px;}
.glider-contain .starposition a{width: 36px;height: 36px;background-color: #fff;border-radius:7px;position: absolute;top:40px;right:20px;text-align: center;}
.glider-contain .starposition i{font-size: 26px;line-height:36px;color:#e2e2e2;}
.glider-contain .starposition .activestar i{color:#ffa200;}
.glider-contain .fade {opacity: 1 !important;}
.glider-contain .carouselContainer{position: relative;}
.glider-slide{margin:0 15px;position: relative;overflow:hidden;border-radius:14px;border:2px solid transparent;}
.glider-contain .slider-container{position: relative;}
.glider-contain .slider-bullets{position: absolute;top:10px;left:0;right:0;margin:0 auto;text-align:center;z-index: 1;}
.hidelayer .circle{width:45px;height:45px;z-index:9;text-align:center;display:inline-block;vertical-align:middle;margin:0 5px;line-height:45px;border-radius:100%;}
.hidelayer .circle img{max-width:27px;}
.hidelayer .circle.red{background:#ff0000;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer .circle.red:hover{background:#ca0101;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer .circle.blue{background:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer .circle.blue:hover{background:#163ebe;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer .circle.green{background:#0ece81;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer .circle.green:hover{background:#0a945d;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.hidelayer{text-align:center;z-index: 9;position: relative;margin-top:15px;opacity: 0;margin-bottom: -40px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .hidelayer{opacity: 1;margin-bottom:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .bottomspace{background-color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .bottomspace:after{opacity:0;}
.card-image:hover{border-color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .bottomspace h3{color:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .bottomspace .location{opacity: .5;color:#2a2a2a;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.card-image:hover .bottomspace .location i{opacity: .5;color:#2a2a2a;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;} 
.card-image:hover .bottomspace .info i{color:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.glider-next{width:50px;right:-10px;height:50px;background-color:#fff;border-radius:100%;box-shadow:0 0 6px rgba(0,0,0,.2);line-height: 50px;}
.glider-next img{display:block;margin:0 auto;text-align:center;max-width:14px;margin-top:12px;}
.glider-prev{width:50px;left:-10px;height:50px;background-color:#fff;border-radius:100%;box-shadow:0 0 6px rgba(0,0,0,.2);line-height: 50px;}
.glider-prev img{display:block;margin:0 auto;text-align:center;max-width:14px;margin-top:12px;transform:rotate(-180deg);}
.glider-next, .glider-prev{top: 40%;}
.glider-contain{margin-bottom:40px;}
.glider-contain span.disabled{opacity: 0;}
.glider-contain .removemargin{margin:0 -15px;}
.glider-contain .slider__images { position: relative; top: 0px;left: 0px;list-style-type: none;transition: opacity 0.4s ease-in, visibility 0.4s ease-in;}
.glider-contain .slider__images.loaded {opacity: 1;visibility: visible;}
.glider-contain .slider__images-item {position: absolute;top: 0px;left: 0px;}
.glider-contain .no-js .slider__images-item:first-of-type {position: relative;}
.glider-contain .no-js .slider__images-item:not(:first-of-type) {display: none !important;}
.glider-contain .slider__images-image {display: block;}
.glider-contain .slider__controls {margin-top: 30px;user-select: none;text-align: center;position: absolute;top:-18px;text-align: center;left: 0;right: 0;}
.glider-contain .slider__control {display: inline-block;color: #829995;cursor: pointer;}
.glider-contain .slider__control--prev {margin-right: 10px;}
.glider-contain .slider__control--next {margin-left: 10px;}
.glider-contain .slider__pagers {display: inline-block;margin: 0;padding: 0;list-style-type: none;}
.glider-contain .slider__pagers li {display: inline-block;margin: 0 5px;cursor: pointer;color: #829995;padding: 0 10px;width: 58px;height:3px;background:rgba(255,255,255,.2);text-indent: -9999px;}
.glider-contain .slider__pagers li.active {background: rgba(255,255,255,0.72);}
.glider-dots{display: none;}



.exploresec .bottomspace{position: absolute;bottom: 0;padding:10px 20px 20px;width: 100%;left:0;right:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .bottomspace h3{color: #fff;letter-spacing: 0.03em;font-weight: 500;font-size: 25px;}
.exploresec .bottomspace:after{position: absolute;bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(87,86,95,.99));width:100%;min-height: 150px;content: "";left:0;right:0;}
.exploresec .location{font-size: 15px;color: #fff;position: relative;z-index: 2;font-weight:400;}
.exploresec .location i{margin-top:-3px;}
.exploresec .bottomspace h3{position: relative;z-index: 2;margin-bottom:5px;display: table;}
.exploresec .bottomspace h3 span.activestatus{width: 6px;height:6px;border-radius:100%;background:#0ece81;position: absolute;right:-8px;top:0;}
.exploresec .bottomspace .info{position:absolute;z-index:2;right: 10px;top:10px;}
.exploresec .bottomspace .info i{color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .bottomspace .location i{display: inline-block;vertical-align: middle;margin-right: 10px;}
.exploresec .starposition a{width: 36px;height: 36px;background-color: #fff;border-radius:7px;position: absolute;top:40px;right:20px;text-align: center;}
.exploresec .starposition i{font-size: 26px;line-height:36px;color:#e2e2e2;}
.exploresec .starposition  i.active{color:#ffa200;}
.exploresec .fade {opacity: 1 !important;}
.exploresec .carouselContainer{position: relative;}
.exploresec .glider-slide{margin:0 15px;position: relative;overflow:hidden;border-radius:10px;border:2px solid transparent;}
.exploresec .glider-contain .slider-container{position: relative;}
.exploresec .glider-contain .slider-bullets{position: absolute;top:10px;left:0;right:0;margin:0 auto;text-align:center;z-index: 1;}
.exploresec .hidelayer .circle{width:45px;height:45px;z-index:9;text-align:center;display:inline-block;vertical-align:middle;margin:0 5px;line-height:45px;border-radius:100%;}
.exploresec .hidelayer .circle img{max-width:27px;}
.exploresec .hidelayer .circle.red{background:#ff0000;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer .circle.red:hover{background:#ca0101;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer .circle.blue{background:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer .circle.blue:hover{background:#163ebe;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer .circle.green{background:#0ece81;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer .circle.green:hover{background:#0a945d;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .hidelayer{text-align:center;z-index:2;position: relative;margin-top:15px;opacity: 0;margin-bottom: -40px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .hidelayer{opacity: 1;margin-bottom:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .bottomspace{background-color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .bottomspace:after{opacity:0;}
.exploresec .card-image:hover{border-color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .bottomspace h3{color:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .bottomspace .location{opacity: .5;color:#2a2a2a;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image:hover .bottomspace .location i{opacity: .5;color:#2a2a2a;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;} 
.exploresec .card-image:hover .bottomspace .info i{color:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.exploresec .card-image{position: relative;overflow: hidden;border-radius: 14px;border: 2px solid transparent;margin-bottom: 30px;}
.exploresec .slider-container {position: relative;}
.exploresec .col-sm-3{padding:0 15px;}
.exploresec .row{margin:0 -15px;}
.afterscrollvis{position: fixed;bottom:20px;right:20px;width:370px;border-radius:20px;border:1px solid #ffa200;background: #eef2fe;padding:20px 18px;z-index:2;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.afterscrollvis .chart{max-width: inherit;width: 80px;margin:0;padding:0;}
.afterscrollvis .innercontent{width: auto;padding:0;display: flex;align-items: center;}
.afterscrollvis h3{color:#2a2a2a;font-size:24px;margin-bottom:10px;letter-spacing: 0.048em;font-family: 'helveticabold';}
.afterscrollvis a.coinlnk{background:#ffa200;font-size:15px;letter-spacing: 0.048em;color: #fff;font-family: 'helveticabold';border-radius:12px;padding:10px 15px;}
.afterscrollvis a.coinlnk:hover{background:#1b49dd;}
.afterscrollvis svg{margin-right:20px;}
.afterscrollvis .alignrghtctn{align-self: center;margin-left: 30px;}

@-webkit-keyframes slideInUp{
    0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    }
    @keyframes slideInUp{
        0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
        100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    }
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}    
.afterscrollvis{display: none;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.afterscrollvis.showdivctn{display:block;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
#content{display:none;}
.showlvectn{position: absolute;width: 385px; padding: 25px; background: #fff;border-radius:15px;z-index: 9;display: none;}
/*.showlvectn:after {position: fixed;content: "";top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index:-2;border-radius: 0;border-bottom: none;}*/
.showlvectn h4{font-size: 20px;color:#2a2a2a;font-weight: 600;}
.showlvectn  label{font-size:16px;font-weight:500;font-size:16px;color:#2a2a2a;display: block;margin-bottom: 10px;}
.showlvectn .customradio .gendernme{border-radius:3px;}
.showlvectn .customradio{margin:0 3px;min-width:105px;}
.showlvectn .inlinesec{margin:0 -3px;}
.showlvectn .inputsepratore input[type="text"]{border:1px solid #e2e2e2;height: 42px;font-size: 14px;}

.showlvectn .noUi-target {cursor: pointer;}
.showlvectn .noUi-target :focus {outline: none;}
.showlvectn .noUi-horizontal {height:4px;}
.showlvectn .noUi-connect {background:#1b49dd;}
.showlvectn .noUi-base {background: #DEDEDE;}
.showlvectn .noUi-horizontal .noUi-handle {top: -10px;right: -15px;width: 22px;height: 22px;background:#1b49dd;border:3px solid #e2e9ff;border-radius: 50%;
box-shadow: unset;cursor: pointer;transition: transform 0.1s;}
.showlvectn .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {content: none;}
.showlvectn .noUi-horizontal .noUi-handle:hover {transform: scale(1.1);}

/* styles for filter */
.showlvectn .filter {display: flex;flex-wrap: wrap;justify-content: space-between;border-radius: 10px;}
.showlvectn .filter__label {position: relative;cursor: pointer;}
.showlvectn .filter__label:before {position: absolute;left: 8px;top: 50%;transform: translateY(-50%);color: #999999;font-size: 14px;}
.showlvectn .filter__label:nth-child(1):before {content: "from";}
.showlvectn .filter__label:nth-child(2):before {content: "to";}
.showlvectn .filter__input {height: 35px;border: 2px solid #711fab;border-radius: 5px;padding: 0 10px 0 40px;cursor: pointer;max-width: 160px;}
.showlvectn .filter__input:focus {background: rgba(155, 38, 175, 0.2);}
.showlvectn .filter__slider-price {border:none;width: 100%;margin:10px 5px 0;}
.showlvectn .filter__label{display: none;}
.noUi-touch-area{box-shadow:3px 1px 20px rgb(0,0,0,.5);border-radius:100%;}
.showlvectn .inputsepratore{margin-bottom:15px;}
.btnapply{display: flex;margin-top:40px;}
.btnapply .lnkbtn{border-radius:3px;font-size: 18px;font-weight: 500;padding:10px 30px;}
.btnapply .grnbtn{background:#0ece81;color:#fff;margin-right:10px;}
.btnapply .grnbtn:hover{background:#0bb571;}
.btnapply .clsbtn{background:#f2f2f6;color:#2a2a2a;margin-right:0px;}
.btnapply .clsbtn:hover{background:#cbcbd2;}
.hidectn{display:none;}
.backctn{display: flex;justify-content: space-between;margin-bottom:60px;}
.backctn .backarrow a{border-radius:7px;width:45px;height:45px;background:#1b49dd;text-align: center;align-items: flex-start;display: block;}
.backctn .backarrow:hover a{background:#0ece81;}
.backctn .backarrow  a img{max-width: 24px;margin:12px auto 0;text-align: center;}
.backctn .editprofilebtn a{background:rgba(27,73,221,0.18);border-radius:9px;color:#1b49dd;font-size:16px;padding:9px 10px;font-weight:600;display: block;margin-top:2px;}
.backctn .editprofilebtn a:hover{background:#0ece81;color: #fff;}
.profileinflft{border-radius:15px;border:2px solid #1b49dd;overflow: hidden;height: 570px;position: relative;}
.profileinflft .slider{width: 100%;height: 100%;}
.profileinflft .slider__pagers {display: inline-block;margin: 0;padding: 0;list-style-type: none;}
.profileinflft .slider__pagers li {width:100%;height:100%;display: inline-block;margin: 0 5px;cursor: pointer;color: #829995;padding: 0 10px;width:86px;height:4px;background:rgba(255,255,255,.2);text-indent: -9999px;}
.profileinflft .slider__pagers li.active {background: rgba(255,255,255,0.72);}
.profileinflft ul{padding:0;list-style: none;}
.profileinflft .slider__images img{width:100%;height:100%;object-fit:cover;}
.profileinflft .slider__images { opacity:1; visibility:visible;width: 100%;height: 100%; position: relative; top: 0px;left: 0px;list-style-type: none;transition: opacity 0.4s ease-in, visibility 0.4s ease-in;}
.profileinflft .slider__images.loaded {opacity: 1;visibility: visible;}
.profileinflft .slider__images-item {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.profileinflft .no-js .slider__images-item:first-of-type {position: relative;}
.profileinflft .no-js .slider__images-item:not(:first-of-type) {display: none !important;}
.profileinflft .slider__images-image {display: block;}
.profileinflft .slider__controls {margin-top: 30px;user-select: none;text-align: center;position: absolute;top:-18px;text-align: center;left: 0;right: 0;}
.profileinflft .slider__control {display: inline-block;color: #829995;cursor: pointer;}
.profileinflft .starposition a{width:54px;height:54px;background-color: #fff;border-radius:7px;position: absolute;top:40px;right:20px;text-align: center;}
.profileinflft .starposition i{font-size: 38px;line-height:36px;color:#e2e2e2;margin-top:10px;}
.profileinflft .starposition i.active{color: #ffa200;}
.profileinflft .bottomspace{position: absolute;bottom: 0;padding:20px 20px 20px;width: 100%;left:0;right:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;background: #fff;}
.profileinflft .bottomspace h3{color: #fff;letter-spacing: 0.03em;font-weight:600;font-size:36px;}
.profileinflft .location{font-size: 18px;color: #2a2a2a;position: relative;z-index: 2;font-weight:500;opacity: .5;}
.profileinflft .location i{margin-top:-3px;}
.profileinflft .bottomspace h3{position: relative;z-index:2;margin-bottom:5px;display: table;color: #1b49dd;}
.profileinflft .bottomspace h3 span.activestatus{width: 6px;height:6px;border-radius:100%;background:#0ece81;position: absolute;right:-8px;top:0;}
.profileinflft .bottomspace .info{position:absolute;z-index: 2;right: 10px;top:30px;}
.profileinflft .bottomspace .info i{color: #1b49dd;font-size:22px;}
.profileinflft .bottomspace .location i{display: inline-block;vertical-align: middle;margin-right: 10px;}
.profileinflft .hidelayer .circle{width:64px;height:64px;z-index:2;text-align:center;display:inline-block;vertical-align:middle;margin:0 9px;line-height:64px;border-radius:100%;}
.profileinflft .hidelayer .circle img{max-width:35px;}
.profileinflft .hidelayer .circle a{display: block;}
.profileinflft .hidelayer .circle.red{background:#ff0000;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer .circle.red:hover{background:#ca0101;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer .circle.blue{background:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer .circle.blue:hover{background:#163ebe;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer .circle.green{background:#0ece81;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer .circle.green:hover{background:#0a945d;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.profileinflft .hidelayer{text-align:center;z-index:2;position: relative;margin-top:20px;opacity:1;margin-bottom: 0;}
.paddless{margin:0 -7px;}
.paddless .col-sm-4{padding:0 7px;}
.paddless .col-sm-8{padding:0 7px;}
.personalinfoctn{border-radius:15px;height:100%;border:2px solid #1b49dd;padding:40px 20px;background:#fff;position: relative;}
.personalinfoctn h2{margin-bottom: 50px;letter-spacing: 0.012em;font-weight: 600;color: #1b49dd;font-size: 32px;}
.personalinfoctn h6{color: #2a2a2a;letter-spacing: 0.012em;font-weight: 500;font-size: 16px;margin-bottom:5px;}
.personalinfoctn p{color: rgba(42,42,42,0.7);font-size: 14px;font-weight: 400;line-height:20px;}
.userinfo{margin:50px -20px;}
.userinfo .userinloop{display: flex;justify-content: space-between;padding:7px 15px;background: #f2f2f6;}
.userinfo .userinloop:nth-child(even){background: #fff;}
.userinfo .userinloop h4{margin-bottom: 0;letter-spacing: 0.012em;font-size: 15px;font-weight: 500;color: #2a2a2a;align-self: center;}
.userinfo .userinloop span{letter-spacing: 0.012em;font-size: 15px;font-weight:400;color: #2a2a2a;opacity: 0.7;align-self: center;}
.editprofileicon{border-radius:100%;width:50px;height:50px;line-height:50px;background:#1b49dd;text-align: center;position: absolute;top:30px;right:30px;box-shadow: 1px 1px 10px rgb(80,195,238,.3);transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.editprofileicon i{color: #fff;font-size: 26px;font-weight:400;display: block;line-height: 50px;}
.editprofileicon:hover{background: #0ece81;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.editprofileicon a{display: block;}
.profilesec{position: relative;}
.profileimg{width:36px;height:36px;border-radius: 10px;overflow: hidden;}
.profileimg a{display: block;}
.profileimg img{width: 100%;height: 100%;object-fit:cover;}
.profilesec span.status{position: absolute;top:-2px;right:-3px;background: #0ece81;border:2px solid #fff;width: 12px;height: 12px;border-radius: 100%;}
.rightproinfo{display: flex;justify-content:flex-end;align-items: center;}
.searchitemlst{margin-bottom: 30px;}
.searchitemlst a{display: inline-block;vertical-align: middle;border-radius: 8px;padding: 7px 10px;font-size: 16px;color:#2a2a2a;letter-spacing: 0.048em;font-weight: 500;background: #fff;margin-right: 5px;box-shadow: 2px 2px 7px rgba(234,234,234,.6);transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.searchitemlst i{width: 15px;height: 15px;line-height: 15px;border-radius:100%;color:#fafafa;background:#e2e2e2;font-size: 10px;text-align: center;vertical-align: middle;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.searchitemlst a:hover i{background: #ff0000;color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.searchitemlst a:hover{box-shadow:2px 2px 10px rgb(80 195 238 / 15%);transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.likeuser{margin-bottom: 30px;}
.likeuser a{display: inline-block;background:#e2e9ff;border-radius:8px;letter-spacing: 0.048em;font-weight: 500;color: #2a2a2a;padding: 10px 25px;margin-right:10px;}
.likeuser a.active{background:#1b49dd;color: #fff;box-shadow: 2px 2px 10px rgb(80 195 238 / 35%);}
.likeuser a:hover{background:#1b49dd;color: #fff;box-shadow: 2px 2px 10px rgb(80 195 238 / 35%);}
.exploresec .slider__pagers {display: inline-block;margin: 0;padding: 0;list-style-type: none;}
.exploresec .slider__pagers li {display: inline-block;margin: 0 5px;cursor: pointer;color: #829995;padding: 0 10px;width: 58px;height:3px;background:rgba(255,255,255,.2);text-indent: -9999px;}
.exploresec .slider__pagers li.active {background: rgba(255,255,255,0.72);}
.exploresec .slider__images { position: relative; top: 0px;left: 0px;list-style-type: none;transition: opacity 0.4s ease-in, visibility 0.4s ease-in;}
.exploresec .slider__images.loaded {opacity: 1;visibility: visible;}
.exploresec .slider__images-item {position: absolute;top: 0px;left: 0px;}
.exploresec .slider__controls {margin-top: 30px;user-select: none;text-align: center;position: absolute;top:-18px;text-align: center;left: 0;right: 0;}
.exploresec .slider__control {display: inline-block;color: #829995;cursor: pointer;}
.exploresec .slider__images-image {display: block;}
.exploresec .slider__images.loaded { opacity: 1; visibility: visible;}
.exploresec .card-image{margin-bottom:0px;height:100%;}
.exploresec .col-sm-3{margin-bottom: 30px;}
.notification-content{display: none;min-width:250px;position: absolute;margin-top:15px;background: #fff;right:-10px;box-shadow:0 0 20px rgba(0, 0, 0, 0.10);border-radius: 10px;z-index: 9;}
.notification-content:before {content: " ";position: absolute;right:10px;top: -7px;border-radius:10px;border-top: none;border-right: 7px solid transparent;border-left: 7px solid transparent;
border-bottom: 7px solid #c1c1c1;}
.closebtnpop{top: -10px;right: -10px;position: absolute;cursor: pointer;}
.closebtnpop img{width: 20px;height: 20px;}
.userstatus{overflow: hidden;padding:10px;border-bottom: 1px solid #efefef;}
.userstatus:last-child{border-bottom:none;}
.userstatus .userimg{margin-right:15px !important;float:left;position: relative;}
.userstatus .userimg img{width: 60px;height:60px;max-width: 100% !important;border-radius:5px;object-fit: cover;}
.userstatus strong{font-weight: 700;display: block;margin-bottom:5px;color: #273b6e;font-size: 16px;}
.userstatus span{font-weight: 400;font-size: 12px;display: inline-block;}
.userstatus span b{font-weight: 700;}
.rightctn{display: block;}
.approveicon{position:absolute;bottom:-6px;right:-8px;}
.userstatus .userimg .approveicon img{max-width: 20px !important;width:auto;height: auto; }
.notificationsec{position: relative;}
.nav-open .notificationsec:after {position: fixed;content: "";top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index:0;border-radius:0;border-bottom: none;z-index: 1;}
.nav-open .notification-content{display: block;}
.removetransperent.notificationsec:after{display: none;}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);transition: opacity 200ms;visibility: hidden;opacity: 0;}
.overlay.light {background: rgba(255, 255, 255, 0.5);}
.overlay .cancel {position: absolute;width: 100%;height: 100%;cursor: default;}
.overlay:target{visibility: visible;opacity: 1;}
.modal-backdrop{z-index: -1;}
.modal-dialog{max-width:100%;}
.modal .btnnext.secondstep button{width: auto;text-align:center;min-width: 175px;border-radius:6px;font-size: 22px;font-weight: 600;letter-spacing: 0.048em;margin:0 5px;}
.modal .btnnext.secondstep button.closebtn{background: #f2f2f6;color: #2a2a2a;box-shadow:none;}
.modal .btnnext.secondstep{text-align: center;}
.modal .btnnext.secondstep button.closebtn:hover{background: #2a2a2a;color: #fff;}
.timeicon{display: inline-block;background: url(../images/timeicn.png) no-repeat left center;font-size: 12px;background-size: 10px auto;padding-left:15px;}
.sameline{display: flex;justify-content: space-between;}
.photobox{border-radius:4px;margin-bottom:15px;height:158px;overflow: hidden;position: relative;}
.photobox img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.photobox.addphoto{background-color:#e2e9ff;}
.photobox.addphoto img{max-width:46px;width: auto;height: auto;object-fit: inherit;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.photobox.addphoto a{display: block;}
.photomodel{margin:0 -8px;}
.photomodel .col-sm-3{padding:0 8px;}
.photomodel .modal-content {width:745px;}
.photomodel  .btnnext.secondstep{margin-top:20px;}
.photomodel  .btnnext.secondstep button{height:50px;}
.loaderpost{text-align: center;}
.loaderpost i{color: #1b49dd;}
.whitecolor{background: #fff;}
.whitecolor .container-fluid{padding-top:90px;height: 100vh;overflow:hidden;}
.chatsec .col-sm-3{padding-left:0;flex: 0 0 auto;width: 22%;}
.chatsec .col-sm-5{padding-left:20px;flex: 0 0 auto;width:55%;padding-right:0;}
.chatsec .col-sm-4{width: 23%;padding-left:0;padding-right:0;}
.chatsec .tabctn{height: 100%;}
.chatsec .profileinflft .bottomspace h3{font-size:26px;}
.chatsec .profileinflft .bottomspace{padding: 10px 10px 10px;}
.chatsec .profileinflft .slider__pagers li{margin:0 5px;width:52px;}
.chatsec .profileinflft .starposition a{width:40px;height:40px;}
.chatsec .profileinflft .starposition i{font-size: 30px;line-height: 30px;color: #e2e2e2;margin-top: 7px;}
.chatsec .profileinflft .slider{height: 400px;overflow: hidden;}
.chatsec .profileinflft{height:auto;min-height: 385px;margin-bottom: 10px;}
.chatsec .profileinflft .hidelayer .circle{width: 45px;height: 45px;line-height: 45px;}
.chatsec .profileinflft .hidelayer .circle img{max-width: 25px;}
.chatsec .profileinflft .hidelayer{margin-top:5px;}
.chatsec .profileinflft .bottomspace .info{top:14px;} 
.chatsec .personalinfoctn{height:auto;padding: 15px;}
.chatsec .personalinfoctn h2{font-size:24px;margin-bottom: 10px;}
.chatsec .personalinfoctn h6{font-size: 15px;}
.chatsec .personalinfoctn p{font-size:13px;line-height: 16px;margin-bottom: 10px;}
.chatsec .userinfo{margin:20px -15px 0px;}
.chatsec .profileinflft .bottomspace .info i{font-size: 18px;}
.scrollscreen {
    
    /*height:100%;*/
   /* max-height:calc(100% - 7em);*/
    overflow: scroll;
}

.scrollscreen--track {
    /* width of track, 18px should cover default track on MacOS and Windows */
    width:12px;
    background:#fff;
}

.scrollscreen--slider {
    /* space between slider and track */
    padding:.20em;
}

.scrollscreen--slider::after {
    /* slider style */
    background:#1b49dd;
    border-radius:9999em;
}


/**
 * Layout
 */
.scrollscreen   {
    position:relative;
}

.scrollscreen--track {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    pointer-events:none;
}

*[dir='rtl'] .scrollscreen--track {
    left:0;
    right:auto;
}

.scrollscreen--slider {
    position:absolute;
    top:0;
    left:0;
    right:0;
    box-sizing:border-box;
    height:0;
    border:none;
    background:transparent;
    pointer-events:none;
}

.scrollscreen--slider::after {
    content:'';
    display:block;
    width:100%;
    height:100%;
}

.scrollscreen--content {
    position:relative;
    height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:50%;
}

.scrollscreen--content::-webkit-scrollbar {
    /* fix WebKit problems with MacOS automatically hiding scrollbars */
    -webkit-appearance: none;
}

.chatscreenheader{display: flex;justify-content: space-between;align-items: center;}
.chatscreenheader .profileimg{position: relative;width: 40px;height: 40px;margin-right:10px;}
.chatscreenheader .profileimg img{width:100%;height:100%;overflow:hidden;border-radius:100%;object-fit: cover;}
.chatscreenheader .profileimg .activestatus{position: absolute;width:7px;height:7px;border-radius:100%;right:0;bottom:5px;background:#0ece81;}
.chatscreenheader .profilepic{padding:0px 0 10px;display: flex;justify-content: space-between;align-items: center;}
.chatscreenheader .profilepic h4{margin-bottom:0;font-size: 20px;letter-spacing: 0.012em;font-weight:600;}
.chatscreenheader .closeicn{width: 25px;height: 25px;border-radius:100%;background:#ff0000;text-align: center;line-height: 25px;}
.chatscreenheader .closeicn i{color:#fff;}
.chatscreenheader .closeicn:hover{background: #000;}
.chatscreen{height: 100vh;position: relative;}
.chatscreen .messagebox{background: #f2f2f6;padding:15px 40px;}
.chatscreen .messagebox h6{margin-bottom:25px;font-weight:500;letter-spacing: 0.012em;font-size:16px;color: #2a2a2a;}
.chatscreen .usercomt{width: 100%;margin-bottom:20px;}
.chatscreen .usercomt .commentchat{width:44%;background: #fff;border-radius:8px 8px 8px 0px;background: #fff;padding:8px;}
.chatscreen .usercomt .commentchat p{color:#545454;font-weight:normal;font-size: 14px;line-height: 18px; margin-bottom: 5px;}
.chatscreen .usercomt .commentchat{margin-bottom:5px;}
.chatscreen .usercomt .timeuser{font-size:12px;font-weight:400;}
.chatscreen .usercomt.right .commentchat{margin-left:auto;border-radius:8px 8px 0px 8px;background:#1b49dd;}
.chatscreen .usercomt.right .commentchat p{color:#fff;} 
.chatscreen .usercomt.right span{width: 44%;margin-left:auto;display: block;text-align: right;}
.chatscreen .typingboxbtm{position:fixed;width:53.7%;display: flex;border-top:1px solid #f2f2f6;padding:10px 20px;background: #fff;bottom:0;justify-content: space-between;align-items: center;z-index: 9;}
.chatscreen .typingboxbtm .gificn{width: 36px;height: 36px;line-height: 36px;border-radius: 100%;padding:4px;background: #1b49dd;}
.chatscreen .typingboxbtm .gificn:hover{background: #0ece81;}
.chatscreen .typingboxbtm .gificn .icncircle{border:2px dashed #fff;color:#fff;border-radius:100%;font-size:10px;text-transform: uppercase;font-weight:500;width: 100%;height:100%;text-align: center;line-height:26px;}
.chatscreen .typingboxbtm .inputbox{}
.chatscreen .typingboxbtm .inputbox input{border:1px solid #f2f2f6;border-radius:10px;height: 40px;padding:5px 30px;color: #e2e2e2;font-size:14px;width:600px;}
.chatscreen .typingboxbtm .sendicn{width: 36px;height: 36px;cursor:pointer;line-height: 36px;border-radius:100%;background: #0ece81;text-align: center;}
.chatscreen .typingboxbtm .sendicn:hover{background: #1b49dd;}
.chatscreen .typingboxbtm .sendicn i{color:#fff;font-size:18px;position: relative;left:-2px;top:1px;}
.chatsec .tabctn{}
.chatsec .tabctn ul{display:table;margin:0 auto;padding:0;border-radius:10px;list-style: none;overflow:hidden;}
.chatsec .tabctn ul li{display:inline-block;}
.chatsec .tabctn ul li a{
    /*padding:12px 30px;*/
    padding:8px 12px;
    border-right: 1px solid #fff;
    background: #f2f2f6;display:block;color: #545454;letter-spacing: 0.012em;font-weight:400;color: #2a2a2a;
}
.chatsec .tabctn ul li a.active{background:#1b49dd;color:#fff;}
.tabtop{padding:0 0 10px;border-bottom:1px solid #f2f2f6;
    /*margin-bottom:20px;margin-top:-8px;*/
    margin-top: 40px;

}
.tabmenu span{
    margin-left: 2px;
}

.tabctn .tabcontent .chatlist{
    display:flex;justify-content: space-between;padding:12px 20px;align-items: center;border-bottom:1px solid #f2f2f6;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;
    background: #fff;
    
}
.tabctn .tabcontent .chatlist:hover .removeContainer{
    visibility: visible;
    
}
.tabctn .tabcontent .chatlist .removeContainer{
    visibility: hidden;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    
}
.removeContainer .remove-btn{
    background: none;
    border:none ;
    font-size: 13px;
    width: 25px;
    height: 25px;
    color: red;
    font-weight: bold;

    transition: 0.5s;
    background: #fff;
    border-radius: 30px;
}
.removeContainer .remove-btn:hover{
    background: red;
    color: #fff;
}
.tabctn .tabcontent .chatlist:hover,
.tabctn .tabcontent .chatlist.active{
    background:#1b49dd;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
}
.usernumber.abs{
    position: absolute;
    right: 25px;
    z-index: 0;
    top: 50px;
}
.tabctn .tabcontent .chatlist:hover .usernumber,
.tabctn .tabcontent .chatlist.active .usernumber{background: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.tabctn .tabcontent .chatlist:hover .usernumber span,
.tabctn .tabcontent .chatlist.active .usernumber span{color: #0ece81;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.tabctn .tabcontent .chatlist:hover .userctn h5,
.tabctn .tabcontent .chatlist.active .userctn h5{color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.tabctn .tabcontent .chatlist:hover .userctn p,
.tabctn .tabcontent .chatlist.active .userctn p{color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;} 
.tabctn .tabcontent .chatlist .userpic{width: 48px;height: 48px;border-radius: 100%;position: relative;}
.tabctn .tabcontent .chatlist .userpic img{width:100%;height:100%;border-radius: 100%;overflow:hidden;object-fit: cover;}
.tabctn .tabcontent .chatlist .userpic .activestatus{width:10px;height:10px;border-radius:100%;right:1px;bottom:6px;background: #0ece81;border:1px solid #fff;position: absolute;}
.tabctn .tabcontent .chatlist .userpic .userctn{}
.tabctn .tabcontent .chatlist .userctn h5{margin-bottom:0;letter-spacing: 0.012em;font-size: 16px;font-weight: 600;color: #2a2a2a;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;text-overflow: ellipsis;
width: 200px;line-height: 16px;}
.tabctn .tabcontent .chatlist .userctn p{font-size: 13px;font-weight:400;color:#2a2a2a;margin-bottom:0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;width: 200px;line-height: 16px;}
.tabctn .tabcontent .chatlist .usernumber{width: 15px;height: 15px;border-radius:100%;background:#0ece81;line-height: 13px;text-align: center;margin-top:-15px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.tabctn .tabcontent .chatlist .usernumber span{color:#fff;font-size: 12px;letter-spacing: 0.012em;font-weight: 500;text-align: center;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}

.glider-contain .bottomspace h3 span.activestatus.deactive,
.exploresec .bottomspace h3 span.activestatus.deactive,
.profileinflft .bottomspace h3 span.activestatus.deactive,
.chatscreenheader .profileimg .activestatus.deactive,
.tabctn .tabcontent .chatlist .userpic .activestatus.deactive
{background:#ff0000;}
.messagebox .scrollscreen--track{right:1px;background: #f2f2f6;}
.boxsticker{/*background: #fff;padding:20px;position: absolute;*/bottom:250px;width:100%;display: flex;justify-content: center;align-items: center;}
.boxsticker .boxstk{display: inline-block;margin:0 4px;width:10.5%;position: relative;}
.boxsticker .boxstk.arrowdiv{width:50px;text-align: center;position: relative;display: inline-block;vertical-align:top;}
.boxsticker .marginless{margin:0 -5px;width: 100%;}
.boxsticker .boxstk .stickimg{height:68px;background:rgba(255,162,0,0.15);border:2px solid #ffa200;border-radius:10px;line-height: 68px;text-align: center;}
.arrowdiv a{width: 30px;height:30px;line-height: 30px;background: #e2e9ff;color:#1b49dd;display:block;border-radius:100%;font-size: 24px;box-shadow: 1px 1px 10px rgba(226, 233, 255, 1);}
.boxsticker .boxstk .orangetxt{line-height:10px;background:#ffa200;font-size:10px;font-weight:500;letter-spacing: 0.048em;position:relative;top:-10px;display:table;left:0;right:0;margin:0 auto;color:#fff;text-align: center;border-radius:5px;overflow: hidden;color:#fff;padding: 4px 5px;}
.arrowdiv a:after{ position: absolute;left: 0px;font-family: FontAwesome;content: "\f105";font-size:30px;color:#000;line-height: normal;right: 0;transform: rotate(90deg);color:#1b49dd;}
.boxsticker .boxstk img{max-width: 45px;}
.updarrctn{z-index: 2;}
.toggle-container {transition: height 0.35s ease-in-out;width:100%;position: absolute;bottom: 130px;background: #fff;padding:20px;z-index: 9;}
/*.toggle-container:not(.active) {display: none;}*/
.coupensticker{transition:height 0.35s ease-in-out; overflow: hidden;width:100%;position: absolute;bottom: 150px;padding:20px;display: none;}
.coupensticker .arrowdown{right:inherit;left:5px;top:5px;}
.coupensticker .js-toggle.arrowdown a{background: #1b49dd;color:#fff;}
.coupensticker .js-toggle.arrowdown a:after{transform: rotate(-90deg);top: -12px;left:-2px;color: #fff;}
.js-toggle a{width: 30px;height:30px;line-height: 30px;background: #1b49dd;color:#e2e9ff;display:block;border-radius:100%;font-size: 24px;box-shadow: 1px 1px 10px rgba(226, 233, 255, 1);position: relative;}
.js-toggle a:after{ position: absolute;left: 0px;font-family: FontAwesome;content: "\f105";font-size:30px;color:#fff;line-height: normal;right: 0;transform: rotate(-90deg);top:-10px;}
.js-toggle.arrowdown a:after{top:-1px;left:0px;}
.js-toggle.arrowdown a{left:0;right:0;margin:0 auto;bottom:0px;background: #e2e9ff;color:#1b49dd;}
.js-toggle.arrowdown a:after{color:#1b49dd;}
.giftshadectn{width: 438px;border-radius:8px;box-shadow: 1px 1px 6px rgba(0,0,0,.3);position: absolute;bottom: 70px;background: #fff;padding:25px;overflow: hidden;position: fixed;}
.giftshadectn .topttl{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.giftshadectn .topttl h5{font-size: 18px;letter-spacing: 0.012em;font-weight: 600;color:#2a2a2a;text-transform: uppercase;margin-bottom: 0;}
.giftshadectn .topttl a.closesign{width:22px;height:22px;border-radius:100%;background:red;text-align: center;line-height: 22px;}
.giftshadectn .topttl a.closesign i{color: #fff;}
.giftshadectn .topttl a.closesign:hover{background: #000;}
.giftshadectn .searchgif{margin-bottom: 15px;}
.giftshadectn .searchgif input{height: 35px;border-radius:8px;padding:7px 14px;background:#f2f2f6;border:1px solid rgba(42,42,42,0.06);width: 100%;font-size: 14px;}
.giftshadectn .imglist .imgboxwrap{width:24%;display: inline-block;padding:0 10px;margin-bottom: 10px;}
.giftshadectn .imglist{margin:0 -10px; max-height: 135px; overflow-y: auto;}
.giftshadectn .textcarousal{}
.giftshadectn .prevcell{margin-right:10px;display: inline-block;vertical-align: middle;position: relative;width:20px;height: 20px;border-radius: 100%;background: #e2e9ff;}
.giftshadectn .prevcell i:before{display: none;}
.giftshadectn .prevcell:after{position: absolute;left: 0px;font-family: FontAwesome;content: "\f105";font-size:18px;color: #1b49dd;
line-height: normal; right: 0;transform: rotate(-180deg); top:2px;text-align:center;margin:0 auto;}
.giftshadectn .prevcell:hover{background:#1b49dd;}
.giftshadectn .prevcell:hover:after{color: #fff;}
.giftshadectn .textcarousal .hidestriplay ul {width:334px;margin:0 -3px;padding:0;list-style: none;display:inline-block;}
.giftshadectn .textcarousal .hidestriplay ul li{display:inline-block;margin:0 3px;}
.hidestriplay{margin-bottom:20px;}
.giftshadectn .textcarousal .hidestriplay ul li a{display: block;border: 1px solid #f2f2f6;letter-spacing: 0.048em;padding:3px 20px;color: #2a2a2a;font-size:13px;font-weight:400;border-radius:8px;}
.giftshadectn .textcarousal .prevcell:after{}
.giftshadectn .nextcell{display: inline-block;vertical-align: middle;width:20px;height: 20px;border-radius: 100%;background: #e2e9ff;position: relative;}
.giftshadectn .nextcell i:before{display: none;}
.giftshadectn .nextcell:after{position: absolute;left: 0px;font-family: FontAwesome;content: "\f105";font-size: 18px;color: #1b49dd;
line-height: normal; right: 0;transform: rotate(0deg); top:0px;text-align:center;margin:0 auto;}
.giftshadectn .nextcell:hover{background:#1b49dd;}
.giftshadectn .nextcell:hover:after{color: #fff;}
.giftshadectn .textcarousal .hidestriplay ul li a.active{background: #1b49dd;color:#fff;}
.giftshadectn .textcarousal .hidestriplay ul li a:hover{background: #1b49dd;color:#fff;}
.imglist .modal-window {position: absolute;background-color:rgba(42,42,42,0.44);top: 0;right: 0;bottom: 0;left: 0;z-index: 999;opacity: 0;
pointer-events: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.imglist .modal-window header {font-weight: bold;}
.imglist .modal-close {color: #aaa;line-height: 50px;font-size: 80%;position: absolute;right: 0;text-align: center;top: 0;width: 70px;
text-decoration: none;}
.imglist .modal-close:hover {color: #000;}
.imgboxwrap .submitbtn{text-align: center;}
.imglarge{width: 145px;height: 155px;background: #fff;border-radius: 8px;border: 1px solid #1b49dd;display: table;margin: 10% auto 5px;}
.submitbtn input[type="submit"]{background: #fff;width: 145px;border-radius: 8px;border: 1px solid #1b49dd;height: 35px;color:#1b49dd;line-height: 33px;margin:0 auto;letter-spacing: 0.012em;font-size: 14px;font-weight: 600;color:#1b49dd;}
.submitbtn input[type="submit"]:hover{background: #1b49dd;color:#fff;}
.smileicn .giftshadectn{right: 90px;padding: 25px 25px 0px;}
.smilyimglst{margin: 0 -5px;max-height: 175px;overflow-y: auto;}
.smilyimglst .smileimg{width: 15.6%;margin-bottom:15px;display: inline-block;vertical-align: middle;padding:0 5px;}
.smilyimglst .smileimg img{width: 47px;}
.activeop{display: none;}


.stickermodel.modal {position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 20;padding: 30px;width: 100%;height: 100%;margin: 0;padding: 0;
opacity: 0;visibility: hidden;transition: visibility 0s linear 0.1s,opacity 0.3s ease;}
.stickermodel.modal.open {visibility: visible;opacity: 1;display: block;transition-delay: 0s;}
.stickermodel .modal__overlay { position:absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 21; background-color:rgba(42,42,42,0.44);}
.stickermodel .modal__close {border: none; outline: none; background: none; font-size: 24px;
color: #747474;font-weight: bold;}
.stickermodel .modal__close:hover {color: #000;}
.stickermodel .modal__container { position: relative; z-index: 22; width:145px; height:145px; margin: 15% auto 0;padding:0;background-color: #fff;text-align: center; border-radius: 8px; border: 1px solid #1b49dd;}
.stickermodel .submitbtn{position: relative;z-index: 99;}
.submitbtn .modal__close{background: #fff;width: 145px;border-radius: 8px;border: 1px solid #1b49dd;height: 35px;color:#1b49dd;line-height: 33px;margin:5px auto;letter-spacing: 0.012em;font-size: 14px;font-weight: 600;color:#1b49dd;}
.submitbtn .modal__close:hover{background: #1b49dd;color:#fff;}
.planmodel .coldivsion img{max-width: 82px;margin: 0 auto 40px;}
.planmodel .coldivsion h4{text-align: center;font-size: 20px;color: rgba(42,42,42,0.7);font-weight: 600;}
.planschedule .greencolorshade{border-radius:15px;border:1px solid #0ece81;box-shadow: 5px 5px 25px rgba(14,206,129,.1);}
.planschedule .greencolorshade h5{overflow:hidden;font-size: 10px;background:#0ece81;margin:0 auto 30px;display: table;color: #fff;line-height: 20px;padding: 3px 15px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius:5px;position: relative;}
.planschedule .greencolorshade h5:after{position: absolute;bottom: 0;content: ""; width:80px; height:7px; background-repeat: no-repeat; background-position: left bottom;
left: 0;right: 0;background-size: 52% auto;background: url(../images/triangleshapewhite.png) no-repeat}
.planschedule .greencolorshade h2{font-size: 21px;color: #0ece81;margin-bottom:20px;}
.planschedule .greencolorshade ul{list-style: none;padding: 0;margin-bottom: 50px;}
.planschedule .greencolorshade ul li{font-size: 12px;font-weight: 400;color: #0ece81;margin-bottom: 10px;}
.planschedule .greencolorshade a.bottombtn{line-height:26px;height: 26px;margin-bottom:20px;min-width: 105px;border-radius:5px;background: #0ece81;color: #fff;display:inline-block;font-size:12px;font-weight:600;}
.planschedule .row{margin:0 -5px;}
.planschedule .col-sm-4{padding:0 5px;}
.bluecolorshade{border-radius: 15px;background:#1b49dd; min-height: 300px; margin-top: -30px;}
.bluecolorshade h2{color:#fff;}
.bluecolorshade h5{overflow:hidden;font-size: 10px;background:#fff;margin:0 auto 30px;display:inline-block;color:#0ece81;line-height: 20px;padding: 3px 15px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius:5px;position: relative;}
.planschedule .bluecolorshade h5:after{position: absolute;bottom: 0;content: ""; width:180px; height:10px; background-repeat: no-repeat; background-position: left bottom;
left:-35px;right: 0;background-size:100% auto;background: url(../images/bluetriangle.png) no-repeat;}
.planschedule .bluecolorshade ul{list-style: none;padding: 0;margin-bottom: 50px;}
.planschedule .bluecolorshade ul li{font-size: 12px;font-weight: 400;color: #fff;margin-bottom: 10px;}
.planschedule .bluecolorshade a.bottombtn{line-height:32px;height:32px;margin-bottom:20px;min-width: 105px;border-radius:5px;background: #fff;color: #1b49dd;font-size: 12px;display:inline-block;font-size:12px;font-weight:600;}
.planschedule{margin-top:80px;}
.planschedule a.bottombtn:hover{background: #000 !important;}
.planschedule .bluecolorshade a.bottombtn:hover{background: #0ece81 !important;color:#fff;}
.mobilenav{display: none;}
.smileicn .show{display: block !important;}
.overlaytransperent {background:rgba(0,0,0,0.8);opacity:1;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:99;width: 100%;height:100%;}
/* Popup */
.popup{background:white;position:absolute;left:0;right:0;z-index:101;width:56%;border-radius:20px;padding:40px; /*Change your width here*/ /*Change your height here*/
 margin:-15% auto 40px;top:50%;}
.popup .close{color: #ffffff;float: right;font-size: 28px;font-weight: bold;position: absolute;background-color: #ff0000;border-radius: 100%;
text-align: center;width: 36px;height: 36px; line-height: 34px; border: none;    right: -14px; top: -19px;}
.popup .chatsec{text-align: center;margin-bottom:20px;position: relative;}
.popup .chatsec:after{background: #e2e2e2;width:2px;height: 100%;position:absolute;content: "";right:-5%;top:0;}
.popup .chatsec i{font-size:60px;margin-bottom:20px;color:#111e6c;}
.popup .chatsec h3{font-size:22px;font-weight:600;color: #000;max-width: 50%;margin:0 auto;}
.popup .giftmodule{text-align: center;margin-bottom:20px;}
.popup .giftmodule i{font-size:60px;margin-bottom:20px;color:#111e6c;}
.popup .giftmodule h3{font-size:22px;font-weight:600;color: #000;max-width: 50%;margin:0 auto;}
.popup [type="radio"]:checked,
.popup [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.popup [type="radio"]:checked + label,
.popup [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;
color: #666;}
.popup [type="radio"]:checked + label:before,
.popup [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width:26px; height:26px; border: 1px solid #ddd;
border-radius: 100%; background: #fff;}
.popup [type="radio"]:checked + label:after,
.popup [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #111e6c; position: absolute; top:7px;left:7px; border-radius: 100%;
-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.popup [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.popup [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1);}
.popup .graybg{background: #f2f2f2;position: relative;padding: 25px 15px 15px;border-radius:5px;cursor: pointer;min-height: 150px;transition: all .2s ease-in-out;}
.popup .graybg:hover{transform: scale(1.05, 1.05);background: #f8f8f8;}
.popup .graybg:hover h6{background: #ffa200;}
.popup .graybg h6{border-radius:30px;background:#111e6c;color:#fff;margin:-40px auto 20px;display:table;text-align: center;font-weight: 400;padding:10px 20px;font-size: 15px;}
.popup .graybg h6.active{background: #ffa200;}
.checkoptiongrp{margin:50px auto 10px;}
.popup .checkoptiongrp h5{margin-left:15px;font-weight:600;margin-bottom:3px;color:#000;}
.popup .checkoptiongrp span{margin-left:15px;font-weight:400;color:#666;}
.popup .rgttitle{display: inline-block;margin-left:25px;}
.popup .customradio{position: relative;}
.popup .customradio label{position: inherit !important;display: inherit !important;}
.toggle-content {position: absolute;min-width: 170px;right: 0;top: 0;padding: 0;list-style: none;margin-top: 45px;background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 10%);
border-radius: 10px;display: none;}
.toggle-content a{border-bottom: 1px solid #efefef;padding:8px 10px;font-size: 14px;color:#051137;display: block;font-weight: 400;overflow: hidden;}
.toggle-content:after {content: " ";position: absolute;right: 5px;top: -7px;border-radius: 10px;border-top: none;border-right: 7px solid transparent;
border-left: 7px solid transparent;border-bottom: 7px solid #c1c1c1;}
.toggle-content li{overflow: hidden;}
.toggle-content li:last-child a{border-bottom: none;}
.toggle-content a:hover{background:#1b49dd;color:#fff;}
.showBtn { border:none; color:#1b49dd;font-size: 20px;cursor: pointer;background:none;}
.showBtn:hover {opacity: 1;}
.overlaySearch {height: 100%;width: 100%;display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color:rgba(0,0,0,0.69);}
.searchBar {position: relative;top: 46%;width: 80%;text-align: center; margin-top: 30px; margin: auto;}
.overlaySearch .hideBtn {position: absolute;top:10%;right: 45px;font-size:50px;cursor: pointer;color:#fff;text-align: center;}
.overlaySearch .hideBtn:hover {opacity: 1;}
.overlaySearch input[type=text] {padding: 15px; font-size: 17px; border: none; float: left;width: 80%;background:#fff;}
.overlaySearch input[type=text]:hover {background: #f1f1f1;}
.overlaySearch button {float: left;width:60px;padding: 15px;background:#1b49dd;font-size: 17px;border: none;color:white;cursor: pointer;}
.overlaySearch button:hover {opacity: 1;}
.mobilesearch{display: none;}
.overlaySearch .hideBtn{width: 36px;height: 36px;line-height: 36px;background:#ff0000;border-radius:100%;}
.overlaySearch .hideBtn span{line-height: inherit;color: #fff;font-weight: 600;}
.overlaySearch .graybg{border-radius:10px;padding:65px 15px 35px; overflow: auto; position: relative;width:90%;margin:0 auto;height: 100%;}
.smileicn a{display: block;}
.giftshadectn{display: none;}
.giftshadectn{display: none;}

/** timeline code here **/
.timeline {
    position: relative;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    color: #ffffff;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    border-right: 2px dashed #c4d2e2;
    height: 100%;
    display: block;
}

.timeline-row {
    padding-left: 50%;
    position: relative;
    margin-bottom: 30px;
}

.timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 20px;
    color: #000000;
    font-size:20px;
}

.timeline-row .timeline-time small {
    display: block;
    font-size: .8rem;
    color: #000;
}

.timeline-row .timeline-content {
    position: relative;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 20px;
    height: 3px;
    width: 40px;
}
.timeline-row .timeline-content .useimg{width:50px;height:50px;overflow: hidden;position: absolute;top:5px;right:-65px;border-radius:100%;z-index: 9; box-shadow: 1px 2px 5px rgb(0 0 0 / 40%); border: 2px solid #fff;}
.timeline-row .timeline-content .useimg img{width:100%;height:100%;object-fit:cover;}
.timeline-row .timeline-content h4 { margin: 0 0 10px 0;font-size: 22px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 150%;color:#fff;}
.timeline-row .timeline-content p {margin-bottom: 30px;line-height: 150%;font-size: 14px;}
.timeline-row .timeline-content i {font-size: 2rem;color: #ffffff;line-height: 100%;padding: 10px;border: 2px solid #ffffff;-webkit-border-radius: 100px;
-moz-border-radius: 100px;border-radius: 100px;margin-bottom: 10px; display: inline-block;}
.timeline-row .timeline-content .thumbs {margin-bottom: 20px;}
.timeline-row .timeline-content .thumbs img { margin-bottom: 10px;}
.timeline-row:nth-child(even) .timeline-content {background-color: #0ece81; margin-left: 40px; text-align: left;}
.timeline-row:nth-child(even) .timeline-content:after {left: -39px;border-right:18px solid #0ece81;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.timeline-row:nth-child(even) .timeline-content:before { left: -50px;  right: initial;}
.timeline-row:nth-child(odd) { padding-left: 0; padding-right: 50%;}
.timeline-row:nth-child(even) .timeline-content .useimg{left: -70px;}
.timeline-row:nth-child(even).timeline-content:after{ border-right: 12px solid #0ece81; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.timeline-row:nth-child(odd) .timeline-time {margin-top:-25px;right: auto;left:50%;text-align: left;margin-right: 0;margin-left: 40px;font-weight: 600;color: #1b49dd;}
.timeline-row:nth-child(even) .timeline-time {margin-top:-25px;right: auto;right:56%;text-align: left;margin-right: 0;margin-left: 40px;font-weight: 600;color: #1b49dd;}
.timeline-row:nth-child(odd) .timeline-content {background-color: #1b49dd;margin-right: 40px;margin-left: 0;text-align: right;}
.timeline-row:nth-child(odd) .timeline-content:after {right: -39px;border-left: 12px solid #1b49dd;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.messagebox .card-body{padding:0;}
.messagebox .card{background: none;border:none;}
@media (max-width: 767px) {
    .timeline {
        padding: 15px 10px;
    }
    .timeline:after {
        left: 28px;
    }
    .timeline .timeline-row {
        padding-left: 0;
        margin-bottom: 16px;
    }
    .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .timeline .timeline-row .timeline-time strong {
        display: inline-block;
        margin-right: 10px;
    }
    .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0;
    }
    .timeline .timeline-row .timeline-content {
        padding: 15px;
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    .timeline .timeline-row .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
    }
    .timeline .timeline-row:nth-child(odd) {
        padding-right: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 0;
        margin-left: 55px;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
        border-right: 18px solid #5a99ee;
        border-left: inherit;
    }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
        left: 20px;
    }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
        left: 0;
    }
}
.verticalscroctn{width: calc(100% - 60px);display:inline-block;overflow-x: auto;white-space: nowrap;overflow-y: hidden;padding-bottom: 15px;}
/* width */
.verticalscroctn::-webkit-scrollbar {height:8px;width:100%;border-radius:20px;overflow: hidden;position: relative;top:10px;}
/* button */
.verticalscroctn::-webkit-scrollbar-button {background: #fff;border-radius:20px;overflow: hidden;}
/* Handle */
.verticalscroctn::-webkit-scrollbar-thumb {background: #1b49dd;border-radius:20px; }
/* Handle on hover */
/* Corner */
.verticalscroctn::-webkit-scrollbar-corner {background: #999; }
/* Resizer */
.verticalscroctn::-webkit-resizer {background: #111; }
.updarrctn .downarrow {position: relative;margin-bottom: 20px;}
.updarrctn .downarrow a:after{position: absolute;left: 0px;font-family: FontAwesome;content: "\f105";font-size:34px;color: #1b49dd;line-height: normal;right: 0;
transform: rotate(90deg);top: -4px;text-align: center; margin: 0 auto;line-height: 0;}
.updarrctn .imgboxwrap{border:2px solid #ffa200;border-radius: 5px;}
.updarrctn .imgboxwrap .innerimg{max-width: 70px;}
.updarrctn .orangetxt{line-height: 10px;background: #ffa200;font-size: 10px;font-weight: 500;letter-spacing: 0.048em;position: relative;top:8px;
display: table;left: 0;right: 0;margin: 0 auto;color: #fff;text-align: center;border-radius: 5px;overflow: hidden;color: #fff;padding: 4px 5px;}
.updarrctn .imgboxwrap{margin-bottom: 12px;}
.textareasec textarea{background: #fff;border:1px solid #e2e2e2;width:100%;margin-left:0%;border-radius:5px;}
.messagesec{width: 100%;}
.textareasec{width: 80%;height: 80px;}
.textareasec form{height: 100%;position: relative;}
.textareasec textarea{height: 100%;padding:10px 15px;}
.textareasec button{position: absolute;right: 0;padding:6px 12px;border-radius:5px;background:#1b49dd;color:#fff;border:none; font-size: 14px;font-weight: 600;bottom: 8px;right:2%;}
.customerimg{border-radius:10px;overflow: hidden;margin:0 10px 10px;border:2px solid #1b49dd;}
.titlewrap{margin-left:5px;background:#1b49dd;color: #fff;padding:8px 10px;font-size: 20px;}
/*Progressbar*/
.afterscrollvis{
    display: block;
    z-index: 9999;
}

.progressbar{
    width: 80px;
    height: 80px;
    position: relative;
}
.progressbar [data-test-id=CircularProgressbarWithChildren__children]{
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}
.progressbar svg{
    z-index: 11;
    position: relative;
}
.progressbar h5{
    font-size: 28;
    color: rgb(42, 42, 42);
    margin:0px;
}
.smallAvatar{
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.smallAvatar img{
    width: 100%;
    height: auto;
}
.exchangeBox a:after{
    display: none;
}
.exchangeBox a{
    background: rgba(255,162,0,0.15);
    margin: 0 auto;
    margin-top: 15px;
}
.exchangeBox a i{
    color: #ffa200;
}
.exchangeBox{
    margin: 0 auto;
    margin-top: 15px;
}

.collapseBottomPoint{
    bottom: 10px;
    right: 10px;
    position: fixed;
    border: 1px solid #ffa200;
    background: #eef2fe;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 200px;
    -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.15);
    box-shadow: 0 8px 6px -6px rgb(255 162 0 / 50%);
}
.collapseBottomPoint h6{
    margin: 0;
    font-size: 14px;
}
.collapseBottomPoint a{
    background: #ffa200;
    color: #fff;
    border-radius: 10px;
    padding: 5px;
    font-size: 15px;
}
.boxsticker-mobile{
    position: fixed;
    bottom: 70px;
    left: 10px;
}
.boxsticker-container{
    width: auto;
    position: relative;
    display: flex;
    flex-direction: row;
}
.gift-box-btn-mobile{
    background: #e2e9ff;
    color: #1b49dd;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 10px rgb(226 233 255);
    border-radius: 100%;
    font-size: 24px;
}
.exchangeBox.exchangeBox-mobile{
    background: #fff1d9;
    border-radius: 55px;
    width: 30px;
    text-align: center;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-left: 10px; 
}
.exchangeBox.exchangeBox-mobile a{
    margin-top: 0px;
}
.point-exchangeBox-mobile{

}
.queue-box{
    background: #f0f0f0;
    border-radius: 5px;
    border: 1px solid #b7b5b5;
    width: 100%;
    height: 100%;
    padding: 5px 5px;
    display: flex;
    align-self: center;
    justify-content: center;
    flex:1;
}
.queue-box h6{
    margin: 0;
}
.page-wrap {
    min-height: 100vh;
}
.floating-box{
    position: fixed;
    right: 0;
    top: 60px;
    background: #fff;

    -webkit-box-shadow: 1 8px 3px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 8px 6px 3px rgba(0,0,0,.15);
    box-shadow: 0 8px 6px 3px rgb(0 0 0 / 15%);

    width: 23%;
}

.mainLogo{
    width: 80px;
}