/*-- Fonts --*/

@font-face {

    font-family: 'Roboto Regular';

    src: url('../fonts/roboto-regular.eot');

    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-regular.woff2') format('woff2'),

         url('../fonts/roboto-regular.woff') format('woff'),

         url('../fonts/roboto-regular.ttf') format('truetype'),

         url('../fonts/roboto-regular.svg#RobotoRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto Medium';

    src: url('../fonts/roboto-medium.eot');

    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-medium.woff2') format('woff2'),

         url('../fonts/roboto-medium.woff') format('woff'),

         url('../fonts/roboto-medium.ttf') format('truetype'),

         url('../fonts/roboto-medium.svg#RobotoMedium') format('svg');

    font-weight: normal;

    font-style: normal;

}



/*-- Reset css --*/



/*==================box-sizing================*/



*,*:before,*:after{box-sizing:border-box}



html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}



/*====*/



*{margin:0;padding:0;border:none}



abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}



dfn{font-style:normal}



.left{float:left}.right{float:right}



.clear{clear:both}



.aligncenter{text-align:center}



.alignright{text-align:right}



a{color:#000;outline:none;border:none;text-decoration:none}



a:visited{color:#5c5c5c}



a:hover{text-decoration:none;color:#0198d1}



a:active{color:#000}



address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}



:focus{outline:0}



ul,ol{list-style:none;margin:0;padding:0}



p{font-size:15px;padding:8px 0;line-height:24px;margin:0}



.input-group{position:relative;margin-bottom:15px}



.form-control{background:#efefef;width:100%;border:0;font-size:16px;color:#323232;border-radius:8px;width:100%;height:56px;padding:8px 15px}



.form-control::-moz-placeholder{color:#323232;opacity:1}



.form-control:-ms-input-placeholder{color:#323232}



.form-control::-webkit-input-placeholder{color:#323232}



.form-control:focus{background-color:#efefef;border:0;box-shadow:0 0 0 0.2rem #e79dad}



.btn-primary{background-color:#240000;box-shadow:none;color:#fff;font-size:23px;border:none;padding:11px 40px;text-align:center;vertical-align:middle;border-radius:8px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}



.btn-primary:hover{background-color:#921d37}



.btn-primary:focus,.btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active:focus{background-color:#921d37;border:0;box-shadow:0 0 0 0.2rem rgba(146,29,55,.5)}



textarea{font:12px Arial, Helvetica, sans-serif}



textarea.form-control{height:120px}



.block{display:inline-block;width:100%}







a:visited.button{color:#fff}



.error{display:block;color:#d60606;padding-top:5px}



.alert-success{opacity:1}.button.radius{border-radius:4px}



.capitalize{text-transform:none;text-transform:capitalize}



img.img-block{display:block;max-width:100%;height:auto}



.center-box{background-color:transparent;text-align:center;padding:60px 0}



.ucase:before{text-transform:uppercase}



.block{display:inline-block;width:100%}



.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}



.list{list-style:none; margin:0}



.list li{background:url(../images/list.png) no-repeat left 9px;color:rgb(217, 217, 217);font-size:20px;line-height:28px;margin:0 20px 20px;padding-left:26px}



.list-numeric{list-style:decimal outside;padding-left:26px}



.list-numeric li,.list-unstyled li{font-size:20px;line-height:28px;margin:0 0 16px}



.list-unstyled{padding-top:35px}



/*-- Body --*/



html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}



body{background:#9a253f;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#fff}



.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px;max-width:720px}



/*-- Fetch Fonts --*/



h1,h2,h3,h4,h5,h6,.btn-primary{font-family:"Roboto Medium", Arial, sans-serif;font-weight:400}



.hd-h2{color:#242323;font-size:46px;margin:0 0 24px;letter-spacing:1px}



/*-- Container --*/



#content .panel{background:#fff;padding:20px;border-radius:15px}



form label{display:block;margin-bottom:1.25rem}



.hd-h1{color:#151515;font-size:20px;padding:13px 0}



/*-- Header --*/



.navbar-brand{margin:0;padding:30px 0}



/* index Page */

#searchform span{color:#a3a3a3;font-size:20px;font-family: 'Roboto Regular',sans-serif;text-align: center;margin:0 auto 8px}



/*-- Footer --*/



footer p{font-size:13px;padding:20px 15px 40px}



/* Confirmation Page */

.confirmation .qr-code{text-align: center;}    

.confirmation figure img{display: block;margin: 0 auto;}

.confirmation figure{margin: 0;}

.confirmation span{font-size:12px;color:#a8a8a8;text-align: center;}

.confirmation-box{background: #ececec;padding:20px 25px;border-radius: 5px;margin-top:26px}

.confirmation-box label{color:#3e3e3e;font-size:16px;font-family: 'Roboto Medium',sans-serif;margin-bottom:13px}

.confirmation-box span{color:#4b4b4b;font-size:16px;font-family: 'Roboto Regular',sans-serif;}



/* OTP Verification */
.verification-code{text-align: center;padding-bottom: 60px;}
.verification-code figure{margin:3px}
.verification-code figure img{display: block;margin:0 auto}
.verification-code p{font-size:16px;font-family: Arial, Helvetica, sans-serif;color:#151515;margin-bottom: 8px;}
.verification-code span{color:#a6a6a6;font-size:18px;font-family:'Roboto Medium',sans-serif;}
.verification-code h3{font-size:18px;font-family:'Roboto Medium',sans-serif;color:#151515;text-transform: uppercase;margin-top:13px}
.verification-code form {max-width: 360px;margin: 0 auto}
.verify-otp{display:block;min-width:360px;height:45px;background:url(../images/opt-textbox-bg.gif) no-repeat center 100%;margin:9px 0 0;padding:0 15px}
.verify-otp input{font:30px 'Roboto Regular',sans-serif;color:#a3a3a3;box-shadow:none;outline:none;width:275px;letter-spacing:44px;margin-left:64px}
.resend-otp{color:#898989;font-size:14px;margin:10px 0 30px}
.resend-otp a{color:#9a253f}



/* Slots */

.wine-slots .hd-h1{margin-bottom: 0;}

.wine-slots{padding-bottom: 25px;}

.wine-slots span{font:16px 'Roboto Medium',sans-serif;color:#6a6a6a;}

.wine-slots ul{margin:6px -5px 23px;}

.wine-slots li {padding:0}

.wine-slots li.active span{background: #9a253f;color:#fff}

.wine-slots li span{background:#f2f2f2;color:#323232;padding:9px 15px;margin:10px 5px 0;border-radius:5px;display:block} 



/* Wine Shop List */

.token-management .box {padding: 10px 12px 6px;border-radius: 2px;box-sizing: border-box;margin-bottom: 18px;	box-shadow: 0 0 10px rgba(241,241,241,1);}

.token-management .head {display: inline-block;padding: 2px 1% 2px 0;letter-spacing: -0.3px;}

.token-management .head h2 {font-size: 16px;color:#151515;font-family: Arial, Helvetica, sans-serif;margin:0}

.token-management .head span {display: block;font-size: 12px;color:#878787}

.token-management .get-token {float:right;color: #9a253f;font-size: 14px;font-family: 'Roboto Medium',sans-serif;width:100%;max-width:86px;border:1px solid #a1344c;text-align: center;padding:6px 0;border-radius: 5px;transition: all 0.2s linear 0s;}

.token-management .get-token:hover {background-color: #9a253f;color:#fff}

.token-management .get-token:hover a{color:#fff}



@media (max-width: 575px){

.wine-slots ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.wine-slots li{flex: 0 0 33.333333%;max-width: 33.333333%;}



}