body,p,input,h3,h4,h5,h6,button{font-family:'Lato', sans-serif;}
h1,h2,.card-header .btn-link{ font-family: 'Lato', sans-serif; font-weight: 600}
.nopd{padding:0 !important;}
.features figure{margin:0 !important;padding: .2rem;}
.mgb-mobile{}

/*Overrides*/
h1, h2, .cattitle, .page-header {font-family: 'surveyortextbook', sans-serif; /*font-style: italic;*/}
.container{ max-width: 1200px;}
.container-fluid{ padding-left:1rem; padding-right: 1rem;}
.btn-danger{background: #FF4F22; border-color: #FF4F22; }/*Primary*/
.btn-danger:hover{background: #9a1b1b; border-color: #9a1b1b; }
.btn-outline-danger{border-color: #FF4F22; color: #FF4F22;}/*Primary*/
.btn-outline-danger:hover{background: #9a1b1b; border-color: #9a1b1b; }
.btn-outline-info{border-color: #d1dce5; color: #d1dce5;}
.btn-outline-info:hover{background: #4d85b1; border-color: #4d85b1;}
.btn-primary{background: #323047; border-color: #323047;} /*Secondary*/
.btn-outline-primary{border-color: #323047; color: #323047;}/*Secondary*/
.btn-primary:hover{background: #212529; border-color: #212529;} /*Secondary*/
.btn-outline-primary:hover{border-color: #212529; color: #212529;}/*Secondary*/
.btn-success{background:#0AA42F; border-color: #0AA42F;}
.btn-success:hover{background:#09932a; border-color: #09932a;}
.btn-outline-success{border-color: #0AA42F; color: #0AA42F;}
.btn-outline-success:hover{border-color: #09932a; background:#09932a;}
.btn-link{color:#FF4F22; }/*Primary*/
.btn-link:hover{text-decoration: none; color:#9a1b1b; }
.form-control,.btn,.nav-tabs .nav-link{-webkit-border-radius: 0; -moz-border-radius:0; border-radius:0 }
.form-control{border-color:#c6c5c6;}
.form-control:focus {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#restLoc{ position: relative;}
.pac-container,#restLoc{ z-index: 99999!important;}
.bgcolored .form-control:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(205, 23, 51, 0.6); -webkit-box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(205, 23, 51, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(205, 23, 51, 0.6);}
.pac-container .pac-item { padding-top:.4rem!important; padding-bottom: .4rem!important;}
.pac-container .pac-item:first-child{ border-top: none!important;}
div,div:focus,section,section:focus,*:focus{ outline:0}
.control-group{ margin-bottom: 1rem;}
.login .nav-link{ padding: .3rem 0;}
#system-message .alert{margin: 1rem 0;}
#system-message .alert h4{ font-size: 1rem; font-weight: 600}
.page-link { color: #FF4F22}/*Primary*/
.page-item.active .page-link { background: #FF4F22; border-color: #FF4F22;}/*Primary*/
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0,0,0,.03);}
.dropdown-menu{z-index: 1021;}
.dropdown-menu::before { border-bottom: 9px solid rgba(0, 0, 0, 0.2); border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 5%; position: absolute; top: -8px;}
.dropdown-menu::after { border-bottom: 8px solid #FFFFFF; border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 5%; position: absolute; top: -7px;}
#focalpoint .nav-tabs{border-color: #FF4F22;}/*Primary*/
#focalpoint .nav-tabs .nav-link { border-color:#FF4F22 #FF4F22 transparent #FF4F22; margin-right:.2rem; font-size: 1rem; background:#FF4F22; color:#FFF; font-weight: bold;}/*Primary*/
#focalpoint .nav-tabs .nav-link.active{border-color:#FF4F22 #FF4F22 transparent #FF4F22; background:#FFF; color:#FF4F22;} /*Primary*/
.cart_item-field .alert{padding:.5rem; font-size: .9rem; margin:.4rem 0 .6rem 0}
.item-decrement{ margin-right:10px}
.item-increment{ margin-left:10px}
.nav-tabs li{margin-bottom: -1px;}
.nav-tabs a.active {color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs a{border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;display: block;
padding: .5rem 1rem;}
.toast{position:fixed; bottom:10rem; z-index:9999;}
.modal { z-index:99999;}
.modal-footer { justify-content:flex-start;}


/*General*/
body#rport-bd{ background:#FFF; color:#212529;}  /* Background + Main Color */
img{max-width: 100%;text-decoration: none;}
a{color:#FF4F22;} /*Primary*/
a:hover{ text-decoration: none; color:#323047;} /*Secondary*/
a,a::before,a::after,a:hover.btn,.btn:hover,.txt,.txt:hover,a img,a:hover img,a i, a:hover i,header,.navbar-brand,div,div:hover,div::before,div:hover::before{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.rport-preloader{background: #FFF url(../img/loader.svg) center center no-repeat; position: fixed; z-index: 99999; left:0;top:0;bottom:0 ; right:0}
.rport-preloader.dark{background: #FF4F22 url(../img/loader-wh.svg) center center no-repeat;}/*Primary*/
.box{/*box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow:  0 2px 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);*/border:1px solid rgb(238, 238, 238)}
.page-header{ text-align: center; font-size: 2.875rem; line-height: 1.2; margin: 2rem 2rem 1.5rem 2rem;}
.lightbg{ background: #F7F7F7;}
.darkbg{ background: #323047;}/*Secondary*/
.darkbg .page-header{color: #FFF;}
.magnolia-light{background:#fefdf8}
/*.view-rokquickcart main{
  position: relative;
  display: block;
  float: left;
  width: 100%;
}*/

/*Header*/
header{z-index:1099; position: relative; background:#FFF; top:0; left:0; right:0;}
header .navbar{ padding:0;}
header .navbar-brand{ padding:.4rem 0;}
header .navbar-brand img{ max-height: 50px;}
header .menu-icon{display:block; font-size:30px; cursor:pointer; width:44px; height:30px; margin-top:5px;}
header .menu-icon span {height: 7px; width: 100%; margin: 0 0 5px 0; display: block; float: right; transition: all 0.3s; background-color: #FF4F22;} /*Primary*/

header .container .jmenu{ width:100%;}
header .navbar-nav .nav-link, header .navbar .nav-link { color: #FF4F22; padding:.7rem .8rem; margin:0 .3rem} /*Primary*/
header .navbar-nav .nav-link:hover, header .navbar .nav-link:hover{color: #9a1b1b;}
header .navbar-nav .active .nav-link, header .navbar .active .nav-link {color:#9a1b1b;}
.rport-snav{ height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; right: 0; background: #323047; overflow-x: hidden; transition: 0.5s;} /*Secondary*/
.rport-snav.open{ width:400px;}
.rport-snav .menuwrap{padding:5rem 2rem 0 2.5rem;}
.rport-snav nav{min-width:285px;}
.rport-snav nav ul,.rport-snav nav li{margin:0; padding:0; list-style: none; }
.rport-snav nav a { text-align: right; text-transform: uppercase; display: block; text-decoration: none; transition: 0.3s; border-bottom: 1px solid #fff; color: #fff; padding: .625rem 0; font-size: .875rem;}
.rport-snav nav a:hover { color: #faf6e0; }
.rport-snav .closebtn {position: absolute; top: 1rem; right: 2rem; font-size: 36px; margin-left: 50px; color: #fff;}

header.header-2 nav.navbar{ padding:1rem 0 .7rem;}
header.header-2 .navbar-brand{ padding:0;}
header.header-2 .navbar-brand img{ max-height: 60px;}

/*Body*/
main{ background: #FFF; min-height: 300px;}
.respmod{overflow: hidden;}
section.rport-header{ position: relative; background:#323047; padding-bottom: 2rem;}  /*Secondary*/
section.rport-header::before,div.rest-categories .theme-1 .colitem::before{ content: " "; background: rgba(33,32,37,.6); top: 0; left: 0;   bottom: 0; right: 0; position: absolute;}
section.rport-header .header-text{ text-align: center; position: relative; z-index:3; padding: 2rem 0 0 0; overflow: hidden;}
section.rport-header h1{color:#FFF; font-size: 2rem; margin: 0;/*text-shadow: #000 0.5px 0.5px 0px;*/text-transform: capitalize;}
section.rport-header.inner-header h1{font-size: 2.25rem; color: #FFF!important;}
section.rport-header p{ color: #FFF; font-size:1rem; margin: 0rem auto 2rem auto;}

section.rport-location{ position: relative; z-index:2; margin:-2rem auto 2rem auto;}
section.rport-location .input-group{ padding:0rem; background:#FFF; }
section.rport-location .input-group .form-control{font-size: 1rem; height: calc(1.5em + 2.3rem + 2px); padding: 1rem 2rem; border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none;}
section.rport-location .input-group .btn{padding: 1rem 2rem;}
section.rport-location .latlong-view{padding: .7rem 0;}

section.rport-content,section.rport-article{padding: 3rem 0;}
section.rport-content h2{ padding: 4rem 0 0 0; font-size: 2.875rem;}
section.rport-content .theme-grid .cright{ padding-bottom: 4rem;}
section.rport-content .cols-2 .theme-grid .cright{ padding-bottom: 3rem;}
section.rport-content h2 a{ display: block; color:#212529;} /*Main Color*/
section.rport-content p{color: #8F95A3; font-size: 1.125rem;}
section.rport-content.items-intro{ padding-bottom:0}
section.rport-content.items-intro .cols-1 .rest-art{padding: 0 0 3rem 0}
section.rport-content .theme-grid .cleft.col-12 {min-height: 300px !important; background-size: contain!important;}

section.rport-storefinder{padding: 4rem 1rem 2rem 1rem; margin-bottom: 3rem; background: #004c6d url(../img/finder_pat2.png) left top repeat-x; color: #FFF;}
section.rport-storefinder h2{ text-align: center; margin: 1rem 0 0 0;}
section.rport-storefinder p{text-align: center; margin:0rem auto 1rem auto; }
section.rport-storefinder ul,section.rport-storefinder ul li{margin:0; padding:0; list-style: none;}
section.rport-storefinder ul::after{content: " "; display: block; clear: both;}
section.rport-storefinder ul li{width: 25%; float: left;}
section.rport-storefinder ul li a{ display: block; padding: .2rem .5rem .2rem 1rem; font-size: .875rem; color: #FFF; position: relative;}
section.rport-storefinder ul li a::before{ position: absolute; left:0; top:.2rem; content: "\f3c5";  font-family: "Font Awesome 5 Free"; font-weight: 900;}

section.artlife .list-item figure {
    margin: 0;
    max-height: 250px;
    height: 240px;
    overflow: hidden;
}
/*Menu Categories*/
section.respmod.pcats{ border-top:1px solid #DDD;}
div.rest-categories{ padding-bottom: 2rem;}
div.rest-categories .colitem .catimg{ display:block; min-height: 250px; background-color:#323047;} /*Secondary*/
div.rest-categories .colitem .catdetails{  display: block; position: absolute;top: 35%;
z-index: 999;
left: 0; right:0; text-align:center;
}
div.rest-categories .colitem .cattitle{font-size:1.8rem; display: inline-block; font-weight: bold; padding: .7rem 1rem 1rem 1rem; background:rgba(255,255,255,0.9); color:#322312;}
div.rest-categories .colitem .cattitle .offer{font-size:.75rem; vertical-align: super;}
div.rest-categories .colitem .special{ position: absolute; z-index: 4; right:0; top:0;  color: #FFF; }
div.rest-categories .colitem .special::after{ content: " "; position: absolute; right:0; top:0; width: 0; height: 0; border-top:50px solid #FF4F22; border-left: 50px solid transparent;}
div.rest-categories .colitem .special i{font-size: 1.1rem; position: relative; z-index:5; margin: 10px 10px 0 0;}
div.rest-categories .colitem .box{height: 100%; background: #FFF;}
div.rest-categories .theme-0 .colitem,div.rest-categories .theme-2 .colitem{margin-bottom: 2rem;}
div.rest-categories .theme-0 .colitem a{color: #322312;text-transform:capitalize;font-style:normal !important;} /*Main Color*/
div.rest-categories .theme-0 .colitem .catdesc{ color:#8F95A3}
div.rest-categories.theme-1{ padding-bottom: 3rem;}
div.rest-categories .theme-1 .colitem{background-color:#323047; border:3px solid #FFF; position: relative;}  /*Secondary*/
div.rest-categories .theme-1 .colitem:hover::before{ content: " "; background: rgba(33,32,37,.8);}
div.rest-categories .theme-1 .colitem::after{ display: none; content: " "; position: absolute; left:1rem; top:1rem; right:1rem; bottom:1rem; border:1px solid rgba(255,255,255,.1);}
div.rest-categories .theme-1 .colitem .catdetails{padding:5rem 2rem; text-align: center;}
div.rest-categories .theme-1 .colitem .catdesc{ font-size: 1.1em; display: block;}
div.rest-categories .theme-1 .colitem span{ color: #FFF;}
div.rest-categories .theme-1 .colitem .catdesc,div.rest-categories .theme-2 .colitem .catdesc{ color:rgba(255,255,255,.8);}
div.rest-categories .theme-2 .colitem .box,div.rest-categories .theme-2 .colitem a{background-color:#323047; color: #FFF;}/*Secondary*/
div.rest-categories .theme-2 .colitem .box{box-shadow: 0 2px 20px 0 rgba(0,0,0,.35); -webkit-box-shadow:  0 2px 20px 0 rgba(0,0,0,.35); -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,.35);}

section.rport-ordering{padding: 3rem 0;}
section.rport-ordering.pcats{  position: relative; padding-top:4.8rem;}
section.rport-ordering.pcats.theme-3-1 { padding-top:2rem;}
section.rport-ordering.pcats .rport-cats{ background:#FFF; /*position: absolute;*/ left:0; top:0; right:0; z-index: 1025;}
section.rport-ordering.pcats .navbar{ padding:0;}
section.rport-ordering.pcats .navbar .navbar-toggler{border: none; width: 100%; font-size: .9rem; padding: 1rem 0; text-align: left; text-transform: uppercase;}
section.rport-ordering.pcats .nav-link{ position: relative; padding:.7rem 0; margin: 0 .5rem;}
section.rport-ordering.pcats .nav-link.active::after,section.rport-ordering.pcats li.show > .nav-link::before{content: " "; height:3px; background:#231f20; position: absolute; left:0;right:0; bottom: 0}
section.rport-ordering.pcats .dropdown-menu{ padding:.5rem .3rem;}
section.rport-ordering.pcats .rport-searchbar{ position: relative;}
section.rport-ordering.pcats .rport-searchbar .btn{right:0; top:0; position: absolute;}
section.rport-ordering .mainheader{ margin: 0 0 1rem 0; padding: 0 0 .5rem 0; background:#FFF; }
section.rport-ordering .rport-products{ margin: 0 0 2.5rem 0;}
section.rport-ordering .rport-products h2{ margin:0; padding-bottom:.5rem;}
section.rport-ordering .rport-products .cdesc{margin:0 0 1.3rem 0; color: #8F95A3;}
section.rport-ordering .rport-products .alert{display: none; margin:0 1.1rem 1rem 1.1rem;}
section.rport-ordering .rport-product{ padding: 1.2rem 1.2rem 0 1.2rem; margin:0 0 1.5rem 0; position: relative;}
section.rport-ordering .rport-product .details::after{content: " "; display: block; clear: both; height: 1px;}
section.rport-ordering .rport-product h3,section.rport-ordering .rport-product span.title{ color: #212529; font-weight: 600; font-size: 1.2rem; margin: 0 0 .5rem 0} /*Main Color*/
section.rport-ordering .rport-product p,section.rport-ordering .rport-product .desc{color: #8F95A3; font-size: .95rem; margin-bottom: 0}
section.rport-ordering .rport-product img{float: right; margin: 0 0 .5rem .7rem; max-width: 150px;}
section.rport-ordering .rport-product .addCol{display: block; padding:0; color:#212529;} /*Main Color*/
section.rport-ordering .rport-product .addCol i,section.rport-ordering .rport-product p.special{ color:#FF4F22;} /*Primary*/
section.rport-ordering .rport-product .price,
section.rport-ordering .rport-product .item_price,
section.rport-ordering .rport-product .cart_currency_symbol,
section.rport-ordering .rport-product .cart_price{ color: #212529;} /*Main Color*/
section.rport-ordering .rport-product .addbtn, section.rport-ordering .rport-product .right .item_add{margin:.1rem 0 0 .1rem; color:#FF4F22;} /*Primary*/
section.rport-ordering .rport-product .item .right{float: right; display: block; margin: .2rem 0 0 .5rem 0; font-weight: bold;}
section.rport-ordering .rport-product span.desc{padding:.3rem 0}
section.rport-ordering .rport-product span.title,
section.rport-ordering .rport-product span.details,
section.rport-ordering .rport-product span.desc,
section.rport-ordering .rport-product span.price{display: block;}
section.rport-ordering .rport-product span.price{ padding-top:.7rem;}
section.rport-ordering .rport-product .cart_item-field{ margin-bottom:1.2rem;}
section.rport-ordering .rport-product .cart_item-field .form-check{ margin: .3rem 0 0 0;}
section.rport-ordering .rport-product .left hr{margin-top:0}
section.rport-ordering .rport-product .left .item_add{ color:#FF4F22; text-transform: uppercase;} /*Primary*/
section.rport-ordering .rport-product .left .item_add i{/*font-size: 1.5rem;*/}
section.rport-ordering .rport-product .left .item_price{  font-weight: bold; position: relative; top:-.1rem}
section.rport-ordering .rport-products .t2{display: block;}
section.rport-ordering .rport-products .ptop{ display: block; padding:0;}
section.rport-ordering .rport-products.v2 .ptop{margin:-.5rem 0 0 0; padding:0 1rem 1rem 1rem;}
section.rport-ordering .rport-products.v2 h2{ padding:1.3rem 1.1rem 0rem 1.1rem; font-size: 1.8rem}
section.rport-ordering .rport-products.v2 .item{padding: .7rem 0;}
section.rport-ordering .rport-products.v2 .cdesc{ padding:0 1.1rem 0 1.1rem}
section.rport-ordering .rport-products.v2 .rport-product{ padding: .1rem 1.2rem .7rem 1.2rem; margin:0 0 1rem 0; border-bottom: 1px solid #EEE;}
section.rport-ordering .rport-products.v2 .rport-product .item{padding:0}
section.rport-ordering .rport-products.v2 .rport-product h3,
section.rport-ordering .rport-products.v2 .rport-product span.title{ font-size: 1rem; margin-bottom: .3rem; line-height: 1.5}
section.rport-ordering .rport-products.v2 .rport-product p{ font-size: .9rem}
section.rport-ordering .rport-products.v2 .col-12:last-child .rport-product{ border-bottom:none; /*margin-bottom:0*/}
section.rport-ordering .rport-products .left .btn.item_add,
section.rport-ordering .rport-products .left .btn.item_add i,
section.rport-ordering .rport-products .left .btn.item_add.v2,
section.rport-ordering .rport-products .left .btn.item_add.v2 i{ font-size: .875rem; color: #fff;}
section.rport-ordering .rport-products.v2 .left .btn.item_add,
section.rport-ordering .rport-products .left .btn.item_add.v2{  padding:.25rem .8rem .25rem .5rem;}
section.rport-ordering .rport-product.v2{ /*padding: 0*/ height:100%;}
section.rport-ordering .rport-product.v2:focus-within{box-shadow: 0 2px 20px 2px rgba(50,35,18,.3); -webkit-box-shadow:  0 2px 20px 2px rgba(50,35,18,,.3); -moz-box-shadow: 0 2px 20px 2px rgba(50,35,18,.3);}
section.rport-ordering .rport-product.v2 .addtoCart{display: block; padding: 1.5rem 1.5rem 1.2rem 1.5rem;}
section.rport-ordering .rport-details .btn.verifyVoucher,section.rport-ordering .rport-details .btn.confirmVoucher{padding-top:.75rem; padding-bottom:.75rem;}

section.rport-ordering .cright .accordion{ margin-bottom: 2.5rem}
section.rport-ordering .rport-products.v3{ margin-bottom:0rem;}
section.rport-ordering .rport-products.v3 .card-header {padding:0;}
section.rport-ordering .rport-products.v3 .card-header h2{margin:0; padding:0;}
section.rport-ordering .rport-products.v3 .card-header .btn-link{ position: relative; color:#212529; font-size: 1.5rem; font-weight: 600; padding:1rem 1.3rem .7rem .7rem; text-align: left;} /* Main Color */
section.rport-ordering .rport-products.v3 .card-header .btn-link[aria-expanded=true]{color:#FF4F22;} /*Primary*/
section.rport-ordering .rport-products.v3 .card-header .btn-link::after{position: absolute; right:1rem; top:.7rem; content: "\f0dd";  font-family: "Font Awesome 5 Free"; font-weight: 900;}
section.rport-ordering .rport-products.v3 .card-header .btn-link[aria-expanded=true]::after{content: "\f0de"; top:1.1rem;}
section.rport-ordering .rport-products.v3 .cdesc{ margin-bottom:0;}
section.rport-ordering .rport-products.v3 .alert{ margin:1rem 0;}
section.rport-ordering .rport-products.v3 .card-body{padding:1.25rem 1rem;}
section.rport-ordering .rport-products.v3 .rport-product { padding: 1rem 0 1rem 0; margin-bottom: 0; border-bottom: 1px solid #EEE;}
section.rport-ordering .rport-products.v3 .col-12:last-child .rport-product{border-bottom:none;}

section.rport-ordering .rport-cart h3,.rport-content h3{ font-size: 1rem; background: #706d61; color: #FFF; margin: 0 0 1rem 0; padding:1rem;} /*Secondary*/
section.rport-ordering .rport-cart .rport-orders{ padding:0 1rem 1rem 1rem;}
section.rport-ordering .rport-cart .rport-orders .items-wrap{ margin:0 0 1rem 0}
section.rport-ordering .rport-cart .rport-orders .btn{ text-transform: uppercase;}
section.rport-ordering .rport-cart .rport-locinfo{ padding:0 1rem 0 1rem; font-size:.875rem}
section.rport-ordering .rport-cart .rport-locinfo p{ margin-bottom:.7rem}
section.rport-ordering .rport-cart .rport-locinfo form{margin-bottom: .7rem;}
section.rport-ordering .rport-cart .rport-locinfo .form-group{margin-bottom:.4rem}
section.rport-ordering .rport-cart .rport-locinfo .delivery-options{margin-bottom: .7rem}
section.rport-ordering .rport-cart .rport-locinfo .pickup-details, section.rport-ordering .rport-cart .rport-locinfo .store-pickup{ font-size: .85rem; /*padding:0 .4rem;*/}
section.rport-ordering .rport-cart .rport-orders .itemRow a{color:#FF4F22;} /*Primary*/
section.rport-ordering .rport-cart .itemRow, section.rport-ordering .rport-cart .rport-offer{ font-size: .875rem; padding: .7rem .7rem; border-top: 1px solid #EEE;}
section.rport-ordering .rport-cart .item-remove{ text-align: right; color:#FF4F22;} /*Primary*/
section.rport-ordering .rport-cart .item-total { display:inline-block; font-weight: 600; text-transform: capitalize;}
section.rport-ordering .rport-cart .item-total.right{float:right;}
section.rport-ordering .rport-cart .item-price,section.rport-ordering .rport-cart .rport-orders .cart_badge{color: #8F95A3; text-transform: capitalize; display: block;}
section.rport-ordering .rport-cart .item-quantity{ position: relative;}
section.rport-ordering .rport-cart .item-quantity::after{ content: "x"; position: absolute; right:1rem; top:0; z-index: 2}
section.rport-ordering .rport-cart .simpleCart_input{border:none; padding: 0; /*height: calc(1.5em + 0rem + 2px);*/}
section.rport-ordering .delivery-address a{ float: right;}
section.rport-ordering .rport-details{padding: 1rem; margin-bottom: 2rem;}
section.rport-ordering .rport-details .loc{ font-size: .9rem; color: #8F95A3; margin: 0 0 .2rem;}
section.rport-ordering .rport-details .btn,section.rport-ordering .paycomplete .btn{ padding:.7rem 3rem;}
section.rport-ordering .rport-details .btn{/*width:13.125rem*/}
section.rport-ordering .input-append{ display: flex;justify-content: flex-end;}
section.rport-ordering .rport-details .field-calendar .btn{width:auto; padding: .375rem .75rem;}
section.rport-ordering .rport-details .field-calendar .btn#fargo_on_btn{ position:relative; padding:.375rem 1.5rem;}
section.rport-ordering .rport-details .field-calendar .btn#fargo_on_btn::after{ position: absolute; top:.4rem; left:1rem; color:#FFF; font-size:1rem; content: "\f073";  font-family: "Font Awesome 5 Free"; font-weight: 900;}
section.rport-ordering .rport-details .field-calendar .btn#fargo_on_btn span{display:none;}
section.rport-ordering .rport-cart .cart_summary,section.rport-ordering .rport-cart .cart_summarys{ padding: .4rem 0; border-top: 1px solid #EEE;}
section.rport-ordering .rport-cart .rport-offers{border:2px solid #FF4F22; position: relative; margin:0 0 -1px 0;}
section.rport-ordering .rport-cart .rport-offers .gifticon{background:#FF4F22; padding: .5rem; position: absolute; top:0;right:0; color:#FFF;}
section.rport-ordering .rport-cart .rport-offers h4{ font-size: 1rem; font-weight: bold; padding:.7rem 0 0 .7rem; }
section.rport-ordering .rport-cart .cart_totals .right,section.rport-ordering .rport-cart .cart_totalss .right,section.rport-ordering .rport-cart .rport-offers .right{ float: right; font-weight: 600; text-transform: capitalize;}
section.rport-ordering .rport-cart .headerRow,section.rport-ordering .rport-cart .itemRow .item-price,section.rport-ordering .rport-cart .itemRow .item-image,.floatmob/*,ul#catflex li ul*/{display: none!important;}
section.rport-ordering .rport-cart.v2 .itemRow{padding: .7rem 8.6666% .7rem 16.666%; position: relative;}
section.rport-ordering .rport-cart.v2 .simpleCart_itemss .itemRow{ padding-right:.7rem;}
section.rport-ordering .rport-cart.v2 .item-quantity{ position: absolute; left:.7rem; top:.7rem; width: 16%; z-index: 1;}
section.rport-ordering .rport-cart.v2 .item-name{ position: relative; z-index: 2;}
section.rport-ordering .rport-cart.v2 .item-remove{position: absolute; right:.7rem; top:.7rem; width: 8%; z-index: 1;}
section.rport-ordering .rport-cart.v2 .item-quantity::after{right:1.3rem}
section.rport-ordering .rport-cart .item-increment,section.rport-ordering .rport-cart .item-decrement{display:inline-block; margin:0 .4rem 0 0;}
section.rport-ordering .rport-cart .item-increment a,section.rport-ordering .rport-cart .item-decrement a{ padding:.4rem; display:inline-block;}
section.rport-ordering #delivery-price .alert{ margin-bottom:.7rem; text-transform: capitalize;}
section.rport-ordering .paycomplete i{ margin: 0 0 1rem 0; font-size: 3.5rem;}
section.rport-ordering #iframe-container{ position: relative;}
section.rport-ordering #iframe-container .ploader{ text-align: center; background: #FFF; position:absolute; left:0;right:0;top:0; bottom:0; z-index:2}
section.rport-ordering #iframe-container .ploader p,section.rport-ordering #iframe-container.ploader i{ position: relative; z-index:3}
section.rport-ordering #iframe-container .ploader i{ margin:1rem 0 0 0;font-size: 1.8rem}
section.rport-ordering #iframe-container .ploader p{ padding: 1rem; }

section.rport-ordering .rport-order .order-details{padding:1rem; text-align: center}
section.rport-ordering .rport-order .order-details h3 span{ margin-top:.5rem; display: block; font-size:1rem; text-transform: uppercase;}
section.rport-ordering .rport-order .order-details .price{font-size: 1.8rem;}
section.rport-ordering .rport-order table span{display: block;}
section.rport-ordering .rport-order .status{ color:#322312;text-transform: uppercase;}
section.rport-ordering .rport-order .status.status-completed,section.rport-ordering .rport-order .status.status-paid{color:#03b330}
section.rport-ordering .rport-order .status.status-failed{color:#e90012}
section.rport-ordering .rport-order .order-items{font-size: .95rem;}
section.rport-ordering .rport-order .order-items ol{ margin-left: 0; padding-left: .7rem;}
section.rport-ordering .rport-order .order-items span{ display: block; color: #8F95A3;}

section.rport-ordering .rport-payment .nav-item:hover{border-color:#F4F4F7 #F4F4F7 #dee2e6 #F4F4F7!important}
section.rport-ordering .rport-payment .nav-item.active,
section.rport-ordering .rport-payment .nav-item.active:hover{border-color:#dee2e6 #dee2e6 #FFF #dee2e6!important}
section.rport-ordering .rport-payment .tab-content{border:none; background:#FFF;padding:1.4rem .7rem 1.4rem .7rem}
section.rport-ordering .rport-payment .tab-content .btn,
section.rport-ordering .rport-payment .tab-content .alert{margin-left:.625rem;margin-right:.625rem}
section.rport-ordering .rport-payment .instr ol{ margin: 0 0 1rem 0; font-size: .95rem; line-height: 1.5rem}

section.rport-body{ padding: 3rem 0;}
section.rport-body .btn{ margin: 1rem 0;}



/*LOGIN--USER*/
.content-header{text-align:center;}
.rport-user-content{padding:3rem 0 !important;}
.rport-userdetails{margin:0;padding:0;list-style:none outside none}
.rport-userdetails li{padding: .6rem 0; /*border-bottom: 1px dotted #EEE;*/list-style:none outside none}
.rport-user-content .box .card-body{padding-top:0;}
.rport-user-tabs{}
.rport-user-tabs .nav-tabs a.active{color:#312212;font-weight:bold;font-family: 'surveyortextbook', sans-serif;font-size: 18px;}
.rport-user-tabs .nav-tabs a.active, .rport-user-tabs .nav-tabs{}
.brd-b-0{border-bottom:medium none !important;}


/*Footer*/
footer{background:#fff /*#faf9f1*/; font-size:.875rem; /*padding:1.5rem 0 1.5rem 0;*/ color:#FF4F22; } /*Primary*/
footer hr{ border-top: 1px solid #c1c2c2; margin:0 0 1.5rem 0;}
footer a{color:#322312; text-decoration: none;} /*Primary*/
footer .contacts a,footer .contacts{color:#322312; text-decoration:none; font-size:16px;}
footer .contacts{padding: 2.5rem 0 0;}
footer .cleft{ padding:0}
footer .cright a{ border:2px solid #322312 !important;display: inline-block; width:2.5rem; height:2.5rem; font-size: 1.5rem; padding: .125rem 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;text-align: center; background:transparent !important; color: #322312} /*Primary*/
footer .rest-powered{ padding: .7rem 0 0 0; text-align: center;position: relative;
display: block;
overflow: hidden;}
footer .rest-powered a{ padding: 12px 0 0; display: inline-block; margin: 0 .5rem; text-align:center; color:#322312;}
footer .rest-powered img{ max-height: 20px;}
footer .rest-powered .payments img { max-height: 14px;}
.pull-right{float:right;}
.pull-left{float:left;}
.subscribe{padding-top: 2.7rem;}
footer .quicklinks{padding-top:2rem;}
footer .quicklinks h2{font-size: 1.5rem;}
footer .quicklinks ul{padding:0; margin:0; list-style:none outside none;}
footer .quicklinks li{padding:.3rem 0 0;}
footer .quicklinks li a{font-size: 1rem;}
footer .cright {text-align: right;padding-top: 7rem;}
#subscribe input {background: #FFF; border: 1px solid #E5E5E5;color: #888;
    float: left;
    font-size: 13px;
    height: 39px;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px;
    width: 100%;
    outline: none;border-radius: 5px;
}
#subscribe button {
    background:#322312;
    border: none;
    color: #fff;
    float: left;
    right: 0;
    font-size: 14px;
    height: 39px;
    line-height: 38px;
    min-width: 100px;
    position: absolute;
    vertical-align: bottom;border-radius:0 5px 5px 0px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /*General*/
  h2{font-size: 1.5rem}
  #system-message .alert {margin:0 0 1rem 0;}

  /*Header*/
  header{ position: relative; background:#FFF; margin:0}
  header .menu-icon{width: 30px;height: 30px;}
  header .menu-icon span {height: 4px;}
  header .navbar-brand img{ max-height: 40px!important;}
  .rport-snav.open{ width:100%;}
  .rport-snav .menuwrap{padding:4rem 2rem 0 3.5rem;}
  .rport-snav nav{ min-width:285px;}
  .top-button .button{font-size:.8rem; padding: 10px 10px; margin:0 0 .625rem 0;}
  /*Body*/
  section.rport-header.main-header p{display: none;}
  section.rport-header.main-header{ padding-bottom: 5rem;}
  section.rport-location .input-group{ display: block;}
  section.rport-location .input-group .form-control{ padding-left:1rem; padding-right: 1rem;}
  section.rport-location .input-group .btn{}
  section.rport-content .theme-grid .cleft{ min-height:300px!important;}
  section.rport-content .cright{ padding-bottom: 1rem;}
  section.rport-content h2,.page-header{ font-size: 1.8rem}
  section.rport-storefinder ul li{width: 33.333%;}
  section.rport-ordering{padding-top:1rem}
  section.rport-ordering.pcats { padding-top:4rem;}
  section.rport-ordering.pcats.theme-3-1 { padding-top:1rem;}
  /*section.rport-ordering.pcats #catflex li ul{ display: none;}
  section.rport-ordering.pcats .dropdown-toggle,section.rport-ordering.pcats .dropdown-menu::after,section.rport-ordering.pcats .dropdown-menu::before{ display: none;}
  section.rport-ordering.pcats .dropdown-menu{display: block; position:relative; border: none; padding: 0; margin: 0; }*/
  section.rport-ordering .rport-product.v2{ padding:1rem;}
  section.rport-ordering .rport-product span.price{ padding-top:1rem;}
  section.rport-ordering .rport-details .btn{ width: 100%;}
  section.rport-ordering .rport-products h2,section.rport-ordering .rport-products.v2 h2{ font-size: 1.5rem;}
  section.rport-ordering .rport-product .item_add.v1,section.rport-ordering .rport-products .addCol.v2{ padding:.7rem 0 0 0; display: block;}
  section.rport-ordering .rport-product .prodList .cart_product_content{ padding-top:.7rem}
  section.rport-ordering .rport-product .cart_item-field .form-check{ margin: .3rem 0 0 0;}
  section.rport-ordering .rport-products.v2 {border-top: 3px solid #322312;}
  section.rport-ordering.pcats .rport-cats {box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; border-bottom: 1px solid #DDD;}
  section.rport-ordering .form-inline .form-group{width:100%;}
  .floatmob{display: block!important; width: auto; left:0rem; right:0rem; bottom:0rem; padding:1.2rem 1rem; position: fixed;  z-index: 99998}

  /*Footer*/
  footer{ text-align: center;}
  footer .cleft.navbar{ padding:.7rem 0 0 0; display: block;}
  footer .cright {padding-top:1rem; text-align:center;}
  .hidden {display: none !important;}
  .mgb-mobile{margin-bottom:15px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 767px) {
  /*Header*/
  header .navbar-toggler{ border-color:#FF4F22; color: #FF4F22;}  /*Primary*/
  header .jmenu .navbar{padding:.4rem 0;}
  header .jmenu .navbar .nav,header .jmenu .navbar .nav-item{ display: block; margin:0!important; width:100%}
  header .jmenu .nav-link{ padding: .4rem .9rem;}
  header .navbar-nav .nav-link { padding: .4rem 0; margin: .2rem 0;}

  /*Body*/
  section.rport-header.inner-header{padding-bottom:1rem;}
  section.rport-header .header-text{ padding-top: 1rem}
  section.rport-header.inner-header .header-text h1{ font-size: 1.5rem;}
  section.rport-location{ margin:-4rem 0 0 0;}
  section.rport-content{padding-top:0}
  section.rport-content .theme-grid .cleft{ min-height:600px;}
  section.rport-content h2{padding-top:2rem;}
  section.rport-content.items-lead, section.respmod, section.rport-content.items-intro .items-row {border-top: 1px solid #DDD;}
  section.rport-content.items-intro .rest-art { padding-bottom:0}
  section.rport-ordering .cart_item-field .form-check{ padding-top:.1rem; padding-bottom:.1rem; margin:.2rem 0}
  section.rport-ordering.pcats .nav-link{ padding:.4rem 0; margin:.2rem 0;}

  section.rport-ordering .rport-products.v3.box{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
  section.rport-ordering .rport-products.v3 .card-header .btn-link{ font-size: 1.2rem;}
  section.rport-ordering .rport-products.v3 .rport-product .left hr{display: none;}
  section.rport-ordering .rport-order.box{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
  
  .mgb-mobile{}

  
}
@media only screen and (max-width: 992px) {
    .mgb-mobile{}
/*Responsive table*/
  table.table{border: none!important;}
	table.table, table.table thead, table.table tbody, table.table th, table.table td, table.table tr { display: block!important;}
	table.table thead tr {position: absolute!important; top: -9999px; left: -9999px; 	}
	table.table tr { /*border: 1px solid #322312; border-width: 3px 1px 1px 1px; border-color: #322312 #CCC #CCC #CCC!important;*/ margin:0 0 1rem 0;}
  table.table td { position: relative!important; /*padding-top: 2rem!important;*/}
	table.table td::before { font-weight: bold; text-transform: uppercase; font-size:.85rem; content:attr(data-title); position: absolute!important;top: .75rem!important;left: .75rem!important;right: .75rem!important; }

  /*Footer*/
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  /*Header*/
  header.theme-1{position: absolute!important; background:none!important; background-color: transparent!important;}
  header.header-2 .navbar-brand{ display: block; width: 100%; margin:0; padding:0; text-align: center;}
  header.header-2 .navbar-brand img{ max-height: 50px;}
  header .jmenu .navbar-collapse{display: block!important;}
  header.header-2 .navbar-toggler{display: none!important;}

  /*Body*/
  section.rport-header .header-text{padding-top: 4rem;}
  section.rport-header.inner-header .header-text{padding-top: 2rem;}
  section.rport-header h1{ font-size: 5rem;}
  section.rport-header p{ color: #FFF; font-size:1.25rem;}
  section.rport-header p,section.rport-storefinder p{max-width:80%;}
  section.rport-header.theme-1 .header-text{padding-top: 10rem;}
  section.rport-header.theme-1 .inner-header .header-text{padding-top: 8rem;}
  section.rport-location .btn{min-width:7.5rem;}
  section.rport-storefinder ul li{width:25%;}
  section.rport-ordering .rport-products .addCol.v2,section.rport-ordering .rport-products .item_add.v1{ display: block; text-align: right;}
  section.rport-ordering .rport-cart .rport-orders .items-wrap {max-height: 350px; overflow: auto;}
  .rport-cats .dropdown-menu .nav-link{white-space: nowrap; }
  section.rport-ordering.pcats .dropdown-menu{ padding-bottom:0;}
  section.rport-ordering.pcats .dropdown-menu .nav-link {padding: .2rem .3rem; margin:.2rem 0;}

  section.rport-ordering .accordion > .card > .card-header { margin-bottom:0;}
  section.rport-ordering .rport-products.v3{ margin-bottom: 1.5rem;}
  section.rport-ordering .rport-products.v3.card, section.rport-ordering .rport-products.v3 .card-header {background: #FFF; border:none!important; -webkit-border-radius: 0!important; -moz-border-radius:0!important; border-radius:0!important}
  section.rport-ordering .rport-products.v3 .card-header {background: #FFF;}
section.rport-ordering .rport-products.v3 .col-12:last-child .rport-product{ /*padding-bottom:0;*/}

  /*Footer*/
  footer .cright{text-align: right;}
  footer .cleft br{display: none;}
  footer .rest-powered{ text-align: left;}
  footer .rest-powered a{ margin: 0 1rem 0 0}
.view-rokquickcart footer#rport-footers{margin-top: 0 !mportant;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /*Header*/
  header .jmenu .navbar{ padding: 0 0 .5rem 0}
  header .container-fluid .navbar{ padding:0 4.25rem;}
  header .container nav.navbar{ padding:0;}
  header.header-2 .container nav.navbar{ padding:1rem 0 .7rem; /*width:50%;*/}
  header.theme-1 .container-fluid .navbar,header.theme-1 .container .navbar{ padding-top:1rem;}
  .rport-snav.open{ width:500px;}
  .rport-snav nav{ min-width:428px; padding-left:3rem;}

  /*Body*/
  section.rport-header p,section.rport-storefinder p{max-width:50%;}
  section.rport-location .rport-locform{ max-width: 70%; margin: 0 auto;}
  section.rport-content{ padding: 0 0 2rem 0}
  section.rport-content.items-intro{ padding-bottom:0}
  section.rport-content.items-intro .cols-1 .rest-art{padding: 0 0 6rem 0}
  section.rport-content h2 { padding-top: 6rem;}
  section.rport-content .theme-grid .cleft{ background-size: cover!important;}
  section.rport-content .theme-grid .col-12 h2{padding-top: 2rem;}
  section.rport-storefinder ul li{width:20%;}
  section.rport-ordering .rport-cart .rport-orders .items-wrap {max-height: 400px;}

.blog .item img{margin-bottom: 5% !important}
.blog .cols-3 .item p,.blog .cols-3 .item ul,.blog .cols-3 .item li{display: none}
.blog .item h2{font-size: 1.2rem}
  /*Menu Categories*/
  div.rest-categories .theme-1 .colitem .catdetails{ padding:7rem 2rem;}

  /*Footer*/
/*  .view-rokquickcart footer#rport-footers{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-top:11rem;
}*/

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}