@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans/DroidSans-webfont.eot');
    src: url('../fonts/droidsans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/droidsans/DroidSans-webfont.woff') format('woff'),
        url('../fonts/droidsans/DroidSans-webfont.ttf') format('truetype'),
        url('../fonts/droidsans/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaMedium';
    src: url('../fonts/futura-medium/Futura-medium.otf') format("opentype");
    src: url('../fonts/futura-medium/FuturaStd-Medium.eot');
    src: url('../fonts/futura-medium/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futura-medium/FuturaStd-Medium.woff2') format('woff2'),
        url('../fonts/futura-medium/FuturaStd-Medium.woff') format('woff'),
        url('../fonts/futura-medium/FuturaStd-Medium.ttf') format('truetype'),
        url('../fonts/futura-medium/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Ostrich Sans';
    src: url('../fonts/ostrich/OstrichSans-Heavy.eot');
    src: url('../fonts/ostrich/OstrichSans-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ostrich/OstrichSans-Heavy.woff2') format('woff2'),
        url('../fonts/ostrich/OstrichSans-Heavy.woff') format('woff'),
        url('../fonts/ostrich/OstrichSans-Heavy.ttf') format('truetype'),
        url('../fonts/ostrich/OstrichSans-Heavy.svg#OstrichSans-Heavy') format('svg');
    font-style: normal;
}

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

@font-face {
    font-family: 'OswaldLight';
    src: url('../fonts/Oswald-Light.ttf') format("truetype");

}


@-moz-document url-prefix() {

    .custom-container{margin: 0 auto !important;}
    .product-view .add-to-cart-buttons .button::after {
        top: 28% !important;
    }
    .container-fluid > .header-menu-custom{
        margin-right: 19% !important;
    }

}

html{background-color: #000;}

label a{
    color:#cf152d;
}
.onlineorder-order-catalog .custom-halaman .main {
    padding-top:0px!important;
}
.categorypath-pizza .custom-halaman .main {
    padding-top: 80px!important;
}
.category-sides-desserts .custom-halaman .main {
    padding-top: 80px!important;

}
.onlineorder-carryout-index .custom-halaman .main {
    padding-top: 140px!important;
}
.onlineorder-delivery-index .custom-halaman .main {
    padding-top: 140px!important;
}
.category-special-offers .custom-halaman .main {
    padding-top: 98px!important;
}
.category-beverages .custom-halaman .main {
    padding-top: 80px!important;
}
#payment-mobile-acc,#order-now-mobile{ display:none; }

.green{
    background-color: #0db14b !important;
}

.no-hover:hover{
    background-color: transparent;
}

#call-us{float:right;margin-top: 0;}
.call-on-us{
    float:right !important;
    margin-top: -40px !important;
}

.account-opt-link{
    color:#0078BA;
}

.language-flag{
    /*width: 7%;*/
    display: inline-block;
    border: 1px solid black;
    margin-top: -3px;
    margin-right: 3px;
}

@media screen and (max-width: 667px) {
    .call-on-us{
        float:right !important;
        margin-top: -40px !important;
    } 

    #call-us{
        margin-top: -40px;
    }
    /*time order update*/
    .confirmation-cart td{
        font-size: 14px;
    }
    .confirmation-cart th.total{
        width: 100px;
    }
}

#call-us-login{
    float:right;margin-top: -40px;
}
.messages li.error-msg ul li span a{
    color:red;
    font-weight: bold;
}

#call-us img,#call-us-login img{
    /*width:13%;*/
    margin-top: -2px;
    display: inline-block;
}
#call-us a:hover, #call-us-login a:hover{color:#CF152D;}
.sitempan{
    padding: 20px;
}

.padding-15{
    padding-top:15px;padding-bottom:15px;margin-top:50px;
}

.width-30{
    width:30px;
}

.width-20{
    width: 20px;
}

.width-50{
    width:50px;
}

.width-55{
    width:55px;
}

.width-150{
    width:150px;
}

.width-158{
    width:158px;
}

.width-100{
    width:100px;
}

.smaller-font{
    font-size: .85em;
}
.margin-top-20{
    margin-top: 20px;   
}

.margin-bottom-50{
    margin-bottom: 50px;    
    margin-top: 5px;
}
.dom-title-label{
    text-align: center; font-size: 1.3em; padding: 20px 0; font-weight: bold;
}
/*----------------Header begin---------------*/
.slider-home{    
    background-repeat: no-repeat;
    background-size: 100%;
    /*background-size: contain;*/
    background-position: center;
    width: 100%;
    height: 250px;
}

.online-order-breadcumbs{margin-bottom: 20px;}
.online-order-breadcumbs > ul > li > a:hover {
    color:#CF152D;
}

#carousel-mobile{
    display: none;
}

#carousel-web{
    display: block;
    /*background-color: black;*/
}

#carousel-shadow{
    display: none;
}

@media (max-width: 1024px) {
    /*#carousel-mobile{display: block;}*/
    .slider-home{ height: 289px;}
    /*#carousel-web{display: none;}*/
}

@media (max-width: 768px) {
    /*#carousel-mobile{display: block;}*/
    .slider-home{ height: 219px;}
    #myCarousel{ display: none}

    /*#carousel-web{display: none;}*/
}

@media (max-width: 738px) {
    .slider-home{ height: 495px;}
}

@media (max-width: 660px) {
    .slider-home{ height: 443px;}
}

@media (max-width: 600px) {
    .slider-home{ height:400px;}
}
@media (max-width: 450px) {
    .slider-home{ height:275px;}
}

@media (max-width: 375px) {
    .slider-home{ height:252px;}
}

.bx-wrapper .bx-controls-direction a{
    z-index: 1 !important;
}

.clickable{ cursor: pointer }

.category-title h1{
  border-bottom: 1px solid #000;
}
.onlineorder-order-address .custom-halaman .main {
    padding-top: 0px!important;
}
.cms-home .row{
    /*margin-right:-26px !important;*/
     margin-right:0 !important;
     margin-left: 0 !important;
}

.logo {
    width: 100%;
    /* margin-top: 3px; */
}

.tracking-order-icon{
    float: left;
    display: inline;
    margin-top: 10px;
}

.transparent{
    background-color: transparent !important;
    border: 1px solid white !important;
}

a.transparent.button{
    font-size: 1.1em !important; 
}

.footer a.transparent.button{
    /*font-weight: bold;*/
    letter-spacing: 0.5px;
}

a.transparent.button:hover {
    background-color: #CF152D !important;
}
.blog-index-list .row{
    margin-left: 20px;
    margin-right: 20px;
}

.wrapper{
/*    background: url('../images/background-new.jpg') repeat;*/
    background-size: contain;
    min-height: 100vh;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
/*.wrapper{
    background-image: url(../images/blackboard.jpg);
    background-image: url(../images/blackboard.jpg);
    background-image: url(../images/new_wallpaper.png);
    background-image: url(../images/wood5.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    background-size: 100%;
    background-color: #222;
}*/

body{
    overflow-x: hidden;
    color:#454545/* #eee;*/;
    font-family: 'droid_sansregular', sans-serif !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke:1px transparent;
    -moz-osx-font-smoothing: grayscale;
    /*    text-rendering: optimizeLegibility;
                    font-smooth: always;*/

}

body::-webkit-scrollbar{
    width:15px;
    background: #f4f4f4;
}

body::scrollbar{
    width:15px;
    background: #f4f4f4;
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
    border: solid whiteSmoke 2px;
}

body::scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
    border: solid whiteSmoke 2px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

body::scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

a{ color: inherit; text-decoration: none; }
body .page .page-header{
    margin: 0 auto !important;
}

.onlineorder-order-catalog .container-main-custom{min-height: 1000px;}
.container-main-custom{
    /* min-height: 781px; */
    padding-top: 15px;
}

.cms-home .container-main-custom{ padding-top: 0px; } 

.online-order-breadcumbs ul li a.active{background-color:#006aa6;color: #fff;padding: 5px;border-radius: 8px;}
.cms-no-route .container-main-custom{
    padding-top: 140px;
}

.page-header-container{
    background-color: black;
}

.button{border-radius: 3px;}

.store-view{
    margin-top: 13px;
    color : #fff;
}

.store-view li {
    display: inline-block;
    padding-right: 7px;
    font-family: 'oswald', sans-serif !important;
    font-size: 1.2em;
    font-weight: bold;
}

.store-view .active a{
    color: black !important;
    /*text-decoration: underline;*/
    border-bottom:2px solid black;
}

.store-view a:hover {
    color: black;
    text-decoration: none;
}

.store-view-right{
    border-left: solid 1px #fff;
    padding-left: 10px;
}

.container-full-width{
    /*width: 100% !important;*/
    margin-top: 105px; /*165px*/
}


.topheader-custom > li{
    font-size: 1em;
    font-family: 'oswald', sans-serif !important;
    margin-left: 10px;
    margin-top: 10px;
    padding: 3px 10px 3px 10px;
    width: 115px;
    border : 1px solid #fff;
    border-radius: 3px;
    text-align: center;
}

.topheader-custom > li > a > img{
    display: inline-block ;
    margin-left: -20px;
}

#tracker-icon{
    border:none !important;

}

#tracker-icon{
    background-color: transparent !important;
}
.delivery-details ..topheader-custom > li{
border: 1px solid #000 !important;
}
.delivery-details .topheader-custom > li{
border: 1px solid #000 !important;
}
.topheader-custom > li:hover {
    background-color: #fff;
    color: #cf152d;
    text-decoration: none;
}


.topheader-custom > li:hover > a{
    color: #cf152d;
    text-decoration: none;
}

.cms-index-index .topheader-custom > li > a
,.topheader-custom > li > a{
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 200;
    letter-spacing: 0.5px;
}
.cms-index-index .topheader-custom > li > a{
    font-weight: bold;
}

.page-header-container{
    position: fixed;
    top: 53px;
    z-index: 100;
    width: 100%;
    height: 60px;
}


.navbar-main-custom{
    margin-bottom: 0px !important;
}

.header-language-background{
    position: fixed;
    top: 0;
    z-index: 1002;
    width: 100%;
}

.modal.fade.dominos-modal{
    margin-top: 100px;
}

.modal.fade.dominos-modal .modal-content{
    background: black;
    color: #fff;
    border: 1px solid #333;
    border-radius: 2px;
}

.modal.fade.dominos-modal .modal-body,
.modal.fade.dominos-modal .modal-footer
{
    border: none;
}

.modal.fade.dominos-modal .modal-content button{
    background: #bc182b;
    color:#fff;
    border:none;
}

.modal.fade.dominos-modal #voucher-message{
    font-size: 16px;
}

.header-language-background,
.header-language-background a{
    color: #fff;
    height: 53px;
}

.container-fluid > .header-menu-custom{padding-top: 20px;margin-right: 8%!important;/*float: left !important;*/}

#online-order-button a{
    position: absolute;
    right: -40px;
    z-index: 9999;
}

#online-order-button #online-order-image{
    width: 120px;
    background: url(../images/order_online_button.png) no-repeat;
    margin-top: 10px;
    height: 120px;
    background-position: center;
    background-size: 100%;
}

#online-order-button #online-order-image:hover{
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    /*width:85%;*/
}

.container-fluid > .nav-header-custom{
    width: 26% !important;
}

.header-menu-custom li a{
    padding: 10px 10px !important;
}

.navbar-inverse{
    background-color: #0166a7 !important;
    border-color: black !important;
    border: 0 none;
}

.carousel{
    margin-top:30px;
}

.container-fluid >.header-menu-custom > li{
    font-family: 'oswald', sans-serif !important;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}


.navbar-inverse .navbar-nav > li > a{
    color: white !important;
}
.header-menu-custom > li > a:not(.no-border){
    border-right: solid 1px #7e7878 !important;
}

.navbar-nav > li > a{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.navbar-right .header-menu-custom{
    margin-right: 0px !important;
}
.topheader-custom{
    margin-right: 9.5% !important;
}


.logo{
    max-width: 295px !important;
    min-height: 53px;
}

.nav-dropdown-custom{
    display: none;
    /*width: 460px;*/
    background-color: #fff;/*#bfbfbf;*/
    position: absolute;
    z-index: 5;
    margin-top: 10px;
    border-radius: 3px;
    white-space: nowrap;
}

.tail{
    display: none;
    position: absolute;
    left: 50px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #bfbfbf;
}

.nav-dropdown-custom > li{
    text-align: center;
    padding: 10px 15px 0px 15px !important;
    /*padding-left: 50px !important;*/
}

.nav-dropdown-custom > li > a > img{
    display: block;
    margin: 0 auto;
    opacity: 0.5;
}

.nav-dropdown-custom > li > a > p{
    margin-top: 10px;
    opacity: 0.5;
}

.nav-dropdown-custom > li > a, .nav-dropdown-custom > li > a:hover {
    color: #333333;
    /*text-decoration: none;*/
}

.nav-dropdown-custom > li:hover > a > img,
.nav-dropdown-custom > li:hover > a > i {
    animation: tilt .5s;
}

.nav-dropdown-custom > li:hover {
    border: 1px #333 transparent;
}

.nav-dropdown-custom > li > a > i, 
.nav-dropdown-custom > li > a > img {
    margin: auto;
} 

.nav-dropdown-custom > li:hover > a > img, 
.nav-dropdown-custom > li:hover > a > i, 
.nav-dropdown-custom > li:hover > a > p{
    opacity: 1;
}

.more-left{
    left:-220px;
    width: 472px;
    text-align: center;
}

.more-center{
    left:-120px;
    width: 280px;
}

.page-header-custom{
    border-bottom: none !important;
    padding-bottom: 0 !important;
}


/*header mobile*/

.menu-customer-custom > li > a{
    width: 74px;
    border : 1px solid #fff;
    border-radius: 6px;
    background-color: #cf152d;
    color: #fff;
}

.menu-customer-custom > li > a:hover {
    color: #cf152d;
}

.menu-customer-custom{
    width: 50%;
    display: inline-block;
    text-align: center;
    float: right;
    margin-top: 3px !important;
}

.menu-customer-custom > li{
    display: inline-block !important;
    margin: 0 auto;
    /*padding-left: 10px;*/
}

.menu-customer-custom > li > a{
    text-align: center;
    padding: 0 !important;
}


#myNavbar > ul:not(.menu-customer-custom) > li {
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
}

.child-mobile-custom{
    background-color: #BFBFBF;
    padding-left: 30px;
    width: 100%;
    display: none;
}

.child-mobile-custom > li{
    border-bottom: 1px solid black;
    padding: 5px 0px;
}
.child-mobile-custom a, .child-mobile-custom a:hover {
    color: black;
    text-decoration: none;
    display: block;
    padding: 3px 60px 3px 0px;
}

.child-mobile-custom > li > a > img{
    float: left;
}

.store-view-mobile-custom{
    display: none;
    height: 30px;
    /*text-align: center;*/
    background-color: #cf152d;
}

.store-view > li:not(.active) > a {
    color: white !important;
}

.store-view > li:not(.active) > a:hover {
    color: black !important;
}

.left-menu-custom{
    width: 35%;
    float: left;
    display: inline-block;
    margin-top: 3px;
    padding-left: 15px;
}

/*----------------------------------------------

                                                  Address

-----------------------------------------------*/
.onlineorder-order-address header.sub-header{
    text-align: center;
}

#inner-container{
    background-color: #fff; padding: 10px 15px;margin-bottom:100px;
}

.address-container{
    margin-bottom: 10px;
}

.address__list{
    margin-bottom: 10px;
}
.address__list__menu{
    text-align: right;
    font-size: 1.25em;
    padding-top: 12.5px;
}
.address__list__menu a{
    color: rgba(0, 0, 0, .5);
}
.address__list__menu a:hover{
    color: red
}


.onlineorder-order-add-address .custom-halaman .main {
    padding-top: 25px!important;
}
.address__list__description{
    color: #000;
    background-color: #006AA6;
    padding: 10px 10px 10px 5px;
    border-radius: 2px;
}

.address__list__description .label{
    width: 90%;
    overflow: hidden;
    color: #000;
    display: block;
    float: left;
    text-align: left;
    font-size: 1.1em;
    font-weight: lighter;
    padding-top: 7px;
}
.address__list__description .right-arrow{
    font-size: 1.25em;
    float: right;
}

.address__list__description--add{
    background-color: #CF152D;
}

.address__list__description:hover,
.address__list__description--add:hover{
    color: #ddd
}


.btn-back{
    background-color: #777;
    color: #fff;
}
.btn-back:hover,
.btn-back:active{
    background-color: #777;
    color: #fff;
}

.container-tables{
    margin-top: 10px;
}

@media screen  and (max-width: 667px) {
    .container-tables{
        margin-top: 50px;
        margin-bottom: 100px;
    }       
}
/*------------------------------------------------
                                                                                end
-------------------------------------------------*/

/*----------------Footer begin-------------------*/

.newsletter-custom{
    height: 55px;
    background-color: #0066a7;
    padding: 10px;

}
.share-icon-mobile{
    display: none;
}

.checkout-global-mobile{
    display: none;
}

.newsletter-custom > label{
    font-size: 1.3em;
}

.newsletter-custom .col-md-custom{
    /*margin-left: 21%;*/
    text-align: center;
}

.newsletter-custom .col-md-custom .input-group-btn{
    width: 1%;
}

#vip-button{
    color: #cf152d;
    display: inline-block;
    background-color: #fff;
    font-size: 1.4em;
    padding: 2px 20px;
    border-radius: 4px;
    margin-left: 5px;
    text-transform: uppercase;
}

.footer-container{
    padding: 0;
    max-width: 100%;
    background-color: #00568e/*black*/;
}

.footer{
    border-top: none !important;
}

input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"]{
    min-height: 34px;
    font-family: Arial !important;
}
.super-attribute-select{
    background-color: #fff;
    border-radius: 2px;
}

#newsletter-validate-detail > div > label{
    font-family: 'oswald', sans-serif !important;
    font-size: 1.5em;
    color: #ecf0f1;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0 !important;
    font-weight: 200;
}

#newsletter-validate-detail > .form-group > .input-group{
    width: 450px; 
    font-family: 'oswald', sans-serif;
}

#newsletter-validate-detail > .form-group > .input-group > input[type="email"]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}
#newsletter-validate-detail > .form-group > .input-group > input[type="email"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
#newsletter-validate-detail > .form-group > .input-group > input[type="email"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
#newsletter-validate-detail > .form-group > .input-group > input[type="email"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#newsletter-validate-detail > .form-group > .input-group > #newsletter{
    background-color: transparent;
    color: #fff;
}


#newsletter-validate-detail button{
    color : #cf152d;
    padding: 0px;
    padding-bottom: 0px;
    font-size: 22.5px;
    width: 90px;
}


.mobile-input-custom{
    display: none;
}


.copyright p, .copyright ul li{
    color: #fff;
    font-size: 1.2em;
}

.footer-custom > li > a, .copyright > p{
    color: #fff;
    font-family: 'droid_sansregular',sans-serif;

}


.footer-custom > li > a:not(.no-border){
    padding-right: 10px;
    border-right: 1px solid #fff;
}

.main-container{
    background: transparent;
}

.mobile-input-custom{
    display: none;
}


.share-icon ul{
    text-align: center;
}
.clear{ clear: both; }

/*-----------------------Content Begin-------------------------*/
.main{
/*    background: url(../images/background-dominos-2.png) no-repeat;
     background: url(../images/background_Transfaran.png) no-repeat; 
     background-size: 100%; 
     background-position: center bottom; */
    padding-top: 0px;
}



.main-container{
    max-width: 100%;
    min-height: 800px;
}


/*.row-homepage{
                padding-top: 50px;
}*/
.panel-footer-custom{
    background-color: transparent !important;
    border-top: 1px solid white !important;

}

.col-custom-trio,
.col-custom-duo{
    /*float: left;*/
    padding: 0px 10px 0px 10px;
}
/*.col-custom-trio{
    width: 32%;
}*/

/*.col-custom-duo{
    width: 48%;
}*/


.row.row-homepage .col-custom-trio:nth-child(2){padding: 0;}
.row .col-custom-trio:last-child, .row .col-custom-duo:last-child{
    padding-right:0;
} 
.row .col-custom-trio:first-child, .row .col-custom-duo:first-child{
    padding-left: 0;
}

.col-custom-duo img{
    max-width: 100%;
    height: auto;
}

.col-custom-duo .custom-panel {
    padding: 0px;
    background: #000;
}

.custom-banner{
    width: 96%;
    padding: 0;
}

.custom-panel{
    font-family: 'oswald' !important;
    border-radius: 0px !important;
    padding-right: 25px;
    padding-left: 25px;
}

.mobile-tracker-icon a img{
    width:100%;
}

.mobile-tracker-icon{
    /*padding:10px;*/
    /*background: url('../images/tracking/paper_banner_stroke_finder.png');*/
    background-size: 100%;
    display: none;
}

.col-custom-trio .custom-panel{
    height: 210px;
    overflow: hidden;
    cursor:pointer;
}

.custom-panel .panel-heading, .custom-panel .panel-footer{
    background-color: transparent !important;
    padding-right: 10px;
    padding-top: 5px;
    min-height: 145px;
}

.panel-banner > a > img{
    width: 100%;
}
.panel-banner{
    padding: 0px;
}

.panel-banner-mobile{
    display: none;
}

.panel-banner-mobile > a > img{
    width: 100%;
}

.panel{
    border: none !important;
}

.gray{
    background-color: #70808f !important;
}

.blue{
    background-color: #006aa6 !important;
}

.yellow{
    background-color: #E8CE51 !important;
}

.red{
    background-color: red !important;
    color: #fff !important;
}
.green {
    background-color: #0db14b !important;
}

.panel-icon-custom,
.panel-description-custom{
    float: left;
    width: 50%;
    padding: 10px 0;
}

.panel-icon-custom img{
    width: 100%;
    margin-left:-17px;
}

.panel-footer-custom{
    padding: 20px 15px 20px 15px !important;
    text-align: center;

}

/*.panel-heading-custom{
    padding: 5px 15px 0px 15px !important;
}*/

.panel-footer a{
    margin-top: 10px;
    width: 200px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
}

.blue .panel-footer a{
    color: #006aa6;
}

.green .panel-footer a{
    color: #0db14b !important;
}

.gray .panel-footer a{
    color: #70808f;
}

.red .panel-footer a{
    color: #cf152d;
}

/*.gray .desc-title-custom{
                font-size: 1.9em;
                font-size: 19px;
}
*/
.desc-title-custom{
    font-size: 19px;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    font-family: 'oswald',sans-serif;
}

.two-line-custom{
    margin-top:-5px;
    text-align: left;
}

.desc-custom{
    margin-top:-36px;
    padding-top: 5px;
    /*padding-left: 5px;*/
    width: 128%;
    font-size: 13px;
    color: #fff;
    font-family: 'droid_sansregular',sans-serif;
}



.navbar-mobile-custom{
    display: none !important;
}

/*---product list--*/

.divider-category-desert{
    font-weight: 700; 
    height: 330px; 
    padding: 15px 5px 5px 15px; 
    font-size: 1.8em;     
    background: url(/skin/frontend/rwd/dominos/images/patten-transparent.png) #0972a9;
}

.price-box .single-price{
    /*    font-size: 1.2em;*/
    font-size: 18px;
    color:#454545;
}

.content-upgrade-promo{
    margin: 15px 0 10px 0;
}
.content-upgrade-promo .nav-upgrade-promo{
    float: left;
    background: #CF152D;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 10px 10px 0;
}

/*------end-------*/
/*product view css*/
.custom-options-pizza{
    display: none;
}
#dominos-basket .product-details .product-name, #dominos-basket-mob .product-details .product-name{
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 800;
}

#dominos-basket .action-cart-custom,#dominos-basket-mob .action-cart-custom{
    font-size: 12px;
    padding-right: 10px;
    margin-top: 14px;
}

#dominos-basket .product-details .single-price, #dominos-basket-mob .product-details .single-price{
    float: right;
    padding-right: 4px;
    color: #006aa8;
    font-family:'droid_sansregular', "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-padding{
    margin-top: -3px;
    padding-left: 0;
    font-size: 17px;
}

#dominos-basket,#dominos-basket-mob{
    min-height: 400px;
    width: 100%;
    min-width: 260px;
    max-width: 260px;
    padding-bottom: 70px;
    display: block;
    top: 0!important;
}
#dominos-basket .title-cart-custom, #dominos-basket-mob .title-cart-custom{
    text-align: left;
    padding: 10px 10px;
}

#dominos-basket .title-cart-custom h2,#dominos-basket-mob .title-cart-custom h2{
    color: #CF152D;
}

#dominos-basket .actions-custom,#dominos-basket-mob .actions-custom{
    padding: 5px 10px;
    text-align: right;
} 

#dominos-basket input[type="text"], #dominos-basket-mob input[type="text"]{
    text-align: center;
}

#dominos-basket input[type="text"]::-webkit-input-placeholder,#dominos-basket-mob input[type="text"]::-webkit-input-placeholder {
    text-align: center;
}
#dominos-basket input[type="text"]:-moz-placeholder, #dominos-basket-mob input[type="text"]:-moz-placeholder {
    text-align: center;
}
#dominos-basket input[type="text"]::-moz-placeholder, #dominos-basket-mob input[type="text"]::-moz-placeholder {
    text-align: center;
}

#dominos-basket input[type="text"]:-ms-input-placeholder, #dominos-basket-mob input[type="text"]:-ms-input-placeholder {

    text-align: center;
}

#dominos-basket hr, #dominos-basket-mob hr{
    border-top: 1px solid black;margin: 0 auto;
    padding-bottom: 10px;
}

#dominos-basket p, #dominos-basket .label, #dominos-basket a, #dominos-basket-mob p, #dominos-basket-mob .label, #dominos-basket-mob a{
    color: black;
}

#dominos-basket .btn-edit span, #dominos-basket-mob .btn-edit span {
    margin: 1px 0 0 -11px;
    position: absolute;
    font-size: 0.78em;
}
#dominos-basket .btn-edit, #dominos-basket-mob .btn-edit{
    float: right;
    padding-right: 5px;
    color: #8c8c8c;
}

#dominos-basket .basket-voucher , #dominos-basket-mob .basket-voucher{
    background: url(../images/icon/basket-top.png) repeat-x;
    height: 100px;
    padding: 15px 10px 0 10px;
}
.basket-voucher h3{
    color: #333;
    color: #D5364A;
    margin-bottom: 0;
}

#voucher-input-custom{
    display: block;
    margin-top: -4px;
    width: 100%;
}

#voucher-input-custom input[type='text']{
    display: inline-block;
    float: left;
    width: 77%;
}

#voucher-input-custom button{
    float: left;
    margin-left: 10px;
}

#dominos-basket .basket-cart, #dominos-basket-mob .basket-cart{
    background: #ffffff;
    width: 100%;
    min-height: 200px;
}
#dominos-basket .product-details, #dominos-basket-mob .product-details{
    margin-left: 0px;
    border-bottom: 1px dashed gray;
}
#dominos-basket .basket-cart .items, #dominos-basket-mob .basket-cart .items{
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    padding: 0 10px;
}

#dominos-basket .btn-remove-custom, #dominos-basket-mob .btn-remove-custom{
    float: right;
    color: #d5223f;
}
#dominos-basket .cart-qty-custom span input[type='text'], #dominos-basket-mob .cart-qty-custom span input[type='text']{
    min-height: 25px;
    width: 30px;
    padding: 0 2px;
    text-align: center;
    margin-bottom: 0px;
}
#dominos-basket .cart-qty-custom span, #dominos-basket .cart-qty-custom a, #dominos-basket-mob .cart-qty-custom span, #dominos-basket-mob .cart-qty-custom a{
    display: inline-block;
    float: left;
    /*padding-left: 8px;*/
    width: 26px;
    text-align: center;
} 
#dominos-basket .cart-qty-custom a i, #dominos-basket-mob .cart-qty-custom a i{
    font-size: 0.8em;
    margin-top: 8px;
    color: #fff;
    cursor: pointer;

}
#dominos-basket .cart-qty-custom, #dominos-basket-mob .cart-qty-custom{
    width: 80px;
    /*text-align: center;*/
    display: inline-block;
    background-color: gray;
    padding: 1px 0px;
    cursor: pointer;
}

#dominos-basket .basket-cart .items ol, #dominos-basket-mob .basket-cart .items ol{
    height: 215px;
    color: black;
    overflow-y: auto;
    overflow-x: hidden;
}


#dominos-basket .item-options dd, #dominos-basket-mob .item-options dd{
    font-family: 'oswald';
}

#dominos-basket .basket-cart .items ol::-webkit-scrollbar, #dominos-basket-mob .basket-cart .items ol::-webkit-scrollbar {
    width: 5px;
}

#dominos-basket .basket-cart .items ol::scrollbar, #dominos-basket-mob .basket-cart .items ol::scrollbar {
    width: 5px;
}

#dominos-basket .basket-cart .items ol::-webkit-scrollbar-track, #dominos-basket-mob .basket-cart .items ol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

#dominos-basket .basket-cart .items ol::scrollbar-track, #dominos-basket-mob .basket-cart .items ol::scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

#dominos-basket .basket-cart .items ol::-webkit-scrollbar-thumb, #dominos-basket-mob .basket-cart .items ol::-webkit-scrollbar-thumb {
    background: gray;
}

#dominos-basket .basket-cart .items ol::scrollbar-thumb, #dominos-basket-mob .basket-cart .items ol::scrollbar-thumb {
    background: gray;
}


#dominos-basket .result-cart-custom #total-cart-custom, #dominos-basket-mob .result-cart-custom #total-cart-custom{
    display: block;
    border-top: 1px solid gray;
}

#dominos-basket .result-cart-custom, #dominos-basket-mob .result-cart-custom{
    display: inline-block;
    width: 92%;
    margin: 0px 11px;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    padding: 10px 0;
}

#dominos-basket .label-cart-custom, #dominos-basket-mob .label-cart-custom{
    font-size: 1.5em;
    float: left;
    /*padding-left: 10px;*/
    display: inline-block;
    font-family: 'oswald';
    color: black;
    font-weight: bold;
}

#dominos-basket .result-cart-custom .single-price, #dominos-basket-mob .result-cart-custom .single-price{
    font-size: 1.5em;
    float: right;
    /*padding-right: 10px;*/
    display: inline-block;
    color: #006aa8;
    font-weight: bold;
    font-family: 'oswald', "Helvetica Neue", Verdana, Arial, sans-serif;
}


#dominos-basket .basket-cart .cart-left, #dominos-basket-mob .basket-cart .cart-left{
    color: black;
    float: left;
    width: 200px;
}
#dominos-basket .basket-cart .cart-right, #dominos-basket-mob .basket-cart .cart-right{
    color: blue;
    float: left;
    width: 50px;
}

#dominos-basket > .basket-cart > .actions-custom  >.button, #dominos-basket-mob > .basket-cart > .actions-custom  >.button{
    padding: 9px 6px !important;
    background-color: #0db14b !important;
    font-size: 19px !important;
}

#dominos-basket > .basket-cart > .actions-custom  > .pull-left, #dominos-basket-mob > .basket-cart > .actions-custom  > .pull-left{
    background-color: #595959 !important;
}

.pickup-info-custom{
    background: url(../images/icon/basket-bottom.png) repeat-x center bottom;
    height: auto;
    padding: 10px;
    color: black;
}


#dominos-product-view{
    margin: 0px 0 0 0;
}
.topping-content{
    width: 100%;
    float: left;
    background: black;
    margin: 20px 0 40px 0;
    padding: 30px 20px 20px 20px;
    background: rgba(255 255 255);
}
.topping-content h1{
    border-bottom: 1px solid #ffffff;
    margin-bottom: 30px;
    font-size: 22px;
    font-family: 'oswald',sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0 0 5px 0;
}
.topping-content h2{
    color: #454545
}
#customize-pizza, 
#customize-pizza-default{
    width: 100%;
    float: left;
}
#customize-pizza-default{
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
}

#customize-pizza-default h2 span{
    font-style: italic;
}

#customize-pizza > .pizza-options,
#customize-pizza-default > .current-pizza-options{
    border: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}
#customize-pizza > .pizza-options > li,
#customize-pizza-default > .current-pizza-options > li{
    display: inline-block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 40px 0;
    position: relative;
}
#customize-pizza > .pizza-options > li > .options-name,
#customize-pizza-default > .current-pizza-options > li > .options-name{
    margin: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
}
#customize-pizza > .pizza-options > li > img,
#customize-pizza-default > .current-pizza-options > li > img{
    width: 80px;
    height: 65px;
    border:1px solid #454545;
    transition: border 0.3s
}
#customize-pizza > .pizza-options > li:hover > img,
#customize-pizza-default > .current-pizza-options > li:hover > img{
    border:1px solid green;
}
ul.add-topping{
    width: 100%;
    height: 20px;
    text-align: left;
    position: absolute;
    bottom: 7px;
    left:-10px;
}
ul.add-topping > li{
    background: green;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    margin-right: 1px;
}
ul.remove-topping{
    width: 100%;
    height: 20px;
    text-align: right;
    position: absolute;
    top:-8px;
    right:-10px;
}
ul.remove-topping > li{
    background: red;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    margin-left: 1px;
}
#customize-pizza > .pizza-options > li:hover {
    cursor: pointer;
}
/*product view css end*/

/*-------menu-bar-----------*/
.menu-bar-custom{
    padding: 35px 17px;
}

#logo-menubar-custom{
    display: inline-block;
    float: left;
    width: 8%;
}

#logo-menubar-custom img{
    width: 100%;
    margin-top:-20px;
    padding-right: 10px;
}

.menu-bar-custom a{
    width: 16.67%;
    display: table-cell;
    position: relative;
    vertical-align: middle;

}

.list-menu{
    display: table;
    background-color: #c8c8c8;
    width: 92%;
    position: relative;
    clear: none;
    font-family: 'oswald',sans-serif;
    font-size: 1.2em;
}

.menu-bar-custom li{
    padding: 10px 15px 10px 18px;
    text-align: center;
    display: block;
    color: black;
    letter-spacing: 1px;
    font-weight: bold;
}

.menu-bar-custom li:hover,
.menu-bar-custom a:not(.last):hover {
    background-color:#e53c37;//#0166a7;// #CF152D;
    color: #fff;
    text-decoration: none;
}
input#promotion-quantity {
    border: 1px solid;
}
.menu-bar-custom a:hover:after{
    border-left: 10px solid #e53c37/* #0166a7/* #CF152D*/ !important;
}

.menu-bar-custom a:not(.last){
    border-right: 5px solid black ;
}
.menu-bar-custom li:not(.last)::after{
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 10px solid black;
    margin-top:-6px;
    content: "";
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    top: 28%;
    left: 101%;
}

.menu-bar-custom a:not(.last)::after{
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 10px solid #c8c8c8;
    margin-top:-6px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 2;
    top: 28%;
    left: 98%;
}


/*-------menu-bar end-----------*/
/*-------account dashboard-------*/

.customer-account-edit .buttons-set{
    text-align: center !important;
}

.customer-account-edit .next{
    float: right;
    padding:7px 50px;
}

.customer-account-edit input{
    font-family: 'oswald';
}
/*-------account end-------*/

/* -----------News & updates begin--------- */

.postWrapper:first-child {padding-top:0;}
.postWrapper{
    /*padding-top: 10px;*/
    padding-bottom: 25px;
    /*clear: both;*/
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 25px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.postImage,
.postDescription{
    float: left;
    display: inline-block;
}
.postImage{
    width: 330px;
    height: 275px;
    margin-right: 15px;
    padding: 1px;
}

.postImage img{
    width: 100%;
}

.postDescription{
    width: 505px;
    color: #666;
    font-size: 13px;
    background-color:#fff; //rgba(0,0,0,.6);
    padding: 15px;
    /*min-height: 292px;*/
    height: 275px;
    margin-left: 50px;
}

.postTitle a{
    color: #CF152D;
}

.aw-blog-read-more{
    padding: 5px 40px;
    background-color: #006AA6;
    font-family: 'oswald', "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 1.3em;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    transition: background 0.3s;
}

.aw-blog-read-more:hover{
    color: white;
    background: #CF152D;
}

.aw-blog-read-more:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    margin-left: 6px;
    margin-top: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
    /* border-left: 6px solid #fff; */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.postContent{
    color:#454545;// #fff;

}

.back-button-blog{
    padding: 5px 15px 5px 0px;
    background-color: #CF152D;
    float: left;
    border-radius: 3px;
    font-family: 'oswald', "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 1.3em;
}
#left-arrow-back{
    content: "";
    float: left;
    width: 0; 
    height: 0; 
    border-top: 18px solid transparent;
    border-bottom: 19px solid transparent; 
    border-right: 18px solid #CF152D;
    /*margin-top: 1px;*/
    margin-right:-1px; 
    cursor: pointer;
}

.blog-post-view .postWrapper{
    background-color: rgba(0,0,0,
        .6);
    padding-left: 25px;
    padding-right: 25px;
    width: 75%;
    margin-left: 50px;
    border: none;

}

#back-button-container{
    display: block;
    padding-bottom: 50px;
}

.blog-post-view .postWrapper img{
    margin: 0 auto;
    width: 100%;
}

/*------------Sitemap-------------*/
.prod-list-sitemap li{
    list-style-type: circle !important;
    list-style: inside;
}
/*-----term and condition----*/

div.content-rows{
    font-size: 14px;
    margin: 0 0 20px;
    line-height: 16px;
}

div.content-rows p.header-h4-style {
    font-size: 18px;
    padding: 0 0 3px;
}

.term-container{
    padding: 20px 30px;
    margin-bottom: 60px;
    margin-top: 20px;
    font-family: 'droid_sansregular', Arial, sans-serif;
    line-height: 1.5em;
}

.term-container .content-rows p{
    color: #fff;
    font-style: normal;
    font-family: 'droid_sansregular', sans-serif;
}


.term-container ul,
.term-container ul li {
    font-family: 'droid_sansregular', sans-serif  !important;
}

.strtoupper {
    text-transform: uppercase;
    font-family: 'oswald', "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif !important;
    color: #4193cf !important;
}
/*----------End here-----------*/

/*------------Success----------*/
.custom-success-container{
    width:80%;
    margin:100px auto 0;
    text-align: center;
    padding:20px;
    border: 6px solid black;
}
.mid-success{
    /*width:80%;*/
    margin:0 auto;
    height: 150px;
    display: table;
}

.mid-success div{
    display: table-cell;
    vertical-align: middle;
}

.mid-success table{
    font-family: OswaldLight;
    text-align: left;
    font-size: 1.2em;
    color:#fff;
}

#image-success{
    width: 25%;
}

#image-success img{
    float: right;
    width: 65%;
    margin-right: 19px;
}

.order-detail-succes{
    padding-left: 10px;
}

.bottom-success{
    padding:10px;
    border-top: 1px solid black;
    width: 100%;
    margin-top: 15px;

}

.bottom-success span{
    font-family: OswaldLight;
    width:50%;
}

.bottom-success a{
    color:#ffffff;
    margin-top: 10px;
}

.bottom-success .btn{
    color:#fff;
}

.bottom-success h2{
    color:#fff;
}

.bottom-is-missing{
    width: 393px;
    text-align: center;
    margin: 0 auto;
}
/*----------End here----------*/
/*---------Contact us----------*/
.form-group > label >.required{
    color:#000000;// #ffffff;
}
.form-group > label{
    text-align: left !important; 
}
#col-form-contact-us{
    margin-left: 50px;
    margin-right: 20px;
    padding: 20px;
    margin-bottom: 70px;
}

#col-image-contact img{
    width: 100%;
    padding: 10px 0px;
}

#contactForm{
    padding-left: 0px;
}

.contacts-index-index .buttons-set button{

    background-color: #006aa6;
}

/*----------End here-----------*/


/*----------Tracking order-----------*/
.tracking-bar,.col-choose-track{
    width: 100%;
    margin-bottom: 30px;

}

#main-tracking-list{
    display: none;
}

.tracking-bar li{
    width: 16.5%;
    display: inline-block;
    text-align: center;
    /*background-color: green;*/
    padding-left: 14px;
    margin-left: 0px;
    float: left;
    height: 160px;
    position: relative;
}

.tracking-bar li span{
    position: absolute;
    bottom:3%;
    left:0;
    text-align: center;
    width: 100%;
    font-family:'oswald',sans-serif;
    font-size: 1.3em;
    color:#fff;

}
.tracking-bar li .white{
    color:#fff;
}

.tracking-bar li #title-orderplaced{
    left:-3%;
}
.tracking-bar li #title-preparation{
    left:7%;
}

.tracking-bar li #title-in_the_oven{
    left:8%;
}

.tracking-bar li #title-ready_to_pickup{
    left:10%;
}

.tracking-bar li #title-complete{
    left:10%;
}

.tracking-bar li #title-out_for_delivery{
    left: 13%;
}

.tracking-bar, #order_placed, #preparation, #ready, #in_the_oven, #out_for_delivery{
    height: 160px;
    width: 100%;
}

.tracking-bar{
    background: url(../images/tracking/order_tracker_all_transparant.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#order_placed{
    background: url(../images/tracking/order_tracker_1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#preparation{
    background: url(../images/tracking/order_tracker_2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;   
}

#in_the_oven{
    background: url(../images/tracking/order_tracker_3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;   
}

#ready_to_delivery,#ready_to_pickup{
    background: url(../images/tracking/order_tracker_4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#out_for_delivery{
    background: url(../images/tracking/order_tracker_5.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#complete{
    background: url(../images/tracking/order_tracker_6.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.col-choose-track{
    padding:30px;
    margin-bottom: 50px;
}

.col-choose-track input[type="radio"]{
    display: none;
}
.custom-radio{
    height: 19px;
    width: 19px;
    background-color: #fff;
    display: inline-block;
}

.order-list-track li label {
    font-family: 'oswald',sans-serif;
    font-weight: 100;
    font-size: 1.2em;
}
.order-list-track li {
    padding:10px;
    margin-top: 10px;

}

#detail-order-list{
    overflow-y: auto;
    height: 110px;

}

.order-list-track li #button-tracking-list{
    text-align: center;
    vertical-align: middle;
    height: 100px;
}

.order-list-button{
    height:20px;
    width:20px;
    background-color: transparent;
    display: inline-block;
    border:2px solid #fff;
    border-radius: 50%;
    margin-top:45px;
    /*margin-top:5px;*/
    float: left;
}
input[type="radio"]:checked + .order-list-button{
    background-color: #fff;
}

.col-choose-track >.form-group > .button{
    font-size: 1.6em;
    display: inline-block;
    margin-top: -3px;
}

.col-choose-track >.form-group > input[type="text"]{
    display: inline-block;
    font-family: FuturaMedium;
}

.col-choose-track >.form-group > input[type="text"]::-webkit-input-placeholder {
    font-family: 'oswald',sans-serif;
    text-align: center;
}

.col-choose-track >.form-group > input[type="text"]:-moz-placeholder { /* Firefox 18- */
    font-family: 'oswald',sans-serif;
    text-align: center;
}

.col-choose-track >.form-group > input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'oswald',sans-serif;
    text-align: center;
}

.col-choose-track >.form-group > input[type="text"]:-ms-input-placeholder {  
    font-family: 'oswald',sans-serif;
    text-align: center;
}

.col-choose-track >.form-group {
    text-align: center;
    margin-top:30px;
}
.col-choose-track > .text-container{
    width:365px;
    margin:0 auto;
    text-align: center;
}

.col-bottom-track{
    margin-bottom: 130px;
}

#mobile-status-tracking{
    display: none;
}

/*----------End here-----------*/

/*----------JOBS-----------*/
#button-jobs{
    padding: 7px 18px;
    font-size: 1.5em;
}
/*----------End here-----------*/


/*-------Online-order-delivery-addr--------*/
.page-title .nav-right-small .topheader-custom{margin-right: -1% !important;}
.mobile-delivery-addr{
    display: none;
    background-color: #006AA6;
    color:#fff;
    padding:10px 20px 10px 10px;
    border-radius:3px;
    position: relative;
}

.mobile-delivery-addr-upper{
    padding-bottom: 10px;
}

.mobile-delivery-addr-bottom{
    border-top:1px solid #fff;
    padding-top: 5px;
    font-size: 1.4em;
}


.mobile-delivery-addr-bottom #edit-addr{
    color:#000;
}

.mobile-delivery-addr-bottom #del-addr{
    color:#000;
}

.mobile-delivery-addr .row{
    margin: 0;
}
.addr::after{
    display: none;
    height: 0px;
    width:0px;
    /*background-color: green;*/
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #fff;
    position: absolute;
    content:'';
    top:10%;
    right:5%;
}


/*----------term of use--------*/

.bold{
    font-weight: bold;
}
.content-rows ul.description ul.indent{
    list-style: none !important;   
}
.contact-dom{
    color: #CF152D;
}
.content-rows ul.description li{
    color: #fff;
    /*font-family: 'oswald';*/
    font-family: 'droid_sansregular',sans-serif;
    font-style: normal;
}
/*----------end here--------*/




/*--------Product CSS------*/

/*dt.sub-header > label{
                font-size:17px;
                font-family: 'oswald',sans-serif;
}*/

.cp-dom-desc{
    max-height: 33px;
    min-height: 33px;
    color: #000 !important;
    overflow: hidden;
    margin-bottom: 10px;
    font-size:  0.85em;
    font-family: 'droid_sansregular',sans-serif;

}

.inner-product{
    width: 100%;
    /*margin: 10%;*/
    margin-bottom: 50px;
    margin-top:32px;
}
h2.product-name-dom{
    color: #ffffff;
    font-size: 14px;
}

h2.product-name-dom a:hover {
    color: #636363;
    font-size: 14px;
}

.thumbnail.tb-dom img {
    /*padding-bottom: 15px;*/
    transition: .1s transform ease-in-out;
}

.cp-dom button{
    background-color: #006991 !important;
    font-size: 19px;
}

.cp-dom{
    padding: 0px 9px 9px 9px;
}

.dom-img:not(.promotion):hover {
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.dom-img.promotion {
    width: 100%;
    height: 210px;
    margin-top: 30px;
}

.thumbnail:hover {
    background-color: rgba(0, 0, 0, 0.6);
    /*height: */
}

.thumbnail.promotion {
    background-color: rgba(0, 0, 0, 0.6);
    height: 450px;
    /*height: */
}

.caption.cp-dom h2 {
    padding: 5px 0 0;
    max-height: 60px;
    min-height: 60px;
    font-weight: bold;
    overflow: hidden;
    letter-spacing: 1.5px;
    /*border-bottom: 1px solid #ffffff;*/
}

.cp-dom .product-name a{
    font-size: 14px;
    font-family: 'oswald';
}

.cp-dom.promotion .product-name{
    margin-bottom:-5px;
    line-height: 20px;
}

.category-special-offer .cp-dom.promotion .product-name{
    margin-bottom:15px;
}

.cp-dom.promotion .promo-description{
    width: 90%;
    display: inline-block;
    color:#454545;// #fff;
    text-align: justify;
    margin-bottom: 5px;
    font-size: 12px;
    height: 65px;
    overflow: hidden;
}

.cp-dom.promotion .product-name a{
    line-height: 1.25em;
    font-size: 16px;
    font-family: 'oswald';
    width: 90%;
    display: inline-block;
    color: #000;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-align: left;
    padding-bottom: 3px;
}

.price-box .price {
    font-size: 28px;
}
.product-view .add-to-cart-buttons {margin-top:32px!important; display: block; width: 100%;}
.product-view .add-to-cart-buttons .button{
    position: relative;
}
.product-view .add-to-cart-buttons .button:after{
    content: "";
    width: 0;
    height: 0;
    top: 38%;
    transform: translateY(-50%);
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
    border-left: 6px solid #fff;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.container-table {
    display: table;
    margin-top: 50px;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

.div-center{
    background-color: rgba(0, 0, 0, 0.3);
    min-height: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.product-list-custom{

    /*float: right;*/
    text-align: center;
    padding: 0 8px;
}

.actions.actions-btn-pizza a{
    width: 70%;
}

.actions.promotion a{
    width: 40%;
}

.pizza-header{
    background-size: 100% !important;;
    background-repeat: no-repeat !important;;
    padding: 25px 5px 55px;
    margin-bottom: 10px;
    background-position: center;
}

.category-pizza{
    margin-bottom: 30px;
}

/*@media (min-width: 1200px) {
    .product-list-custom.pizza-content-list{
        width: 225px;
    }
}*/

.pizza-header__title span{
    display: none;
}

.onlineorder-order-catalog .pizza-header{
    /*background-color: rgba(0,0,0,.4);*/
    background: url('../images/pizza/premium_menu_a.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 45px 5px;
    margin-bottom: 10px;
}

.dom-prod-name{
    border-bottom: 1px solid #ffffff; margin-bottom: 10px; font-size: 2em;font-weight: bold; display: flex; align-items: center;
}

.dom-prod-container{padding: 10px 20px 0;}
.dom-prod-name-left{padding: 0;display: inline-block;vertical-align: middle;color: #000;margin-right: auto;font-family: 'oswald',sans-serif;font-size: 22px;}
.dom-prod-name-right{text-align: right;  padding: 0; display: inline-block; vertical-align: middle;}
.short-description div{font-size: 14px;font-family: 'droid_sansregular',sans-serif;}
.pizza-header__title{
    text-align: center;
    color: red;
    font-size: 2.5em;
    margin-top: -7px;
    font-family: 'oswald',sans-serif;
    padding-left: 0 !important;
}
.pizza-header__title.online-order-category{
    font-size: 23px;
}
.pizza-header__crust{
    color: #ffffff;
    font-size: 2em;
    font-family: 'oswald',sans-serif;
}

.button .btn-cart{
    background-color: #006aa6;
}

.tb-dom .button{
    /*background-color: #006aa6;*/
    background-color: #0DB14B;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 200;
    padding-top: 10px;
    text-rendering: optimizeSpeed;
}
/*--------End Here---------*/


/*----------order confirm--------*/
.mid-col{
    text-align: center;
}

.green li{color:#fff;}
.green .activeList{ background-color: #0db14b !important }
.menu-bar-custom .green li{
    background-color: #0db14b !important
}

.checkout-one-container{
    padding: 20px;
}
.onlineorder-order-time .custom-halaman .main {
    padding-top:20px !important;
}
.mid-checkout-content{
    margin-top: 10px;
    padding: 0px;
    margin-bottom: 20px;
}
.bottom-checkout-content{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    font-size: 17px;
}
.mid-checkout-content .col-custom-left, .mid-checkout-content .col-custom-right {padding:10px 15px 10px 15px;}
.col-custom-left,
.col-custom-right{
    width: 49%;
    display: inline-block;
    padding: 20px;
    /*height: 350px;*/
}

.col-custom-left{
    margin-right: 0px;
    float: left;
    height:auto;
}

.payment-logo-container{
    width: 100%;
//    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    /*background-color: green;*/    
}

.payment-logo{
background-color:#fff;/* red;*/
    display: inline-block;
    float: left;
    height: 190px;
    width: 30%;
    /*padding-left: 10px;*/
    margin-left: 9px;
    margin-top: 5px;
    text-align: center;
}

#payment-form{
    display: none;
}

.payment-logo:hover {
    background-color: red !important;
    color: #fff;
    cursor: pointer;
 
}
.payment-logo:hover img{

    color: #fff;
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(00deg) brightness(100%) contrast(119%) !important;
}

.payment-logo img{
    width: 100%;
    padding-bottom: 6px;
    padding-top: 15px;
}
.payment-logo .img-container-payment{
    padding-bottom: 10px;
}

.payment-name-custom{
    font-size: 1.2em;
    padding-top: 10px;
}

.detail-payment{
    width: 100%;
    padding: 5px 30px;
}

.order-detail-checkout{
    font-size: 14px;
//    padding-left: 30px;
    padding-right: 30px;
}



.upper-content{
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.bot-content-btn{
    /*padding: 20px;*/
}

.btn-left{
    float: left;
}

.btn-right{
    float: right;
}

.btn-container{
    padding: 10px;
}

#cart-open-btn{cursor: pointer;}

/*-----------end here--------*/



#menubar-mobile-custom{
    display: none;
    background-color: #C8C8C8;
    position: absolute;
    z-index: 10;
    top: 71px;
    left: 0px;
    width: 100%;
}

#toggle-menubar{
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    display:none;
}

#toggle-menubar .title-menubar {
    padding: 10px 0;
    text-align: center;
}

#toggle-menubar #icon-menubar-down{
    font-size: 30px;
    padding: 0 12px;
    float: right;
    border: 1px solid #fff;
    border-radius: 7px
}

#menubar-mobile-custom li{
    padding: 5px 10px;
    border-bottom: 1px solid black;
    color: black;
}

#menubar-mobile-custom .activeList li {
    background-color: #CF152D;
    color: #fff;
}

#toggle-menubar .title-menubar a{
    margin-top: 6px;
    font-family: 'oswald';
    font-weight: 100;
    font-size: 1.5em;
}

#toggle-menubar .title-menubar img,#toggle-menubar .title-menubar a{
    float: left;
}

#toggle-menubar .title-menubar img{
    width: 50px;
    margin-top:-4px;
    margin-right: 8px;
}

.custom-cart-mobile{
    display: none;
}

.online-order-button-mobile{
    border-radius: 5px;
    display: none;
}

#order-type-mobile{
    display: none
}

#order-type-web{
    display: block;
}

.online-order-button-mobile a div{   
    color: #fff;
    padding: 6px;
    font-size: 1.5em;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}

.online-order-button-mobile a div i {
    position: absolute;
    right: 4%;
    top: 26%;
}


#shopping-cart-table tbody tr{
    color:black;
}
#shopping-cart-table tbody tr .product-name a{
    color:black;
}
#shopping-cart-table {
    background-color: #F4F4F4;
}

.cart-forms .discount{
    margin-bottom: 0px;
    border-bottom: 1px solid black;
}

.faq-items ul{
    margin-left: 15px;
    list-style: disc;
    margin-bottom: 20px;    
}

.faq-items ul li{
    padding: 10px 0px;
}

.onlineorder-index-index .nav-right-small .topheader-custom{
    margin-right: 0 !important;
}
.onlineorder-order-index .nav-right-small .topheader-custom{
    margin-right: 0 !important;
}

.onlineorder-index-index .mobile-account-opt,.mobile-account-opt {
    display: none;
    text-align: center;
}

.onlineorder-index-index .mobile-account-opt a{
    color: #0078BA;
}


.onlineorder-order-index .mobile-account-opt{
    display: none;
}
.onlineorder-order-index .mobile-account-opt a{
    color: #0078BA;
}


#semi-mobile-home{
    display: none;
}


#product-price{
    font-size: 24px;
    font-family: 'oswald', "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
}

.dom-web{
    display: inline-block;
    width: 86%;
}
.value-deals{
    background: none;
}
.dom-mobile{
    display: none;
    width: 100%;
}

.promotion-list{
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.title-promotion-list{
    text-align: center;
    font-size: 24px;
    border-bottom: 2px solid #b7b7b7;
    margin-bottom: 22px;
    font-family: 'oswald';
}

.product-img-box.promotion img{
    width: 100%;
}
.promotion-layout{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.promotion-layout-max{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

ul.list-promo-product li{
    float: left;
    width: 145px;
    height: 145px;
    margin-right: 10px;
    margin-bottom: 0px;
    cursor: pointer;
}

ul.list-promo-product li:hover .image-item,
ul.list-promo-product li.active .image-item{
    border: 2px solid #cf112b;
}

ul.list-promo-product li .image-item{
    float: left;
    width: 145px;
    height: 145px;
    background: black;
    border: 2px solid #0073b6;
    text-align: center;
    transition: border-color 0.3s;
}

ul.list-promo-product li .image-item img{
    height: 100%;
    display: inline-block;
}

ul.list-promo-product li .name-item{
    float: left;
    width: 145px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.product-crust h3{
    color:#454545;// #fff;
    /*border-bottom : 2px solid #fff;*/
    font-size: 18px;
    margin-bottom: 10px;
}

.product-crust h3 .input-required{
    float:right;
    font-size:12px;
    font-weight:normal;
    margin-top: 10px;
}

.product-crust .description{
    float: left;
    width: 100%;
    margin-top: 10px;
}

.product-crust .description .left{
    float: left;
    width: 65%;
    font-size: 14px;
}

.product-crust .description .right{
    float: right;
    text-align: right;
    background: #fff;
    padding-top: 10px;
}

.product-crust .input-box select,
.product-size .input-box select
{
    width: 100%;
}

.product-crust .input-box select.bundle-option-promotion.error,
.product-size .input-box select.bundle-option-promotion.error
{
    background: #ffcccc;
    border: 1px solid red;
}

.product-crust .description .right img{
    display: inline-block;
    width: 100px;
    margin-top: -10px;
}

.product-size{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.product-size h3{
    color:#454545;// #fff;
    /*border-bottom : 2px solid #fff;*/
    font-size: 18px;
}

.product-size h3 .input-required{
    float:right;
    font-size:12px;
    font-weight:normal;
    margin-top: 10px;
}

.content-parent-promotion{
    width: 100%;
    float: left;
    margin: 0px 0 20px 0;
    text-align: left;
}

.content-parent-promotion h1{
    color:#000;// #fff;
    font-size: 26px;
    margin-bottom: 5px;
}

.content-parent-promotion .layout
{
    display: inline-block;
    width: 100%;
    background-color: rgba(0, 0, 0, .4); 
    padding: 25px 30px 20px;
}

.add-cart-promotion{
    width: 100%;
    float: left;
    margin: 0 0 50px 0;
    text-align: center;
}

.add-cart-promotion .content-input
{
    display: inline-block;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    padding: 20px 30px 10px;
}

.content-input input{
    width: 90px;
    border:none;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
}

.content-input .button{
    /*width: 195px;*/
    width: auto;
    padding: 0 20px;
    height: 33px;    
    border: 1px solid #ffffff;
    font-size: 20px;
    display: inline-block;
}

.content-input label{
    color:#454545;// #fff;
    font-size: 16px;
    margin-right: 5px;
    display: inline-block;
    font-family: 'oswald';
    font-weight: normal;
}

/*value deals*/
.product-image{
    position: relative;
}


.thumbnail.value-deals {
	border: 1px solid #e6e6e6;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
    background-color: #fff;
    /* height: 360px; */
    padding-top: 10px;
    /*height: */
}

.catalog-category-view .thumbnail.value-deals{
    /* height: 330px; */
}

div.short-description header.sub-header{
    font-size: 18px;
}

fieldset.product-options dl dt.sub-header label{
    font-size: 18px;
    font-family: 'oswald',sans-serif;
    font-weight: 200;
}
.padding-left-15{padding-left: 15px;}

.category-value-deals .thumbnail .cp-dom {
    padding:15px ;
}
.value-deals-img {
    width: 100%;
    max-width: 100%;
}
.vd-attribute{
display: none;
position: absolute;
width: 100%;
text-align: right;
top: 10px;
right: 35px;
}
.vd-title{
font-size: 19px;
color: #333;
margin: 0 0 -10px 0;
}
.vd-price{
font-size: 27px;
font-weight: 700;
color: #0972A9;
margin: 0 0 -10px 0;
}
.vd-price .price-box .single-price{
color: #0972A9;
}
.vd-discount{
font-size: 14px;
color: #DA002D;
}
.vd-discount .text-save-to{
margin: 0 0 -5px 0;
padding: 0;
}
.vd-discount .text-discount{
margin: 0;
padding: 0;
}

/*css for scroolfixed on list pizza category*/
.category-btn-scroll > ul{
text-align: center;
margin-bottom: 20px;
background: #fff;/*rgba(0,0,0,0.5);*/
padding: 10px 0;
height: 61px;
}
.category-btn-scroll svg {
    color: #006aa6 !important;
    background: #006aa6;
    border-radius: 50%;
}
.category-btn-scroll > ul > li{
display: inline-block;
margin-right: 15px;
}
.category-btn-scroll > ul > li:last-child {
    margin-right: 0;
}
.category-btn-scroll > ul > li > a{
display: inline-block;
padding: 10px 20px;
text-shadow: -2px 2px #346392;
background: #006aa6;
cursor: pointer;
transition: background 0.3s;
color: #fff;
border-radius: 3px;
}
.category-btn-scroll > ul > li > a:hover{
box-shadow: inset 0 0 0 1px #27496d;
}
.category-btn-scroll.bottom-scrool{
display: none;
z-index: 1000; 
position: fixed; 
bottom: 0px; 
width: 100%; 
left: 0;
background:rgb(85 178 77 / 0%);// rgba(0,0,0,0.9);
padding: 0;
}
.category-btn-scroll.bottom-scrool > ul{
text-align: center;
margin-bottom: 0px;
background: none;
padding: -10px 0 -20px;
}
.category-btn-scroll.fixed-scroll.journey{
left: 0 !important;
} 
.category-btn-scroll.fixed-scroll.journey.scroll-to-fixed-fixed{
left: 0% !important;
right: auto !important;
margin: auto 0 auto auto!important;
width: 67.5%!important;
} 
.category-btn-scroll.fixed-scroll.journey.scroll-to-fixed-fixed > ul{
    width: 78.5%;
    margin: auto 0 auto auto;
}
.page-title.category-title{
position: relative;
}
.down-pizza-menu{
position: absolute;
left: 0;
top: 0;
}
.header-pizza-mobile{
padding-left: 30px;
}
.container-fixed-show{
height: 20px;
display: inline-block;
width: 100%;
display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
.thumbnail.value-deals {
background-color: rgba(0, 0, 0, 0.6);
height: 360px;
padding-top: 2px;
/*height: */
}
.thumbnail.tb-dom img{
margin-top:0;
padding-top: 0;
}
.category-btn-scroll > ul{
height: auto;
}
.category-btn-scroll > ul > li{
margin-right: 5px;
}
.category-btn-scroll > ul > li > a{
padding: 5px 10px;
}
.cp-dom.promotion .product-name{
margin-bottom: -20px;
height: auto
}
.thumbnail.promotion{
height: 400px;
padding-top: 20px;
}
.cp-dom.promotion .promo-description{
width: 90%;
display: inline-block;
color: #fff;
text-align: justify;
margin-bottom: 0;
margin-top: 0;
height: 105px;
overflow: visible;
}
.content-pizza{
display: none;
}
.default-active{
display: block;
}
.custom-cart-mobile{
width: 100%;
display: block;
/*height: 60px;*/
background-color: #000;
position: fixed;
z-index: 2001; 
bottom: 0;
left: 0 ;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 10px;
}

#toggle-menubar{
display: block;
}


.col-mob-place,
.col-mob-details{
width: 47%;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
/*padding: 5px;*/
color: #fff;
font-size: 1.15em;
text-align: center;
}

.col-mob-place a{
/*background-color: red;*/
padding: 10px 17px;
color: #fff;
border-radius: 3px;
}

.col-mob-details a{
/*background-color: red;*/
padding: 10px 20px;
color: #fff;
border-radius: 3px;
}
.col-mob-details{
margin-left: 15px;
}
#dominos-basket, #dominos-basket-mob{
display: none;
position: fixed;
background: black;
z-index: 2000;
bottom: 0;
left:0;
min-height: 0;
height: 0;
overflow-y: auto;
width: 100%;
min-width: 100%;
padding: 5px 0px 0 5px;
margin-bottom: 64px;
}
#dominos-basket .item-options dd{
float: left;
width: 100%;
}
.checkout-global-mobile{
display: block;
}
.logo .large {
display: block;
}
.postWrapper{
padding-left: 0px;
padding-right: 0px;
}

.postWrapper .postImage{
width: 100%;
margin-right: 0;
height: auto;
background: rgba(0,0,0,0.6);
text-align: center;
padding: 20px;
} 

.postWrapper .postImage img{
width: 70%;
display: inline-block;
} 

.postWrapper .postDescription{
width:100%;
margin-left: 0;
height:auto;
overflow:no-content;
}
}
@media screen  and (max-width: 767px) {
.payment-logo{
    height: 150px;
}
.checkout-global-mobile{
display: block;
}
.custom-cart-mobile{
width: 100%;
display: block;
/*height: 60px;*/
background-color: #000;
position: fixed;
z-index: 2001; 
bottom: 0;
left: 0 ;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 10px;
}

#toggle-menubar{
display: block;
}


.col-mob-place,
.col-mob-details{
width: 47%;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
/*padding: 5px;*/
color: #fff;
font-size: 1.15em;
text-align: center;
}

.col-mob-place a{
/*background-color: red;*/
padding: 10px 17px;
color: #fff;
border-radius: 3px;
}

.col-mob-details a{
/*background-color: red;*/
padding: 10px 20px;
color: #fff;
border-radius: 3px;
}
.col-mob-details{
margin-left: 15px;
}
#dominos-basket, #dominos-basket-mob{
display: none;
position: fixed;
background: black;
z-index: 2000;
bottom: 0;
left:0;
min-height: 0;
height: 0;
overflow-y: auto;
width: 100%;
min-width: 100%;
padding: 5px 0px 0 5px;
margin-bottom: 64px;
}
#dominos-basket .item-options dd{
float: left;
width: 100%;
}
.content-pizza{
display: none;
}
.default-active{
display: block;
}
.postWrapper{
padding-left: 0px;
padding-right: 0px;
}

.postWrapper .postImage{
width: 100%;
margin-right: 0;
height: auto;
background: rgba(0,0,0,0.6);
text-align: center;
padding: 5px;
} 

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

.postWrapper .postDescription{
width:100%;
margin-left: 0;
height:auto;
overflow:no-content;
}
.order-detail-checkout{
font-size: 14px;
}
.upper-content{
font-size: 14px;
}
.payment-name-custom{
font-size: 14px;
}
}
/*css for scroolfixed on list pizza category end*/


@media (max-width: 1199px){
.postImage{
width: 372px;
}
.postDescription{
width: 363px;
}
#semi-mobile-home{
display: block;
}

#web-home-icon{
display: none;
}
.cms-index-index .panel-order{
height: 180px;
}

.cms-index-index .panel-order__link{
padding-top: 0;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.category-btn-scroll > ul{
height: auto;
}
.category-btn-scroll > ul > li{
margin-right: 5px;
}
.category-btn-scroll > ul > li > a{
padding: 5px 10px;
font-size: 14px;
}
.dom-img.promotion {
height: 180px;
}
#online-order-button #online-order-image{
width:165px;
}
.topheader-custom > li{
font-size: 1em;
font-family: 'oswald', sans-serif !important;
margin-left: 10px;
margin-top: 10px;
padding: 3px 10px 3px 10px;
width: 115px;
border: 1px solid #000;
border-radius: 3px;
text-align: center;
}
.container-fluid > .nav-header-custom{
width:24% !important;
}
.catalog-category-view .thumbnail.value-deals{
height: 270px;
}

.value-deals-img{
width: 100%;
height: 170px;
}

.topheader-custom{ margin-top: -4px; }
.container-fluid .nav-header-custom a img{
padding-top: 8px;
}

.container-fluid >.header-menu-custom > li{
font-size: 0.9em;
}


}

#map-container-delivery{margin-top:-46px;}

@media (max-width: 991px){
#map-container-delivery{
margin-top: 0;
}

.mid-checkout-content .col-custom-left, .mid-checkout-content .col-custom-right{
width: 100%;
height: auto;
margin-bottom: 20px;
}

#logo-menubar-custom img{
margin-top: 13px;
}
.div-centers{
margin-top: 20px !important;
}

#dominos-basket{
max-width: 100%;
padding: 10px;
}
.form-group{
margin-bottom: 0 !important;
}
.padding-15{
margin-top: 10px;
}
.container-tables{
margin-top: 10px;
margin-bottom: 10px;
}
}

@media (min-width: 723px) and (max-width: 991px) {
.onlineorder-order-index .nav-right-small .topheader-custom{
margin-left: -70px;
}
}

@media (max-width:724px){
.onlineorder-order-index .nav-right-small .topheader-custom{
margin-left: -90px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

#online-order-button #online-order-image{
width:130px;
margin-top: -38px;
}

.container-main-custom{
min-height: 577px;
}

.container-fluid > .nav-header-custom{
width:24% !important;
}

.container-fluid > .header-menu-custom{
padding-top: 17px;
}

.dom-img.promotion {
height: 157px;
}
.catalog-category-view .thumbnail.value-deals{
/*height: 270px;*/
height: auto;
}

.value-deals-img{
width: 100%;
height: 170px;
}

.container-fluid >.header-menu-custom > li{
font-size: 0.7em;
letter-spacing: 0;
}
}

@media (max-width: 767px) {
.dom-img.promotion {
height: 180px;
}
.dom-web{
display: inline-block;;
}
.dom-mobile{
display: none;
}
.catalog-category-view .thumbnail.value-deals{
height: 270px;
}

.value-deals-img{
width: 100%;
height: 170px;
}
}

@media (max-width: 770px){
.header-language-background{
display: block;
}
.container-full-width {
width: 100% !important;
margin-top: 123px;
}

#online-order-button #online-order-image{
margin-top: -36px;
}

}

@media (max-width: 700px) {
.dom-img.promotion {
height: 150px;
}
.dom-web{
display: inline-block;
}
.dom-mobile{
display: none;
}

.container-main-custom {
min-height: 523px;
}

.navbar-mobile-custom{
display: block;
}

.navbar-main-custom{
display: none;
}

}

@media screen and (max-width: 667px) {
.online-order-breadcumbs{
display: none;
}

.left-menu-custom{
width:50%;
}

.margin-bottom-50{
margin-bottom: 15px;
}

#order-type-mobile{
display: block;
}

#order-type-web{
display: none;
}

/*promotion css style*/
.dom-web{
display: none;
}
.dom-mobile{
display: inline-block;;
}
.product-list-custom.promotion{
width: 100%;
}
.dom-img.promotion {
height: auto;
}

.thumbnail.promotion {
height: auto;
}

.cp-dom.promotion .product-name{
margin-bottom:-35px;
}

.cp-dom.promotion .promo-description{
width: 90%;
display: inline-block;
color: #fff;
text-align: justify;
margin-bottom: 30px;
font-size: 16px;
margin-top: 30px;
}

.cp-dom.promotion .product-name a{
font-size: 16px;
font-family: 'oswald';
width: 90%;
display: inline-block;
color: #cd152f;
font-size: 20px;
letter-spacing: 0.5px;
text-align: left;
border-bottom: 1px solid #ffffff;
padding-bottom: 3px;
}

.tb-dom .button.promotion{
width: 100%;
margin-bottom: 20px;
font-size: 14px !important;
font-family: 'oswald';
}
.catalog-category-view .thumbnail.value-deals{
height: auto;
}

.value-deals-img{
width: 100%;
height: auto;
}
.vd-attribute{  
right: 45px;
}

.header-language-background{
display: none;
}
.container-full-width {
width: 100% !important;
/*margin-top: 163px;*/
margin-top: 105px;
}

#semi-mobile-home{
display: none;
}

#web-home-icon{
display: block;
}

.pizza-header__title span{
display: block;
}

.onlineorder-order-catalog .pizza-header,.pizza-header{
background: rgba(0,0,0,.3)!important;
padding: 30px 5px;
}

/*promotion css style end*/

.gray-mobile{
background-color: rgb(46, 87, 107) !important;
}

/*@-moz-document url-prefix() {

			    .custom-halaman{background-position: 100% 42%;}

}*/
}


@media screen and (min-width: 420px)  and (max-width: 667px){

.panel-icon-custom img {
width: 45% !important;
margin-left: -17px;
}
.left-menu-custom{
width:50%;
}
}

@media screen and (min-width: 640px)  and (max-width: 767px){
.navbar-main-custom{
display: none;
}
.navbar-mobile-custom {
display: block !important;
}
#online-order-button #online-order-image{
display: none;
}
.online-order-button-mobile{
display: block;
}
.container-main-custom{
padding-top: 30px;
}

.cms-index-index .container-full-width{
/*margin-top: 200px;*/
margin-top: 80px;
}

/*    .store-view-mobile-custom{
			    display: block;
	    }*/
.store-language-container{
display: block;
}

.logo .small{
margin-top: -15px;
}

.topheader-custom{
float: right;
margin-right: 0 !important;
}
.catalog-category-view .thumbnail.value-deals{
height: auto;
}
.thumbnail.value-deals {
height: auto;
/*height: */
}
.thumbnail.tb-dom.value-deals img{
height: auto;
}
}

/* -------------------/
//  SC               //
//-------------------*/
.col-main.container-tables {
display: table;
margin-top:50px;

}
.col-main.vertical-center-rows {
display: table-cell;
vertical-align: middle;
margin-top:50px;
margin-bottom: 30px;
float:left;
width: 100%;
}
#detail-order-list label{
/*color: #fff !important;*/

}
.div-centers{background-color:rgb(255 255 255);/* rgba(0, 0, 0, 0.3);*/padding-top:15px;padding-bottom:15px;margin-top: 10px;margin-bottom: 150px;}

.div-bg{
/* padding-top: 30px; */
background-color:rgb(255 255 255);/* rgba(255,255,255);*/
}

.form-dom {
font-family: 'droid_sansregular',sans-serif !important;
}

.list-dom{
font-family: 'droid_sansregular',sans-serif !important;
cursor: pointer;
}

.white-line{
border-bottom: 1px solid #ededed;
}

li.next::after{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent transparent #fff;
border-image: none;
border-style: solid;
border-width: 6px;
content: "";
height: 0;
margin-top: -6px;
position: absolute;
right: 10px;
top: 50%;
width: 0;
}
a.next::after{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent transparent #fff;
border-image: none;
border-style: solid;
border-width: 6px;
content: "";
height: 0;
margin-top: -6px;
position: absolute;
right: 0;
top: 50%;
width: 0;
}

.selectAddr:hover li{
background-color:#cf152d;
}

.store-list{
color:#000000 !important;
background-color:#cccccc;
padding-top:10px;
padding-bottom:10px;
/*margin-right:2px;*/
margin: 0px auto 15px auto; 
cursor:pointer;
}

::-webkit-scrollbar {
width:4px;
}

.selected{
background-color:#ffffff;
}

ul.store-operation-period-box {
display: block;
clear: both;
overflow: hidden
}

ul.store-operation-period-box li {
display: inline-block
}

ul.store-operation-period-box li.operation-label {
width: 100px;
vertical-align:top;
}

ul.store-operation-period-box li.operation-period {
text-align: left;
clear: both;
width: 70px
}

.div-centers-search{
background-color: rgba(0, 0, 0, 0.3);
padding-top:15px;
padding-bottom:15px;
margin-top:50px;
}

div.nav-right-small{
margin-top: -65px; margin-right: 5px; float:right;
width: 40%;
}




/*--------------*/
/*CUSTOM MUSTAFA*/
/*--------------*/

a:hover,
a:active,
a:visited
{ text-decoration: none; }

.panel-order{
background-repeat: no-repeat;
background-size:  auto 200%;
background-position: center -100px;
margin: 10px 5px;
display: block;
height: 300px;
transition: .25s background-size ease-in-out;
}

.panel-order--login{background-color: #CF152D; }
.panel-order--quick{background-color: #e8ce51; }
.panel-order--register{background-color: #0078ba; }
.panel-order--takeout{background-color: #0078ba; }
.panel-order--delivery{background-color: #CF152D; }

.customer-account-login .control-label{font-size: 1em;}
.panel-order__link{
text-decoration: none;
display: block;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
padding-top: 30px;
}

.panel-order__link__title{
text-align: center;
padding: 8px 0 10px 0;
color:#fff;
/*font-weight: bold;*/
transition: .25s color ease-in-out;
margin: 0;
font-size: 2em;
font-family: 'oswald';
}

.panel-order__link__desc{
text-align: center;
padding: 10px 0;
color:#fff;
transition: .25s color ease-in-out;
font-size: 1.2em;
}

.panel-order__link__image-container{
height: 100px;
width: 100%;
display: block;
position: relative;
}

.panel-order__link__image-container img{
top: 0;
bottom: 0;
left: 50%;
position: absolute;
display: block;
height: 85%;

transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transition: .25s transform ease-in-out;
}

.panel-order--login img{ 
top: 25px;
}
.panel-order--takeout img,
.panel-order--delivery img,
.panel-order--quick img,
.panel-order--register img{ 
top: 15px;
}
.panel-order--delivery img{
top: 5px;
height: 100%;
}

.panel-order__link:hover img
{
animation: shakeAnimation .25s;
}

.cms-index-index .panel-order__link:hover img{
animation: none;
}

@-webkit-keyframes shakeAnimation {
0%   { transform: translateX(-50%) rotate(0deg); }
20%   { transform: translateX(-50%) rotate(10deg); }
40%   { transform: translateX(-50%) rotate(-10deg); }
60%   { transform: translateX(-50%) rotate(10deg); }
80%   { transform: translateX(-50%) rotate(-10deg); }
100% { transform: translateX(-50%) rotate(0deg); }
}

.price-box{
margin: 0;
}


.sub-header{
color:#454545;
/*border-bottom: 2px solid #ffffff;*/
padding: 0 0 5px 0;
margin: 7px 0 -7px 0;
font-size: 18px;
font-weight: normal;
}
.sub-header label{
padding: 0;
margin: 0; 
}

.short-description{
}


.product-options{
margin: 0;
padding: 0;
}
.product-options select{
width: 100%;
}
.product-options-bottom{
padding: 0;
margin: 0;
}

.product-shop{
margin: 0;
}

.menu-bar-custom .activeList li
{
background-color #e53c37;
color:#fff;
text-decoration: none;
}

.menu-bar-custom .activeList {
background-color: #e53c37;
}

.menu-bar-custom .activeList:not(.last)::after
{
border-left: 10px solid #e53c37;
}


.form-dom[name="shipping[contact_type]"], .form-dom[name="takeaway[contact_type]"], .form-dom[name="contact_type"]{
border: none;
border: 1px solid;
border-radius: 2px;
padding: 7px 0px;
margin-top: 0px;
background-color: #fff;
}
.customer-account-create .control-label {
font-size: 1.0em;
padding-top: 5px;
}

.scaffold-form{
margin-bottom:10px;
float: left;
width: 100%;
}
.payment-logo img {
    /* background-color: black; */
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(00deg) brightness(0%) contrast(119%) !important;
}
.red img {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(00deg) brightness(100%) contrast(119%) !important;
}
.customer-account-login .custom-halaman .main {
    padding-top: 140px!important;
}
.scaffold-form .content-time-later{
display: none;
margin: 10px 0 5px;
overflow: hidden;
}

.scaffold-form > .form-group{
/*margin-bottom: 15px;
width: 100%;
margin: 5px 0 15px;*/
}

.scaffold-form .content-time-later .form-group{
margin-bottom: 5px;
width: 50%
} 
.scaffold-form .content-time-later .form-group .input-box{
padding : 0;
}
.content-time-later .form-group select {width: 90%; margin: 0 auto 10px; height: 28px; font-size: 12px;}
.content-time-later .form-group {margin-bottom: 5px; overflow: hidden;}

.scaffold-form .form-group{
/*margin-bottom: 5px;*/
margin: 5px 0 0px;
float: left;
width: 100%;
}

.customer-account-create .scaffold-form label:first-child{
width: 100%;
}

.control-label{
font-size: 1em;
padding-top: 10px;
}

.crust-list{

}

.crust-list > li{
float: left;
width: 17.50%;
padding: 0 5px;
}
.crust-list > li:not(:last-child) {
border-right: 1px solid #fff;
}
.crust-list > .wider{
width: 30%;
}
.crust-list > li > header{
display: block;
height: 38px;
margin-bottom: 4px;
}
.crust-list > li > header > img{
height: 100%;
display: block;
margin: auto;
}
.crust-list > li > footer{
display: block;
width: 100%;
}
.crust-list > li > footer > ul{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.crust-list > li > footer > ul > li{
display: block;
float: left;
font-size: 18px;
width: 33%;
margin-right: 0.25%;
}
.crust-list > li > footer > ul > .wider{
width: 70%;
text-align: center;
}
.crust-list > li > footer > ul > li > img{
width: 18px;
display: inline-block;
margin-top: -5px;
}


.menubar-user{
position: absolute;
top: 0px;
right: 15px;
display: block;
text-align: right;
}
.menubar-user > li {
display: inline-block;
}
.menubar-user > li > a{ 
text-decoration: none;
padding: 5px 5px 5px 20px;
display: block;

}
.menubar-user > li > a{}
.menubar-user > li > ul {
border-top: 1px solid rgba(0, 0, 0, 0);
padding: 5px 0;
}
.menubar-user > li > ul > li{
display: none;
}
.menubar-user > li > ul > li > a{
padding: 5px 15px;
display: block;
}


.menubar-user:hover{
background-color: rgba(0, 0, 0, .7);
}
.menubar-user:hover > li > ul > li{
display: block;
}
.menubar-user:hover > li > ul{
border-top: 1px solid #fff;
}
.menubar-user a:hover{color: red; }
.menubar-user a:active{color: inherit; }


/*
|----------------------------------
| Upsell Modal
|----------------------------------
|
*/
#upSellModal{
background-color: rgba(0,0,0,.4);
min-height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.upsell-modal{
top: 0px;
min-height: 450px;
width: 450px !important;
box-shadow: 0, 0, 10px #000;
}
.upsell-modal .btn{
font-family: 'oswald',"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
border: 0;
/*line-height: 19px;*/
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.upsell-wide{
width: 50%;
}

@media screen and (max-width: 667px){
.upsell-wide{
width: 93%;
}
}

.upsell-modal__content{
border-radius: 4px;
border: 2px solid #777;
background-color: #000;
position: relative;
}
.upsell-modal__close{
position: absolute;
background-color: #000;
border-radius: 50%;
width: 40px;
height: 40px;
border: 2px solid #777;
color: #fff;
right: -20px;
top: -20px;
text-align: center;
z-index: 1003;
cursor: pointer;
font-size: 2.5em;
}
.upsell-modal__close div{
position: relative;
width: 100%;
height: 100%;
}
.upsell-modal__close div span{
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.upsell-modal__header{
padding: 10px 20px 5px 20px;
font-family: 'oswald',sans-serif, Raleway, "Helvetica Neue", Verdana, Arial, sans-serif;
}
.upsell-modal__title{
color: #CF152D;
font-size: 2em;
}
.upsell-modal__subtitle{
color: #fff;
font-size: 1.25em;
}
.upsell-modal__catalog__container{}
.upsell-modal__catalog{
cursor: pointer;
}
.upsell-modal__catalog__picture{
height: 300px;
position: relative;
width: 100%;
}
.upsell-modal__catalog__picture img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
display: block;

height: 90%;
width: auto;
/*width: 100%;*/
}
.upsell-modal__catalog:hover
.upsell-modal__catalog__selection{
background-color: #cf152d;
}
.upsell-modal__catalog__selection{
background-color: #444;
padding: 5px 20px;
}
.upsell-modal__catalog__name{
/*font-size: 2em;*/
font-size: 1.2em;
}
.upsell-modal__catalog__price{
font-size: 1.5em;
}
.upsell-modal__action{
padding: 15px 20px;
}

.upsell-modal__catalog__selection--inactive{background-color: #444; }
.upsell-modal__catalog__selection--active{background-color: #cf152d; }

.upsell-modal__catalog__selection__radio--unchecked,
.upsell-modal__catalog__selection__radio--checked{
width: 40px;
height: 40px;
background-color: #fff;
color: #444;
font-size: 2.25em;
border-radius: 50%;
text-align: center;
position: relative;
margin-top: 10px;
margin-left: -150%;
}
.upsell-modal__catalog__selection__radio--unchecked > .inner-circle{
border-radius: 50%;
width: 80%;
height: 80%;
display: block;
background-color: #444;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
position: absolute;
}



/* Add to cart button */
.onlineorder-addtocart-btn{}
.onlineorder-addtocart-btn > .row{padding-left: 15px;}
.onlineorder-addtocart-btn > .row > .add-to-cart-buttons{display:block; width: 100%; margin-top: 39px;}
.onlineorder-addtocart-btn > .row > .add-to-cart-buttons > button{min-height: 34px; line-height: 0;}


@media (max-width: 991px) {
.onlineorder-addtocart-btn > .row{padding-left: 0;}
.wrapper{background-size: auto 100%; }
}

/*MOBILE DEVICE*/
@media screen  and (max-width: 768px) {
.topheader-custom{margin-right: 14.5% !important;}
#upSellModal{
background-color: rgba(50, 50, 50, .0);
min-height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.upsell-modal{
top: 0px;
/*min-height: 450px;*/
height: auto;
min-height: auto;
/*width: 400px !important;*/
width: 97% !important;
}

.upsell-modal__content{
width: 96%;
margin: auto;
height: auto;
min-height: auto;
/*background-color: #fff;*/
/*border: 0; */
border: 2px solid #777;

}

.upsell-modal__close{
border: 0px;
right: 10px;
top: 10px;
}

.upsell-modal__action{
padding: 15px 20px;
}

.upsell-modal__action .btn,
.upsell-modal__action .button {
width: 100%;
margin-top: 20px;
}

}

@media screen  and (max-width: 550px) {
.upsell-modal__close{
display: none;
}

.upsell-modal__header{
text-align: center;
}
}

/*
|-----------------------------
| Media Query
|-----------------------------
|
*/

/*MOBILE DEVICE*/
@media screen  and (max-width: 669px){
#order-type-index .mobile-account-opt,.mobile-account-opt{
display: block;
}

.topheader-custom .account-opt{
display:none;
}
}

@media screen  and (max-width: 667px) {

.desc-custom{
font-size: 16px;
/*display: none;*/
}
.blue .panel-description-custom, .green.panel-description-custom{
margin-top: 0px;
}

.red .panel-description-custom{
margin-top: 10px;
}

.panel-default>.panel-heading{
border-color:transparent !important;
}

.onlineorder-order-index ul #order-icon{
float: right;
}
.addr::after{
display: block;
}

.onlineorder-index-index .mobile-account-opt ,.mobile-account-opt{
display: block;
text-align: center;
}

.topheader-custom .account-opt{
display:none;
}

#order-type-index{
margin-bottom: 50px;
}

.onlineorder-index-index div.nav-right-small{
width:21%;
}

.list-addr-deliv{
display: none;
}
.mobile-delivery-addr{
display: block;
}

.online-order-button-mobile{
display: block;
}

.carousel-indicators{
display:none;
}

.page-header-container{
top:0;
}
.container-full-width{
/*margin-top: 163px;*/
margin-top: 105px;
}


.cms-index-index .main{
padding-top: 0 !important;
margin-top: -10px;
}
.checkout-global-mobile{
display: block;
}

.tracking-order-icon{
display: none;
}

.pizza-header{
padding:10px 5px;
}

#delivery-button{
width: 50%;
float: left;
}

#delivery-form{
margin-bottom: 50px;
}

.onlineorder-index-index .page-title{
margin-bottom: 20px !important;
}

.onlineorder-order-catalog .thumbnail a>img{
max-width:86%;
}

#beverages .thumbnail a>img{
max-width: 100%;
}

.order-detail-checkout{
padding-left: 0;
padding-right: 0;
}
/* .pizza-header{
		     background-color: rgba(0, 0, 0, 0.3);
		     background-image: none;
     }*/

.pizza-header__title{
width:100% !important;
font-size: 2.5em;
width: 91px;
padding-top: 0;
}
.custom-success-container{
width: 100%;
margin:10px auto 50px;
}

.bottom-is-missing{
width:100%;
    }

    #image-success{
        display: none;
    }

    .mobile-tracker-icon{
        display: block;
    }

    #delivery-c{
        vertical-align: middle !important;
    }

    #delivery-c img{
        margin-left: 0 !important;
    }

    .tracking-bar{
        display: none;
    }

    #mobile-status-tracking{
        display: block;
        width:50%;
        margin:0 auto;
        height:100px;
        border:1px solid #fff;
        border-radius: 5px;
        position: relative;
    }

    .mobile-icon-order_placed{
        background: url(../images/tracking/icon/tracking_1.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    .mobile-icon-preparation{
        background: url(../images/tracking/icon/tracking_2.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    .mobile-icon-out_for_delivery{
        background: url(../images/tracking/icon/tracking_3.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    .mobile-icon-in_the_oven{
        background: url(../images/tracking/icon/tracking_4.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    .mobile-icon-ready{
        background: url(../images/tracking/icon/tracking_5.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    .mobile-icon-complete{
        background: url(../images/tracking/icon/tracking_6.png);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    #mobile-status-tracking span{
        position: absolute;
        bottom:0;
        left:0;
        text-align: center;
        width: 100%;
        font-family: 'oswald',sans-serif;
    }
    .order-list-track li #button-tracking-list{
        display: none;
    }

    .postWrapper{
        padding-left: 0px;
        padding-right: 0px;
    }

    .postWrapper .postImage{
        width: 100%;
        margin-right: 0;
        height: auto;
    } 

    .postWrapper .postDescription{
        width:100%;
        margin-left: 0;
        height:auto;
        overflow:no-content;
    }
    .payment-logo-container{
        padding-right: 0;
        padding-left: 0;
    }

    .col-choose-track > .text-container{
        width:auto;
    }

    .bottom-checkout-content .bot-content-btn a{
        padding: 7px 4px;
        font-size: 12px;
    }

    .row-homepage{
        padding-top: 0px;
    }

    .gray .panel-description-custom{
        padding:2px 0px;
    }
    .mid-checkout-content .col-custom-left,.mid-checkout-content .col-custom-right{
        width:100%;
        height:auto;
        margin-bottom: 0;
    }

    .two-line-custom{
        margin-top: -15px;
    }
    .menu-bar-custom{
        display: none;
    }
    #place-order-web{
        /*display: none;*/
    }
    .custom-cart-mobile{
        width: 100%;
        display: block;
        background-color: #000;
        position: fixed;
        z-index: 200;
        bottom: 0;
        left: 0 ;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        padding: 10px;
    }

    #toggle-menubar{
        display: block;
    }

    #col-image-contact{
        display: none;
    }

    #col-form-contact-us{
        margin-left: 0;
        margin-right:0;
    }

    .col-mob-place,
    .col-mob-details{
        width: 47%;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        color: #fff;
        font-size: 1.15em;
        text-align: center;
    }

    .col-mob-place a{
        padding: 10px 17px;
        color: #fff;
        border-radius: 3px;
    }

    .col-mob-details a{
        padding: 10px 20px;
        color: #fff;
        border-radius: 3px;
    }
    .col-mob-details{
        margin-left: 15px;
    }

    .footer{
        margin-bottom: 30px;
    }

    .caption.cp-dom h2{
        height: 30px !important;
    }

    .divider-category-desert{
        padding: 5px 5px 5px 15px;
        margin-bottom: 10px;
        height: auto;
    }

    .price-box .price{
        font-size: 25px;
    }

    .tb-dom .button{
        font-size: 12px !important;
    }

    #dominos-basket, #dominos-basket-mob{
        display: none;
        position: fixed;
        background: black;
        z-index: 100;
        bottom: 0;
        left:0;
        min-height: 0;
        height: 0;
        overflow-y: auto;
        width: 100%;
        min-width: 100%;
        padding: 5px 0px 0 5px;
        margin-bottom: 64px;
    }

    .pickup-info-custom{
        display: none;
    }

    .pickup-info-custom{
        display: none;
    }

    .wrapper{
        background-size: auto 100%;
    }

    .logo{
        margin-top: 5px;
    }

    .navbar{
        margin-bottom: 0px;
    }

    .container-main-custom{
        min-height: 400px;
    }

    .term-container{
        margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .cms-sejarah .page-title{
        padding: 0 10px;
    }

    .navbar-mobile-custom {
        display: inline-block !important;
        margin-bottom: 0px !important;
        width:100%;
    }

    .navbar-main-custom{
        display: none;
    }


    .logo{
        padding-top: 0 !important;
    }

    #newsletter-validate-detail {
        text-align: center;
    }

    #newsletter-validate-detail > .form-group > .input-group{
        width: 98%;
    }
    #newsletter-validate-detail > div > label{
        font-size: 1.2em;
    }

    .newsletter-custom .col-md-custom{
        margin-left: 0;
    }

    .store-view-mobile-custom{
        display: block;

    }

    .cms-home .row {
        margin-right:-15px !important;
    }
    .newsletter-custom{
        height: 52px;
    }

    .col-custom-trio,
    .custom-banner{
        width: 100%;
    }

    .col-custom-duo{
        width: 100%;
    }

    .panel-banner-mobile{
        display: block;
    }

    .panel-banner{
        display: none;
    }

    #vip-button{
        display: none;
    }
    .mobile-input-custom{
        display: inline-block;
    }

    .mobile-input-custom a{
        color: #cf152d;
        display: inline-block;
        background-color: #fff;
        font-size: 1.2em;
        padding: 4px 11px;
        border-radius: 4px;
    }

    .follow-on-custom{
        text-align: center;
    }


    .ios-icon{
        width: 100px;
    }

    .play-icon{
        width: 102px;
    }

    .social-icon{
        width: 38px;
    }

    .map-icon{
        width: 75px;
    }

    .store-view{
        margin-top: 4px;
        font-size: 0.7em;
    }

    .col-custom-trio .custom-panel{
        height: 115px;
    }

    /*.gray .desc-title-custom{
                    font-size: 2.24em;
    }*/

    .desc-title-custom{
        font-size: 2.3em;
        text-align: left;
        margin-top: 3px;
    }

    .panel-icon-custom img{
        width: 100%;
    }

    .panel-footer-custom{
        padding: 11px 15px !important;
        display: none;
    }

    .footer{
        padding-top: 0;
    }

    .custom-halaman{
        background-position: 100% 42%;
    }

    .checkout-one-container{
        padding:5px;
    }
    .pizza-header{
        background-image: none !important;
    }
}

/* Large Devices, Wide Screens */

@media screen  and (max-width: 360px) { 
    .col-mob-place,
    .col-mob-details{
        font-size: 1.0em;
    }
}

@media screen and (min-width:412px) and (max-width: 667px){

    .desc-custom{
        font-size: 14px;
    }

    .panel-default>.panel-heading{
        border-color:transparent !important;
    }



    .payment-logo-container{
        padding-right: 0;
        padding-left: 0;
    }

    .col-choose-track > .text-container{
        width:auto;
    }

    .bottom-checkout-content .bot-content-btn a{
        padding: 7px 10px;
    }
    .row-homepage{
        padding-top: 0px;
    }

    .gray .panel-description-custom{
        padding:2px 0px;
    }
    .mid-checkout-content .col-custom-left,.mid-checkout-content .col-custom-right{
        width:100%;
        height:auto;
        margin-bottom: 20px;
    }

    .two-line-custom{
        margin-top: -15px;
    }
    .menu-bar-custom{
        display: none;
    }
    .custom-cart-mobile{
        width: 100%;
        display: block;
        /*height: 60px;*/
        background-color: #000;
        position: fixed;
        z-index: 200;
        bottom: 0;
        left: 0 ;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        padding: 10px;
    }

    #toggle-menubar{
        display: block;
    }


    .col-mob-place,
    .col-mob-details{
        width: 47%;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        /*padding: 5px;*/
        color: #fff;
        font-size: 1.15em;
        text-align: center;
    }

    .col-mob-place a{
        /*background-color: red;*/
        padding: 10px 17px;
        color: #fff;
        border-radius: 3px;
    }

    .col-mob-details a{
        /*background-color: red;*/
        padding: 10px 20px;
        color: #fff;
        border-radius: 3px;
    }
    .col-mob-details{
        margin-left: 15px;
    }

    .footer{
        margin-bottom: 30px;
    }

    .caption.cp-dom h2{
        height: 30px !important;
    }

    .divider-category-desert{
        padding: 5px 5px 5px 15px;
        margin-bottom: 10px;
        height: auto;
    }

    .price-box .price{
        font-size: 25px;
    }

    .tb-dom .button{
        font-size: 17px !important;
    }




    .wrapper{
        background-size: auto 100%;
    }

    .logo{
        margin-top: 5px;
    }

    .navbar{
        margin-bottom: 0px;
    }

    .container-main-custom{
        min-height: 400px;
    }

    .term-container{
        margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .cms-sejarah .page-title{
        padding: 0 10px;
    }

    .navbar-mobile-custom {
        display: inline-block !important;
    }

    .navbar-main-custom{
        display: none;
    }


    .logo{
        padding-top: 0 !important;
    }

    #newsletter-validate-detail {
        text-align: center;
    }

    #newsletter-validate-detail > .form-group > .input-group{
        width: 98%;
    }
    #newsletter-validate-detail > div > label{
        font-size: 1.2em;
    }

    .newsletter-custom .col-md-custom{
        margin-left: 0;
    }

    .store-view-mobile-custom{
        display: block;

    }

    .cms-home .row {
        margin-right:-15px !important;
    }
    .newsletter-custom{
        height: 52px;
    }

    .col-custom-trio,
    .custom-banner{
        width: 100%;
    }

    .col-custom-duo{
        width: 100%;
    }

    .panel-banner-mobile{
        display: block;
    }

    .panel-banner{
        display: none;
    }

    #newsletter-validate-detail > .form-group > .input-group {
        display: none;
    }
    .mobile-input-custom{
        display: inline-block;
    }

    .mobile-input-custom a{
        color: #cf152d;
        display: inline-block;
        background-color: #fff;
        font-size: 1.2em;
        padding: 4px 11px;
        border-radius: 4px;
    }

    .follow-on-custom{
        text-align: center;
    }


    .ios-icon{
        width: 100px;
    }

    .play-icon{
        width: 102px;
    }

    .social-icon{
        width: 38px;
    }

    .map-icon{
        width: 75px;
    }

    .store-view{
        /*margin-top: 0;*/
        margin-top: 2px;
        font-size: 0.73em;
    }

    .col-custom-trio .custom-panel{
        height: 115px;
    }

    /*    .gray .desc-title-custom{
                                    font-size: 2em;
                    }*/

    .desc-title-custom{
        font-size: 2em;
    }

    .panel-icon-custom img{
        width: 60%;
    }

    .panel-footer-custom{
        /*padding: 0 !important;*/
        padding: 11px 15px !important;

    }

    .footer{
        padding-top: 0;
    }
    .pizza-header{
        background-image: none !important;
    }
}

@media screen  and (max-width: 519px){
    .desc-title-custom{
        font-size: 2em;
    }
}

@media screen  and (max-width: 468px){
    .desc-title-custom{
        font-size: 1.5em;
    }
    .col-custom-trio .custom-panel{
        height:100px;
    }
    .carousel{
        margin-top: -28px;
    }
}

/*IOS*/
@media screen  and (max-width: 375px){
    .panel-icon-custom img{
        width:75%;
    }
    .desc-title-custom{
        font-size: 1.26em;
    }
    .onlineorder-index-index .nav-right-small .topheader-custom{
        margin-left: -16%;
    }
    .upsell-modal__catalog__picture img{
        height: auto;
        width:60%;
    }
    .col-custom-trio .custom-panel{
        height: auto;
    }
}

@media screen  and (max-width: 320px){

    .col-mob-place a{
        padding:10px 14px;
    }

    .panel-default>.panel-heading{
        border-color:transparent !important;
    }

    .btn-container{
        padding:10px 0px;
    }

    .tb-dom .button {
        font-size: 12px !important;
    }

    .onlineorder-order-catalog>.thumbnail a>img{
        max-width:86%;
    }

    .thumbnail .caption{
        padding: 0;
    }

    .btn-right.btn-container button{
        padding: 7px 4px !important;
    }

    .payment-logo{
        width:29%;
    }

    #toggle-menubar .title-menubar a{
        font-size: 1.3em;
    }

    .col-mob-place, .col-mob-details{
        width: 46%;
        font-size: 1em;
    }

    /*.gray .desc-title-custom{
                    font-size: 1.34em;
    }*/
    .panel-icon-custom img{
        width:75%;
    }
    .col-custom-trio .custom-panel{
        height: auto;
    }

    .desc-title-custom{
        font-size:1.1em;
        margin-top: 0;
    }

    .desc-custom{
        font-size: 10px;
    }

    .left-menu-custom{
        width:40%;
        padding-left:12px;
    }

    .menu-customer-custom{
        width: 56%;
    }

    .newsletter-custom{
        height: auto;
    }

    .newsletter-custom .form-group{
        margin-bottom: 0 !important;
    }
    .pizza-header{
        background-image: none !important;
    }
}

.col-main{
    background-color: rgba(0,0,0,0.7);
    padding: 10px 15px;
}



a {
    outline: 0;
}


/*
|-------------------------
|  Key Frames
|-------------------------
|
*/
@-webkit-keyframes tilt {
    0%   { transform: rotate(0deg); }
    70%   { transform: rotate(20deg); }
    100% { transform: rotate(0deg); }
}

@-moz-keyframes tilt {
    0%   { transform: rotate(0deg); }
    70%   { transform: rotate(20deg); }
    100% { transform: rotate(0deg); }
}

@-ms-keyframes tilt {
    0%   { transform: rotate(0deg); }
    70%   { transform: rotate(20deg); }
    100% { transform: rotate(0deg); }
}

@-o-keyframes tilt {
    0%   { transform: rotate(0deg); }
    70%   { transform: rotate(20deg); }
    100% { transform: rotate(0deg); }
}

@keyframes tilt {
    0%   { transform: rotate(0deg); }
    70%   { transform: rotate(20deg); }
    100% { transform: rotate(0deg); }
}

#order-icon{
    border:none !important;
    width:30px;
    background-color: transparent !important;
}

/*-------------------
                
                Fav Order

--------------------*/

.onlineorder-order-favoriteorder table {
    border-collapse: collapse;
    margin: 0 auto;
    color:#fff;
}

.onlineorder-order-favoriteorder table, .onlineorder-order-favoriteorder th, .onlineorder-order-favoriteorder td {
    border: 1px solid #fff;
    font-size: 1.1em;
    padding:10px;
}

.onlineorder-order-favoriteorder tbody tr td:not(.mid-col){
    padding-left: 20px;
}

.onlineorder-order-favoriteorder tbody{
    font-family: 'droid_sansregular',sans-serif;
}

.onlineorder-order-favoriteorder thead{
    font-size: 19px;
}

.onlineorder-order-favoriteorder input[type=email],
.onlineorder-order-favoriteorder input[type=search],
.onlineorder-order-favoriteorder input[type=number],
.onlineorder-order-favoriteorder input[type=password],
.onlineorder-order-favoriteorder input[type=tel],
.onlineorder-order-favoriteorder input[type=text] {
    width: 100%;
    max-width: 100%;
}

@media screen  and (max-width: 609px){
    .onlineorder-order-favoriteorder tbody tr td:not(.mid-col){
        padding: 5px;
    }
    .onlineorder-order-favoriteorder #accordion h3{
        font-size: 14px !important;
    }

    .onlineorder-order-favoriteorder table, .onlineorder-order-favoriteorder th, .onlineorder-order-favoriteorder td{
        font-size: 0.9em;
    }
}


/*---------------
                HISTORY ORDER
-----------------*/

.pager li>a{
    border-radius: 0 !important;
    background: rgba(0,0,0,0.3);
    color:#fff;
}
.pager li>a:hover{background-color: #0db14b;
                  color:#fff;}
.pages .current, .pages .current:hover{
    background-color: #0db14b;
    color:#fff;
}
.pages .next, .pages .previous{background-color: #0db14b;
                               color:#fff;}
.pages .previous:before{
    border-right: 4px solid #fff;
}
.pages .next:before{
    border-left: 4px solid transparent; 
}
.pager .amount,.pager .limiter{
    color:#fff;
}
@media screen  and (max-width: 364px){
    .pages{
        margin-left: 5px;
    }
}


/*-------------------
                LSM
---------------------*/

.storefinder-store-view .row{
    margin-left: 0;
    margin-right: 0;
}

.lsm-title h1{
    font-size: 3.5em;
    color:#fff;
}   

.lsm-title{
    margin-bottom: 30px;
}

.storefinder-store-view #operational-sched{
    margin-left: 150px;
    margin-top: -24px;
}

.storefinder-store-view #store-info{
    font-size: 1.2em;
}

.storefinder-store-view .panel-icon-custom img{
    width: 79%;
}

.storefinder-store-view .desc-title-custom{
    font-size: 16px;
}

/*.storefinder-store-view .gray .desc-title-custom{
                font-size: 1.2em;
}*/

.storefinder-store-view .col-custom-trio .custom-panel{
    height: 154px;
}

.storefinder-store-view .desc-custom{
    font-size: 10px;
}

.img-view-store-left,.img-view-store-right{
    width:46%;
    float:left;
}

.img-view-store-right{
    margin-left: 30px;
}

.img-view-store-left img,.img-view-store-right img{
    width: 100%;
}

#hightlight{
    text-align: center;
    width: 100%;
    height:70px;
    background-color:#CF152D;
}

#hightlight h1{
    color:#fff;
    font-size: 57px;
}

.storefinder-store-view .custom-banner{
    width:100%;
    padding: 0px;
}

#term-of-use{
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 100px;
}

#term-of-use h3{
    color:#fff;
    font-size: 1.2em;
}

.store-operation-period-box{
    width: 185px;
    /*margin-left: 140px;*/
}

.operation-label,.operation-period{
    width:50% !important;
}

.data-store{
    margin-bottom: 50px; font-size: 1.2em;
}

.float-right{
    float:right;
}

.store-image{
    width: 90%;margin:0 auto;margin-right: 3%;
}

#trio-container{
    width:80%;margin:0 auto;margin-right: 9%;
}

@media screen  and (max-width: 667px){
    .float-right{
        float:none;
    }

    .store-label{
        width:40%;
        color:#CF152D;
    }

    .store-value{
        margin-bottom:20px;
    }

    .share-icon-mobile{display: block}
    .share-icon{display: none}

    .img-view-store-left, .img-view-store-right {
        width:100%;
    }
    .img-view-store-right{
        margin-left: 0;
        margin-top: 20px;
    }

    #store-image{
        margin: 0;
        padding: 20px !important;
    }

    .storefinder-store-view .blue .desc-custom{
        margin-top: -27px;
    }

    .store-operation-period-box{
        width: 280px;
    }
    #trio-container{
        margin: 0 auto;
    }


}

@media screen  and (max-width: 411px){
    .panel-icon-custom img{
        width:60%;
    }
    .blue .panel-description-custom, .green.panel-description-custom{
        margin-top: -14px;
    }

    .desc-custom{
        font-size: 13px;
    }
}

@media screen  and (max-width: 320px){
    .store-operation-period-box{
        width:253px;
    }
}

/*---------------
                Rizki
----------------*/
/*punya rizki*/
.mobile-delivery-addr .row {
    margin: 0;
    word-wrap: break-word;
}

.address__list__menu {
    text-align: right;
    font-size: 1.0em;
    padding-top: 12.5px;
}
@media (max-width: 667px){
    .address__list__description--add{
        width: 100%;
    }
}

@media (max-width: 600px){
    .col-jobs-left, .col-jobs-right{
        width: 100% !important;
    }
}

.dashboard{
    padding:20px;
    margin-bottom: 100px;
}

.link-remove{
    color: #cf152d;
}

.dashboard table tbody{
    color:#fff;
}

.item{
    font-family: 'droid_sansregular';
}

.dashboard table tbody td:not(.view){
    font-family: 'droid_sansregular';
}

.btn-edit-akun{
    color: #808080;
    padding-left: 10px;
}

.box-content > p,.box-content > address {
    font-family: 'droid_sansregular' !important;
}

.box-content #vip-button{
    font-family: 'oswald', "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif ;
    font-style: normal;
}

@media (max-width: 380px){
    .pull-left.img-responsive{
        width: 30px !important;
    }
    .mobile-input-custom a{
        font-size: 0.9em;
        padding: 4px 6px;

    }
    #newsletter-validate-detail{
        font-size: 0.9em;
    }
}

.btn-edit{
    color: #f4f4f4;
}

.addresses-primary h2,h3{
    color: ##000!important;//fff!important;
    font-size: 18px!important;
}

.addresses-additional h2{
    color: #f4f4f4;
}

.btn-right{
    padding-top: 6px;
}
#detail-notification{
    display: none;
}

@media (min-width: 991px){
    .btn-right{
        width: 32%;
        padding-top: 40px;
    }
}

@media (max-width: 1200px){
    .control-label{
        font-size: 0.9em;
    }
    #detail-notification{
        display: block;
    }
    #detail-notification-web{
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1200px)
{
    .form-dom[name="shipping[contact_type]"],
    .form-dom[name="takeaway[contact_type]"]{
        padding:7px 0px;
    }
}

/*time order update*/
#orderNow{
    padding: 25px 5px 20px;
    text-align: center;
    margin-bottom: 5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    box-shadow:inset 0px 1px 0px 0px #3dc21b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0db14c), color-stop(1, #0ac250));
    background:-moz-linear-gradient(top, #0db14c 5%, #0ac250 100%);
    background:-webkit-linear-gradient(top, #0db14c 5%, #0ac250 100%);
    background:-o-linear-gradient(top, #0db14c 5%, #0ac250 100%);
    background:-ms-linear-gradient(top, #0db14c 5%, #0ac250 100%);
    background:linear-gradient(to bottom, #0db14c 5%, #0ac250 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0db14c', endColorstr='#0ac250',GradientType=0);
    background-color:#0db14c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #18ab29;
    cursor:pointer;
    color:#ffffff;
    font-family:'oswald', sans-serif !important;
    font-size:25px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    text-transform: uppercase;
}
#orderNow:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0ac250), color-stop(1, #0db14c));
    background:-moz-linear-gradient(top, #0ac250 5%, #0db14c 100%);
    background:-webkit-linear-gradient(top, #0ac250 5%, #0db14c 100%);
    background:-o-linear-gradient(top, #0ac250 5%, #0db14c 100%);
    background:-ms-linear-gradient(top, #0ac250 5%, #0db14c 100%);
    background:linear-gradient(to bottom, #0ac250 5%, #0db14c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ac250', endColorstr='#0db14c',GradientType=0);
    background-color:#0ac250;
}
#orderNow:active{
    position:relative;
    top:1px;
}

#orderLater{
    padding: 8px 5px 5px;
    text-align: center;
    margin-bottom: 5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    cursor:pointer;
    color:#ffffff;
    font-family:'oswald', sans-serif !important;
    font-size:16px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    text-transform: uppercase;
}
#orderLater:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
/*#orderNow:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color:#0061a7;
}*/
#orderNow:active {
    position:relative;
    top:1px;
}

.confirmation-cart th, .confirmation-cart td{
    padding:5px;
    color:#454545;// #fff;
	border: 1px solid black;
    font-size: 14px;
}

@media screen and (max-width: 360px) {
    ul.list-promo-product li .image-item{
        width: 125px;
        height: 125px;
    }
    ul.list-promo-product li .name-item{
        width: 125px;
        height: 20px;
        font-size: 12px;
    }
    .vd-attribute{  
        right: 35px;
    }
    .desc-custom{
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    ul.list-promo-product li .image-item{
        width: 110px;
        height: 110px;
    }
    ul.list-promo-product li .name-item{
        width: 110px;
        height: 20px;
        font-size: 12px;
    }

    .slider-home{
        max-height: 213px;
        height: 213px;
    }
}


iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


/* Feedback Button */
#feedback{
    display:block;
    position:fixed;
    top:40%;
    right:-1px;
    width: 30px;
}

#feedback a{
    padding:7px 5px;
}

#feedback a img{
    width:100%;
}


/* sprite */
.sprite {
    background-image: url('/skin/frontend/rwd/dominos/images/icon/spritesheet.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-Map {
    width: 100px;
    height: 51px;
    background-position: -5px -5px;
}

.sprite-Pizza_Tracker_white {
    width: 125px;
    height: 30px;
    background-position: -115px -5px;
}

.sprite-app_store {
    width: 158px;
    height: 57px;
    background-position: -115px -45px;
}

.sprite-fb_ {
    width: 55px;
    height: 55px;
    background-position: -5px -112px;
}

.sprite-halal {
    width: 55px;
    height: 55px;
    background-position: -70px -112px;
}

.sprite-icon_1 {
    width: 50px;
    height: 50px;
    background-position: -135px -112px;
}

.sprite-icon_1_mobile {
    width: 20px;
    height: 20px;
    background-position: -58px -48px;
    background-size: 145px 151px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_2 {
    width: 50px;
    height: 50px;
    background-position: -195px -112px;
}

.sprite-icon_2_mobile {
    width: 20px;
    height: 20px;
    background-position: -74.5px -45px;
    background-size: 130px 141px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_3 {
    width: 50px;
    height: 50px;
    background-position: -135px -172px;
}

.sprite-icon_3_mobile {
    width: 20px;
    height: 20px;
    background-position: -51px -68px;
    background-size: 130px 140px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_4 {
    width: 50px;
    height: 50px;
    background-position: -195px -172px;
}

.sprite-icon_4_mobile {
    width: 20px;
    height: 20px;
    background-position: -83px -74px;
    background-size: 145px 151px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_5 {
    width: 50px;
    height: 50px;
    background-position: -5px -232px;
}

.sprite-icon_5_mobile {
    width: 20px;
    height: 20px;
    background-position: -2.8px -100px;
    background-size: 145px 151px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_6 {
    width: 50px;
    height: 50px;
    background-position: -65px -232px;
}

.sprite-icon_6_mobile {
    width: 20px;
    height: 20px;
    background-position: -25px -92px;
    background-size: 135px 140px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_7 {
    width: 50px;
    height: 50px;
    background-position: -125px -232px;
}

.sprite-icon_7_mobile {
    width: 20px;
    height: 20px;
    background-position: -53px -100px;
    background-size: 145px 151px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-icon_9 {
    width: 50px;
    height: 50px;
    background-position: -185px -232px;
}

.sprite-icon_9_mobile {
    width: 20px;
    height: 20px;
    background-position: -79px -100px;
    background-size: 145px 151px;
    display: inline-block;
    margin-bottom: -3px;
}

.sprite-instagram_b {
    width: 55px;
    height: 55px;
    background-position: -283px -5px;
}

.sprite-youtube {
    width: 55px;
    height: 55px;
    background-position: -255px -208px;
}

.sprite-line {
    width: 55px;
    height: 55px;
    background-position: -283px -70px;
}

.sprite-playstore {
    width: 158px;
    height: 57px;
    background-position: -5px -292px;
}

.sprite-twiter {
    width: 55px;
    height: 55px;
    background-position: -255px -135px;
}

/* Add by Setya 120517 */
/* Padding Top Title Tracking Bar */
.tracking-bar li span {
    bottom: 1.5%;
}
/* ITGPS page style */
.itgps {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.itgps__map {
    margin: 0;
    padding: 0;
    flex: 3;
    width: calc(70% - 40px);
    height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
}
.itgps__info {
    flex: 1;
    font-size: 12px;
    margin-right: 12px;
    height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

.order-from-upsell,button.button.btn-cart{
    background-color: #0DB14B !important;
}

.modal-header h3{ color: #CF152D; }

button#button-promotion{
    background-color: #0DB14B !important;
}

.addresses-primary h2, .addresses-additional h2{
    border-bottom: 1px solid;
}
.navbar-main-custom .container-fluid {
    padding-left: 5px;
}
#product_addtocart_form > div {padding: 10px 30px 0!important;background:#fff !important;}
.bx-wrapper .bx-pager{ padding-top:0!important; bottom: 0!important;} 
.page-title h1 {font-size:22px}
.confirmation-cart td ul {font-size: 16px!important;}
.btn-edit-confirmation {color: #000!important;float: right;}
.bot-content-btn .btn-left {
    float: left;
}
.vertical-center-rows #widget-name {
    padding: 0!important;
}
.delivery-details {overflow: hidden;background:#fff;}
.delivery-details .page-title h1 {margin-top: 0px;padding-top: 10px;}
.delivery-details .page-title{
    padding-left: 10px;
    padding-right: 10px;
}
.delivery-details .online-order-breadcumbs {margin-bottom: 0; padding-left:10px; padding-right:10px;}
.delivery-details .scaffold-form {margin-top: -20px;}
.delivery-details .margin-bottom-50 {margin-top:0;}
.delivery-details .margin-bottom-50 > div.row > div:last-child #delivery-button:first-child {text-align:right!important;}
.delivery-details .margin-bottom-50 > div.row div:last-child div{text-align:left!important;}
.col {flex: 0 0 65%;max-width: 65%;}
.contact-box {display: flex; justify-content: space-between; align-items: flex-start;}
.contact-box .p-LR {padding:0;}
.account-create {overflow:hidden; margin-bottom: 100px;}
.type-address {padding : 0px 0 10px 13px; font-size:12px;}
.pT-N{padding-top:0px;} 
.p-N {padding:0;}
.m-T{margin-top:0;}
.takeaway-details {overflow: hidden;}
.category-pizza .category-title h1{font-size: 28px;}
.account-create .vertical-center-rows .div-bg {background-color: transparent}
.contact-box #div-contact-ext {display: none;}
.category-pizza .thumbnail {background-color:rgba(255 255 255);}
.account-login .div-center {margin-bottom: 150px; margin-top:10px;}
label.required:after, span.required:after {font-size:16px;}
#div-contact-ext {padding-right: 0;}
#div-contact-num.input-box.col-md-4 {padding-left: 0; padding-top:2px;}
#div-contact-num.input-box.col-md-6 {padding-left: 15px; padding-top:0;}
.content-pizza .product-list-custom{padding: 0 5px;}
.cms-home .container-main-custom .std > p{margin-top: 20px; margin-bottom: 0;} 
.cms-home .container-main-custom .std p + p{margin-top: 20px;}


.text-banner-content .text-white {
    color: #fff!important;
    font-family: verdana, geneva!important;
    font-size: 18px!important;
}
.mx-auto{
    margin-left: auto!important;
    margin-right: auto !important;
}
.mb-5 {
    margin-bottom: 3rem!important;
}
.px-0{
    padding-left: 0 !important;
    padding-right: 0!important;
}
.category-paket-hemat .custom-halaman .main {
    padding-top: 98px!important;
}
.custom-halaman .main{
   /*padding-top: 140px!important;*/
}
.cms-index-index .custom-halaman .main {
    padding-top: 0px!important;
}
.onlineorder-order-confirmation .custom-halaman .main {
    padding-top: 0px!important;
}

.text-banner-content #col-form-contact-us {
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
}

.text-banner-content #col-form-contact-us .buttons-set {
    text-align : center;
    margin-bottom: 15px;
} 

@media screen and (min-width: 1024px){ 
  .page-title h1 {
   /* margin-top: 5%; */
  }
  .basket-cart .scaffold-form {margin-top:0;}
.basket-cart .scaffold-form .form-group {
    margin: 5px 0;
    float: left;
}
#orderLater{
 box-shadow: none!important;
}
}

E

/*Danti Add this */
@media screen and (min-width: 1025px){ .render-custom{margin-top: -4%;}.no-render{margin-top:0;}
    .sanzmarg{margin: 20px 0 -40px;}
 }

/* @media (max-width: 1550px) and (min-width: 1200px){
     .category-btn-scroll.fixed-scroll.journey.scroll-to-fixed-fixed{
         left: 11% !important;
         right: auto !important;
         margin: 0 auto!important;
         width: 58.4%!important;
     } 
 }*/
@media (max-width: 1024px) and (min-width: 992px){
    .render-custom{ margin-top:0%; }
}

@media(max-width: 991px) and (min-width: 768px){
    .render-custom{ margin-top:-6%; }
    .sanzmarg{margin: inherit;}
}

@media(max-width: 767px) and (min-width: 640px){
    .render-custom{ margin-top:0%; }
    .sanzmarg{margin: -50px 0 0;}
}

@media(max-width: 667px) and (min-width: 412px){
    .render-custom{ margin-top:-5%; }
    .sanzmarg{margin: -50px 0 0;}
}
@media(max-width: 412px){
    .sanzmarg{margin: -50px 0 0;}
}

@media(min-width:639px) and (max-width: 667px) {
    .row-homepage {
        padding-top:32px;
    }
}
@media screen and (min-width: 1200px){
    .container{ width: 970px;}
}
/*Updated css 11 sept 2020*/
.wrapper
{
	background-color: #f3f3f3;
}

.header-language-background,
.newsletter-custom
{
	background-color:#0166a7/* #0066a7*/;
}
.cms-home .container-main-custom,
.container-full-width,
.page-header-container{
/*	background-color:#fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
/*	border-radius: 10px;*/
	margin-bottom: 20px;
}
.page-header-container{background-color:#0166a7;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
.thumbnail.promotion {
    	background-color: white;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.add-cart-promotion .content-input 
{
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin-bottom: 20px;
}