/* FUENTES  */

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');*/

@font-face {
    font-family: SharpSans;
    src: url(../fonts/sharp/sharpsans.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SharpSansBold;
    src: url(../fonts/sharp/sharpsansbold.woff2) format("woff2"),url(../fonts/sharp/sharpsansbold.woff) format("woff"),url(../fonts/sharp/sharpsansbold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SharpSansSemiBold;
    src: url(../fonts/sharp/sharpsans-semibold.woff2) format("woff2"),url(../fonts/sharp/sharpsans-semibold.woff) format("woff"),url(../fonts/sharp/sharpsans-semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

/*  RESET ANTERIOR */

	.col, .col_sls, .col_srs, .col_slm, .col_srm, .col_shs, .col_shm{float:none;margin:0;}

/*  RESET  */ 

    .zopim{display:none!important}

    *:focus , *:focus * {outline: none;}
	main {display: block}
	h1 {font-size: 2em;margin: .67em 0}
	pre {font-family: monospace,monospace;font-size: 1em}
	a {background-color: transparent}
	b,strong {font-weight: bolder}
	code {font-family: monospace,monospace;font-size: 1em}
	small {font-size: 80%}
	img {border-style: none}
	button,input,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0}
	button,input {overflow: visible}
	button,select {text-transform: none}
	[type=button],[type=reset],[type=submit],button {-webkit-appearance: button}
	[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,
	[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style: none;padding: 0}
	[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline: 1px dotted ButtonText}
	legend {-webkit-box-sizing: border-box;box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}
	progress {vertical-align: baseline}
	textarea {overflow: auto;resize:none;}
	[type=checkbox],[type=radio] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0}
	[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto}
	[type=search] {-webkit-appearance: textfield;outline-offset: -2px}
	[type=search]::-webkit-search-decoration {-webkit-appearance: none}
    input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;height:17px;width: 17px;position:relative;right:30px;
                                                        background:transparent url("../static/ico/close_ball_g.svg") no-repeat center;
                                                        background-size:17px;}

	::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}

	details {display: block}
	summary {display: list-item}

	[hidden] {display: none}
	dl,h1,h2,h3,h4,p,pre {margin: 0}
	button {background: transparent;padding: 0}
	button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
	*,:after,:before {border: 0 solid #e9ebee;-webkit-box-sizing: inherit;box-sizing: inherit;margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	img {border-style: solid;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: inherit;opacity: .5;}
	input::-moz-placeholder,textarea::-moz-placeholder {color: inherit;opacity: .5;}
	input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: inherit;opacity: .5;}
	input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: inherit;opacity: .5;}
	input::placeholder,textarea::placeholder {color: inherit;opacity: .5;}
	[role=button],button {cursor: pointer;}
	table {border-collapse: collapse;}
	h1,h2,h3,h4 {font-size: inherit;font-weight: inherit;}
	a {color: inherit;text-decoration: inherit;}
	button,input,select,textarea {padding: 0;line-height: inherit;color: inherit;}
	code,pre {font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;}
	canvas,iframe,img,object,svg {display: block;vertical-align: middle;}
	img {max-width: 100%;height: auto;}
	:root,html {font-family: 'Open Sans',sans-serif;font-size: 14px;line-height: 1.75;color: #231f20;}
	html {-webkit-box-sizing: border-box;box-sizing: border-box;
          -webkit-text-size-adjust: 100%;
	}
    
	body {font-family:inherit;background:#fff;height: auto;margin: 0;padding: 0;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-ms-font-feature-settings: "liga","dlig";-webkit-font-feature-settings: "liga","dlig";-o-font-feature-settings: "liga","dlig";font-feature-settings: "liga","dlig";overflow-y: scroll;-webkit-overflow-scrolling: touch;}
	button,input,select,textarea {font: inherit;-webkit-appearance: none;-moz-appearance: none;border: none;}
	input[type=checkbox] {-webkit-appearance: checkbox;-moz-appearance: checkbox;}
	input[type=radio] {-webkit-appearance: radio;-moz-appearance: radio;}
	ul {margin: 0;padding: 0;list-style: none;}
	p {margin-bottom: 0;}
	[role=button] {cursor: pointer;}
	[role=button]:focus {outline: 0;}
	.container, .wrapper {width: 100%;position: relative;margin: 0 auto;}

/*    ::selection {background: inherit!important;}*/

    a, a:visited, a:link, a:active {color: #231f20;}
  
/*  CONTENDORES */
    .container, .wrapper{margin:0 auto;}

	@media (min-width: 640px)  {.container, .wrapper {max-width:640px}}
	@media (min-width: 768px)  {.container, .wrapper {max-width:768px;}}
	@media (min-width: 960px)  {.container, .wrapper {max-width:960px}}
	@media (min-width: 1080px) {.container, .wrapper {max-width:1080px}}


    .active {display:block!important;}
    .activeInline {display:inline-block!important;}
    .noActive {display:none!important;}

/*  HEADER  */

    #header{z-index: 600;position: relative;top:0;left:0; min-height:59px;height:59px;padding:0;margin:0;border: 0;box-sizing: border-box;width:100%;background:none;background-color:#fff;}
    #header{box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;}

    #header .logo {
        display: inline-block;
        width: 155px;
        height: 33px;
        margin: 13px 0 15px 15px;
        padding: 0;
        background: transparent;
        background-size: contain;
        background-position: left center;
        background-image: url("../static/logo.svg");
        background-repeat: no-repeat;
        float: none;
        position: relative;
        z-index: 9998;
    }


    #header .logo img {display: none;}


    #header:before {content:""; display:none;}
    #header .icoCart{display:none;}
    #header .mod_link_nav>li >a{text-indent: -10000px;color:#fff;position:relative;left:0;top:0;margin:0;padding:0;height: 60px;display: block;}
    
    #header .nav_secondary {position: absolute;top: 0;right: 0px;max-width: 750px;width:auto;}
    #header .nav_secondary > div {position: relative;cursor: pointer;display: inline;}
    #header .nav_secondary .mod_link_nav {display: inline-block;padding: 0;margin: 0;min-width: auto;text-align: right;max-width: 700px;border-top: none;position: relative;z-index: 9500;}
    #header .nav_secondary .mod_link_nav .salir,#header .nav_secondary .mod_link_nav .Salir{display:none;}
    #header #headerLinks, 
    #header #LayoutMainHeaderCarrito {height:60px;float: right;position: relative;}
    #header #LayoutMainHeaderCarrito {display:none;}
    #header .mod_link_nav > li > a:before {top: 30%;left: 0 !important;background-position: center !important;background-size: contain !important;background-repeat: no-repeat;width: 100% !important;height: 27px !important;margin: 0 !important;padding: 0 !important;content: ' ';display: inline-block;position: absolute;}
    #header .mod_link_nav>li{margin:0 12px 0 0;width:27px;min-width:27px;min-width:27px;height:100%;float:none;padding:0;border:none;position:relative;top:0;left:0;display:inline-block;vertical-align: middle;zoom: 1;}
    #header .mod_link_nav>li a.Registrarme:before, 
    #header .mod_link_nav>li a.registrarme:before, 
    #header .mod_link_nav>li a.Acceso:before, 
    #header .mod_link_nav>li a.acceso:before, 
    #header .mod_link_nav>li a.Inicio:before, 
    #header .mod_link_nav>li a.inicio:before{background-image: url("../static/ico/account-circle_h.svg");}

/*
    #header .mod_link_nav>li a.Registrarme:hover:before, 
    #header .mod_link_nav>li a.registrarme:hover:before, 
    #header .mod_link_nav>li a.Acceso:hover:before, 
    #header .mod_link_nav>li a.acceso:hover:before, 
    #header .mod_link_nav>li a.Inicio:hover:before, 
    #header .mod_link_nav>li a.inicio:hover:before      {background-image: url("../static/ico/account-circle_h.svg");}
*/
    #header .mod_link_nav>li a[class*="Mi cuenta"]:before, 
    #header .mod_link_nav>li a[class*="miCuenta"]:before{background-image: url("../static/ico/account-circleon.svg");background-size: 21px!important;left:0!important;}


    #header .mod_link_nav>li a.tracker:before{background-image: url("../static/ico/tracker.svg");background-size : contain!important;top:29%;}
    #header .ajusteMenu{display:none;}

    #header .wrapper{width:100%;}

    /* cab1  --- logo iconos */
        
        #header.cab1 .ajusteMenu{display:none;}
        #header.cab1 .icoMenu   {display:none!important;}

    /* cab2  --- solo logo  */

        #header.cab2  {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);text-align:center; min-height: 48px;height: 48px;}
        #header.cab2  .icoMenu {display:none!important;}
        #header.cab2  .wrapper {justify-content: center;align-items: center;-webkit-box-pack: center;display: flex;-webkit-box-align: center;height:100%;}
        #header.cab2  .logo    {height: 33px;margin:0;}
        #header.cab2  .nav_secondary{display:none;}

    /* cab3  --- menu logo iconos open/close*/

        #header.cab3  {box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.1);text-align:center; min-height: 48px;height: 48px;}
        #header.cab3  .icoMenu {display:block;height: 24px;width: 24px;border: none;margin: 12px;padding: 0;display: inline-block;text-align: left;float: left;background-image: url("../static/ico/menu.svg");background-size: contain;}
        #header.cab3  .icoMenu.active {background-image: url("../static/ico/close.svg");}
        #header.cab3  .icoMenu.active .menu {display:none;}
        #header.cab3  .icoMenu .lit   {display:none;}
        #header.cab3  .logo    {background: url("../static/logom.png") no-repeat center;background-size:contain;display:block;height:33px;width:36px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
        #header.cab3  #headerLinks, #header.cab3 #LayoutMainHeaderCarrito, #header.cab3 .mod_link_nav>li a{ min-height: 48px;height: 48px;}

        #header.cab3 .mod_link_nav>li >a:before{top: 23%;height: 27px!important;}
        #header.cab3#header .mod_link_nav>li{width: 26.7px;min-width: 26.7px;}

        #header .modDirection{display:none;}

        /* cab4  --- tunel */
        #header.cab4 {
            box-shadow: none;
            text-align: center;
            min-height: 53px;
            height: 53px;
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-bottom: 1px solid #e9ebee;
            border-top: 1px solid #e9ebee;
        }
        #header.cab4  .logo    {height: 30px;width:100%;background-image: url(../static/logo.svg);background-position: 0px top;background-size:contain;top:10px;left:30px;display:block;position: absolute;margin: auto;}

        #header.cab4::after {position:absolute;content:" ";left:0;bottom:50px;width:100%;height:1px;background-color: #f5f7f9;}
        #header.cab4 .ajusteMenu{display:block;position:absolute;background-color:#fff;z-index:1;left:200px;width: 100%;top:0px;height: 51px;min-height: 51px;}
        #header.cab4 .mod_product_categories_nav li.actual a{background:none;color:#000}

        #header.cab4 .mod_product_categories_nav li:first-child{border-left: 1px solid #e9ebee;}
        #header.cab4 .wrapper {height: 100%;}
        #header.cab4 .icoMenu{display:none;}
        #header.cab4 .ajusteMenu .ajusteMobile{    padding-left: 0px;}

    /* cab5  --- solo logo central  */
    
        #header.cab5  {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);text-align:center; min-height: 48px;height: 48px;}
        #header.cab5  .icoMenu {display:none!important;}
        #header.cab5  .wrapper {justify-content: center;align-items: center;-webkit-box-pack: center;display: flex;-webkit-box-align: center;height:100%;}
        #header.cab5  .logo    {height: 33px;margin:0;background: url(../static/logom.png) no-repeat center / 33px;}
        #header.cab5  .nav_secondary{display:none;}

/*  HOME  */

	.homeh2{font-size:25.2px;font-family: 'SharpSansBold';line-height: 1;padding:0;margin:0 10px;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding-top: 50px;}
	.homeh2:before,.homeh2:after {border-width: 1px;border-color: #d9dde3;-webkit-box-flex: 1;-webkit-flex: 1 1 0%;-ms-flex: 1 1 0%;flex: 1 1 0%;position: relative;content: "";height: 1px;top: -2px;}
	.homeh2:before{margin-right: 10px;}
	.homeh2:after {margin-left: 10px;}

    h1 + .wrapper, h2 + .wrapper{margin:10px auto 30px auto;display: table;}

    /* mensajes HOME */

    .msgInfo, .msgInfo2{display:block;position:relative;}
    .msgInfo{margin-bottom:5px;font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.75;letter-spacing: normal;color:#000;padding:0 17px 0 0;}
    .msgInfo.noLocation{color:#c8102e;padding-top:0px;}
    .msgInfo2{font-weight:normal;padding-left:22px;background: url("../static/ico/geo.svg") no-repeat left center;background-size:inherit;margin-top:20px;font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #4a90e2!important;}

    .bdPedido .msgInfo{display:none;}

/* MOD LOGIN */
    
    .modHeaderLogin{display:none;width: 227px;border-radius: 4px;box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);background-color: #fff;padding:24px 23px 8px 22px;position:absolute;top:63px;z-index:900;
       /*right:-54px;top:68px;*/
    }
    .modHeaderLogin .sesion{display:none;}
    .modHeaderLogin .sesion,
    .modHeaderLogin .cuenta,
    .modHeaderLogin .pedido {font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #231f20;border-top:1px solid  #e9ebee;padding:8px 0 9px 35px;}
    .modHeaderLogin .cuenta {background: url("../static/ico/account-circle.svg") no-repeat 7px center;background-size:19px;border-top:none}
    .modHeaderLogin .pedido {background: url("../static/ico/basket.svg") no-repeat 7px center;background-size:19px;}
    .modHeaderLogin .sesion {background: url("../static/ico/icon-back.svg") no-repeat 7px center;background-size:19px;margin-bottom:10px}
    .modHeaderLogin li {display:none;}
    .modHeaderLogin li:first-child {display:block;}
    .modHeaderLogin.logado  {padding:11px 23px 8px 22px;}
    .modHeaderLogin.logado  li {display:block;}
    .modHeaderLogin.logado  li:first-child {display:none;}
    .modHeaderLogin.logado  li a{cursor:pointer;display:inline-block;width:100%;}
    .modHeaderLogin.logado .sesion{display:block;}
    .modHeaderLogin.logado .sesion::first-letter {text-transform:uppercase;}
    .modHeaderLogin  li:first-child p    {display:inline-block;width:100%;padding-top:10px;padding-bottom:0px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.46;letter-spacing: normal;text-align: center;color: #231f20;font-size:13px;}
    .modHeaderLogin  li:first-child p + a{display:inline-block;width:100%;padding-top:0;padding-bottom:10px;text-align:center;}


  /* PEDIDOS */

	#modPedido{background-repeat: no-repeat;background-position: top;background-size: auto 100%;margin-bottom:110px;height:330px;padding-top: 200px;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;align-items: center;-webkit-box-pack: start;justify-content: flex-start;}	
    #modPedido .wrPedido{position: relative;margin:0 auto;z-index: 400;box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 22px 0px;width: 300px;border-radius: 0  0  4px  4px;}
    #modPedido .wrPedido .hdPedido{display: flex;transform: translateZ(0);text-rendering: optimizeLegibility;}
    #modPedido .wrPedido .hdPedido a{outline: none;white-space: nowrap;transform: translateZ(0);text-rendering: optimizeLegibility;background-color: #d9dde3;filter: grayscale(100%) contrast(80%);font-family: 'SharpSansSemiBold';font-size: 1.2rem;font-weight: 600;line-height: 1.5;color: #78838c;padding: 10px;min-width: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;white-space: nowrap;transform: translateZ(0);text-rendering: optimizeLegibility;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;outline: none!important;-webkit-box-direction: normal;}
    
    #modPedido .wrPedido .bdPedido.showDir .hDom,
    #modPedido .wrPedido .bdPedido.showDir .hRec {display:none;}

    #modPedido .wrPedido > div {display:none;}

    #modPedido .wrPedido .hdPedido a{margin-right: 2px; /*width: calc(100% - 30px);*/}
    /*#modPedido .wrPedido .hdPedido a:last-child {width: 100%;}    */
    #modPedido .wrPedido .hdPedido a.hdPedido_On{background-color: #fff;color:#da291c;filter:none;padding:15px 10px;}

    #modPedido .wrPedido .hdPedido a > i{display: inline-block;width: 32px;height: 32px;display: none;margin-right:5px;
                                         background: url("../static/ico/takeaway_circle_grey_s.svg") no-repeat center;
                                         background-size: 100%;background-position: 50%;}
    #modPedido .wrPedido .hdPedido a.hdPedido_On > i{background: url("../static/ico/takeaway_circle_s.svg") no-repeat center;}
    #modPedido .wrPedido .hdPedido a:first-child             > i{background: url("../static/ico/delivery_circle_grey_s.svg") no-repeat center;}
    #modPedido .wrPedido .hdPedido a.hdPedido_On:first-child > i{background: url("../static/ico/delivery_circle_s.svg") no-repeat center;}
 
    /* #modPedido .wrPedido .hdPedido a:last-child{margin-right: 0 }
    #modPedido .wrPedido .hdPedido a:last-child > i{background: url("../static/ico/favorite_grey_s.svg") no-repeat center;width: 33px;}
    #modPedido .wrPedido .hdPedido a.hdPedido_On:last-child > i{background: url("../static/ico/favorite_circle_s.svg") no-repeat center;} */

    #modPedido .wrPedido .bdPedido{background-color: #fff;padding:20px 8px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
    #modPedido .wrPedido .bdPedido > div{display:none;}    
    #modPedido .wrPedido .bdPedido .wSearch{display:block;position:relative;}  
    #modPedido .wrPedido .bdPedido .wSearch .btGeo{position:absolute;right:10px;top:15px;width:24px;height:24px;
                                                   display:inline-block;cursor:pointer;
                                                   background:url(../static/ico/geo.svg) no-repeat center;
                                                   background-size:16px;
    }

    #modPedido .wrPedido .bdPedido .wSearch.toCalle .btGeo{display:none;}
    #modPedido .wrPedido .bdPedido .wSearch.toCalle  input[type="search"]::-webkit-search-cancel-button {right:5px;opacity:1;visibility:initial;display:block;}


    #modPedido .wrPedido .bdPedido .wSearch.flex-search {
        display: flex;
    }
    
    #modPedido .wrPedido .bdPedido .wSearch.flex-search button#btnDireccionRec {margin: 0; width: 100px; border-radius: 0 5px 0 0; height: 50px; background-image: url(../static/ico/ico-search.svg);background-repeat: no-repeat;background-position: center; }
    
    #modPedido .wrPedido .bdPedido .wSearch.flex-search input#tbDireccionRec {border-radius: 5px 0 0 0;}

    #modPedido .wrPedido .bdPedido .dirFavorites{margin-top:10px}
    #modPedido .wrPedido .bdPedido .dirFavorites, #modPedido .wrPedido .bdPedido .dirShops{display:none;}

    .dirFavorites .scroller.direc {border-top:none!important;}

    #modPedido .wrPedido .bdPedido .dirShops{display:none;position: relative;top:0px;}
    #modPedido .wrPedido .bdPedido .dirFavorites h2,
    #modPedido .wrPedido .bdPedido .dirShops h2{display:none;padding:12px 0 11px 0;font-size: 15px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color:#231f20;}
    #modPedido .wrPedido .bdPedido .dirFavorites h2:first-child,
    #modPedido .wrPedido .bdPedido .dirShops h2:first-child{display:block;padding-left:24px;}
    
    #modPedido .wrPedido .bdPedido .dirFavorites .scroller,
    #modPedido .wrPedido .bdPedido .dirShops .scroller{border: solid 1px #e9ebee;overflow:auto;max-height:220px;height:auto;}
    #modPedido .wrPedido .bdPedido .dirShops .scroller{max-height:218px;}

    .msgInfo2 + .dirShops .scroller{border-top:none!important;}

/*    #modPedido .wrPedido .bdPedido .dirShops .scroller{border-top: none;}*/
    #modPedido .wrPedido .bdPedido .dirFavorites ul{display:none}

    #modPedido .wrPedido .bdPedido .dirFavorites ul li,
    #modPedido .wrPedido .bdPedido .dirShops ul li{cursor:pointer;padding:16px 20px 15px 42px;display:inline-block;border-top: solid 1px #e9ebee;background-image: url("../static/ico/ico_store.svg");background-repeat:no-repeat;background-size:16px;background-position: 17.3px 19px;width:100%;}

    #modPedido .wrPedido .bdPedido .hDom .dirFavorites ul li {background-image: url("../static/ico/icon_gmap.svg");}
    
    #modPedido .wrPedido .bdPedido .dirShops ul li:first-child,
    #modPedido .wrPedido .bdPedido .dirFavorites ul li:first-child{border-top: none;}

    #modPedido .wrPedido .bdPedido .dirFavorites h2:first-child{border-bottom:2px solid #e9ebee;position:relative;cursor:pointer}
    #modPedido .wrPedido .bdPedido .dirShops h2:first-child{border-bottom:2px solid #e9ebee;position:relative;cursor:pointer}
    #modPedido .wrPedido .bdPedido .dirFavorites h2:first-child:after{background: url("../static/ico/icon_black_down.svg") no-repeat center;content:" ";position:absolute;right:29px;top:23px;width:12px;height:7px;background-size: 27px;}
    #modPedido .wrPedido .bdPedido .dirShops h2:first-child:after{background: url("../static/ico/icon_black_down.svg") no-repeat center;content:" ";position:absolute;right:29px;top:23px;width:12px;height:7px;background-size: 27px;}
    #modPedido .wrPedido .bdPedido .dirFavorites h2.up:after{background: url("../static/ico/icon_black_up.svg") no-repeat center;}
    #modPedido .wrPedido .bdPedido .dirShops h2.up:after{background: url("../static/ico/icon_black_up.svg") no-repeat center;}
    
    #modPedido .wrPedido .bdPedido .dirFavorites ul li p,
    #modPedido .wrPedido .bdPedido .dirShops ul li p{text-transform: capitalize;font-size: 13px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #000;height:20px;display:inline-block;width:100%;}
    #modPedido .wrPedido .bdPedido .dirFavorites ul li p:first-letter,
    #modPedido .wrPedido .bdPedido .dirShops ul li p:first-letter{text-transform: uppercase;}
    #modPedido .wrPedido .bdPedido .dirFavorites ul li p:last-child,
    #modPedido .wrPedido .bdPedido .dirShops ul li p:last-child{line-height: 1.62;font-weight: normal;height:auto;}


    #modPedido .wrPedido .exPedido {padding:20px;background:#fff;border-radius: 4px;}
    #modPedido .wrPedido .exPedido p{font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #231f20;}
    #modPedido .wrPedido .exPedido p.street{font-size: 14px;font-weight: 600;line-height: 1.53;padding-top:5px;}
    #modPedido .wrPedido .exPedido p.street span{display:inline-block;width:100%;text-transform:capitalize;}
    #modPedido .wrPedido .exPedido button {margin-top:20px;display:inline;}
    #modPedido .wrPedido .exPedido button.button--secondary {margin-top:14px;min-height: 34px;}
    #modPedido .wrPedido .exPedido button.button--secondary span{font-size: 13px;font-weight: 600;}
    
    /* OFERTAS*/

	#modPopularDeals{margin:10px 0;display: table-caption;}
	#modPopularDeals .wContent{width:calc(100% - 20px);margin:0 auto;}
/*	#modPopularDeals .wContent .home-watermark-promo  {display: flex;flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: column;margin-bottom:2px;}*/
	#modPopularDeals .wContent .home-watermark-promo  {display: inline-block;width:100%;margin-bottom:2px;}
	#modPopularDeals .wContent .home-watermark-promo a{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;height:100px;margin:0 0 22px 0;flex: 1;justify-content: flex-start;align-items: center;flex-direction: column;-webkit-box-direction: normal;-webkit-box-orient: vertical;background-repeat: no-repeat;background-position: bottom;background-size: auto 100%;}

    #modPopularDeals .wContent .home-watermark-promo a   {align-items: inherit;flex-direction: inherit;}
    #modPopularDeals .wContent .home-watermark-promo + .home-watermark-promo a {align-items: center;flex-direction: column;margin:10px 0 20px 0;}
    /*#modPopularDeals .wContent .home-watermark-promo:nth-last-child(2) a {cursor: default;}*/
	#modPopularDeals .wContent .home-watermark-promo a.proBg{height:auto;}
    #modPopularDeals .wContent .home-watermark-promo:first-child  a.proBg:first-child{margin-right:16px}
 

	#modPopularDeals .wContent .home-watermark-promo a img{height: inherit;}
    #modPopularDeals .wContent .home-watermark-promo a.proBg img{height:100%;width:100%;}
    #modPopularDeals .wContent  button{margin:0 auto;}
    #modPopularDeals .wContent  button span{font-size: 18px;}

    /* RESTAURANTS*/

	#modRestaurant{background: url("../static/banners/bgResta.jpg") no-repeat 0 0;padding:0 20px;margin:10px 10px 0 10px;width:calc(100% - 20px);display:inline-block;}
	#modRestaurant .wContent{;max-width: 640px;margin:20px auto;padding:15px 20px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 4px;background-color: #fff;}
	#modRestaurant img{display:inline-block;margin-right: 20px;flex-basis: 280px;width: 280px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;}
    #modRestaurant button, #modRestaurant a  {flex-basis: 47%;flex-grow: 1;flex-shrink: 0;text-align: center;}
    #modRestaurant button span, #modRestaurant a  span {padding:8px;}
	
   /* BIENVENIDO A PIZZA HUT */

    .modJoinPizzahut {padding:30px 10px 0 10px;box-sizing:border-box;}
    .modJoinPizzahut h2{font-family: 'SharpSansBold';font-size:24px;color:#231F20;letter-spacing:0;}
    .modJoinPizzahut p{font-family: 'Open Sans',sans-serif;font-size:14px;line-height:21px;color:#231F20;letter-spacing:0;margin-bottom:8px;}
    .modJoinPizzahut a.linkBold{text-decoration:none;font-weight:700;}

	#modRestaurant button{flex-basis: 47%;flex-grow: 1;flex-shrink: 0;text-align: center;}
	#modRestaurant button span{font-size: 16px;}

   /* MODULO LOGIN  */

 	/*.pagLogin{background-color: #f5f7f9;}*/

	#modLogin{width:100%;padding:8px 25px 20px 25px;margin:0 auto 0px auto;background-color:#fff;}

	#modLogin .modToolsLogin{font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #231f20;margin-bottom:23px;}
	#modLogin .modHeadLogin{display: flex;flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;			}

	#modLogin .modHeadLogin a{font-family: 'SharpSansSemiBold';font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #231f20;display: flex;flex: 1;justify-content: flex-start;align-items: center;flex-direction: column;-webkit-box-direction: normal;-webkit-box-orient: vertical;position:relative;padding-bottom:10px;}
	#modLogin .modHeadLogin a:after{position:absolute;content:" ";left:0;bottom:0;width:100%;height: 3px;background-color: #dfdfe3;}				
	#modLogin .modHeadLogin a.active:after{background-color: #c8102e;}				

	#modLogin .wLogin {padding:0;margin-top:50px;}
	#modLogin .wLogin > div {text-align: left;display:none;}
	#modLogin .wLogin > div p.title{font-family: "SharpSansBold";font-size: 24px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}
	#modLogin .wLogin > div p.msg  {min-height:38px;box-sizing: content-box;font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.36;letter-spacing: normal;color: #231f20; padding:4px 0 6px 0;}

	#modSesion .Link-Primary{text-align: center;margin-top:18px;display:inline-block;left: 50%;margin-left: -75px;	}
    #modSesion .Link-Primary:hover span:before {    content: '';position: absolute;left: 0;bottom: -1px;width: 100%;border-bottom: 1px solid #231F20!important;}

    #modSesion input[type=text] , #modSesion  input[type=password]{display:block!important} 

/* my_account */

    #my_account {margin-top:8px;display:block;}
    #my_account .modToolsmy_account{padding-left:25px;}
    #my_account .mod_profile_header p{     font-family: 'SharpSansBold';font-size: 24px;font-weight: bold;font-style: normal;line-height: normal;letter-spacing: normal;color: #231f20;margin:0;width:100%;}
    #my_account .mod_profile_header p + p{ font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 19px;letter-spacing: normal;color: #231f20;width:100%;padding-top:4px;}

    #my_account .mod_profile_header{background:none!important;padding:40px 26px 0 25px;margin:0;border:none;display:none;}
    #my_account .mod_onpage_navigation{margin:0;padding:0;}
    #my_account .mod_menuDtCuenta{display:none}
    #my_account .mod_menuDtCuenta.active a{background: url('../static/ico/ico_next_g.svg') 97%  center no-repeat transparent;background-size:24px;} 

    #my_account .mod_menuDtCuenta.active .mod_onpage_navigation , .my_account .mod_menuDtCuenta.active .mod_onpage_navigation{display:block!important;padding:23px 25px 25px 25px;}

    .mod_profile_header .item_body{padding:0;margin:0;width:100%}
    .mod_onpage_navigation {max-width:100%;width:100%!important;}
    .mod_onpage_navigation .active, .mod_onpage_navigation li.active{background:none!important;padding:0;}
    .mod_onpage_navigation a,
    .mod_onpage_navigation li a{text-decoration: none;font-size: 15px;padding:0 16px 0 45px;margin:0;color:#231f20;background-color: transparent;min-height:60px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;line-height: normal;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: left;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;outline: none!important;-webkit-box-direction: normal;cursor:pointer;}

    .mod_onpage_navigation.active{margin-top: 0;position: fixed;top: 5px;z-index: 10;}
    .mod_onpage_navigation li{width:100%;position:relative;margin:0;margin-bottom:15px;display: flex;transform: translateZ(0);text-rendering: optimizeLegibility;cursor: pointer;}
    .mod_onpage_navigation .active a{background-color:transparent;color: #231f20;margin-right: 0;}

    .mod_onpage_navigation li.datos    {background: url('../static/ico/account-circle.svg') 14px center no-repeat transparent!important;background-size:24px!important;} 
    .mod_onpage_navigation li.pago     {background: url('../static/ico/ico-account.svg')    17px center no-repeat transparent!important;background-size:19px!important;} 
    .mod_onpage_navigation li.email    {background: url('../static/ico/icon-email.svg')     15px center no-repeat transparent!important;background-size:24px!important;} 
    .mod_onpage_navigation li.direccion{background: url('../static/ico/icon-tlinepin.svg')  14px center no-repeat transparent!important;background-size:24px!important;} 
    .mod_onpage_navigation li.passWord {background: url('../static/ico/icon_candado.svg')   14px center no-repeat transparent!important;background-size:24px!important;}     
    .mod_onpage_navigation li.pedidoFav{background: url('../static/ico/basket.svg')         14px center no-repeat transparent!important;background-size:24px!important;} 
    .mod_onpage_navigation li.pedidoPro{background: url('../static/ico/icon-clock.svg')     14px center no-repeat transparent!important;background-size:24px!important;} 
    .mod_onpage_navigation li.cerrar   {background: url('../static/ico/icon-back.svg')      21px center no-repeat transparent!important;background-size:15px!important;} 

    #my_account .s2of3, #my_account .s8of12{width:100%;background-color:#f5f7f9;margin: 0;padding: 25px;display: inline-block;margin-bottom:8px}
    #my_account .col_r.s8of12{display:none;}
    #my_account .s2of3:last-child, #my_account .s8of12:last-child{margin-bottom:0}

    .mod_profile_header:before{display:none;}
    .mod_profile_header p + p {margin-bottom:30px;}
    #my_account h2, #my_account h1 {margin:0;padding:0;font-family: 'SharpSansBold';font-size: 24px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #231f20;text-shadow:none;}
    #my_account fieldset{margin:0;padding:0;display:inline-block}
    .inline_field, .banner .mod_login.only_register .inline_field{margin-top: 18px;}

    .mod_separator, .mod_separator_header, .mod_separator_large, 
    .mod_double_line_separator, .mod_double_line_dark_separator{background:#dfdfe3!important;border:1px solid #dfdfe3;padding:0;height:2px;width:100%;margin:0;}

    fieldset + .mod_separator {margin-top:45px;}

    #my_account .heading-m{margin:0;padding:40px 0 0 0;font-family: 'SharpSansBold';font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #231f20; display: inline-block;width: 100%;}
    #my_account br {display:none;}

    #my_account .inline_field{width:100%;display:inline-block;margin-bottom:0;}
    #my_account .inline_field.toVacio{display:none;}
    #my_account .inline_field label{width:100%;display:inline-block;text-align:left;}
    #my_account .inline_field.check label{width:calc(100% - 33px);margin:0;}

    /*#my_account .inline_field.check label#lbChkDeleteUser{width:90%}*/
    #my_account .inline_field.check label#lbChkDeleteUser + button {position: relative;top:0px;width: 100%;margin: 0;margin-top: 15px;}
    #my_account .inline_field .custom_input_large,
    #my_account .inline_field .custom_input_medium,
    #my_account .inline_field .custom_input_small{width:100%;}
    #my_account .inline_field .custom_input_large input,
    #my_account .inline_field .custom_input_medium input,
    #my_account .inline_field .custom_input_small input{width:100%;}

    #my_account .mod_moredatos{background:transparent;display:inline-block; position: relative;width:100%;}
    #my_account .mod_moredatos,
    #my_account .modDatos{margin-top:20px}
    #my_account .mod_moredatos .checkbox{display:none;}
    #my_account .i_arrow_bottom.displaced{display:none;}

    .mod_collapsable_forms li.active .title span.editing{display:none;}
    .mod_collapsable_forms > ul > li{background:transparent;padding:0;}
    .mod_collapsable_forms li .title{display:inline-block;width:100%;font-size: 14px;  font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.36;letter-spacing: normal;color: #231f20;padding-top:7px;float:none;}
    .mod_collapsable_forms li .actions, 
    .mod_collapsable_forms .favorites > li p.actions{width:100%!important;margin:0!important;padding: 8px 17px 0 0!important;text-transform:capitalize;overflow:hidden;overflow: hidden;text-align: right!important;float:none;}

    .modPedidos._historial .mod_collapsable_forms li .actions {max-width: 85px;width: 100%;padding: 25px 0 0 0!important;float:right}

    .actions a,
    .mod_collapsable_forms li .actions a,
    .mod_collapsable_forms .favorites > li .actions a{margin:0 0 0 13px;padding:0;border:0;position:relative;font-size:12px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.75;letter-spacing: normal;color: #231f20;}
    .mod_collapsable_forms li .actions a{padding: 2px 0 3px 0;}

    .actions a:before,
    .mod_collapsable_forms li .actions a:before,
    .mod_collapsable_forms .favorites > li .actions a:before{content:" ";position: absolute;height: 1px;border-bottom: solid 1px #dfdfe3;left:0;bottom:0px;width:100%;}

    .actions a:hover:before,
    .mod_collapsable_forms li .actions a:hover:before,
    .mod_collapsable_forms .favorites > li .actions a:hover:before  {content: '';left: 0;bottom: 0px;width: 100%;border-bottom: 1px solid #231F20!important;}

    .mod_collapsable_forms li .actions a:first-child{margin:0}
    /*.actions a:before {content: " ";position: absolute;height: 1px;border: solid 1px #dfdfe3;left: 0;bottom: -2px;width: 100%;}*/
    .actions a:hover:before {content: '';left: 0;bottom: -1px;width: 100%;border-bottom: 1px solid #231F20!important;} 
    
    .modal_box {display:inline;z-index:99999;}
    .modal_box .actions a{margin:0;}
    .modal_box .actions a:before ,
    .modal_box .actions a:hover:before {display:none;}

    /*#my_account .col_r.s8of12:nth-child(odd){background-color: #fff;min-height:179px;}*/
    #my_account .col_r.s8of12:nth-child(even){min-height:133px;}
    /* para miCuenta quitar checks */
    #my_account #changePassword .checkbox.safari.safari537{display:none;}
    .mod_collapsable_forms{margin-bottom: 0px; }    

    .mod_collapsable_forms > ul + ul {margin:15px 0 23px 0;}
    .mod_collapsable_forms > ul + ul.last {margin:0 0 23px 0;}

    .mod_collapsable_forms > ul.gmap  > li{background: url("../static/ico/icon_gmap.svg") no-repeat 3px 13px transparent;background-size: 30px;padding-bottom:0;}
    .mod_collapsable_forms > ul.mpago > li{background: url("../static/ico/ico-account_h.svg") no-repeat 11px center transparent;background-size: 20px;}

    .mod_collapsable_forms > ul.ulSimple > li .title {padding-top:0px;text-transform:lowercase;padding-left:43px;width:100%;max-width:calc(100% - 16px);}
    .mod_collapsable_forms > ul.ulSimple > li strong{padding-top:13px;}
    .mod_collapsable_forms > ul.ulSimple.mpago > li .title {padding:18px 0 18px 42px;width: auto;display: inline-block;text-transform: initial;}
    .mod_collapsable_forms .mpago li p.actions{padding: 19px 9px 0 0!important;float:right;width:auto!important;}
    .mod_collapsable_forms > ul.mpago > li {min-height: 55px;padding-bottom:0!important;}
    .mod_collapsable_forms > ul.mpago > li strong{padding-top:0px;}

    .mod_collapsable_forms > ul.favorites > li{padding:2px 0 0 0;}
    .mod_collapsable_forms > ul.favorites > li .title{text-transform:lowercase;width:100%;max-width:100%;padding:8px 16px 0 45px;}
    .mod_collapsable_forms > ul.favorites > li .title strong{padding-top:5px;}

    .mod_collapsable_forms > ul.ulSimple > li,
    .mod_collapsable_forms > ul.favorites > li{border:0;border-bottom:1px solid #e9ebee;padding-bottom:16px;}

    .mod_collapsable_forms > ul.ulSimple > li .title,
    .mod_collapsable_forms > ul.favorites > li .title{font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;float: none;display: block;}
    .mod_collapsable_forms > ul.ulSimple > li strong,
    .mod_collapsable_forms > ul.favorites > li strong{display:inline-block;width:100%;color: #231f20!important;font-weight: 600!important;font-size:inherit;font-size:13px!important;line-height: normal;}

    .mod_collapsable_forms > ul.favorites > li .title{display: inline-block;width:100%;max-width: calc(100% - 75px);float:left;padding:10px 0 0px 10px;line-height: 1.62;text-transform:capitalize;}
    .mod_collapsable_forms > ul.favorites > li.active .title{width:100%;max-width:calc(100% - 45px);}
    .modPedidos._historial .mod_collapsable_forms > ul.favorites > li .title{max-width: calc(100% - 130px);}

    .mod_collapsable_forms > ul.ulSimple > li strong:first-letter,
    .mod_collapsable_forms > ul.favorites > li strong:first-letter{text-transform:capitalize;}

    .mod_collapsable_forms > ul > li.active{border:none;border-radius:0;border-bottom: 1px solid #e9ebee;padding:0!important;padding-bottom:16px;margin:0;background-color: transparent;}
    .mod_collapsable_forms > ul > li.active .collapsable .actions{width:auto;float: right;margin: 0 0 16px 0!important;padding: 0;position: relative;top:0px;right:0px;}

    .mod_collapsable_forms > ul > li.active label strong{color:#6b6e79!important;font-size: 13px!important;font-weight: normal!important;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}

    .heading-m + .mod_text{width:calc(100% - 22px); }
    .mod_text{margin:0;padding:0;}
    .mod_text p{font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #6b6e79;margin:0;padding:0;}

    
    .mod_collapsable_forms .favorites > li > span{width: 35px;height: 35px;display: inline;float: left;cursor: pointer;left:0;top:0;}
    ._historial .mod_collapsable_forms .favorites > li > span.empty_star{background: url(../static/ico/basket.svg) center 12px no-repeat!important;}    
    .mod_collapsable_forms .favorites > li > span.empty_star{background: url(../static/ico/ico-favorite.svg) center 13px no-repeat!important;}
    .mod_collapsable_forms .favorites > li > span.star      {background: url(../static/ico/ico-favorite_ch.svg) center 13px no-repeat!important;cursor: pointer;}

    .mod_collapsable_forms .favorites > li > .collapsable{padding-left: 45px!important;}
    .mod_collapsable_forms .favorites > li > .collapsable .inline_field {width:calc(100% - 16px) !important;}
    .mod_collapsable_forms li.active .collapsable .actions a {display:inline-block;}
    .mod_collapsable_forms li.active .collapsable .actions a:before,
    .mod_collapsable_forms li.active .collapsable .actions a:hover:before {bottom:1px}

    .mod_collapsable_forms li.active > .actions,  
    .mod_collapsable_forms li.active .actions .edit,
    .mod_collapsable_forms li.active .actions .remove,
    .mod_collapsable_forms li.active .actions .cancel{display:none;}
    ._historial .mod_collapsable_forms .favorites.last > li span.empty_star { background: url(../static/ico/basket.svg) center no-repeat !important; top: 6px; position: relative; left: 0; }
    .show_if_employee{display:none;}
    #my_account .col_r.s8of12.actions{padding-bottom:64px;padding-top:55px;min-height:inherit;}
    #my_account .col_r.s8of12.actions a{margin:0;padding:0;}


    .modEmail .mod_collapsable_forms > ul.ulSimple {margin-top:15px;}
    .modEmail .mod_collapsable_forms > ul.ulSimple > li {background: transparent url(../static/ico/Icon-email_h.svg) no-repeat 11px 16px / 24px 24px;min-height:inherit;padding: 18px 0;}
    .modEmail .mod_collapsable_forms > ul.ulSimple > li:first-child{padding:12px 0 15px 0;background-position:11px 10px;}
    .modEmail .mod_collapsable_forms > ul.ulSimple > li strong{width:100%;padding:0 8px 8px 0;}
    .modEmail .mod_collapsable_forms > ul.ulSimple > li .title{width:100%;padding-left:43px!important;}
    .modEmail .mod_collapsable_forms li p{padding:0!important;}
    .modEmail .mod_collapsable_forms li p.actions {width:auto!important;padding-top:7px!important;}
    .modEmail .btn_submit span {padding:10px 20px!important;}
    .modEmail .activeOk {pointer-events: none;}

/* FORMULARIOS  */

    form {text-align: left;}

	.inline_field{margin-top:18px;float:none;}
    .inline_field.check{padding-left:0px;}
    .inline_field.check > * {vertical-align: top;}

    .inline_field.to100  {width:100%!important;}
    .inline_field.toRight{float:right;}

	label > a{text-decoration: underline;}
	label, .FieldName {width:100%;color:#6b6e79;display:inline-block;padding-bottom:5px;font-size:13px;font-family: 'Open Sans',sans-serif;font-weight: normal;font-style: normal;line-height: normal;letter-spacing: normal;}
    
    .inline_field > label, div.containerLabel_LaterDay label, 
    .inline_field > label strong, div.containerLabel_LaterDay label strong{margin: 0;display: inline-block;color: #6b6e79!important;font-size: 13px;font-family: 'Open Sans', sans-serif;font-weight: normal;font-style: normal;line-height: normal;background-color: transparent;}

	input[type=search], input[type=text], input[type=password], textarea, .custom_input_unstyled {margin: 0;padding: 0 61px 0 15px;border-radius: 5px;border:1px solid #dfdfe3;color: #231f20;line-height: 20px;-webkit-appearance: none;font-weight: 400;font-size: 15px; outline: 0;width:100%;background-color: #fff;background-clip: padding-box;-webkit-transition: border .2s ease-in;transition: border .2s ease-in;min-height: 44px;-webkit-box-shadow: none;box-shadow: none;}
	input[type=search]:-webkit-autofill, input[type=text]:-webkit-autofill, input[type=password]:-webkit-autofill, textarea:-webkit-autofill, .custom_input_unstyled:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 9999px #fff}

	input[type=password], .passWord, input[type=text]{display:block!important;}

	input[type=text]:focus, input[type=password]:focus, textarea[type=text]:focus{outline: 0;border:2px solid #6b6e79;}

    .wSearch{-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;display: flex;}
    .wSearch input[type=search]{padding:0 5px 0 12px;font-size:12px;color:#231f20;font-weight:normal;height:50px;line-height: 1.75;}
    .wSearch input[type=search]:focus {outline: none!important}
    /*.wSearch input[type=search].tobutton{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}*/
    .wSearch .button{height:44px;font-weight:600;outline: none;margin-top:12px;display:inline-block;}
    .wSearch p {text-align:center;margin-top:17px;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #231f20;display: inline-block;width: 100%; position:relative; display:none;}
    .wSearch p a {font-weight: 600;margin-right:5px; position:relative;}
    .wSearch p a:before { content: " ";position: absolute; height: 1px; border-bottom: solid 1px #dfdfe3; left: 0; bottom: -1px; width: 100%; }
    .hRec .msgInfo2{margin:0;min-height:51px;border: solid 1px #e9ebee;border-top: none;padding:14px 47px;background-position:15px center;}

/*
.search::-webkit-input-placeholder {color: rgba(0,0,0,.6);font-size: 16px;text-transform: none;text-align: left;vertical-align: middle}
.search::-moz-placeholder {color: rgba(0,0,0,.6);font-size: 16px;text-transform: none;text-align: left;vertical-align: middle}
.search:-ms-input-placeholder {color: rgba(0,0,0,.6);font-size: 16px;text-transform: none;text-align: left;vertical-align: middle}
.search::-ms-input-placeholder {color: rgba(0,0,0,.6);font-size: 16px;text-transform: none;text-align: left;vertical-align: middle}
.search::placeholder {color: rgba(0,0,0,.6);font-size: 16px;text-transform: none;text-align: left;vertical-align: middle}
  */      

    .custom_input_unstyled{border: solid 1px #dfdfe3;background:transparent;padding-top: 9px;font-family: 'Open Sans',sans-serif;font-size: 15px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #b5b6bd;}
    .pagCuenta .custom_input_unstyled{background-color: #e9ebee;padding:9px 0 0 15px;}
    .inline_field.error input[type=text], .inline_field.error input[type=password],
    .inline_field input.input-validation-error,
    input.input-validation-error{border-color: #c8102e!important;border-width:2px;background-image: url("../static/ico/error.svg");background-size: 18px;background-repeat: no-repeat;background-position: right 10px center;padding-right:42px;}
	.field-validation-valid{display:none;}
    .custom-field-validation-error, .field-validation-error, label + .field-validation-error{padding: 0;background: no-repeat;color: #da291c;font-weight: 400;font-size: 12px;text-align: right;display: block;}
    label + .field-validation-error{text-align: left;padding-left: 30px;}

    .input_toggle-mask{cursor:pointer;}
	input[type=password] + .input_toggle-mask       {background-image: url("../static/ico/icon-show.svg");background-repeat: no-repeat;background-position: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: transparent;display: inline-block;background-size: 30px;background-color: transparent;width: 20px!important;height: 20px;position: relative;float: right;margin-top: -31px;margin-right: 15px;padding: 0;border: 0;border-radius: 0;cursor: pointer;z-index: 999;}
	input[type=password]:focus + .input_toggle-mask {background-image: url("../static/ico/icon-show_h.svg");background-repeat: no-repeat;background-position: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: transparent;display: inline-block;background-size: 30px;background-color: transparent;width: 20px!important;height: 20px;position: relative;float: right;margin-top: -31px;margin-right: 15px;padding: 0;border: 0;border-radius: 0;cursor: pointer;z-index: 999;}
	input[type=text]     + .input_toggle-mask       {background-image: url("../static/ico/icon-hide.svg");background-repeat: no-repeat;background-position: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: transparent;display: inline-block;background-size: 30px;background-color: transparent;width: 20px!important;height: 20px;position: relative;float: right;margin-top: -31px;margin-right: 15px;padding: 0;border: 0;border-radius: 0;cursor: pointer;z-index: 999;}
	input[type=text]:focus     + .input_toggle-mask {background-image: url("../static/ico/icon-hide_h.svg");background-repeat: no-repeat;background-position: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: transparent;display: inline-block;background-size: 30px;background-color: transparent;width: 20px!important;height: 20px;position: relative;float: right;margin-top: -31px;margin-right: 15px;padding: 0;border: 0;border-radius: 0;cursor: pointer;z-index: 999;}
	.error input + .input_toggle-mask,
	input.input-validation-error + .input_toggle-mask  {margin-right: 36px!important;}

    input[type=text].activeOk{border-color:#70a401;color:#b5b6bd;font-size: 15px;border: solid 2px #70a401;background-image: url("../static/ico/icon-ok.svg");background-repeat: no-repeat;background-position: calc(100% - 12px) center;}

	.checkbox {width: 24px;height: 24px;margin-right: 3px;background: url("../static/ico/checkOff.svg") center center no-repeat transparent;background-size: contain;cursor: pointer;display: inline-block;vertical-align: middle;zoom: 1;}
	.checkbox.checked_checkbox {background: url("../static/ico/checkOn.svg") center center no-repeat transparent;background-size: contain;}	
	.checkbox input, .radio input {position: relative;display: block;left: -9999px;}
	.checkbox, .radio, input[type=checkbox], input[type=radio] {overflow: hidden;height: 24px;width: 24px;margin-right: 4px!important;margin-left:0px!important;}
	.checkbox + label{display:inline;vertical-align: middle;width:89%;display:inline-block;margin:0;padding:0;cursor:pointer;}
	.checkbox + label.lbTop{vertical-align: text-top;display: inline-block;}

    .inline_field.check label + button{width:49%;margin-right:5px;float:right;}
 
    .actions_submit.pbm{margin:30px 0 0 0;padding:0;display: inline-block;width: 100%;}
    fieldset.plm + .mod_separator{margin:30px 0 0 0;padding:0;display: inline-block;width: 100%;}
    fieldset > .mod_separator{margin:30px 0 0 0;padding:0;display: inline-block;width: 100%;}

    .inline_field.check + .mod_separator{margin-bottom:30px}
    .inline_field.check.to100 + .mod_separator{margin-bottom:0px}

    .actions_submit {margin-bottom:0px;display: inline-block;width: 100%;}
    .inline_field + .actions_submit {margin-top:20px;}
    fieldset + .actions_submit {margin-top:20px;}

  /* PLACEHOLDER input */
  /*
    form input::-webkit-input-placeholder {font-size: 15px;
                                           font-weight:600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;
                                           background:transparent!important;color:#000!important;}
    form input[type=search]::-webkit-input-placeholder {font-size: 14px;
                                           font-weight:400;font-style: normal;font-stretch: normal;line-height: 1.36;letter-spacing: normal;
                                           background:transparent!important;color:#b5b6bd!important;}
   ::-webkit-input-placeholder,
   ::-moz-placeholder {font-family: 'Open Sans',sans-serif;font-size: 15px!important;font-style: normal;background:transparent!important;color: #231f20!important;font-weight: normal;line-height:normal;}  
   */


   .inline_field + button{margin-top:18px;display:inline-block;}
   .inline_field:first-child + button{margin-top:4px;display:inline-block;}
   .modResetPass .inline_field:first-child + button{margin-top:20px;}
   .button[disabled] {opacity: .4;}

/*  MODALES */   

    #boxes #dialog, #boxes #popup {left: 50%!important;margin-left: -150px!important;box-sizing: border-box;display: block;border-radius: 4px;box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.22);border-top:none;width: 300px!important;max-width: 300px!important;min-width: 300px!important;outline: 1px solid #000;padding: 10px  21px  68px  21px;}
    #boxes h1 {font-family: 'SharpSansBold';font-size: 24px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #231f20;}
    #boxes .mod_text {margin-bottom: 7px;}
    #boxes .mod_text p {font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.54;letter-spacing: normal;text-align: center;color: #6b6e79;}
    .actions a {top:0;}
    .modal_box .actions .prev{margin-bottom:8px;}
    .modal_box .actions .next, .modal_box .actions .prev{width:100%;display:inline-block;}
    .modal_box .actions a{text-decoration:none;width:100%;font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;}
    .modal_box .actions{padding-bottom:0}
    #boxes .close{background-color:transparent;border:none;top:10px;right:10px;width:20px;height:20px;background-size: 100%;background-repeat: no-repeat;background-image: url("../static/ico/icon-checkmark-black.svg");text-indent: -10000px;color:#fff;}
    #boxes .modal_box .close{border:none;top:16px;right:16px;width:14px;height:14px;text-indent: -10000px;color:#fff;background-size:inherit;background-repeat: no-repeat;background-position:center;background-color:transparent;background-image: url("../static/ico/close_b.svg");} 
    .heading-modal {padding:35px 0 20px 0;}

    #boxes.active{position:fixed;width: 100%;height: 100%;top:80px;background: none;z-index: 9999;}

    .modal_box {position:relative;}
    #boxes.active .modal_box {width: 100%;height: 100%;top: 0;background: none;z-index: 9999;}

    #mask .close{background:transparent url("../static/ico/close_white.svg") no-repeat center;background-size:35px;z-index:9999;top:15px;width:35px;height:35px;right:15px;position:absolute;display:block;cursor:pointer;}

    /* pop up listado direccion entrega  */

    #boxes .modal_box.popUpHours #dialog, #boxes .modal_box.popUpAddress #popup{border-radius: 0;box-shadow: none;outline:none;background:transparent}
    #boxes .modal_box.popUpAddress #popup{background-color:transparent;top:52px!important;}
    #boxes .modal_box.popUpAddress .heading-modal{padding:0;}

    #boxes .popUpAddress h1 {color: #fff;font-family: 'Open Sans',sans-serif;font-size: 22px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #fff;}
    #boxes .popUpAddress p {color: #fff;font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #fff;width:98%;}
    #boxes .popUpAddress ul.modListado{overflow: auto;height: calc(100vh - 273px);padding-right: 35px;}
    #boxes .popUpAddress ul.modListado p{text-align:left;text-transform: lowercase;color:#fff;}
    #boxes .popUpAddress ul.modListado p:first-letter{text-transform:uppercase}
    #boxes .popUpAddress ul.modListado p{font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.62;letter-spacing: normal;color: #fff;}
    #boxes .popUpAddress ul.modListado p:first-child{font-weight: 600;line-height: normal;}
    #boxes .popUpAddress ul.modListado p:first-child span{font-weight: normal;line-height: 1.62;padding-left:5px;}
    #boxes .popUpAddress ul.modListado li {border-bottom-width: 1px;border-style: dashed;padding:20px 10px;cursor: pointer;background:transparent url("../static/ico/ico_next_white.svg") no-repeat right center;background-size:9px 16px;}

    #boxes .popUpAddress ul.modListado li.closeDir {background: none;pointer-events: none;}
    #boxes .popUpAddress ul.modListado li.closeDir p:not(:first-of-type){opacity:.5}
    #boxes .popUpAddress ul.modListado li.closeDir p:first-of-type{padding-bottom:2px;}


/* pop up horas  */

    /*#boxes{width: 100%;height: 100%;position: absolute;top: 58px;left: 0;display:none;} TODO HACER PRUEBAS*/

    #boxes .modal_box.popUpHours #popup {background-color: transparent;}
    #boxes .modal_box.popUpHours h1{color:#fff;font-family:  'SharpSansBold';font-size: 24px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;}
    #boxes .popUpHours #dialog, #boxes .popUpHours #popup{border-radius: 0;box-shadow: none;outline:none;background:transparent}
    #boxes .popUpHours select, #boxes .popUpHours select{width:calc(100% - 35px)!important;margin-bottom:5px;display:inline-block;color:#fff;font-family:  'SharpSansBold';font-size: 24px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;background:transparent url("../static/ico/dropdown.svg") no-repeat right 25px;}
    #boxes .popUpHours select:after, #boxes .popUpHours select:after{width:calc(100% - 35px)!important;margin-bottom:5px;display:inline-block;color:#fff;font-family:  'SharpSansBold';font-size: 24px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;background:transparent url("../static/ico/dropdown.svg") no-repeat right 25px;}

    #boxes .popUpHours .mod_text{padding-bottom:10px;}
    
    #boxes .popUpHours .mod_text p{width:100%;display:inline-block;text-align:right;border-bottom:1px solid #fff;}
    #boxes .popUpHours .mod_text p label{border:none;position:relative;display:inline-block;float: left;top: 16px;position: relative;width:20px;height:20px;background-size: 100%;background-repeat: no-repeat;background-color:transparent;background-image: url("../static/ico/icon-clock_white.svg");}#boxes .popUpHours .mod_text p label{display:inline-block;float: left;top: 16px;position: relative;width:20px;height:20px;background-size: 100%;background-repeat: no-repeat;background-color:transparent;background-image: url("../static/ico/icon-clock_white.svg");}
    #boxes .popUpHours .mod_text p label strong{display:none;}
    
    /* am-pm */

    #boxes .popUpHours .mod_text p label.pm::after,
    #boxes .popUpHours .mod_text p label.am::after,
    #boxes .popUpHours .mod_text p label.amm::after{position:absolute;left:101px;content:"pm";top:-10px;color:#fff;font-family:'SharpSansBold';font-size: 24px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}
    #boxes .popUpHours .mod_text p label.am::after,
    #boxes .popUpHours .mod_text p label.amm::after{content:"am";}
    #boxes .popUpHours .mod_text p label.amm::after{left:89px;}

    .ajusteMenu + .btBackLogin.Link-Primary{display:none;}

/* carritos  */

    .layout_carrito {display:none}
    .pagListadoProd .layout_carrito{display:block;}
    .tunel.layout_catalog{width:100%}
/* closeShop */

    .closeShop {width: 100%;display:inline-block;min-height: 65px;background-color: #231f20;position:relative;right:0;}
    .closeShop p{font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.36;letter-spacing: normal;color: #fff;padding:13px 64px 13px 32px; }
    .closeShop img{position:absolute;right:16px;top:25px;width:16px;height:16px;cursor:pointer;}

/* seo catalogo  */

    .metadata-p{font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;color: #231f20;padding:15px 10px;}

    .i_datafono{background: url("../static/ico/tpv.svg") center right no-repeat transparent;height: 39px!important;}

/* mod home naranja Introduce tu direccion para empezar tu pedido */

    .bdPedido .hDom .addressAlert {position: relative;background-color: #FED03B;display: block;padding: 13px 16px 12px;box-sizing: border-box;font-family: 'Open Sans',sans-serif;color: #231F20;font-size: 13px;line-height: 15px;margin-bottom: 10px;}
    .bdPedido .hDom .addressAlert:after {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FED03B;position: absolute;left: 10px;bottom: -10px;}
    .bdPedido .hDom .addressAlert.noAfter:after{content:none;}

.bdPedido .hDom .loadDialog {
    position: relative;
    background-color: #FED03B;
    display: block;
    padding: 13px 16px 12px;
    box-sizing: border-box;
    font-family: 'Open Sans',sans-serif;
    color: #231F20;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 10px;
}

    .bdPedido .hDom .loadDialog:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FED03B;
        position: absolute;
        left: 10px;
        bottom: 40px;
        transform: rotate(180deg);
    }

    .bdPedido .hDom .loadDialog.noAfter:after {
        content: none;
    }

    #modPedido .hDom #tbDireccionNumberDom {position: relative;top:0px;width: 44px;height:50px;min-height:50px;font-weight: normal;color:#231f20;display: none !important;padding:0;text-align:center;font-size: 14px;line-height: 1.5;}
    #modPedido .hDom.errorActive  #tbDireccionNumberDom {display: inline-block !important}

    #modPedido .hDom.errorActive .msgInfo.numberAlert {background-color: #FED03B;padding: 13px 16px 12px;box-sizing: border-box;font-family: 'Open Sans',sans-serif;color: #231F20;font-size: 13px;line-height: 15px;margin-bottom: 14px}
    #modPedido .hDom.errorActive .msgInfo.numberAlert:after {left: 253px;content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FED03B;position: absolute;bottom: -10px}
    #modPedido .hDom.errorActive #tbDireccionDom {margin-right: 4px;border-right: solid #dfdfe3 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;padding: 0 10px 0 10px}
    #modPedido .hDom.errorActive #btCheckAddress {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
    #modPedido .hDom.errorActive input[type="search"]::-webkit-search-cancel-button{right:0px;} 

    @media (max-width: 959px) {
        #modPedido .hDom.errorActive .msgInfo:after {left: 275px}
       /*  #modPedido .hDom.errorActive #btCheckAddress {text-indent: -99999px;padding-left: 25px;padding-right: 25px;background: #70a401 url(https://static.pizzahut.services/areas/phes/resources/static/ico/ico-search.svg) no-repeat center}*/
    }




/*  MEDIA QUERIIIS */

	@media (max-width: 768px) {

		#modRestaurant img{margin:0 0 10px 20px;}
        #header.cab3  .wrapper {width:100%;max-width:100%;height:48px;}
	    #modPopularDeals .wContent .home-watermark-promo a:nth-of-type(1){margin-right:0;}
		#modPopularDeals .wContent .home-watermark-promo a.proBg{height: auto;flex:inherit;}
        #modPopularDeals .wContent .home-watermark-promo:first-child a.proBg:first-child{margin-right:0;}

        #modPedido .hDom.errorActive .msgInfo:after {left: 329px}
        #modPedido .hDom.errorActive #tbDireccionDom { width: 333px; }
        #modPedido .hDom.errorActive .msgInfo.numberAlert:after {left: 353px;}

        #modPedido .hDom .close-icon {
            background: url(../static/ico/close_ball_g.svg) center;
            position: absolute;
            top: 19px;
            right: 66px;
            width: 15px;
            min-height: 15px;
            display: none;
        }
        #modPedido .hDom.errorActive .close-icon {
            background: url(../static/ico/close_ball_g.svg) center;
            position: absolute;
            top: 19px;
            right: 66px;
            width: 15px;
            min-height: 15px;
        }

        #modPedido .hDom .close-icon .active { display:inline; }

        #modPedido .hRec .close-icon {
            background: url(../static/ico/close_ball_g.svg) center;
            position: absolute;
            top: 18px;
            right: 118px;
            width: 15px;
            min-height: 15px;
            display: none;
        }

        #modPedido .hRec .close-icon .active { display:inline; }
    }

    @media (max-width: 639px) {
        #modPedido .hDom.errorActive .msgInfo:after {left: 251px}
        #modPedido .hDom.errorActive #tbDireccionDom { width: 288px; }
        #modPedido .hDom.errorActive .msgInfo.numberAlert:after {left: 306px;}
        #modPedido .hDom .close-icon {top: 18px; right: 40px;}
        #modPedido .hDom.errorActive .close-icon { top: 19px; right: 66px; }
        #modPedido .hRec .close-icon { right: 116px; }
    }

    @media (max-width: 359px) {
        #modPedido .hDom.errorActive #tbDireccionDom { width: 233px; }
    }

	@media (min-width: 360px) {
        #boxes #dialog, #boxes #popup {
            width: 320px !important;
            max-width: 320px !important;
            min-width: 320px !important;
            margin-left: -160px !important;
        }

        #modPedido .wrPedido {width: 355px;}
    }

	@media (min-width: 640px){
		#modPedido .wrPedido{width: 400px;}
        #modPopularDeals .wContent .home-watermark-promo + .home-watermark-promo{flex-direction: row;}
        #modPopularDeals .wContent .home-watermark-promo + .home-watermark-promo a{margin-top:5px;}
	}

	@media (min-width: 960px){
        #modPedido {height: 400px;padding-top: 250px;}
		#modPedido .wrPedido{width: 500px;}
        #header .mod_product_categories_nav li a{padding: 15px 27px 14px 27px;min-width:110px;width:auto;}
	}

	@media (min-width: 768px){

        #header .logo{margin: 14px 0 12px 5px;}
        
        #header .nav_secondary {right:20px;top:0;}
                
        #header .mod_link_nav>li{/*margin: 0 24px 0 0;*/min-width: 32px;width:32px;}
        #header .mod_link_nav>li >a:before {height: 32px!important;background-size: 32px!important;}
        #header .mod_link_nav>li a.tracker:before {background-size: 34px!important;top:27%!important}
        #header .mod_link_nav>li a.tracker:before {height: 29px!important;}
        #header .mod_link_nav>li:first-child{margin: 0 20px 0 0;}

        #header.cab2 .wrapper {justify-content:center;padding:0;}
        #header.cab1 .logo,
        #header.cab2 .logo {height:33px;background-image: url("../static/logo.svg");margin:14px 0 13px 5px;}
        #header.cab2 {height: 59px;}
        #header.cab2 .logo {margin: 0;}

        #header.cab3  {height:59px;}
        #header.cab3  .icoMenu {margin:18px 20px 17px 20px;}
        #header.cab3 .logo {margin: 11px 0 11px 15px;}
        #header.cab3 #headerLinks, #header.cab3 #LayoutMainHeaderCarrito, #header.cab3 .mod_link_nav>li a{height:59px;min-height:59px;}

        #header.cab5 .logo {background: url(../static/logo.svg) no-repeat center / contain;}

        #modPedido .wrPedido .bdPedido .dirFavorites .scroller{max-height:135px;min-height:auto;height:auto;border: solid 1px #e9ebee;background-color: #fff;}
        #modPedido .wrPedido .bdPedido .dirFavorites ul li{padding:15px 20px 11px 42px;cursor:pointer;}
        #modLogin{width: 640px;box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);padding:35px 70px 55px 70px;margin: 40px auto;}
        #modLogin .wLogin {text-align: center;margin-top:36px;padding:0 88px;}
        #modLogin .wLogin > div {text-align: center;}
        #modLogin .wLogin form {text-align: left;}
        #modLogin .wLogin > div p.msg{padding:10px 0 24px 0;}
        #modSesion .Link-Primary{left:0;margin-left:0;}
        #modResetPass .inline_field:first-child + button{margin-top:4px;}

        #my_account{margin:0;padding:30px 24px;}
        #my_account .mod_profile_header strong + p {height: 38px;}
        #my_account .s2of3, #my_account .s8of12    {padding:20px 24px 25px 25px;}
        #my_account .mod_profile_header p + p{width:385px;}
        #header .mod_link_nav>li a[class*="Mi cuenta"]:before, 
        #header .mod_link_nav>li a[class*="miCuenta"]:before{background-size: 27px!important;height:27px!important;width:27px!important}

        #my_account .inline_field{width: 49%;}
        #my_account .modPedidos._favoritos .inline_field{width: 49%!important;float:left;}
        #my_account .modPedidos._favoritos .inline_field + .actions{float:left;left:10px;right:0;}
        #my_account .inline_field.check label#lbChkDeleteUser + button {top: -10px       }
        #my_account .inline_field.check{width:100%;}

        #my_account .inline_field.check label#lbChkDeleteUser{width:calc(50% - 35px);}

        .inline_field.to100 .custom_input_unstyled {width:49%!important;}
        .inline_field.toRight + .inline_field.check{margin-top:40px}
        .actions_submit.pbm{margin:30px 0 0 0;}
        fieldset.plm + .mod_separator{margin:45px 0 0 0;}
        fieldset > .mod_separator{margin:45px 0 0 0;}
        #my_account .modToolsmy_account{padding-left:0;}
        .heading-m + .mod_text{width:100%}
         #my_account .inline_field.check label#lbChkDeleteUser + button {width: 49%;margin:0;}

        .mod_collapsable_forms > ul.ulSimple > li .title{width:100%;max-width:calc(100% - 120px);float:left;padding-bottom:10px;}
        .mod_collapsable_forms li .actions, 
        .mod_collapsable_forms .favorites > li p.actions{width:120px!important;padding: 35px 9px 0 0!important;float:right;}

        .modPedidos._historial .mod_collapsable_forms li .actions{max-width:99px;width:100%;padding: 25px 0 0 0!important;}
        .modPedido .wrPedido .hdPedido a > i, #modPedido .wrPedido .hdPedido a > i {display: block;}
        .mod_collapsable_forms > ul.ulSimple > li,
        .mod_collapsable_forms > ul.favorites > li{padding-bottom:0;}
        .mod_collapsable_forms .favorites > li > .collapsable{margin-bottom:12px;}
        .mod_collapsable_forms li.active .collapsable{display:inline-block;}
/*
        .mod_collapsable_forms > ul.favorites > li .title{display: inline-block;width:100%;max-width:calc(100% - 210px);float:left;padding:10px 0 10px 10px;line-height: 1.62;}
        .mod_collapsable_forms > ul.favorites > li.active .title{width:100%;max-width:calc(100% - 45px);}
*/
        .modPedidos._historial .mod_collapsable_forms > ul.favorites > li .title,
        .mod_collapsable_forms > ul.favorites > li .title {max-width:calc(100% - 210px);}
        .mod_collapsable_forms > ul.favorites > li .title {padding-bottom:10px;}

        .mod_collapsable_forms > ul.ulSimple > li, .mod_collapsable_forms > ul.favorites > li{min-height:80px}
        .mod_collapsable_forms > ul.mpago > li{min-height:55px}
        .mod_collapsable_forms .favorites > li > .collapsable .inline_field {width:265px!important;}
        .mod_collapsable_forms > ul > li.active .collapsable .actions{right: 215px;top:30px;margin:0!important;}

        /*#modPopularDeals .wContent .home-watermark-promo a.proBg{height: 257px;}*/
        #modPopularDeals .wContent .home-watermark-promo {display: flex;flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}
        #modPopularDeals .wContent .home-watermark-promo:first-child  a.proBg:first-child{margin-right:10px}

        .wSearch .button{text-indent:0px;margin-top:16px;}
        .wSearch input[type=search]{font-size:14px;height:60px;line-height: 1.5;padding: 0 5px 0 24px;}
        #modPedido .hRec .close-icon { display:none!important; }
        #modPedido .hRec .close-icon .active { display:inline; }

        #modPedido .hDom.errorActive #tbDireccionDom{max-width: calc(100% - 60px);width:100%;margin-right:7px;}
        #modPedido .hDom.errorActive .msgInfo.numberAlert:after{left: calc(100% - 36px);}
        #modPedido .hDom .close-icon { display:none!important; }
        #modPedido .hDom .close-icon .active { display:inline; }

        #boxes #dialog, #boxes #popup {margin-left: -200px !important;width: 400px !important;max-width: 400px !important;padding: 30px 30px 35px 30px;}
        #boxes h1 {padding-top:62px;}

        .closeShop {width: 375px;height: 65px;position: absolute;right: 0;}

        #boxes .modal_box.popUpHours #dialog, #boxes .modal_box.popUpAddress #popup{padding:30px 16px 35px 15px;}

        #modPopularDeals .wContent .home-watermark-promo + .home-watermark-promo a{margin-top:10px}

        .modEmail .inline_field.toRight{margin-top: 41px;}
        .modEmail .mod_collapsable_forms > ul.ulSimple > li .title {max-width: 60%;padding-left: 43px !important;}
        .modEmail .mod_collapsable_forms > ul.ulSimple > li strong {width:auto;padding: 0 8px 0 0;}
        #my_account .mod_menuDtCuenta.active .mod_onpage_navigation{padding:23px 0px 25px 0px;}

        #my_account .mod_profile_header {padding: 40px 0 20px 0;}
        .modEmail .mod_collapsable_forms li p.actions {padding:0!important;}

        #modPedido .wrPedido .bdPedido{padding: 20px 22px;}
        #modPedido .hDom.errorActive #tbDireccionNumberDom{width:49px;height:60px;}
        .wSearch p {margin-top:25px;}
        #modPedido .wrPedido .bdPedido .wSearch .btGeo{top:20px;}
/*        #modPedido .wrPedido .bdPedido .wSearch .btGeo.noGeo{background:url(../static/ico/nogeo.svg) no-repeat center;background-size: 17px;}*/
        .bdPedido .hDom .addressAlert:after{left:30px;}
        #modPedido .wrPedido .bdPedido .wSearch.flex-search button#btnDireccionRec { height: 60px; }
	}

@media (min-width: 770px){
        /*#header .nav_secondary {right:0px;}*/

        #header .mod_link_nav>li:first-child{margin: 0 20px 0 0;}
        #modLogin{width: 640px;padding:35px 70px 60px 70px;margin: 40px auto;min-height:618px;}
        
        #header.cab2{text-align:left;}
        #header.cab2 .wrapper {justify-content:left;padding-left: 0px;}

        #header.cab3 {position:relative;height:113px;z-index:1;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);overflow:hidden;}
        #header.cab3 .logo {margin: 11px 0;}
/*       #header.cab3 .ajusteMenu{display:block;position:absolute;background-color:#fff;z-index:1; width: 100%;top: 60px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }*/
        #header.cab3 .ajusteMenu{display:block;position:absolute;background-color:#fff;z-index:2; width: auto;top: 63px;height: 54px;min-height: 54px;left:0;}
        #header.cab3 .wrapper {justify-content: center;align-items: center;-webkit-box-pack: center;display: flex;-webkit-box-align: center;height: 100%;}
        #header.cab3 .icoMenu{display:none;}
        #header.cab3 .logo {height: 33px;width:136px;top:15px;left:15px;background-image: url(../static/logo.svg);margin: 0;background-position:center;}

        #header.cab5 {min-height: 60px;height: 60px;}
        
        #my_account{margin:30px 0 60px 0;padding:0;}
        #my_account .mod_profile_header strong + p{width:100%;max-width:385px;margin-bottom:60px}
        #my_account .s2of3 , #my_account .mod_moredatos, #my_account .modDatos{width:calc(100% - 355px);}
        #my_account .mod_moredatos{margin-top:0;}
        #my_account .mod_moredatos .s8of12{width:100%;}

        #my_account .mod_menuDtCuenta{width:355px;display:block;float:left;}
        .pagCuenta #header{text-align:left}
        /*.pagCuenta #header .logo  {margin-left:15px;}*/
        .mod_collapsable_forms .favorites > li > .collapsable .inline_field {width: calc(100% - 150px)!important;}
        .mod_collapsable_forms > ul > li.active .collapsable .actions{right:5px}
        #my_account .col_r.s8of12.actions{display:none;}
        #my_account .mod_profile_header p + p{width:100%;height:38px;display:inline-block;}
        #my_account .mod_menuDtCuenta.active a{background:none;}
        #my_account .mod_moredatos, #my_account .modDatos{margin-top:0px}
        .mod_onpage_navigation .active:after{content:" ";position:absolute;bottom:0;left:0;border-bottom:2px solid #c8102e;width:100%}
        #my_account .mod_menuDtCuenta.active .mod_onpage_navigation, 
        .my_account .mod_menuDtCuenta.active .mod_onpage_navigation{padding: 0;}

        /*#modPopularDeals .wContent .home-watermark-promo a.proBg{height: 364px;}*/
        #modPopularDeals .wContent .home-watermark-promo:first-child  a.proBg:first-child{margin-right:19px;}
        #my_account .mod_profile_header{padding: 40px 0 20px 0;display:block;}
        #header .mod_link_nav>li >a:before{top: 30%!important;}

        .metadata-p{padding:21px 10px 24px 15px;}

        #boxes h1 {padding-top:0;}

        .mod_onpage_navigation {max-width: 324px;}
	}


    @media (min-width: 960px){
        #header.cab3::after {position:absolute;content:" ";left:0;bottom:50px;width:100%;height:1px;background-color: #e9ebee;}
    }

    #app{overflow-x: hidden;min-height: 100vh;margin: 0 auto;position: relative;background-size: cover;-webkit-overflow-scrolling: touch;background-color: #fff;}

/*  VELOS  */

	.focus-bg {opacity: 0;-webkit-transition: opacity .2s;transition: opacity .2s;content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(25%,rgba(0,0,0,.9)),to(rgba(0,0,0,.8)));background-image: linear-gradient(0deg,transparent 0,rgba(0,0,0,.9) 25%,rgba(0,0,0,.8));pointer-events: none;}
	.focus-bg--on {opacity: 1;pointer-events: all;z-index: 400;}
    #mask, #maskLoader {position: fixed;left: 0;top: 0;z-index: 9998;background-color: rgba(0, 0, 0, 0.86)!important;opacity:1!important;display: none;pointer-events: all;height:100%!important;}
    
    .focus-bg.focus-bg--on.active{display:block!important}
/*    .personalize_container{display:none;z-index:999;position:absolute;top:0;left:0;width:900px;height:800px;margin:0 auto;text-align:center;content:"hola caracola ";background:#fff;}*/

/*  FOOTER */

	#footer {background:#231f20;background:#000;border:none;padding:24px 0 }
	#footer{padding:50px 0 0 0;}
	#footer .site_links   {width:100%;flex-wrap: wrap;-webkit-box-pack: justify;text-align:center;float:none;margin:0 0 50px 0;padding:0;display: flex;flex-direction: row;float: none;min-width: initial;justify-content: space-between;text-align: left;}
	#footer .site_links ul{width:auto!important;margin:0;padding:0 20px 20px 20px!important;vertical-align:initial;float:none;position:relative;} 
	#footer .site_links li * {color: #fff;}
	#footer .site_links li {margin:0;padding:0;line-height: 1}
	#footer .site_links li .heading-s,
	#footer .site_links li h4{display:block;font-family: 'SharpSansSemiBold';font-size:16.8px;line-height:25.2px;margin-bottom: 5px;padding:0;}
	#footer .site_links li a{font-size: 11.2px;font-family: 'Open Sans',sans-serif;font-weight: 400;line-height: 1.5;}
	#footer .site_app_copyright {text-align: center;}
    #footer .site_app_copyright p{font-size: 13px;color: #6b6e79;text-align: center;padding-bottom:38px;}	
	#footer .site_app_copyright a{margin:0 0 20px 0;text-indent: -10000px;display:inline-block;height:40px;background-repeat: no-repeat;background-size: 100%;}
	#footer .site_app_copyright a.icon-app-store-ios        {background-image: url("../static/appstore.svg");margin-right:20px;width:120px;}
    #footer .site_app_copyright a.icon-app-store-google-play{background-image: url("../static/googleplay.svg");width:135px;}

    #footer li.descargaApp{display:none}


/* FIN FOOTER */


/*  BOTONES y ENLACES */ 

	button {background: none;line-height: inherit;}
	.button,button {border: none;cursor: pointer;}
	.button[disabled] {opacity: .4;}
	.button {font-size: 16px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 5px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-weight: 600;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;min-height: 44px;outline: 0;width:100%;padding:0;position: relative;text-decoration: none;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}

	button>span ,.button>span {text-align: center;width: 100%}
    .button span,button span, button strong{margin:0;line-height: normal;}

    button span.price{position:absolute;right:15px;top:10px;width:60px;text-align:right;font-size:12px;font-weight:600;}

    .button--icon.button>span{text-align:left;position:relative;}
    button > div{text-align: center;display: inline-block;position:relative;}

    button > div > span{text-align: left;display: block;padding-left:41px;font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: -0.15px;}
    button > div > span + span{font-size:11px;display: block;text-align:left;font-size: 11px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}
    button > div > span + span em{color:#fed03b;font-style: normal;}

	.button--md   {font-size: 13px;line-height: 1.53846;font-weight: 400;min-height: 36px;}
	.button--xl   {font-size: 18px;line-height: 1;border-radius: 8px;min-height: 56px;}
    .button--icon {font-size: 16px;border-radius: 5px;min-height: 59px;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;}

    .button--icon div:before{content: '';position: absolute;background-size: 100%;background-position: 50%;width: 32px;height: 32px;display: block;left:1px;top:3px;}
    .button--icon.icon-takeway   div:before {background-image:  url("../static/ico/takeaway_circle_w.svg");}
    .button--icon.icon-delivery  div:before{ background-image:  url("../static/ico/delivery_circle_w.svg");}

	.button--primary          {background-color: #70a401;color: #fff!important;}
	.button--primary:active   {background-color: #4c6f00;}

    .button.button--primary.button--xl > span {padding:15px 0;}

 	@media (pointer: fine) {
	    .button--primary:focus,.button--primary:hover    {background-color:#4c6f00}
	}

	.button--secondary,
	.button--secondary-white,
    .button--secondary-small       {background-color: #e9ebee;color: #231f20!important;border: 1px solid #d9dde3;font-weight: 400;min-height: 42px;max-width:calc(100% - 2px);width:100%;}	
    .button--secondary-white{background-color: #fff;}
    .button--secondary span,
    .button--secondary-white span,
    .button--secondary-small span  {color: #231f20!important;font-weight: 600;padding: 11px 20px!important;width:100%;text-align:center;}

	.button--secondary:active,
    .button--secondary-white:active,
    .button--secondary-small:active{background-color: #e9ebee}

    .button--secondary-small       {min-height: 34px;}	

	.button--secondary:disabled:focus,
    .button--secondary:disabled:hover,
    .button--secondary-white:disabled:focus,
    .button--secondary-white:disabled:hover,
    .button--secondary-small:disabled:focus,
    .button--secondary-small:disabled:hover {background-color: #e9ebee;border: solid 1px #dfdfe3;}	


	.button--secondary:focus,.button--secondary:hover,
	.button--secondary-white:focus,.button--secondary-white:hover,
    .button--secondary-small:focus,.button--secondary-small:hover{background:#dfdfe3;}


	@media (pointer: fine) {
	    .button--secondary:focus,.button--secondary:hover,
	    .button--secondary-white:focus,.button--secondary-white:hover,
        .button--secondary-small:focus,.button--secondary-small:hover{background:#dfdfe3;}
	}

    .actions_submit.pbm{margin:30px 0 0 0;padding:0;display: inline-block;width: 100%;}
    fieldset.plm + .mod_separator{margin:30px 0 0 0;padding:0;display: inline-block;width: 100%;}
 

	.button--yellow {background-color: #fed03b;color: #000;}
	.button--yellow:active {background-color: #f3a031;}

	@media (pointer: fine) {
	    .button--yellow:focus,.button--yellow:hover       {background-color:#ffdf71;}
	}


 /* Enlaces */

	.Link-Primary, 
    .Link-Secundary, 
    .Link-Alternative{position:relative;font-family: 'Open Sans',sans-serif;line-height: 21px;font-size: 14px;font-weight: 400;font-style: normal;font-stretch: normal;letter-spacing: normal;}

	.Link-Primary {color: #231f20;}
	.Link-Primary:before{content:" ";position: absolute;height: 1px;border-bottom: solid 1px #dfdfe3;left:0;bottom:0px;width:100%;}
    .Link-Primary:hover:before  {content: '';left: 0;bottom: 0px;width: 100%;border-bottom: 1px solid #231F20!important;}

	.Link-Secundary   {font-weight:600;color: #231F20;text-decoration:underline;}
  	.Link-Alternative {line-height: 18px;color: #4c92e3;}
    .Link-Simple      {}


/* FIN  BOTONES */ 

/* GOOGLE */

.pac-container {background-color: #fff;z-index: 1000;border-radius: 0;border: none;font-family: initial;box-shadow: none;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;margin-top: 0px;}
.pac-logo:after {content: "";padding: 1px 1px 1px 0;height: 18px;box-sizing: border-box;text-align: right;display: block;background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);background-position: right;background-repeat: no-repeat;background-size: 120px 14px;display: none;}
.hdpi.pac-logo:after {background-image: none;display: none;}
.pac-item {cursor: default;padding: 0;text-overflow: inherit;overflow: hidden;white-space: nowrap;line-height: inherit;text-align: left;border: none;min-height: 52px;border-radius: 0px;border: solid 1px #e9ebee;border-top: none;background-color: #fff;margin-bottom: 0px;padding: 16px 0 0 0;font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #000;}
.pac-item:hover {background-color: #fafafa}
.pac-item-selected, .pac-item-selected:hover {background-color: #ebf2fe}
.pac-matched {font-weight: 600}
.pac-item-query {font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #000;display: inline-block;width: calc( 100% - 57px);overflow: hidden;}
.pac-item-query + span {width: 100%;display: inline-block;float: left;padding: 0px 0 10px 46px;}
.pac-icon {width: 20px;height: 20px;margin-right: 6px;margin-top: 0px;margin-left: 19px;display: inline-block;vertical-align: top;background-image: url("../static/ico/icon_gmap.svg");background-size: 16px;background-repeat: no-repeat;}
.hdpi .pac-icon {background-image: url("../static/ico/icon_gmap.svg");}
.pac-icon-search {background-position: center center;}
.pac-item-selected .pac-icon-search {background-position: center center}
.pac-icon-marker {background-position: center center}
.pac-item-selected .pac-icon-marker {background-position: center center;}
.pac-placeholder {color: gray}

/*.pac-container.pac-logo{width: 256px !important;}


/* MAP LATAM */

.mapContainer {
    height: 100%;
    width: 100%;
    min-height: 100%;
    margin: 0;
    background-color: black;
}

.mapAddress {
    /* height: 48px; */
    width: 300px;
    position: absolute;
    top: 150px;
    left: 150px;
    z-index: 999;
    left: 50%;
    margin-left: -150px;
    top: 140px;
    margin-top: -50px;
}

#mapLocation {
    padding: 14px;
    border-radius: .5em;
    background-color: #fff;
    font-weight: 700;
    border-color: #fdfdfd;
    box-shadow: none !important;
}

.map-input-shadow {
    -webkit-box-shadow: 0 0 24px -2px #b3b3b3;
    box-shadow: 0 0 24px -2px #b3b3b3;
}

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    transition: 0.5s;
    z-index:500;
    display: none;
}

@media (min-width: 768px) {

    .mapAddress {
        width: 748px;
        margin-left: -374px
    }
}

#map {
    height: 100%; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
    position: absolute !important;
    overflow: unset !important;    
}

.dialogMarker {
    padding: 15px;
    text-align: center;
    overflow: hidden !important;
    background-color: #fff;
}
.gm-style-iw + button {
    display: none;
}
.fontDialogBody {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 15px;
}
.fontDialogBottom {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #78838c;
    margin-bottom: 20px; 
    margin-top: 20px;
}
    /* END LATAM*/
    @media (min-width: 640px) {
        .pac-container.pac-logo {
            width: 360px !important;
        }
    }

    @media (min-width: 768px) {
        .pac-container.pac-logo {
            width: 360px !important;
        }
    }

    @media (min-width: 960px) {
        .pac-container.pac-logo {
            width: 461px !important;
        }
    }
    /*  IPHONE    */
    /* ----------- iPhone 4 and 4S ----------- */
    @media only screen and (device-width: 320px) and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
    @media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
    @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone 6+, 7+ and 8+ ----------- */
    @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone XR / 11 ----------- */
    /* 1792x828px at 326ppi */
    @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone XS / 11 Pro ----------- */
    /* 2436x1125px at 458ppi */
    @media only screen and (device-width: 375px) and (device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }
    /* ----------- iPhone XS Max / 11 Pro Max ----------- */
    /* 2688x1242px at 458ppi */
    @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) {
        input[type=search] {
            font-size: 12px !important;
        }

        #boxes .modal_box.popUpAddress #popup {
            top: 62px !important;
        }
    }