::-webkit-input-placeholder { color: #666;}
::-webkit-selection{background:#00518f;color:#fff;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder { color: #666;}
::-moz-selection{background:#00518f;color:#fff;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #666;}
::-ms-selection{background:#00518f;color:#fff;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {  color: #666;}
::selection{background:#00518f;color:#fff;text-shadow:0 0 transparent}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;} 
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%}
a[data-toggle="modal"]{outline:none}
a { color: #2d3679;}
a:hover {text-decoration: none;}
body {font-family: 'Roboto', sans-serif; background-color: #fff; }

.bg-Home ::-webkit-input-placeholder { color: #fff; font-size: 12px;}
.bg-Home ::-moz-placeholder { color: #fff; font-size: 12px;}
.bg-Home :-ms-input-placeholder {color: #fff; font-size: 12px;}
.bg-Home :-moz-placeholder {  color: #fff; font-size: 12px;}

.hamburger-icon:before { content: " "; display: block; position: fixed; top: 0; left: 0; height: 100%; width: 0; opacity: 0;  background: rgba(0, 0, 0, .4) }
.hamburger-icon { vertical-align: middle; position: relative; height: 32px; width: 32px; z-index: 100; cursor: pointer; display: inline-block }
.hamburger-icon div { position: absolute; height: 2px; right: 2px; left: 2px; background-color: #999; border: 0; -webkit-transition: -webkit-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; -moz-transition: -moz-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; -o-transition: -o-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; transition: transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s; vertical-align: top }
.hamburger-icon div.top { top: 25%; margin-top: -1px }
.open-nav .hamburger-icon div.top { transform: rotate(-135deg); top: 50% ; background-color: #d62625}
.hamburger-icon div.middle { top: 50%; margin-top: -1px }
.open-nav .hamburger-icon div.middle { opacity: 0 }
.hamburger-icon div.bottom { top: 75%; margin-top: -1px }
.open-nav .hamburger-icon div.bottom { transform: rotate(135deg); top: 50% ; background-color: #d62625}
.open-nav .off-canvas-main { transform: translateX(-260px);position: fixed; top: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }
.open-nav .off-canvas-nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.open-nav .hamburger-icon:before {opacity:1; width: 100%;}

.off-canvas-nav {position: fixed; width: 260px; right: -260px; background-color:#ffffff; border-left: 1px solid #c5c5c5; overflow-y: auto; z-index: 9; height:100%; overflow-x:hidden; overflow-y:auto}
.off-canvas-nav .list-unstyled li {position:relative}
.off-canvas-nav .list-unstyled li+li:after { content: " "; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background-color: #c5c5c5;}
.off-canvas-nav .list-unstyled a {position: relative;text-decoration: none; cursor: pointer; line-height: 40px; padding:0 20px;color: #58595b;text-transform: uppercase; font-size: 12px; display: block;}
.off-canvas-nav li.parent>a:after { content: ""; float: right; background-image: url(../images/spritesheet.png); background-position: -257px -232px; width: 7px; height: 12px; margin: 14px 0;}
.left-nav-toplink { height: 100%; overflow: hidden; overflow-y: auto; }
.off-canvas-nav .subMenu>div>span {text-align:right; position:relative;line-height:40px; padding: 0 15px; font-size: 12px; cursor:pointer}
.off-canvas-nav .subMenu>div>span:before { content: ""; display:inline-block; background-image: url(../images/spritesheet.png); background-position: -257px -220px; width: 7px; height: 12px; margin:-2px 8px;}
.subMenu {display: block; position: absolute; top: 0; height: 100%; width: 100%; right: -100%; text-transform: uppercase; background-color: #f3f3f3; overflow-x: hidden; overflow-y: auto;transition: transform .2s cubic-bezier(.215,.61,.355,1) .3s,right .3s cubic-bezier(.55,.055,.675,.19); transform-origin: 50% 0;}
.subMenu.openSub {transition: transform .2s cubic-bezier(.215,.61,.355,1) .3s,right .3s cubic-bezier(.215,.61,.355,1) .2s; right: 0;}

.product-list {min-height: 100%;}
.product-list.claimed { position: relative;}
.product-list.claimed:after {position: absolute; content:''; background: rgba(255, 255, 255, .8) url(../images/clamed.png) no-repeat center/75% auto; left: 0; right: 0; top: 0; bottom: 0;border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
.bottomImg {margin-left: -170px;}
.mobile-img {margin-left: -20px;}

footer.row {background:#fbfbfb;}
footer li {color: #BBBBBB}
footer a {color: #BBBBBB}
footer li.list-inline-item:not(:last-child) { padding-right: .5rem; position: relative;}
footer li.list-inline-item:not(:last-child):after {content:"|"; font-size: 14px; color:#BBBBBB;position:absolute; right:-2px; top:0px}

.bg-primary { background-color: #2d3679 !important; }
.btn-primary { color: #fff; background-color: #2d3679; border-color: #2d3679; }
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {background-color: #254987; border-color: #224786;}

.bg-danger { background-color: #cf3c30 !important; }
.btn-danger { color: #fff; background-color: #cf3c30; border-color: #cf3c30; }

.lh-1 {line-height: 1}
.fw-100 {font-weight: 100}
.fw-300 {font-weight: 300}
.fw-400 {font-weight: 400}
.fw-700 {font-weight: 700}
.fw-900 {font-weight: 900}
.fs-10 {font-size: 10px}
.fs-12 {font-size: 12px}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-26 {font-size: 26px;}
.fs-24 {font-size: 24px;}
.fs-30 {font-size: 30px;}
.fs-36 {font-size: 36px;}
.fs-50 {font-size: 50px;}

.modal-header {background-image: linear-gradient(180deg, #2d3679 15%, rgba(0,43,116,0.81) 100%);}
.modal-backdrop.show { opacity: .7; }
a.close-btn { right:0; top:-30px; position: absolute; content: ''; background:url(../images/close_icon.png) no-repeat center; width: 26px; height: 26px; z-index: 9; cursor: pointer; font-size: 0; text-indent: -9999px; }
.modal-content {margin-top: 26px;}
#Failed .modal-header {background-image: linear-gradient(180deg, #DD332F 15%, rgba(221,51,47,0.68) 100%);}

@media (min-width:1300px) {
.innerPage .container { max-width:1220px;}
}



.stepsBox .item {padding-top: 70px;}
.stepsBox .item:after {height: 1px; position: absolute; right: .25rem; left: .25rem; top:35px; background: #979797; content: '';z-index: 1}
.stepsBox .item:before {height: 10px; position: absolute; right: .25rem; left: .25rem; top:30px;  content: ''; border-left:1px solid #979797; border-right:1px solid #979797;z-index: 2}
.stepsBox .item figure:after { position: absolute; top:-65px; content:'STEP'; text-align: center; background: #fff; width:50px; height:50px; border-radius: 50%; left: 50%; margin-left: -25px; z-index: 3;-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.1); box-shadow:0px 0px 5px 0 rgba(0,0,0,0.1); padding:28px 0 0 0; font-size: 10px; line-height: 1}
.stepsBox .item figure:before {position: absolute;top:-61px;content:'1';text-align: center;width:42px;height:42px;border-radius: 50%;left: 50%;margin-left: -21px;z-index: 4;font-size: 18px;color: #00518f;border: 1px solid #00518f;line-height: 1.5;}
.stepsBox .item figure:before {content:'1'}
.stepsBox .owl-item:nth-child(2) .item figure:before {content:'2'}
.stepsBox .owl-item:nth-child(3) .item figure:before {content:'3'}
.stepsBox .owl-item:nth-child(4) .item figure:before {content:'4'}
.stepsBox .owl-item:nth-child(5) .item figure:before {content:'5'}
.stepsBox .item figure { background:#fff; border:1px solid #dadada; padding: 4px; margin: 0; min-height: 100%; position: relative;}
.stepsBox .item figure img {width: 100%;border-bottom: 2px solid #00518f;}
.stepsBox .item figure figcaption {padding: 5px; min-height: 82px;}
.stepsBox .item figure figcaption p {margin: 0;}
.stepsBox .item figure figcaption p span {color: #00518f}

.stepsBox .owl-nav .owl-prev { font-size:40px !important; position: absolute; width: 15px; height:50px; left:-10px; top: 50%;  margin-top: -25px }
.stepsBox .owl-nav .owl-next { font-size:40px !important; position: absolute; width: 14px; height:50px; right:-10px; top: 50%; margin-top: -25px }


.ImportantInstructionsList ul {list-style: none; margin: 0; padding:0;}
.ImportantInstructionsList li { padding: 2px 0 2px 30px; position: relative;}
.ImportantInstructionsList li:after {position: absolute; left: 5px; width: 14px; height: 14px; background-color: #00518f; content: '\f00c'; color: #fff; top: 4px;font-family: "Font Awesome 5 Free"; font-weight: bold; font-weight: bold; font-size: 10px; text-align: center;}
.ImportantInstructionsList li.dont:after {background-color: #df3c3d; content: '\f00d';}
.ImportantInstructionsList li span {color: #00518f; font-weight: 500}
.ImportantInstructionsList li.dont span {color: #df3c3d}

.product-list ul li a {opacity: .6;}
.product-list ul li a:hover {opacity:1;}

.bg-Home {background: #9db4bf; padding-top:150px;}

.bg-Home .form-control {border-width: 0 0 1px 0; border-radius: 0;}


.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #304483; background-color: #304583; }

.bg-blue {background: #3c4596}
.OtpBox {display: none;}
#selectCards .modal-dialog { max-width: 550px;}
.modal-backdrop.show { opacity: .85; }

.tcBtn {position: absolute; left:10px; top: 5px; font-size: 12px; font-weight: 700;}

.desktop-img {margin-top: -300px; margin-left: -30px; margin-right: -15px;}

.DeliviryDetailBrLogo {max-width: 100px; background: #fff; border-radius: 50%; padding: 25px 0; display: inline-block; margin: 0 auto -50px; border: 2px solid #314584; }}

@media (max-width:1200px) {
.desktop-img {margin-top: -210px;}
}

@media (max-width:991px) {
.mar-m {margin-top: -80px;}
.bannerArya {margin-bottom: -16px;}
}
/*@media (min-width:576px) {
.modal-dialog {max-width: 470px;}
}*/
@media (max-width:575px) {
.bg-Home {padding-top:100px;}
footer  {text-align: center;}
.bann h3 {font-size:22px;}
.bg-Home .fs-22 {font-size: 18px;}
.bannerArya h4 {font-size: 18px;}
.bannerArya p {font-size: 14px;}
}


.owl-stage-outer.owl-height {
    height: auto !important;
}