:root{
  --green-l:#f0fdf4;--green-m:#bbf7d0;--amber-l:#fffbeb;--red-l:#fef2f2;
  --ink2:#374151;--ink3:#6b7280;--ink4:#9ca3af;--line2:#f3f4f6;--bg:#f9fafb;
}

.step-nav{display:flex;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm)}
.sn{flex:1;display:flex;align-items:center;gap:8px;padding:13px 14px;cursor:pointer;border-right:1px solid var(--line);transition:background .15s;position:relative;-webkit-tap-highlight-color:transparent}
.sn:last-child{border-right:none}
.sn:hover{background:var(--bg)}
.sn.active{background:var(--mycolor10)}
.sn.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mycolor)}
.sn.done{background:var(--white)}
.sn-num{width:26px;height:26px;border-radius:50%;background:var(--line-soft);color:var(--ink3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.sn.active .sn-num{background:var(--mycolor);color:var(--white)}
.sn.done  .sn-num{background:var(--green);color:var(--white);font-size:11px}
.sn-txt .sn-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}
.sn-txt .sn-desc{font-size:11px;color:var(--ink4);margin-top:1px}
.sn.active .sn-title{color:var(--mycolor)}
@media(max-width:600px){
    .sn{padding:11px 8px;gap:6px}.sn-desc{display:none}
}

.slider-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px}
.slider-card:last-child{margin-bottom:0}
.slider-head{padding:16px 18px 13px;border-bottom:1px solid var(--line-soft)}
.slider-head h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:2px}
.slider-head p{font-size:13px;color:var(--ink3)}
.slider-body{padding:18px}

.facility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
@media(max-width:480px){
    .facility-grid{grid-template-columns:repeat(2,1fr)}
}
.fac-card{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:16px 12px;cursor:pointer;transition:all .18s;background:var(--white);text-align:center;position:relative;-webkit-tap-highlight-color:transparent}
.fac-card:hover{border-color:var(--mycolor40);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.fac-card.selected{border-color:var(--mycolor);background:var(--mycolor10);box-shadow:0 0 0 3px var(--mycolor40)}
.fac-icon{height:130px;font-size:32px;margin-bottom:10px;display:block}
.fac-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3}
.fac-desc{font-size:11px;color:var(--ink4);margin-top:4px;line-height:1.4}
.fac-tick{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--mycolor);color:var(--white);font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center}
.fac-card.selected .fac-tick{display:flex}
.selected-tag{display:inline-flex;align-items:center;gap:6px;background:var(--mycolor10);border:1px solid var(--mycolor40);color:var(--mycolor);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;margin-bottom:14px}

.suite-action-bar{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 18px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm)}
.suite-action-hint{font-size:12px;color:var(--ink4);font-weight:500}
@media(max-width:500px){
    .suite-action-bar{flex-direction:column;align-items:stretch}
}

.room-row{padding:16px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:16px}
.room-row:last-child{border-bottom:none}
.room-info{min-width:180px;flex-shrink:0}
.room-info h4{font-size:14px;font-weight:700;color:var(--ink)}
.room-info p{font-size:12px;color:var(--ink3);margin-top:2px}
.room-control{flex:1;display:flex;align-items:center;gap:12px}
.room-slider{flex:1;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:var(--line);outline:none;border:none;cursor:pointer; max-width: inherit !important;}
.room-slider:focus{ border:0px!important; }
.room-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--mycolor);box-shadow:0 1px 4px rgba(37,99,235,.3);cursor:pointer;transition:transform .1s}
.room-slider:active::-webkit-slider-thumb{transform:scale(1.15)}
.room-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--mycolor);border:none;cursor:pointer}
.room-val{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--mycolor);background:var(--mycolor10);border-radius:4px;padding:3px 10px;min-width:36px;text-align:center;flex-shrink:0}
.room-val.zero{color:var(--ink4);background:var(--line-soft)}
@media(max-width:560px){
    .room-row{flex-direction:column;align-items:flex-start;gap:10px}
    .room-info{min-width:unset}
    .room-control{width:100%}
}

.action-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.ac-btn{border:1.5px solid var(--line);border-radius:6px;padding:14px;cursor:pointer;text-align:center;transition:all .15s;background:var(--white);-webkit-tap-highlight-color:transparent}
.ac-btn:hover{border-color:var(--mycolor);background:var(--mycolor10)}
.ac-btn.selected{border-color:var(--mycolor);background:var(--mycolor10)}
.ac-icon{font-size:22px;margin-bottom:6px}
.ac-name{font-size:13px;font-weight:700;color:var(--ink)}
.ac-desc{font-size:11px;color:var(--ink4);margin-top:2px}
@media(max-width:400px){
    .action-choice{grid-template-columns:1fr}
}

.callout{border-radius:6px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex;gap:10px;align-items:flex-start;border:1px solid}
.callout.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.callout.warn{background:var(--amber-l);border-color:#fde68a;color:#92400e}
.callout.ok  {background:var(--green-l);border-color:var(--green-m);color:#14532d}
.callout.tip {background:#faf5ff;border-color:#e9d5ff;color:#6b21a8}

 
.main {width: 400px;margin: auto;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
label { display: block; margin-bottom: 2.5em; font-size: 14px; font-weight: 500; }

.rangeslider__tooltip { display: block; margin-top: 2.5em; font-size: 12px; color: #a59eb5; }

.rangeslider, input[type='range'] { max-width: 400px; }

.rangeslider__handle { border-radius: 22px; line-height: 42px; text-align: center; font-weight: bold; &:after{ background: 0; } }

.rangeslider, .rangeslider__fill { display: block; border-radius: 10px; }

.rangeslider { background: #e6e5ea; background-image: linear-gradient( to right,  #4bc67d 30%, #f1c40f 45%, #b94a48 99% ); position: relative; }

.rangeslider--horizontal { height: 10px; width: 100%; }

.rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; }

.rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.rangeslider__fill { /*background: #4bc67d;*/ position: absolute; }
.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; }
.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } 
.rangeslider__handle { background: white; border: 6px solid #4bc67d; cursor: pointer; display: inline-block; width: 40px; height: 40px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
  &.js-low { border-color: #4bc67d; }
  &.js-med { border-color: #f1c40f; }
  &.js-high { border-color: #b94a48; }
}
.rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.rangeslider--horizontal .rangeslider__handle { top: -20px; touch-action: pan-y; -ms-touch-action: pan-y; }
.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; }

input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }


.mt-100 { margin-top: 100px;  }
.mb-100 { margin-bottom: 100px; }

.icon { width: 32px; height: 32px; text-align: center; padding: 7px 8px; border: 2px solid; border-radius: 50%; }

.content { position: relative; display: table; width: 100%; min-height: 100vh; }
.pull-middle { display: table-cell; vertical-align: middle; }

/* .btn{border-radius:0;}*/

.input-group input { border: 0; box-shadow: none; padding-right: 30px; }
.input-group input:focus, .input-group input:active { outline: 0; box-shadow: none; }
.input-group-btn:last-child>.btn { z-index: 2; margin-left: -18px;    border-radius: 20px; }

 
.navbar-brand small{display:block;}
.product-grid{margin-left:-5px; margin-right:-5px;}
.product-grid .col-md-3{padding-left:5px; padding-right:5px;}
.product-grid .col-md-6 img, .product-grid .col-md-3 img{width:80%; text-align:center;}
.block{text-align:center; background:#EEE; display:flex; width:100%; margin-bottom:10px; padding:10px;}
/*.front:hover{background:#36C; color:#fff;}*/
.block .heading{font-size:18px; font-weight:500;}
 
/*.front:hover img
{
  filter: brightness(0) invert(1);
}*/
.item{margin:auto 0; width:100%;}
.back .item{margin:auto 0!important; width:100%;}
.front{ position: relative; transition: all ease .5s; display:flex; } 
.front:before { transition: all ease .5s; }
.front:before { content: ""; position: absolute; bottom: 0%; right: 0%; width: 0px; height: 0px; border-top: 40px solid #4a4a4a; border-right: 40px solid transparent; -webkit-box-shadow: -15px -10px 21px -17px rgba(0,0,0,0.75); -moz-box-shadow: -15px -10px 21px -17px rgba(0,0,0,0.75); box-shadow: -15px -10px 21px -17px rgba(0,0,0,0.75); transition: all ease .5s; }
.front:after { content: ""; position: absolute; bottom: 0%; right: 0%; width: 0px; height: 0px; border-bottom: 40px solid #fff;  border-left: 40px solid transparent;  }
 
.fold{position:absolute; padding:5px; right:12px; bottom:12px;  z-index:99;}
.fold a i{color:#fff;}
 
.front:hover .item{ transform: translateY(-10%);}
.item{transition: transform .6s ease-in-out;}
.container{width:98%!important;}
.fhe .card-container, .fhe .block{height:510px;}
.fhe02 .card-container, .fhe02 .block{height:250px;}
 .nav > li > a{border-radius:0; }
 .nav-pills{border-bottom:solid 5px var(--mycolor)!important; margin:20px 0!important;}
 .nav-pills > li.active > a{border-radius:0;}   
 #exTab1a ul.nav-pills li{  text-align: center; flex:1;}
  #exTab1a ul.nav-pills li{background:#f1f1f1;}  #exTab1a ul.nav-pills li a{height:100%; line-height: 18px;}
    
/* entire container, keeps perspective */
.card-container {
	  -webkit-perspective: 800px;
   -moz-perspective: 800px;
     -o-perspective: 800px;
        perspective: 800px;
        margin-bottom: 10px;
}
/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card,
.card-container.hover.manual-flip .card{
	-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
 -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}


.card-container.static:hover .card,
.card-container.static.hover .card {
	-webkit-transform: none;
-moz-transform: none;
 -o-transform: none;
    transform: none;
}
/* flip speed goes here */
.card {
	 -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
        transition: transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	 
}
.back.block:before{display:none;}
/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
		-webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
        z-index: 3;
}

.back .btn-simple{
    position: absolute;
    left: 0;
    bottom: 4px;
}
/*        Style       */


/*.card{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    color: #444444;
}*/
.card-container .back {
	 background:#fff;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
}
.card .cover{
    height: 105px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.card .cover img{
    width: 100%;
}
.card .user{
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -55px auto 0;
    overflow: hidden;
    width: 120px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 10px 20px 20px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 215px;
}
.card .name {
		font-family: 'Arima Madurai', cursive;
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
}
.card h5{
    margin: 5px 0;
    font-weight: 400;
    line-height: 20px;
}
.card .profession{
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.card .footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
.card .footer .social-links{
    font-size: 18px;
}
.card .footer .social-links a{
    margin: 0 7px;
}
.card .footer .btn-simple{
    margin-top: -6px;
}
.card .header {
    padding: 15px 20px;
    height: 90px;
}
.card .motto{
		font-family: 'Arima Madurai', cursive;
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.card .stats-container{
	width: 100%;
	margin-top: 50px;
}
.card .stats{
	display: block;
	float: left;
	width: 33.333333%;
	text-align: center;
}

.card .stats:first-child{
	border-right: 1px solid #EEEEEE;
}
.card .stats:last-child{
	border-left: 1px solid #EEEEEE;
}
.card .stats h4{
		font-family: 'Arima Madurai', cursive;
	font-weight: 300;
	margin-bottom: 5px;
}
.card .stats p{
	color: #777777;
}
/*      Just for presentation        */

.title{
    color: #506A85;
    text-align: center;
    font-weight: 300;
    font-size: 44px;
    margin-bottom: 90px;
    line-height: 90%;
}
.title small{
    font-size: 17px;
    color: #999;
    text-transform: uppercase;
    margin: 0;
}
.space-30{
	height: 30px;
	display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-200{
    height: 200px;
    display: block;
}
.white-board{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 60px 60px 20px;
}
.ct-heart{
    color: #F74933;
}

 pre.prettyprint{
    background-color: #ffffff;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
}
.atv, .str{
    color: #05AE0E;
}
.tag, .pln, .kwd{
     color: #3472F7;
}
.atn{
  color: #2C93FF;
}
.pln{
   color: #333;
}
.com{
    color: #999;
}

.btn-simple{
    opacity: .8;
    color: #666666;
    background-color: transparent;
}

.btn-simple:hover,
.btn-simple:focus{
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
}
.btn-simple i{
    font-size: 16px;
}

.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back{
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }
    .front{
        z-index: 4;
    }
    .card-container:not(.manual-flip):hover .back,
    .card-container.manual-flip.hover .back{
        z-index: 5;
        visibility: visible;
    }
}

.closebo{position:absolute; right:10px; top:10px; z-index:999;}
.fot{background:var(--mycolor); color:#fff; position:absolute; bottom:0; width:100%; margin:0 -10px;}
.fot a{color:#fff; text-decoration:none; padding:10px;  display:block;}
/*.fhe02 .row{min-height:260px;}*/
@media screen and (max-width: 992px) { 
.fhe02 .card-container, .fhe02 .block{height:250px;}
.product-grid .col-md-6 img, .product-grid .col-md-3 img{width:50%; text-align:center;}
.gallery a{
    width: calc(96%/2);}
}

.section{padding-bottom:30px;}

 /* Photo Gallery styles */
.gallery {
  
  overflow-y: auto; /*height:100vh;*/ max-height:calc(100vh - 250px); 
  /*white-space: nowrap;*/
}
.gallery a {
    display: inline-block;
    height: auto;
    margin:0.5%; text-align:center;
    opacity: 1; border:solid 1px #ccc;
    position: relative;
    width: calc(96%/4); 
    -khtml-user-drag: element; 
    /* CSS3 Prevent selections */
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    /* CSS3 transition rules */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gallery a img{height:50px; width:50px; margin:5px 0 5px 0;}
.gallery img,.gallery .protitle{ cursor:move!important; }
.gallery .procode span:hover{ color:#3399FF; }
.proclick{ float:left; cursor:pointer; }
.proclick:hover{ color:#3399FF; }

.gallery a.hidden {
    height: 0;
    margin: 0;
    opacity: 0;
    width: 0;
}
.albums {
    margin:0;
    overflow-y: auto;  overflow-x: hidden;
    width: 100%; /*max-height:600px;*/
}
.album {
    
    float: left;
     margin:0 0 10px 0;
    min-height: 100px;
   
    width: 100%;

    /* CSS3 transition rules */
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.album a {
    display: inline-block;
    height: auto;
    text-align:center;
    opacity: 1; border:solid 1px #ccc;
    position: relative;
    width: 118px; 
    -khtml-user-drag: element; 
    /* CSS3 Prevent selections */
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    /* CSS3 transition rules */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.album a  img {
   height:auto; width:98%; 
}
.gallery a .protitle{color:#333; padding:0 3px; font-size:12px; text-decoration:none;  display:block; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-height:15px;
-webkit-box-orient: vertical; }
.gallery a:hover .protitle{text-decoration:none; color:#428bca;}

.album a .protitle{
color:#333; font-size:12px; text-decoration:none;  line-height:18px; 
overflow: hidden; padding:0 5px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
 
}
.album a .procode, .gallery .procode{ color:#a1a1a1; font-size:11px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between;}
.procode span{ float:left; cursor:pointer; }


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

.album .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background:none; 
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none; border:none; width:100%; text-align:left;
    }
.panel-title > a .replicate font{color:#fff;}
    .more-less {
        float: left; margin-right:15px;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
	
.panel-group .nav-tabs{border-bottom:none!important;}
.panel-group .tab-content{ border:solid 1px #EBEBEB; padding:10px; height:378px; }
.panel-group .container{ min-height:100px;}
.album .collapsed{background:#EFEFEF; color:#000;}
.album .collapsed .glyphicon{ color:#000;}
.panel-title > a{background:var(--gray); color:#fff;}
.panel-title > a .glyphicon{color:#fff;}
.album .tab-content a{margin:5px;} 

/* @extend display-flex; */
display-flex, .wizard, .actions, .actions ul, .actions ul li a .zmdi {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, .actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* Montserrat-300 - latin */
 

.setup input, .setup select, .setup textarea {
  outline: none; color:#fff!important;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

.setup input::-webkit-outer-spin-button, .setup input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

.setup input:focus, .setup select:focus, .setup textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

.setup input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

.clear {
  clear: both; }
 
 
.setup .finished {
  background: #0184d2; }
.setup .finished .setup .container {
    display: none; }
.setup .finished h1 {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold; }

.setup .signup-form {
  position: relative; }
.setup .signup-form .steps {
    display: none; }

.setup .disabled {
  display: none; }

.setup label {
  font-size: 22px;
  display: block;
  width: 100%;
 }

.setup input {
  display: block;
  width: 100%;
  border: none;
  background:#00a7f6;
  border-bottom: 3px solid #40c2ff;
  box-sizing: border-box;
 
  font-weight: bold;
  font-size: 22px;
  transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  padding-top: 30px;
  padding-bottom: 3px;
  -webkit-appearance: none; }
.setup input:focus + .form-label {
    top: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #999; }
.setup input:invalid + .form-label {
    display: block; }

.setup .form-label {
  position: absolute;
  transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  left: 0;
  top: 25px; color:#fff; }

.setup label.error {
  display: block;
  position: absolute;
  top: 0px;
  right: 0; }
.setup label.error:after {
    font-family:'FontAwesome';
    position: absolute;
    content: '\f071';
    right: 0px;
    top: 30px;
    font-size: 18px;
    color: #e10000; }

.setup .form-label-error {
  color: #e10000; }

.setup input.error {
  border-bottom: 3px solid #00cce1; }

.setup input.error + .form-label {
  top: 4px;
  font-size: 12px;
  font-weight: 500; }

.setup input.valid + .form-label {
  display: none; }

.setup fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
  position: relative; }

.setup .wizard {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 0 15px 0 55px; }

.setup .actions {
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }
.setup .actions ul {
    margin: 0 -5px; }
.setup .actions ul li {
      padding: 0 5px; }
.setup .actions ul li a {
        font-size: 56px;

        text-decoration: none; }
.setup .actions ul li a .zmdi {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          align-items: center;
          -moz-align-items: center;
          -webkit-align-items: center;
          -o-align-items: center;
          -ms-align-items: center;
          justify-content: center;
          -moz-justify-content: center;
          -webkit-justify-content: center;
          -o-justify-content: center;
          -ms-justify-content: center; }

.fa-angle-right {
  color: #00a7f6;
  background: #fff; height:60px; width:60px; border-radius:50%; text-align:center; }

.fa-angle-left {
  color: #999;
  background: #ebebeb;  height:60px; width:60px; border-radius:50%; text-align:center; }

.form-error .fa-angle-right {
  color: #e10000; }

.setup .field-icon {
  font-size: 18px;
  position: relative;
  z-index: 2;
  float: right;
  margin-top: -29px; }
.setup #steps-uid-0-p-4 {
  padding-bottom: 16px; }

 .setup .content{min-height:70px!important;}
/*# sourceMappingURL=style.css.map */
.setup{background:#00a7f6; border-radius:100px; padding:10px; max-width:600px; height:auto; margin:50px auto;}
.setup .title{font-size:12px; line-height:18px; margin-bottom:0;}









 
 .album .tabs{margin-bottom:15px;}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  
}
#tab-button li a {
  display: block;
  padding: .5em;
  margin:0 3px;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none; height:auto; width:auto;
}
/*#tab-button li:not(:first-child) a {
  border-left: none;
}*/
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
}
.tab-contents {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
}
.album .tab-contents{min-height:100px;}


.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
    #exTab1a ul.nav-pills li {
     width: calc(100% /3 - 4px);  flex: inherit; margin-bottom: 4px;
     
}
    }

.fhe,.fhe02{ float:left; }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-pills > li { margin:0; float: left; }
.nav > li { position: relative; display: block; }
.nav-pills li.active { margin-bottom: -5px; }
.nav-pills > li > a { border-radius: 4px; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; border-radius: 0; }
.nav-pills > li.active > a { border-radius: 0; padding-bottom: 15px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color:var(--mycolor); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color:#555; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; } 
.nav-item a{ width:100%; }
.album .panel .panel-title{position:relative;}
.panel .panel-title{ display:block; overflow:hidden; }
.panel-group .panel-collapse { border: solid 1px #EBEBEB; background-color: #fff; }
.tab-content .tab-pane{ min-height:356px; }

.replicate{ display:block; position:absolute; right:10px; margin-top:12px; }
.replicate input{ display:block; float:left; margin-bottom:-10px; }
.replicate font{ display:block; margin:1px 10px 0px 24px; }
.emptydrop{ max-width:500px; color:#E6E6E6; border:1px dashed #E6E6E6; padding:10px; margin:140px auto; }
.delroom{ float:right; margin:5px -7px 0px 5px; cursor:pointer; }

.panel { border-radius:6px; margin-bottom:5px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%); box-shadow:0 1px 1px rgb(0 0 0 / 5%);}
.panel-default { border-color: #ddd; background-color: #f5f5f5;}
.panel-body { height:440px; padding:10px; }
.fl_head { display: flex; display: -ms-flexbox; justify-content: space-between; }
.fl_head .titles h4{ font-size:18px; margin:0px; }
.fl_head .counts span{ display:block; font-size:12px; line-height:14px; margin-bottom:5px; color:#6a6a6a; }
.fl_head .action { display:block; max-width:20px; }
.action .dropdown-menu{ margin:0px; padding:0px; }
.w_scr .widget-content{position:relative; border:none; width: calc(100% - 5px); box-shadow: 2px 1px 3px rgb(0 0 0 / 11%); padding:15px; }
.widget-content { padding: 5px; background: #FFF; border: 1px solid #D5D5D5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:5px; }
.pinco { -ms-transform: rotate(33deg); transform: rotate(33deg); font-size: 13px; }
.fl_head p{ font-size:13px; line-height:18px; margin-bottom: 3px; }
.fl_head .proimg{ width:40px; float:left; }
.proimg img{ width:100%; overflow:hidden; }
.proimg2 img{ width:30px!important;  }
.fl_head .procont{ width:calc(100% - 45px); float:left; overflow:hidden; }
.procont p span{ font-size:12px; }
.w_scr{ height:375px; overflow:auto; position:relative; width: calc(100% + 5px);}
.s_sticky{position: sticky; top:60px;}
.finalmsg{ max-width:650px; font-size: 17px; background: #fff; border:3px dashed var(--mycolor); padding:30px 20px 20px; margin:-30px auto 30px auto; }
.fold svg{width:20px; height:20px; fill:#fff;}
.album .tab-content a:last-child{margin-right:0;}
.n_dropdo i:after{display:none;}
.n_dropdo i{padding:6px;}
.n_dropdo .dropdown-menu{right:0!important; left: inherit!important;}
.n_dropdo .dropdown-menu li{width:100%!important; text-align:left;}
.n_dropdo .dropdown-menu li{background:none!important;}
.n_dropdo .dropdown-menu li a{width:100%!important;}
.panel-title label{font-weight:400;} 
.panel-title.active label{color:#fff;}
.l-labe{width:80px;}
.user_head{         position: absolute;
    font-size: 46px;
    width: 90px;
    height: 90px;
    background: #ffffff;
    text-align: center;
    line-height: 90px;
    border-radius: 50px;
    border: solid 1px #ddd;
    color: var(--mycolor);
    left: -53px;
    top:25px;
}
.drop_two{position:absolute; top:18px; right:15px; color: #9f9f9f;} .drop_two .dropdown-toggle::after{display:none;}
.counts{font-size:12px;}
.sea_icon .btn{font-size:14px;} .sea_icon .btn:hover i{color:#fff;}
.bl-none{border-left:none;}
.ti_box{text-align: center;
    line-height: 22px;
    font-size: 21px;}
/* .wrapper2{height:100vh;display:flex;justify-content:center;align-items:center;
    background-color:#eee}*/
    .checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke:var(--mycolor);fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;margin:15px auto;box-shadow: inset 0px 0px 0px var(--mycolor); animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both}.checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}
    @keyframes stroke{100%{stroke-dashoffset: 0}}@keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px var(--mycolor)}}


/*.tab-pane .dragpro:last-child {  
  transform: translate3d(0, 0, 0);
  animation-name: shakeMe;
  animation-duration: 5s;
  animation-timing-function: linear;
}*/
/*.tab-pane .dragpro:last-child .qty {  
  transform: translate3d(0, 0, 0);
  animation-name: shakeMe;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes shakeMe {
  2%, 18% {
      transform: translate3d(-5px, 0, 0);
  }

  4%, 16% {
      transform: translate3d(5px, 0, 0);
  }

  6%, 10%, 14% {
      transform: translate3d(-5px, 0, 0);
  }

  8%, 12% {
      transform: translate3d(5px, 0, 0);
  }
  
  18.1% {
      transform: translate3d(0px, 0, 0);
  }
}*/