@font-face {font-family: "Gotham-Book";src: url("../fonts/Gotham/Gotham-Book.otf")} @font-face {font-family: "GothamCondensed-Book";src: url("../fonts/Gotham/GothamCondensed-Book.otf")} @font-face {font-family: "Gotham-Bold";src: url("../fonts/Gotham/Gotham-Bold.otf")} @font-face {font-family: "Gotham-Black";src: url("../fonts/Gotham/Gotham-Black.otf")} @font-face {font-family: "GothamCondensed-Light";src: url("../fonts/Gotham/GothamCondensed-Light.otf")} @font-face {font-family: "GothamCondensed-Book";src: url("../fonts/Gotham/GothamCondensed-Book.ttf")} @font-face {font-family: "GothamCondensed-Light";src: url("../fonts/Gotham/GothamCondensed-Light.ttf")} @font-face {font-family: "GothamCondensed-Bold";src: url("../fonts/Gotham/GothamCondensed-Bold.otf")} @font-face {font-family: "Gotham-Thin";src: url("../fonts/Gotham/GOTHAM-THIN.TTF")} @font-face {font-family: "Myriad-Regular";src: url("../fonts/Myriad/MyriadPro-Regular.otf")} html { overflow-y: scroll; } html, body{ height: 100%; } body{ font-family: 'Open Sans', sans-serif; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -52px; /* the bottom margin is the negative value of the footer's height */ } #wrapper nav { margin-bottom: 0; border-radius: 0; } footer, .push { height: 1em;/*52px; /* .push must be the same height as .footer */ } .small-muted { font-size: 12px; color: #AAA; } #page-install h1{ font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 300; text-transform: uppercase; color: #555; margin: 50px 0 30px 0; } #page-install h1 a{ display: inline-block; color: #7DB4B5; border-bottom: 1px solid #7DB4B5; } #page-install h1 a:hover, h1 a:focus{ color: #7DB4B5; border-color: #fff; text-decoration: none; } #page-install h2 { font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300; text-transform: uppercase; } #page-install .tooltip{ min-width: 200px; } #page-install .tooltip .tooltip-inner{ font-size: 12px; text-align: left; padding: 5px 8px 5px 10px; } #page-install .panel .recaptcha-tip{ margin-bottom: 20px; } /*Form Wizard*/ .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;} .bs-wizard > .bs-wizard-step {padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step {} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;} .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;} .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;} .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;} .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ } /*END Form Wizard*/ /*! * Social Buttons for Twitter Bootstrap v1.0.0 * * Copyright 2013 Adam Neumann * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 */ .btn-facebook { color: #ffffff; background-color: #133783; border-color: #133783; } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { color: #ffffff; background-color: #0e285f; border-color: #0b214e; } .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { background-image: none; } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #133783; border-color: #133783; } .btn-twitter { color: #ffffff; background-color: #2daddc; border-color: #0271bf; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { color: #ffffff; background-color: #2095c0; border-color: #014d82; } .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { background-image: none; } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #2daddc; border-color: #0271bf; } .btn-github { color: #000000; background-color: #fafafa; border-color: #cccccc; } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { color: #000000; background-color: #e6e6e6; border-color: #adadad; } .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { background-image: none; } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #fafafa; border-color: #cccccc; } .btn-pinterest { color: #ffffff; background-color: #d62229; border-color: #ab171e; } .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest { color: #ffffff; background-color: #b31c22; border-color: #751015; } .btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest { background-image: none; } .btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active { background-color: #d62229; border-color: #ab171e; } .btn-linkedin { color: #ffffff; background-color: #73b8db; border-color: #4393bb; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { color: #ffffff; background-color: #53a8d3; border-color: #33708e; } .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { background-image: none; } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #73b8db; border-color: #4393bb; } .btn-google-plus { color: #ffffff; background-color: #dd4b39; border-color: #c53727; } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { color: #ffffff; background-color: #ca3523; border-color: #92291d; } .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { background-image: none; } .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active { background-color: #dd4b39; border-color: #c53727; } .btn-instagram { color: #ffffff; background-color: #6f97b6; border-color: #3f729b; } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { color: #ffffff; background-color: #5583a7; border-color: #2d526f; } .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { background-image: none; } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #6f97b6; border-color: #3f729b; } .btn-dropbox { color: #ffffff; background-color: #37a3eb; border-color: #2181cf; } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { color: #ffffff; background-color: #1791e3; border-color: #19609a; } .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { background-image: none; } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #37a3eb; border-color: #2181cf; } .btn-bitbucket { color: #ffffff; background-color: #2d5f9c; border-color: #205081; } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { color: #ffffff; background-color: #244c7c; border-color: #143250; } .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { background-image: none; } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #2d5f9c; border-color: #205081; } .btn-dribbble { color: #ffffff; background-color: #ea4c89; border-color: #cb396f; } .btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active, .open .dropdown-toggle.btn-dribbble { color: #ffffff; background-color: #e62771; border-color: #9d2954; } .btn-dribbble:active, .btn-dribbble.active, .open .dropdown-toggle.btn-dribbble { background-image: none; } .btn-dribbble.disabled, .btn-dribbble[disabled], fieldset[disabled] .btn-dribbble, .btn-dribbble.disabled:hover, .btn-dribbble[disabled]:hover, fieldset[disabled] .btn-dribbble:hover, .btn-dribbble.disabled:focus, .btn-dribbble[disabled]:focus, fieldset[disabled] .btn-dribbble:focus, .btn-dribbble.disabled:active, .btn-dribbble[disabled]:active, fieldset[disabled] .btn-dribbble:active, .btn-dribbble.disabled.active, .btn-dribbble[disabled].active, fieldset[disabled] .btn-dribbble.active { background-color: #ea4c89; border-color: #cb396f; } .btn-flickr { color: #ffffff; background-color: #f051a5; border-color: #ff0084; } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { color: #ffffff; background-color: #ed2b92; border-color: #c20064; } .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { background-image: none; } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #f051a5; border-color: #ff0084; } .btn-foursquare { color: #ffffff; background-color: #0cbadf; border-color: #0072b1; } .btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare { color: #ffffff; background-color: #0a9ab8; border-color: #004b74; } .btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare { background-image: none; } .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active { background-color: #0cbadf; border-color: #0072b1; } .btn-renren { color: #ffffff; background-color: #397cb6; border-color: #33669a; } .btn-renren:hover, .btn-renren:focus, .btn-renren:active, .btn-renren.active, .open .dropdown-toggle.btn-renren { color: #ffffff; background-color: #2f6797; border-color: #24486c; } .btn-renren:active, .btn-renren.active, .open .dropdown-toggle.btn-renren { background-image: none; } .btn-renren.disabled, .btn-renren[disabled], fieldset[disabled] .btn-renren, .btn-renren.disabled:hover, .btn-renren[disabled]:hover, fieldset[disabled] .btn-renren:hover, .btn-renren.disabled:focus, .btn-renren[disabled]:focus, fieldset[disabled] .btn-renren:focus, .btn-renren.disabled:active, .btn-renren[disabled]:active, fieldset[disabled] .btn-renren:active, .btn-renren.disabled.active, .btn-renren[disabled].active, fieldset[disabled] .btn-renren.active { background-color: #397cb6; border-color: #33669a; } .btn-skype { color: #ffffff; background-color: #70c3e2; border-color: #00aff0; } .btn-skype:hover, .btn-skype:focus, .btn-skype:active, .btn-skype.active, .open .dropdown-toggle.btn-skype { color: #ffffff; background-color: #4eb5db; border-color: #0082b3; } .btn-skype:active, .btn-skype.active, .open .dropdown-toggle.btn-skype { background-image: none; } .btn-skype.disabled, .btn-skype[disabled], fieldset[disabled] .btn-skype, .btn-skype.disabled:hover, .btn-skype[disabled]:hover, fieldset[disabled] .btn-skype:hover, .btn-skype.disabled:focus, .btn-skype[disabled]:focus, fieldset[disabled] .btn-skype:focus, .btn-skype.disabled:active, .btn-skype[disabled]:active, fieldset[disabled] .btn-skype:active, .btn-skype.disabled.active, .btn-skype[disabled].active, fieldset[disabled] .btn-skype.active { background-color: #70c3e2; border-color: #00aff0; } .btn-stackexchange { color: #ffffff; background-color: #5184c1; border-color: #185397; } .btn-stackexchange:hover, .btn-stackexchange:focus, .btn-stackexchange:active, .btn-stackexchange.active, .open .dropdown-toggle.btn-stackexchange { color: #ffffff; background-color: #3d70ac; border-color: #103662; } .btn-stackexchange:active, .btn-stackexchange.active, .open .dropdown-toggle.btn-stackexchange { background-image: none; } .btn-stackexchange.disabled, .btn-stackexchange[disabled], fieldset[disabled] .btn-stackexchange, .btn-stackexchange.disabled:hover, .btn-stackexchange[disabled]:hover, fieldset[disabled] .btn-stackexchange:hover, .btn-stackexchange.disabled:focus, .btn-stackexchange[disabled]:focus, fieldset[disabled] .btn-stackexchange:focus, .btn-stackexchange.disabled:active, .btn-stackexchange[disabled]:active, fieldset[disabled] .btn-stackexchange:active, .btn-stackexchange.disabled.active, .btn-stackexchange[disabled].active, fieldset[disabled] .btn-stackexchange.active { background-color: #5184c1; border-color: #185397; } .btn-trello { color: #ffffff; background-color: #569cc4; border-color: #27709b; } .btn-trello:hover, .btn-trello:focus, .btn-trello:active, .btn-trello.active, .open .dropdown-toggle.btn-trello { color: #ffffff; background-color: #3e88b3; border-color: #1b4d6a; } .btn-trello:active, .btn-trello.active, .open .dropdown-toggle.btn-trello { background-image: none; } .btn-trello.disabled, .btn-trello[disabled], fieldset[disabled] .btn-trello, .btn-trello.disabled:hover, .btn-trello[disabled]:hover, fieldset[disabled] .btn-trello:hover, .btn-trello.disabled:focus, .btn-trello[disabled]:focus, fieldset[disabled] .btn-trello:focus, .btn-trello.disabled:active, .btn-trello[disabled]:active, fieldset[disabled] .btn-trello:active, .btn-trello.disabled.active, .btn-trello[disabled].active, fieldset[disabled] .btn-trello.active { background-color: #569cc4; border-color: #27709b; } .btn-tumblr { color: #ffffff; background-color: #3a5976; border-color: #2a4763; } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { color: #ffffff; background-color: #2d445b; border-color: #182838; } .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { background-image: none; } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #3a5976; border-color: #2a4763; } .btn-vk { color: #ffffff; background-color: #5a7fa6; border-color: #426187; } .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { color: #ffffff; background-color: #4b6b8c; border-color: #2e435e; } .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { background-image: none; } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #5a7fa6; border-color: #426187; } .btn-weibo { color: #ffffff; background-color: #f85959; border-color: #e64141; } .btn-weibo:hover, .btn-weibo:focus, .btn-weibo:active, .btn-weibo.active, .open .dropdown-toggle.btn-weibo { color: #ffffff; background-color: #f63232; border-color: #cf1b1b; } .btn-weibo:active, .btn-weibo.active, .open .dropdown-toggle.btn-weibo { background-image: none; } .btn-weibo.disabled, .btn-weibo[disabled], fieldset[disabled] .btn-weibo, .btn-weibo.disabled:hover, .btn-weibo[disabled]:hover, fieldset[disabled] .btn-weibo:hover, .btn-weibo.disabled:focus, .btn-weibo[disabled]:focus, fieldset[disabled] .btn-weibo:focus, .btn-weibo.disabled:active, .btn-weibo[disabled]:active, fieldset[disabled] .btn-weibo:active, .btn-weibo.disabled.active, .btn-weibo[disabled].active, fieldset[disabled] .btn-weibo.active { background-color: #f85959; border-color: #e64141; } .btn-xing { color: #ffffff; background-color: #1f6768; border-color: #074c4d; } .btn-xing:hover, .btn-xing:focus, .btn-xing:active, .btn-xing.active, .open .dropdown-toggle.btn-xing { color: #ffffff; background-color: #164849; border-color: #021515; } .btn-xing:active, .btn-xing.active, .open .dropdown-toggle.btn-xing { background-image: none; } /******************************************SOBREESCRITO*/ /*********MEDIA Q*/ /* Large desktops and laptops */ @media (min-width: 1200px) { } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { .carousel-control {background-size:20%!important;} #menu-principal-fijo .menu-derecha {padding-left:0px !important;} #f-hoy .tel a{font-size:25px !important;} #f-hoy p {font-size:14px!important;} #ventana-producto .imagen_del_producto h4{font-size:16px!important;} #ventana-producto .cantidad-piezas H1 {font-size:16px;} #ventana-producto .cantidad-piezas .precio-viejo {font-size:14px;} #pedidos_express h3 {font-size:16px;} #menu .categoria-menu .nombre-categoria-menu h2 {padding:40px 0px!important;} #menu-productos .nombre-categoria h2{/*font-size:14px!important;*/} #cobertura p {font-size:10px;} #formulario_eventos .campos p {font-size:10px;} #footer-menu .menu-footer a {font-size:9px!important;} #copy p{font-size:10px;} #ventana-producto .cantidad-piezas h1, #ventana-producto-selec .cantidad-piezas h1{line-height:25px!important;font-size:14px!important;} .image h2 .a{font-size:22px!important;} .agrego p{margin: 0 2px!important;} #checkout .contenedormapa p {margin-left:40px!important;} #micuenta #seccion-dat .rojo, #micuenta #seccion-dir .rojo, #micuenta #seccion-pass .rojo{font-size:14px!important;} #micuenta #seccion-hist .detalle span{font-size:14px!important;} #micuenta #seccion-hist .detalle p{font-size:10px !important;padding-right:0px!important;} #f-hoy p span#fh-dia {font-size:20px!important;} #f-hoy .tel a{font-size:20px!important;} .imagen-productos { height: 150px !important;} .imagen-productos img{ height: 150px!important;} .image img { height: 150px!important;} .image{ height: 150px!important;} .image h2 {line-height: 0.5!important;} .cantidades-combo hr {margin:2px 0px!important;} .ventana-producto {height:420px!important;} .horario a {font-size:12px!important;} #telefono-rojo.mardel{line-height: 12px!important;} } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { #telefono-rojo.mardel{line-height: 12px;} .carousel-control {background-size:20%!important;} .push2{height:50px!important;} .menu-principal-fijo2 {} .menu-principal-fijo2 .items{width:750px;} .demp .boton-rojo .btn-default {font-size:12px!important;} #pedidos_express h3 {font-size:14px !important;} #pedidos_express .boton-rojo .btn-default {font-size:20px!important;} #menu .categoria-menu .nombre-categoria-menu h2 {padding:40px 0px!important;} #copy p{font-size:10px;text-align:center!important;} #f-hoy .texto-horarios{padding:0px!important;} #f-hoy p {padding-left:0px !important;text-align: center !important;font-size:14px!important;} #f-hoy .tel a{font-size:20px !important;} #datos_evento .form-control{margin: 14px 0px;} #cobertura p {font-size:10px;} #detalle .descripcion-web {height:auto!important;margin:4px;} #usuario-logueado .nombre-usuario {background-position: 100% 50%!important;} #micuenta{text-align:center;} #micuenta #seccion-hist .panel-blanco div{border:none!important;} #micuenta #seccion-hist .historial-producto {text-align:left;} #ventana-producto .descripcion-producto, #ventana-producto-selec .descripcion-producto{font-size:12px!important;} #logopop3 {margin-top:2%!important;} /*#menu-productos .nombre-categoria h2{font-size:14px!important;} #menu-productos{background-color:#EDEEF2!important;}*/ #ventana-producto .cantidad-piezas p, #ventana-producto-selec .cantidad-piezas p{font-size:12px;} #ventana-producto .cantidad-piezas span, #ventana-producto-selec .cantidad-piezas span {font-size:14px!important;} #ventana-producto .cantidad-piezas h1, #ventana-producto-selec .cantidad-piezas h1{font-size:16px!important;} #ventana-producto, #ventana-producto-selec {height:420px!important;} .image h2 .a{font-size:22px!important;} .agrego p{margin: 0 2px!important;} #micuenta {padding-top:10px!important;} #micuenta .panel ul > li {height: 22px!important;font-size: 12px;} #micuenta .panel h3 {font-size:18px!important; margin:5px!important;} #micuenta .panel.mi-cuenta {min-height:auto!important;} #micuenta .nombre-usuario {padding:0px!important;font-size:14px!important;margin:30px 0px!important;overflow:hidden;text-overflow: ellipsis; white-space:nowrap;text-align:left;} #micuenta .solapas-micuenta {text-align: right;padding: 2px 10px;} .carousel-caption {display:none;} .imagen-productos { height: 150px !important;} .imagen-productos img{ height: 150px!important;} .image img { height: 150px!important;} .image{ height: 150px!important;} .ventana-producto{padding: 0px 25px !important;} .ventana-producto {height:420px!important;} } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { #menu .categoria-menu .nombre-categoria-menu h2{font-size: 40px!important;padding: 40px 0px !important;} .banners h1{margin:0px;} .push2{height:50px!important;} .carousel-control {background-size:20%!important;} .carousel-caption {display:none;} .carousel-indicators{display:none;} .menu-principal-fijo2 {padding:0px!important;} .menu-principal-fijo2 .items {padding:0px!important;width:100%;} .banners h1 {font-size:40px!important; padding-top:25px!important;} .banners {height: 110px;} .agrego p{margin: 0 2px!important;} .image h2 .a{font-size:18px!important;} .image h2 {line-height:20px!important;} #f-hoy .texto-horarios{padding:0px!important;} #f-hoy p {padding-left:0px !important;text-align: center !important;font-size:14px!important;} #f-hoy .tel a{font-size:20px !important;padding:2px!important;} #logopop3 {margin-top:2%!important;} #copy p{font-size:10px;text-align:center!important;} #usuario-logueado .nombre-usuario {background-position: 100% 50%!important;} #demp .demp .boton-rojo .btn-default{font-size:12px!important;} #demp .demp .datos p {font-size:12px;} #demp .demp h3 {font-size:20px!important;} #demp .pasos h3{font-size:20px!important;} #pedidos_express h3 {font-size:14px !important; padding:0px!important;margin:0px;} #pedidos_express p{font-size:10px !important;margin:2px;} #pedidos_express .boton-rojo .btn-default{font-size:14px!important; height:34px!important;} #pedidos_express .boton-rojo {padding-top:29px!important; height:34px!important;} #pedidos_express .select2-selection__placeholder{font-size:12px!important;} #pedidos_express .form-control::-moz-placeholder {font-size:8px!important;} #pedidos_express .select2-container--bootstrap .select2-selection--single{height:34px!important;} #pedidos_express input, select, textarea {height:34px!important;} #pedidos_express .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{padding:0px!important;} #locales .img_local {display:none;} #formulario_eventos .campos .input-group input {height:34px!important;} #formulario_eventos .campos p {margin:0px!important;} #datos_evento .form-control{margin: 14px 0px;} #contacto h2 {font-size:20px!important;} #menu-productos .nombre-categoria h2{font-size:14px!important;} #menu-productos-all{background-image:none;background-color:#EDEEF2 !important;padding:0em;} #menu-productos{background-color:#EDEEF2 !important;} #colap a{color:#01A0F1!important;font-size:10px;} #colap a:hover{color:#111;} #ventana-producto .tags-especiales{font-size:12px!important;} #ventana-producto .cantidad-piezas p, #ventana-producto-selec .cantidad-piezas p{font-size:10px;} #ventana-producto .cantidad-piezas span, #ventana-producto-selec .cantidad-piezas span {font-size:12px!important;} #ventana-producto .cantidad-piezas h1, #ventana-producto-selec .cantidad-piezas h1{line-height:35px!important;font-size:16px!important;} #ventana-producto, #ventana-producto-selec {height:420px!important;} #ventana-producto-selec .agrego {line-height: 36px!important; width:100%;} #detalle .descripcion-web {height:auto!important;} #micuenta #seccion-hist .panel-blanco div{border:none!important;} #micuenta .tabla-resumen {padding:0px;} #micuenta .mi-cuenta{padding: 0px!important;text-align: center;} #micuenta #seccion-hist .repetir{min-height:auto!important;} #micuenta #seccion-hist .panel-blanco{padding:10px 0px!important;} #micuenta h3{text-align:center;} #micuenta #seccion-hist .rojo {position:initial!important;} #checkout .horario {padding:10px 0px!important;} #checkout .formulario-direccion.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-top:2px!important;margin-left:-20px!important;} #checkout .forma {margin:0px!important;text-align:center;} #micuenta {padding-top:10px!important;} #micuenta .panel ul > li {height: 22px!important;font-size: 12px;} #micuenta .panel h3 {font-size:18px!important; margin:5px!important;} #micuenta .panel.mi-cuenta {min-height:auto!important;} #micuenta .nombre-usuario {padding:0px!important;font-size:14px!important;margin:30px 0px!important;overflow:hidden;text-overflow: ellipsis; white-space:nowrap;text-align:left;} #micuenta .solapas-micuenta {text-align: right;padding: 2px 10px;} #transaccion .rojo {font-size:12px;} .imagen-productos { height: 150px !important;width:auto!important;} .imagen-productos img{ height: 150px!important;width:100%!important;} .image img { height: 150px!important;width:auto!important;width:100%!important;} .image{ height: 150px!important;width:auto!important;} .cantidad-piezas .quiero{font-size:18px!important;} } /* Portrait phones and smaller */ @media (max-width: 480px) { #transaccion h2{font-size:16px;} #transaccion {font-size:12px;} #transaccion .rojo {font-size:12px;} .carousel-indicators{display:none;} .carousel-caption {display:none;} .menu-principal-fijo2 {padding:0px!important;} .menu-principal-fijo2 .items {padding:0px!important;width:100%;} .banners{height:auto!important;} .banners h1{font-size:26px!important; margin:0px!important;padding:25px 0px!important;} .cantidad-piezas h1 {font-size:18px !important;} .agrego{min-width:120px!important;} .agrego p{margin: 0 2px!important;} .image h2 .a{font-size:18px!important;} .image h2 {line-height:20px!important;} #pedidos_express .form-control::-moz-placeholder {font-size:8px!important;} #locales .img_local {display:block;margin-left:0px!important;} #locales .titulo_local{font-size:20px!important;margin:0px !important;} #f-hoy p {font-size:11px!important;} #copy p{font-size:12px!important;text-align:center!important;line-height:20px;} #contacto button{font-size:12px!important;} #menu-productos .nombre-categoria h2{font-size:18px; margin:2px;} #detalle .descripcion-web {height:auto!important;} #detalle .modal-dialog{width:100%!important; margin:40px auto !important;} #upselling .especiales h2{font-size:18px!important;} #micuenta #seccion-hist .panel-blanco div{border:none!important;} #micuenta .tabla-resumen {padding:0px;} #micuenta .mi-cuenta{padding: 0px!important;text-align: center;} #micuenta #seccion-hist .repetir{height:auto!important;} #micuenta #seccion-hist .panel-blanco{padding:10px 0px!important;} #micuenta h3{text-align:center;} #micuenta #seccion-hist .rojo {position:initial!important;} #agregar-direccion .nombre-localidad {height:10px!important;padding:0px!important;} #micuenta #seccion-dir .panel-blanco p {line-height:20px!important;} #pedidos_express .log p{display:block !important;} #confirmado .panel h1{font-size:20px;} #confirmado .panel h2{font-size:14px;} #confirmado .panel {padding:0px;margin-top:0px!important;} #checkout {padding-top:0px!important;} #checkout .forma {margin:0px!important;text-align:center;} #checkout .forma-btn {padding-left:10px!important;} #checkout #observaciones-dire {font-size:8px!important;} #checkout .opt-horario {font-size:10px!important;padding:0px!important;} #checkout .elegi-horarios{padding:0px!important;} #checkout .boton-carro .rojo {font-size:14px!important;} #checkout #carrito-checkout .contenido-del-pedido{min-height:0px!important;} #checkout .horario {padding:10px 0px!important;} #checkout .formulario-direccion.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-top:2px!important;margin-left:-35px!important;} #micuenta img{} #micuenta {padding-top:10px!important;} #micuenta .panel ul > li {height: 22px!important;font-size: 12px;} #micuenta .panel h3 {font-size:18px!important; margin:5px!important;} #micuenta .panel.mi-cuenta {min-height:auto!important;} #micuenta .nombre-usuario {padding:0px!important;font-size:10px!important;margin:20px!important;overflow:hidden;text-overflow: ellipsis; white-space:nowrap;} #micuenta .solapas-micuenta {text-align: right;padding: 2px 10px;} #micuenta #seccion-dat img{width:100px!important;} #menu .categoria-menu .nombre-categoria-menu h2{padding: 20px 0px!important; font-size: 25px!important;margin: 4px!important;} #ventana-producto, #ventana-producto-selec{padding:0px;} #error404 .datos-contacto h2{font-size:14px;} #error404 .datos-contacto h5{font-size:14px;} #error404 .busqueda h2{font-size:14px;} #error404 .busqueda h3{font-size:14px;} #error404 .busqueda h5{font-size:14px;} .imagen-productos { height: 150px !important;} .imagen-productos img{ height: 150px!important;width:100%!important;} .image img { height: 150px!important;width:100%!important;} .image{ height: 150px!important;} .image h2{line-height:10px;} footer a{line-height:30px;margin:5px;} .nombre-categoria {margin:10px 0px;} #checkout #observaciones-dire button{margin:5px;} #checkout #definiciones-checkout .formulario-direccion textarea{margin-bottom: 20px!important;} #landing-producto .contenido-landing .negro .item-selec h2{font-size:14px;} } .ancla:before { display: block; content: ' '; margin-top: -120px; height: 120px; visibility: hidden; } /********GENERAL*/ .col-centered{float: none;margin: 0 auto;} .cartel-rojo p{background: rgba(255, 5, 0, 0.8);color:#fff;text-align:Center;text-transform:uppercase;position:fixed;top:0%;left:0%;z-index:777;width:100%;font-family:Gotham-Bold;font-size:16px;} .cartel-gris {background: rgba(0, 0, 0, 0.5);color:#fff;position:fixed;top:0%;left:0%;z-index:777;width:100%;text-align:center;} .cartel-gris p {margin: 0 0 2px;font-family:Gotham-Bold;font-size:18px;} .sin-stock{color:#ef3e3c; } .push2{height: 94px;} .sin-padding{padding:0px;} .sin-margin{margin:0px;} .carousel-caption {z-index:2;} .btn-social > :first-child {border-right:none!important;left: 2%!important;top: 2%!important;} .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{padding-top:8px;} .select2-container--bootstrap .select2-selection--single .select2-selection__arrow{display:none;} .carousel-indicators{z-index:2;bottom:0px;} .carousel-control.right {background-image: url("https://sushipopimg.s3.amazonaws.com/logos/botones/der.png")!important;background-repeat: no-repeat!important;color: transparent!important;background-position: center center!important;} .carousel-control.left {background-image: url("https://sushipopimg.s3.amazonaws.com/logos/botones/izq.png")!important;background-repeat: no-repeat!important;color: transparent!important;background-position: center center !important;} a{text-decoration:none !important; font-family:Gotham-Book;} a:hover{cursor:pointer;} p{font-family:Gotham-Book;} .blanco{color:#ffffff} .negro{color:#000000} h1,h2,h3{font-family:Gotham-Black;} .row{margin:0px;} .contenido {margin-top:2%;} .input-group.has-error{box-shadow: 0px -0px 4px 2px #ef3e3c;} .has-error{box-shadow: 0px -0px 4px 2px #ef3e3c!important;background-color:#F8E0E6!important;} .has-error input{background-color:#F8E0E6;} .has-error select {box-shadow: 0px -0px 4px 2px #ef3e3c;background-color:#F8E0E6;} .has-error .select2-container--bootstrap .select2-dropdown, .has-error .select2-container--bootstrap .select2-selection{border-right:0px;background-color:#F8E0E6;} #wrapper{padding-left:0px; padding-right:0px;} /********LOGOS*/ #logopop{ max-width:60%/*165px*/; } .carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:1234px;} /*MENU 1*/ .menu-principal-fijo { //padding: 25px 0px; padding-bottom: 1%; //height:105px; position: fixed; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 10; font-family: Gotham-Book; border: 1px solid #BFBFBF; border-left:none; background-color: white; box-shadow: 0px 3px 1px 0px #000000;} .menu-principal-fijo2{position: fixed;background: rgb(255, 255, 255) none repeat scroll 0% 0%;z-index: 5;border:1px solid #ebebde; border-top:none;} .menu-principal-fijo .boton-menu{width:50px;height:50px;} .menu-principal-fijo2 .boton-menu {max-width: 40px;max-height: 40px;} #telefono-rojo{ color:#1ebeee; font-size:3em; /*font-weight:800;*/ padding-top:9px;font-family:GothamCondensed-Bold; } #telefono-rojo i{font-size:0.8em;} #telefono-rojo img {width:20px;} #telefono-rojo.mardel{line-height: 45px;} #boton-mdq{line-height: 12px;} #boton-mdq .form-control{height: 20px;width:80px;font-size: 10px;padding: 0px;text-align:left;border-color:#111;} #boton-mdq label{font-size:8px; margin:0px;text-transform:uppercase;} #boton-mdq .flechita select {-moz-appearance: none;-webkit-appearance: none;appearance: none; font-size: 14px;border-radius:0px; border: 1px solid #ccc;background: URL("https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png") no-repeat 100% 50% #fff !important;cursor:pointer; border: 1px solid #111; padding: 0px 2px; color:#111;} #boton-mdq .flechita select:hover, .flechita select:focus{opacity:0.9;} #boton-mdq-mobile{line-height: 12px;} #boton-mdq-mobile .form-control{height: 20px;width:100%;font-size: 10px;padding: 0px;text-align:center;border-color:#111;} #boton-mdq-mobile label{font-size:8px; margin:0px;text-transform:uppercase;} #boton-mdq-mobile .flechita select {-moz-appearance: none;-webkit-appearance: none;appearance: none; font-size: 14px;border-radius:0px; border: 1px solid #ccc;background: URL("https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png") no-repeat 100% 50% #fff !important;cursor:pointer; border: 1px solid #111; padding: 0px 2px; color:#111;} #boton-mdq-mobile .flechita select:hover, .flechita select:focus{opacity:0.9;} #boton-demp{ background-image: url("https://chesushi.s3.amazonaws.com/logos_che/gps_icon.png"); background-repeat: no-repeat; background-size: 45%; background-position: -15% center; color:#111; padding-top: 5%; padding-left:12%; padding-right:0px; margin-top: 4%; margin-left:-7%; line-height:14px; font-size:11px; height:6em; width:40%;} #boton-demp a{color:#111; font-size:12px; font-family: Gotham-Book;} #boton-demp a:hover {color:red;cursor:pointer;} #boton-demp:hover{background-image: url("https://chesushi.s3.amazonaws.com/logos_che/gps_icon.png");text-decoration:none;color:#1ebeee;cursor:pointer;} /*MENU 2*/ #menu_top li{list-style:none;} #menu_top{padding-top:50px;} #menu_top li > h2 a{text-align:left; padding:7px 5px; color:#111; line-height:34px; font-size: 14px;} #menu_top li > h2 a:hover {color:#1ebeee;} #menu_top li > h2 a.li-red{text-align:left;color:red; font-size:12px;} #menu_top li > h2 a.li-red:hover {color:#111;} #sp_app p{ font-size: 10px; margin-left:2px;} #sp_redes p{ font-size: 10px; margin-left:2px;} #sp_app_superior, #sp_redes_sup{padding:6px 0px;} #sp_app_superior .title{font-size:12px; } #sp_app_superior img{ padding:4px 0px;} #sp_redes_sup a {padding:0px; margin-top:15px;} #sp_redes_sup p {margin:0px;font-size:10px;} .modal-content .x{position: absolute; background: #ffffff; color: #000000; border-radius: 50%; opacity: 0.9; border-style: solid; border-width: 1px; } .modal-content .x span{ font-size:1.3em; } /*******FOOTER*/ footer{font-family:Gotham-Book;margin-top:2em;font-size:18pt;} footer a{color:#fff;} footer p{margin-bottom:0px;} footer .copy{font-size:10px; line-height:12px;/*padding:25px 20px;*/} footer ul{padding-left: 0px;} footer li.title{color:#ffffff; font-weight:500;/*font-family:Gotham-Bold;*/} footer a:hover{color:#000000;opacity:0.8;} footer li{list-style:none;} footer #afip{margin:8%;margin-right:1%; max-width: 270px;} footer .sp_app{ padding:15px 20px;} footer .sp_app img{width: 100px;} footer .sp_app .texto{ padding:15px 20px 15px 0px;} footer .sp_app .texto .title{ letter-spacing:2px; line-height:14px; font-size:14px;} .footer-content{background:#1ebeee;color:#fff;line-height: 14px;font-size: 11px;} .footer-horarios{background:#1ebeee;color:#111;border-bottom: none;border-top: none;} #f-hoy{padding:0.2em 0px;background-color: #97dff9;width:90%;margin-left:5%;} #f-hoy p span#fh-dia {font-size: 30px;color: #DD271D;text-align: left; font-family:Gotham-Black; line-height: 32px;} #f-hoy p {/*line-height: 22px;*/font-size: 18px;color: #000;/*font-weight: bold;padding:6px 6px;text-align: left;*/} #f-hoy .tel a {font-size: 30px;color: #DD271D;padding-top:20px;text-align: left;font-family:Gotham-Black;} #f-hoy .texto-horarios{/*padding-left: 50px;*/} @media (max-width: 991px) { #f-hoy .texto-horarios{ padding:0px!important; background-color:#97dff9; } } #f-hoy .texto-horarios p{/*padding-left: 50px;*/font-family:Myriad-Regular;font-size:25pt;} #f-hoy p span { color: #DD271D;} .icono-redes img{width:25%;margin:10% 5% 0% 0%;} #DigiCertClickID_mVsc1dpe{margin-top:15%;} .logos-certificado{margin-top:-1%;margin-left:6%;} .footer-content hr{margin-left:3%;margin-top:0;} /*******PEDIDOS EXPRESS*/ .select2-container--bootstrap .select2-dropdown{border-radius:0px;font-family:Gotham-Book;font-size:10px;} .select2-search--dropdown{border-radius:0px;font-size:12px;} .select2-container--bootstrap .select2-selection--single{ height: 50px;line-height: 1.428571429;padding: 6px 10px 6px 12px;border-radius: 0px;} .form-inline .input-group{width:100%;} #pedidos_express { background-color:#111; padding:5px 0px;} #pedidos_express h3{ color:#fff; font-weight:900;text-align: center; padding:18px 4px 18px 4px;font-family: Gotham-Bold;} #pedidos_express p {color:#fff; } #pedidos_express .pedido_express{margin-top:10px;} #pedidos_express input, select, textarea{ height: 50px; width:100%;} #pedidos_express .boton-rojo{padding-top:40px;} #pedidos_express .boton-rojo:hover{opacity:0.9;} #pedidos_express .boton-rojo .btn-default{ height: 50px; width:100%; background:#EE2928; border-radius:0px; border:none; color:#fff; font-weight:900; font-size:22px;font-family:Gotham-Black;} #pedidos_express .rojo:hover{color:#fff;opacity:0.8;} #pedidos_express #localidad {background-color:transparent;color:#fff;border:none;text-transform:uppercase;cursor:default;display: inline;width: auto;margin: 2px;line-height: 24px;height: 24px;text-transform:capitalize;box-shadow: none !important;} #pedidos_express #localidad p{margin-left:15px;} #pedidos_express .barrio {height:30px;line-height: 30px;margin: 0px;} #pedidos_express .log p{display:inline; padding:0px 5px;} #pedidos_express .log .dom-entrega {text-transform:uppercase;line-height:18px;vertical-align:top;font-size:18px;font-weight:900;} #pedidos_express .log .modificar a{line-height:22px;color:#ef3e3c;font-size:12px;vertical-align:top;} #pedidos_express .log .titulo{font-size:20px;line-height:22px; font-family:Book;font-family:Gotham-Thin;} /*******TERMINOS Y CONDICIONES - POLITICA DE PRIVACIDAD*/ #terminos h3{ font-weight:900;text-align: center; padding-top:15px;color:#1ebeee;} #terminos h4 {font-weight:600;} #terminos p, #terminos li {font-size:12px;} #politica h3{ font-weight:900;text-align: center; padding-top:15px;} #politica h4 {font-weight:600;} #politica p, #politica li {font-size:12px;} /*******MENU CATEOGORIAS*/ #menu{height:auto!important;} .banners { //height:210px; background-repeat:no-repeat;} .banners h1 { color:#fff; text-align:center; font-weight:900; font-size:80pt/*80px*/; padding:2%; letter-spacing: 0.03em; //text-shadow:1px 1px 2px #111; font-family:GothamCondensed-Bold;} #menu .categoria-menu {padding:0px;} #menu .categoria-menu .nombre-categoria-menu h2{ text-transform:uppercase; color:#fff; /*font-weight:900; padding:80px 0px; */ padding: 4%; font-size:80pt;/*50px; */ text-shadow:1px 1px 3px #111; font-family:GothamCondensed-Bold; text-align:center;} #menu .categoria-menu .nombre-categoria-menu h2:hover {color:#1ebeee;} #menu-productos-all{ background-image: url('https://chesushi.s3.amazonaws.com/logos_che/Fondo_gris_menu.png'); background-repeat: no-repeat; background-size: 100%; padding:1%;} @media (max-width: 767px) { #menu-productos-all{background-image:none;background-color:#EDEEF2 !important;padding:0em;}} #menu-productos{} #menu-productos .categoria-activa{margin:2px 0px;color:#646464;} #menu-productos .categoria-activa-doble{margin:2px 0px;color:#000000;text-decoration: underline;} #menu-productos .nombre-categoria h2{text-transform:uppercase;text-align:center;font-size:2em/*18px*/; font-family: GothamCondensed-Light;} #menu-productos .nombre-categoria h2:hover {color:#000000; } #menu-productos .img-categoria img{max-width:100px; min-height:100px;} .menu-piezas {margin:10px 0px;} .menu-piezas ul {list-style:none;} .menu-piezas li {display:inline; padding-right: 20px;} .menu-piezas li >a{color: #111; text-transform:uppercase;} .menu-piezas li >a:hover {color:red;} .boton-search {background:transparent; border: none;} .filtro {border:none; background:transparent;} .imagen-productos img{height:210px;width:100%;} /****IMAGEN PRODUCTO NEGRA*/ .fondo-image {position: relative;width: 100%;} .fondo-image .carro-verde {position: absolute;top: 75%;left: 45%;height:30px!important;width:30px!important;} .image {width: 100%;background-color:#1ebeee;height:210px;} .image:hover{cursor:pointer;} .image img {opacity:0.3; width:100%;height:210px;} .fondo-image .carro-verde{max-width: 100%;} .image h2 .a{font-size:28px;margin:0px;line-height:18px!important;} .image h2 .b{font-size:14px;} .image h2 .c{font-size:14px;} .image h2 {position: absolute;top: 8%;left: 0%;width: 100%;color:#fff;font-family: Gotham-Book;line-height:0.9;} .botoncomprar {background:#89ab5e; height:30px;font-family:Gotham-Bold;line-height:30px;} .botoncomprar h1{font-size:24px;margin:auto;font-family:Gotham-Book;} .botoncomprar p{font-size:14px;margin:auto;font-family:Gotham-Book;vertical-align:bottom;} .botoncomprar a{color:#fff;} .botoncomprar a:hover {color:#111;} #detalle .imagen-producto{padding:0px 15px;} #detalle .imagen-producto img{width:100%;} #detalle {padding-right:0px !important;} #detalle .imagen-productos .image {width: 100%;background-color:#111 ;padding:0px 15px;} #detalle .image:hover{cursor:pointer;} #detalle .image img {opacity:0.3; width:100%;} #detalle .image h2 .a{font-size:18px;margin:0px;} #detalle .fondo-image .carro-verde{max-width: 100%;} #detalle .image h2 .b{font-size:14px;} #detalle .image h2 .c{font-size:14px;} #detalle .image h2 {position: absolute;top: 15%;left: 2%;width: 100%;color:#fff;font-family: Gotham-Book;} #detalle hr{border-top:1px solid #3f3d3e!important;} #detalle .modal-dialog {width:50%!important;} #detalle h5{margin-top:0px;} #detalle .close{font-size:9px;padding:10px;color:#111;} #detalle .btn-siguiente a{ font-size:12px;color:#111;padding-top:5px;} #detalle .compartilo p {font-size:10px;padding-bottom:0px;margin-bottom:0px;} #detalle .volver {font-size: 10px;text-transform:uppercase;background-image: url('/img/botones/btn-gris.png');background-repeat:no-repeat;background-size:150px 30px;background-color:transparent;border:0px;line-height:30px;margin:2px;} #detalle .volver:hover{opacity:0.9;} #detalle .btn-siguiente a p{font-family:Gotham-Book;color:#B0AEAE;} #detalle .modal-dialog{width:60%; margin:40px auto;} #detalle .modal-content .imagen-producto img{max-width:100%;} #detalle .modal-content img {max-width:100%;} #detalle .descripcion-web {height:185px;padding:15px;} #detalle .modal-body{padding:0px 15px;} #detalle h4{font-family:Gotham-Black;} #detalle h5 {font-family:Gotham-Book;} /********MODAL PRODUCTO*/ .modal-content{ border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background:#ffffff; } .modal-content img{max-width:100%;} .modal-header {border-bottom:none;} .modal-header .btn-siguiente a, .modal-header .btn-anterior a {color:#111; font-size:10px;} .modal-dialog {z-index:9999;} /****PRODUCTOS*/ .piezas hr {border-color:#111;margin: 2px; border-width:1px;} .nombre-producto h3{margin:2px; padding-left:0px;font-size:24pt/*16px*/;font-family:GothamCondensed-Book; font-weight:900!important*/;color:#faaa16;text-transform: uppercase;} .imagen-productos {height:210px;} .descripcion-producto h4{margin:2px; color:#646464;font-size:14px;padding-left:0px; height:60px; font-family:Gotham-Book;overflow-y:auto; } .key-producto {font-size:12px;padding-left:0px;font-family:Gotham-Book;font-weight:100;} .cantidad-piezas {background:#1ebeee; ; height:40px;font-family:Gotham-Bold;line-height:40px;margin-bottom:4px;} .cantidad-piezas:hover{opacity: 0.9;} .cantidad-piezas a {display:inline;background:green;} .cantidad-piezas p{ font-size:12px; display:inline;color:#000000;font-weight:900;} .cantidad-piezas .quiero{ font-size:/*24*/18px;display:inline;color:#000000;margin:0px;font-family:Gotham-Book;line-height:40px;margin-left:5px;} .cantidad-piezas span{font-size:18px;font-family:Gotham-Black;margin-right:5px;} .agrego-btn {background: #1ebeee;text-align: center;height: 40px;width:40px;font-family: Gotham-Bold;margin-bottom: 4px;color: #000000;font-size: 20px;margin-right:5px;float: left;line-height:40px;} .agrego-btn:hover{opacity:0.9;} .agrego{border:2px solid #ffffff;background:Transparent;font-family:Gotham-Bold;line-height:36px;color:#000000;text-align:right;min-width:135px;font-size:12px;} .agrego p{margin:0px 10px;} .agrego span{font-size:18px;font-family:Gotham-Black;margin-right:5px;} .localidad-input{background:#111;color:#fff;} .cantidad-piezas.agrego h1,.cantidad-piezas.agrego p {color:#89ab5e;} .ventana-producto{height:480px;} .ventana-producto .precio-viejo{color:#ffffff;text-decoration:line-through;text-decoration-color:#ffffff;display:inline;font-size: 18px;} .sumar {background-color:red;color:#fff; padding:4px;margin:2px;border-radius:3px;} .sumar:hover{opacity:0.8;color:#111;} .imagen_del_producto{position: relative;width: 100%; height:150px; /* for IE 6 */} .imagen_del_producto h4{background: rgba(30,190,238,0.6);color: #fff;position: absolute;text-align:right;top: 0%;font-family:Gotham-Thin;right:0%;font-weight:900;width: auto;margin: 0px;padding-top: 10px;padding-bottom:10px;padding:10px;font-size: 24px;text-transform: uppercase;} .producto{margin:20px 0px;} .producto .img img{min-width:80px;max-width:310px;} .textos-productos{padding:0px;} .imagen-producto {padding:0px;min-width:100px;} .imagen-producto:hover {cursor:pointer;} /******EVENTOS*/ #formulario_eventos{ background-color:#EE2928; padding: 10px 0px;} #formulario_eventos h2{ color:#FFF; font-size:30px; font-weight:800; margin:20px 0px;} #formulario_eventos .campos{background-color:#111;} #formulario_eventos .campos p{color:#fff; margin:10px 0px;} #formulario_eventos .campos .input-group{margin:0px 0px 15px 0px; } #formulario_eventos .campos .input-group input{height:50px; width:100%;} #datos_evento .form-control{border-radius:0px;} #datos_evento input{ height:34px; width: 100%; } #datos_evento textarea{min-height:80px; margin-bottom: 15px;} #datos_evento{background-color:#EE2928; padding: 10px 0px 60px 0px;} #datos_evento p{color:#fff; margin: 2px 0px 10px 0px;} #datos_evento button{color:#fff; background-color:#111;border-radius:0px; border-color:#111; margin:10px 0px; padding: 4px 25px;} #datos_evento button:hover{opacity:0.9;} #datos_evento h3 {color:#111; font-size:28px; font-weight:800;margin:15px 0px;} #eventos {margin:30px 0px;} #eventos h2{ color:#EE2928; font-size:30px; font-weight:800;margin:15px 0px; font-family:Gotham-Black;} #eventos h4{ color:#111; font-size:24px; font-weight:800;font-family:Gotham-Bold;} #eventos .formulario_eventos h1{color:#fff;} /*******CONTACTO*/ #contacto {background-color:#ffffff; padding: 10px 0px 60px 0px; margin:0px;margin-top:5%;} #contacto h2{color:#1ebeee; font-size:30px; font-weight:800;} #contacto input {height: 40px;min-width: 200px; } #contacto textarea{min-height:150px; } #contacto button{ /*color:#fff; background-color:#111; border-radius:0px; border-color:#111; margin:10px 0px; height:auto; width:auto; font-size:22px; font-weight:200; text-transform:uppercase;*/ background: #1ebeee; border:0px; border-radius:3px; color: #fff;padding: 5%; width:100%; } #contacto button:hover{opacity:0.9;} #contacto a{/*padding:0px 2px;*/} #contacto a:hover{opacity:0.9;} #contacto .campo {padding:0px 150px 0px 0px;} #contacto label{color:#000000;} #contacto .campo input {border-radius:0px;} #contacto p{margin-bottom:0px;margin-top:20px;color:#000000;vertical-align: text-bottom !important;line-height: 0px;} #contacto .has-error{background-color:transparent;color:#111;box-shadow: none;width: 100%;} #contacto .x{position: relative; background: #ffffff; color: #000000; top: -26px; right: -15px; border-radius: 50%; opacity: 0.9; border-style: solid; border-width: 1px; /*padding: 0.1em 0.3em 0.1em 0.3em;*/ padding:2px 9px; width: 35px; height: 35px; } #contacto .redes img{ width:3em; } @media (max-width: 667px) { #contacto .redes{ margin-top:5%; } #contacto .redes img{ width:9%; } } /*******COBERTURA*/ #cobertura .tabla_recargos{background-color:#1ebeee;} #cobertura h1{font-family: Gotham-Book;font-size: 2em;} #cobertura h2{font-size:30px; font-weight:800;} #cobertura h4{font-size:1.7em;} #cobertura .tabla_recargos h4{color:#fff;} #cobertura p{margin-bottom:3px; margin-top:3px;text-transform:uppercase;font-size:1.2em;} #cobertura .separador_barrios hr{border-width: 2px; margin:0px; border-color:#111;} /*********LOCALES*/ #locales .local {padding:20px;} #locales .locales .titulo_local {color:#1ebeee;padding-top:2px; font-size:20px; margin:0px;font-family: Gotham-Bold;font-weight: 100;} #locales .locales .descripcion_local{letter-spacing:2px;font-size:14px;} #locales .descrip_local {margin-bottom: 0px !important;font-size:14px;} #locales .descrip_local b{font-family:Gotham-Bold;} #locales .descrip_local p{font-size:14px;} /******DONDE ESTA MI PEDIDO*/ #demp .demp{ margin-bottom:15px; } #demp .demp h3{ color:#1ebeee;text-align: center; padding:4px; font-size:3em;font-family:GothamCondensed-Bold;} #demp .datos { background-color:#1ebeee; margin-top:1em; margin-bottom:30px; padding-bottom:30px; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } #demp .datos input {height:45px;} #demp .boton-rojo .btn-default{ margin-top:1%; background:#000000; border:none; color:#fff; font-size:1em; min-height:45px; width:100%; font-family: Gotham-Book; } #demp .pasos H3{color:#1ebeee; font-weight:900;text-align: center; padding:4px; font-size:2em; font-family:GothamCondensed-Book;} #demp .msg-error-demp{text-align:center; background-color:#F6D8CE; font-family:Gotham-Bold;font-size:14px;} #demp .form-group{ width:70%;margin-top:1.5em;} #demp .form-control{ width:100%;} #demp label{text-align: left;width:100%;color:#ffffff;} #demp #demp_status{margin-top:-2em;} #demp #map {height: 26em;margin-left:3em;} @media (min-width: 767px) and (max-width: 1199px) { #demp #map {height: 20em;} } @media (max-width: 767px) { #demp .form-group{ width:100%;margin-top:1.5em;} #demp #map {height: 10em;margin-left:0em;} } /****FORMS*/ .input-group{margin:2%;margin-bottom: 0px;} .input-group-addon{background-color: #ffffff;} .round { display: inline-block; height: 30px; width: 30px; line-height: 30px; -moz-border-radius: 15px; border-radius: 15px; background-color: #222; color: #FFF; text-align: center; } .round.round-sm { height: 20px; width: 20px; line-height: 20px; -moz-border-radius: 10px; border-radius: 10px; font-size: 0.7em; } .round.grey {background-color: #646464;} .round.blue {background-color: #1ebeee;} .form-control::placeholder{color:#646464} #site-login{ margin-top:5%; } .body-login{ border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background:#ffffff; padding:50px;} .x{position: absolute; background: #ffffff; color: #000000; top: -15px; right: -15px; border-radius: 50%; opacity: 0.9; border-style: solid; border-width: 1px; /*padding: 0.1em 0.3em 0.1em 0.3em;*/ padding:2px 9px; width: 35px; height: 35px; } .body-login .x span{ font-size:1.3em; } .login-titulos{margin:2%;font-size:20pt;} .login-olvide{ font-size:8px; /*font-size:8px;text-decoration:underline!important;color:#6D6E70!important;*/} #site-login .help-block-error{display:none;} #site-login .has-error {box-shadow: none !important;background-color:#F8E0E6;} #site-login .miError{ margin-left: 63px; text-align: center; margin-right: 8px; margin-top:0px; } /****REGISTRARTE*/ #registrarse .btn-social>:first-child{border-right:0px; font-size: 16px;padding:6px;} #registrarse .check-registro{margin-top:0px;} /****LOGIN*/ #login .modal-content{background: #F3F7F8} #login .btn-social>:first-child{border-right:0px; font-size: 16px;padding:6px;} #login .modal-dialog {margin-top:50px;} #login .form-control, #site-login .form-control{ /*font-size: 12px;*/ color: #000000; font-family: Gotham-Book; width: 100%; margin: 0px; border-radius: 1px; border: 1px solid #b9bab5; border-left:0px; height: 45px;/*40px;*/ /*padding: 10px;*/ } #login .btn-login, #site-login .btn-login { font-size: 20px; background: #1ebeee; border:0px; border-radius:3px; color: #fff;padding: 5px;font-family: Gotham-Book!importantfor;} #login .btn-login:hover, #site-login .btn-login:hover{background: #1ebeee;;} #login .modal-content p {text-transform: uppercase;} #site-login .seguir-comprando {padding: 5px 0 10px 0} #site-login .seguir-comprando a{color:#111;} #site-login .seguir-comprando a:hover{color:#EE2928;} #registrarse .radio input[type="radio"], #registrarse .radio-inline input[type="radio"], #registrarse .checkbox input[type="checkbox"], #registrarse .checkbox-inline input[type="checkbox"]{margin: 1px -15px !important;} #usuario-logueado { padding-top: 8%; margin-left: -5%; width:58.3%; float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #usuario-logueado:hover {opacity:0.8;color:#1ebeee;} #usuario-logueado .nombre-usuario .usuario {overflow: hidden;color:#111; margin-right:20px;text-overflow: ellipsis;font-size:12px;} #usuario-logueado .nombre-usuario {background-image: url("https://sushipopimg.s3.amazonaws.com/logos/botones/arrow3.png");background-repeat:no-repeat;background-position: 95% 100%;} #menu-login{ padding-top: 8%; margin-left: -5%; width:58.3%; float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 1200px) { #menu-login{ padding-top: 8%; margin-left: -13%; width:63%; float:left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } #usuario-logueado{ padding-top: 8%; margin-left: -13%; width:63%; float:left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } } #menu-login h2{padding-top:18px;font-size:11px;} #menu-login h2 a{color:#000;} #menu-login h2 a:hover {color:#1ebeee;} .modal-body-login{padding:0px 20px 20px 20px;} .modal-body-login h5 {} .modal-body-login p {font-size:12px;} .modal-body-login hr {padding:0px 5px;} .modal-open{padding:0px !important;} .login-red{color:#fff; padding:4px;margin: 1px 0px;border-radius:3px;} .login-red.facebook{background-color:#6883B8; border: none; border-radius: 0px; font-size:10px;} .login-red.twitter{background-color:#1DA1F2;} .login-red.google{background-color:#D73D32;} .img-usuario{width:30px; height:30px;} #login .help-block{ margin-bottom: 3px!important; font-size:8px;} #login .form-group{margin-bottom: 0px;} /****BOTONES*/ .btn-relieve{text-decoration:none; text-align:center;padding:11px 32px; border:outset 2px #000000; font:14px Gotham-Book, Helvetica, sans-serif; font-weight:bold; color:#ffffff; background-color:#ef3e3c; background-image: -moz-linear-gradient(top, #ef3e3c 0%, #a51919 100%); background-image: -webkit-linear-gradient(top, #ef3e3c 0%, #a51919 100%); background-image: -o-linear-gradient(top, #ef3e3c 0%, #a51919 100%); background-image: -ms-linear-gradient(top, #ef3e3c 0% ,#a51919 100%); background-image: linear-gradient(top, #ef3e3c 0% ,#a51919 100%);-webkit-box-shadow:2px 3px 2px #bababa; -moz-box-shadow: 2px 3px 2px #bababa; box-shadow:2px 3px 2px #bababa;} .btn-relieve:hover{border:inset 2px #000000; color:#ffffff;} .button:active{color:#dedede;} .botonsinfondo{ background:transparent; border: none; padding: 15px; margin-right: -20px; margin-top: -20px; } .nuevo-dom, .nueva-tarj{padding:10px;margin: 10px;background:#1ebeee;border:none;} .nuevo-dom:hover{opacity:0.7;} .rojo {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px;font-family: Gotham-Book;color: #ffffff;font-size: 20px;background: #1ebeee;padding: 10px 20px 10px 20px;text-decoration: none;border:none;} .rojo:hover {text-decoration: none;color:#fff;opacity:0.8;} /****CARRO*/ .image-carro {position: relative;width: 100%;} .cantidad-carro {position: absolute;top: 5%;left: 55%;font-size: 9px;width: 100%;color: #fff;background-color: #000000;border-radius: 50px;width: 25px;height: 25px;font-size: 14px;opacity: 0.9;padding-top: 2px;} .showCarritoButton:hover{opacity:0.8;} .cantidad-carro-mobile { background-color:#000000; border-radius:50px; color:#fff; font-size:12px; height:20px; opacity:0.9; position: absolute; right: 15px; top: 2px; width: 20px; } .contador {color:#111; font-size:10px; line-height:12px; margin-right:25px;text-align:right;margin-bottom:0px;} #carrito{ margin-top: 20px;max-width:100% !important;} #carrito .extras p{font-family:Gotham-Book;font-size:12px;margin:0px;} #carrito .palitos p{line-height: 60px;} #carrito .palitos span{font-size: 11px;margin-bottom: 0px;padding: 0px 2px;} #carrito .boton-carro a{margin: 0px 35px;text-transform:uppercase; font-size:14px;} #carrito .boton-carro a:hover{opacity:0.8; color:#fff;} #carrito .radio input[type="radio"], #carrito .radio-inline input[type="radio"], #carrito .checkbox input[type="checkbox"], #carrito .checkbox-inline input[type="checkbox"]{margin: 5px -32px;} #carrito .producto-elegido, #carrito .tacho {padding:12px 3px 3px 3px;font-family: Gotham-Bold;} #carrito hr{margin:0px; border-color: #ccc;} #carrito .form-control{border-radius: 0px; padding: 0px; height: 26px; width:45px;text-align:center;border-color:#111;background:#fff;} #carrito .cant p{font-size:11px; margin-bottom:0px; text-align:center; padding: 0px 2px;} #boton-carro{background-image: url("https://sushipopimg.s3.amazonaws.com/logos/carrito-compra.png");background-repeat:no-repeat;background-size:cover;} #carrito .flechita select {padding-left:5px!important;-moz-appearance: none;-webkit-appearance: none;appearance: none;font-family:Gotham-Book;text-align:left;font-size: 16px;border-radius:0px; border: 1px solid #ccc;background: URL(https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png) no-repeat 110% 60% #fff !important;cursor:pointer; border: 1px solid #111; padding: 0px 0px; color:#111;} #carrito .totales{font-family:Gotham-Bold;} #carrito .modal-dialog { margin-top: 88px;max-width:350px;margin: 10px auto;} #carrito .modal-body {padding: 5px;} .lnk-restar-todo{color:#e11e28; font-size:1.5em;} #carrito .roja {color: #EE2928;text-decoration: none;border:none;} #carrito .negra {color: #000000;} #carrito .turquesa {color: #1ebeee;} #carrito .g {font-family: Gotham-Book;} #carrito .gThin {font-family: Gotham-Thin;} #carrito .gBold {font-family: Gotham-Bold;} #carrito .gBlack {font-family: Gotham-Black;} #carrito .gMedium {font-family: Gotham-Book;font-weight:bold;} /***FUERA DE RADIO*/ #noentregaModal {padding:0px !important;} #noentregaModal h3{margin:0px;} #noentregaModal h4 {font-family:Gotham-Book;} #noentregaModal p{margin:0px;padding:0px;font-size:12px;} #noentregaModal{padding-right:0px!important;height:100%!important;} #noentregaModal .modal-dialog{width:100% !important;margin:0px;height:100%!important;} #noentregaModal .modal-content{background:transparent;box-shadow:none;border:none;} #noentregaModal .modal-body{padding:0px;} #noentregaModal .advertencia {background:#ef3e3c;} #noentregaModal .advertencia p{color:#fff;text-align:Center;text-transform:uppercase;width:100%;font-family:Gotham-Bold;font-size:16px;z-index:9999;} /*CHECKOUT*/ #checkout .form-control-feedback {position: absolute;top: 18%!important;right: 5%!important;} #checkout #msg_dto{text-align:center; font-family:Gotham-Book;font-size:14px;border:none;} #checkout #msg_dto.error{background-color:#F2DEDE;} #checkout #msg_dto.success{background-color:#DFF0D8;} #checkout #checkoutform-domicilio_id{height: 50px;line-height: 1.42857;padding: 6px 10px 6px 12px;border-radius: 0px;} #checkout #carrito-check p{font-size:12px;margin:0px;} #checkout #carrito-check .totales{font-family:Gotham-Bold;font-size:16px!important;} #checkout #carrito-check{margin-top:10px;} #checkout .select2-container--bootstrap .select2-selection--single{max-width:100%!important;} #checkout #log-checkout{margin-bottom:30px!important;box-shadow:2px 2px 7px 1px #ababab;background:#f4f8f7;} #checkout #log-checkout .contrasena{font-size:10px; text-transform:uppercase;color:#111;} #checkout #log-checkout p{padding: 25px 0px;font-size:18px;} #checkout #log-checkout .registro p{font-size:12px;} #checkout #log-checkout .registro a{font-size:12px;color:#ef3e3c;} #checkout #definiciones-checkout { border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*box-shadow:2px 2px 7px 1px #ababab; background:#f4f8f7;*/} #checkout #definiciones-checkout .forma-entrega {padding:10px;} #checkout #definiciones-checkout .forma-entrega p{font-size:14px;margin:0px;} #checkout #definiciones-checkout .forma-entrega p span{font-size:10px;margin:0px;} #checkout #definiciones-checkout .formulario-direccion{padding:0px 5px;} #checkout #definiciones-checkout .check-registro{margin-top:0px;} #checkout #observaciones-dire p{color:#111;display:inline;font-size:10px;text-align:center; line-height:10px;margin:0px;} #checkout #observaciones-dire button {background:transparent;display:inline;font-size:12px;border:0px;color:#1ebeee;} #checkout #definiciones-checkout .formulario-direccion textarea{font-size: 11px;color: #777;font-family: Gotham-Book;width:100%;margin:4px 0px;border-radius:1px; border:1px solid #b9bab5; height:80px !important;;padding:10px;} #checkout #definiciones-checkout .formulario-direccion input{font-size: 11px;color: #777;font-family: Gotham-Book;width:100%;margin:4px 0px;border-radius:1px; border:1px solid #b9bab5; height:50px;padding:10px; } #checkout #definiciones-checkout .formulario-direccion.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-top: -2px;margin-left: -15px;} #checkout #definiciones-checkout .formulario-direccion .no-editable {background: transparent!important;} /**/ #checkout #definiciones-checkout .descuentos p{color:#111;font-size:12px; line-height:15px; margin-bottom:2px;} #checkout #definiciones-checkout .descuentos p span{font-size:10px; color:#111;line-height:15px;} #checkout #definiciones-checkout .descuentos select{height:20px;background:transparent;border: 1px solid #111;box-shadow: 1px 1px 1px;} #checkout #definiciones-checkout .descuentos input{width: 100%;margin: 4px 0px;border-radius: 1px;border: 1px solid #b9bab5;height: 50px;padding: 10px;} #checkout #definiciones-checkout .descuentos .flechita select {-moz-appearance: none;-webkit-appearance: none;appearance: none;font-size: 14px;border-radius:0px; border: 1px solid #ccc;background: URL("https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png") no-repeat 100% 50% transparent !important;cursor:pointer; border: 1px solid #111; padding: 0px 2px; color:#111;} #checkout #definiciones-checkout .descuentos .flechita select:hover, .flechita select:focus{opacity:0.9;} #checkout #definiciones-checkout .img-responsive, #checkout #definiciones-checkout .img-responsive .thumbnail > img{width: 80%;} #checkout #definiciones-checkout .img-responsive:hover, #checkout #definiciones-checkout .img-responsive .thumbnail > img:hover {cursor:pointer;opacity:0.8;} #checkout #definiciones-checkout .img-responsive:hover, #checkout #definiciones-checkout .img-responsive .thumbnail > img:hover {cursor:pointer;opacity:0.8;} #checkout #definiciones-checkout .forma-pago p{font-size:12px; padding-top: 20px; line-height:10px;} #checkout #definiciones-checkout .forma-pago p span{font-size:8px;} #checkout #carrito-checkout{ border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*box-shadow:2px 2px 7px 1px #ababab; background:#f4f8f7;*/} #checkout #carrito-checkout .cant p{font-size:11px; margin-bottom:0px; text-align:center; padding: 0px 2px;} #checkout #carrito-checkout .tacho{padding-top:12px;} #checkout #carrito-checkout .producto-elegido {padding-top:12px;} #checkout #carrito-checkout .cant .form-control{width:55px; height:30px;padding-left: 5px!important;} #checkout #carrito-checkout .cambiar-pedido {color:#1ebeee;text-transform:uppercase; font-size:12px;font-family:Gotham-Black;margin:30px 0;} #checkout #carrito-checkout .cambiar-pedido:hover{color:#000000;} #checkout #carrito-checkout .sumar-descuentos p{font-size:12px; margin:0px;color:blue; line-height:10px;} #checkout #carrito-checkout .sumar-descuentos p:hover{color:#111;} #checkout #carrito-checkout .sumar-extras p {font-size:12px; margin:0px;color:#1ebeee; line-height:12px;} #checkout #carrito-checkout .sumar-extras p:hover {color:#000000;} #checkout #carrito-checkout .contenido-del-pedido{min-height:160px;} #checkout .boton-carro button {margin-top: 10px;} #checkout .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {font-size: 11px;color:#777!important;font-family: Gotham-Book;} #checkout .flechita select {-moz-appearance: none;-webkit-appearance: none;appearance: none;font-family:Gotham-Book;text-align:left;font-size: 16px;border-radius:0px; border: 1px solid #b9bab5!important;background: URL("https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png") no-repeat 100% 60% #fff!important;cursor:pointer; border: 1px solid #111; padding: 0px 0px; color:#111;} #checkout .elegi-horarios ul {list-style:none;} #checkout .elegi-horarios ul> li > a{ color:#111;} #checkout .elegi-horarios ul> li > a:hover{ color:#1ebeee;background:transparent;} #checkout .elegi-horarios .horario{ /*background-image: url("https://sushipopimg.s3.amazonaws.com/logos/botones/gris.png");*/ background-repeat:no-repeat; background-size: 100% 2px; background-position: 0% 98%; padding: 10px;} #checkout .elegi-horarios .active{ box-shadow: 0px 2px 0px #ccc; /*background-image: url("https://sushipopimg.s3.amazonaws.com/logos/botones/rectangulo-min.png");*/ border-bottom: 3px solid #8cb400; background-repeat:no-repeat; background-size: 100% 5px; background-position:bottom; padding: 10px; } #checkout .cant-palitos{font-size:10px; line-height:25px;padding:0px;} #checkout .cant-palitos .flechita {line-height:10px;} #checkout #checkoutform-palitos{height:22px;padding-left: 5px;} #checkout #carrito-check p b{font-family:Gotham-Book;font-size:16px!important;} #checkout #btn_tarjeta_beneficio, #checkout #btn_codigo_descuento {border-radius: 0px;font-family: Gotham-Book;color: rgb(17, 17, 17);padding: 6px 5px;text-decoration: none;text-transform: uppercase;margin: 10px 10px 10px 0px;background:#e6e6e6;} #checkout #btn_tarjeta_beneficio:hover, #checkout #btn_codigo_descuento:hover {opacity:0.8;} #pickup .flechita select {font-family:Gotham-Book;text-align:left;font-size: 16px;border-radius:0px; border: 1px solid #ccc;background: URL("https://sushipopimg.s3.amazonaws.com/logos/botones/flechita.png") no-repeat 100% 60% transparent !important;cursor:pointer; border: 1px solid #111; padding: 0px 0px; color:#111;} #pickup a{font-size:12px;} /*LEGALES*/ #legales {min-height:430px;} #legales h1{color:#EE2928; font-size:30px; font-weight:800;margin:15px 0px; font-family:Gotham-Black;margin:40px 0px;text-align:center;} /*EN CONSTRUCCION*/ #construccion {background-image: url("https://sushipopimg.s3.amazonaws.com/logos/construccion.png"); background-position:bottom;background-repeat:no-repeat;min-height:420px;margin-top:100px;padding-bottom:10px;} #construccion h1{font-size:32px;} #construccion p{font-size:14px;} #construccion a{color:red;font-size:16px; font-weight:900;} #construccion a:hover {color:#111;} /*UPSELLING*/ #upselling .descripcion-producto{height:auto !important;} #upselling .especiales {background:#f4f8f7;} #upselling .especiales h2{font-size: 22px;margin: 10px;} #upselling .rojo a {font-size:16px; } #upselling .key-producto {font-size:10px;margin-bottom:5px!important;} #upselling .image img{height:auto!important;} /*EXTRAS*/ #modal_extras .modal-body {padding:0px!important;} #modal_extras .nombre-producto{height:auto !important;text-align:left; margin-bottom:0px!important;} #modal_extras .especiales-extras {background:#d3d2d7;} #modal_extras .descripcion-producto { overflow:hidden;text-overflow: ellipsis; white-space:nowrap; height:20px;} #modal_extras .item-extras {padding:20px 15px;} #modal_extras .especiales h2{font-size: 22px;margin: 10px;} /***CONFIRMADO **/ #confirmado .panel{margin-top: 30px;} /***RESULTADOS TRANSACCIONES **/ #transaccion .panel{margin-top: 30px;} #transaccion h2{font-size:24px;} #transaccion .rojo {font-size:16px;} /*MI CUENTA*/ #micuenta {padding:40px 0px;} #micuenta h3{font-size:20px; font-weight:100!important;} #micuenta .panel{ border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*background:#f4f8f7; box-shadow:2px 2px 7px 1px #ababab;*/ padding:0px 0px 20px 0px; } #micuenta .panel-blanco {background:#fff;box-shadow:2px 2px 7px 1px #ababab;padding:10px 0px;margin-top:20px;} #micuenta .panel h3{font-family:Gotham-Book;font-weight:900;} #micuenta .panel ul {list-style:none;padding:0px;} #micuenta .panel ul > li{height:40px;} #micuenta .panel ul > li a{color:#111; font-weight: 900;} #micuenta .panel ul > li a:hover{color:#1ebeee;} #micuenta .mi-cuenta {padding:0px 40px;} #micuenta #seccion-dat .formulario-direccion input, #micuenta #seccion-dir .formulario-direccion input, #micuenta #seccion-pass .formulario-direccion input {width:100%;margin:4px 0px;border-radius:1px; border:1px solid #b9bab5; height:50px;padding:10px; } #micuenta #seccion-dat .formulario-direccion textarea, #micuenta #seccion-dir .formulario-direccion textarea{width:100%;margin:4px 0px;border-radius:1px; border:1px solid #b9bab5; height:80px !important;;padding:10px;} #micuenta #seccion-dat .formulario-direccion.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-top: -2px;margin-left: -15px;} #micuenta #seccion-dat .observaciones-dire button, #micuenta #seccion-dir .observaciones-dire button {background:transparent;display:inline;font-size:12px;border:0px;color:#1ebeee;} #micuenta #seccion-dat .observaciones-dire p, #micuenta #seccion-dir .observaciones-dire p {color:#111;display:inline;font-size:10px;text-align:center; line-height:10px;margin:0px;} #micuenta #seccion-dat .rojo, #micuenta #seccion-dir .rojo, #micuenta #seccion-pass .rojo {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px;font-family: Arial;color: #ffffff;font-size: 18px;background: #ef3e3c;padding: 15px;text-decoration: none; margin:20px auto;} #micuenta #seccion-dat .rojo:hover, #micuenta #seccion-dir .rojo:hover, #seccion-pass .rojo:hover {background: #ef3e3c;text-decoration: none; opacity:0.8;} #micuenta #seccion-dat .cambiarimg span {position: absolute;top: 40%;left: 1%;width: 100%;color:#fff;font-size:40px;color:#333333;} #micuenta #seccion-dat .cambiarimg {position: relative; width: 100%;} #micuenta #seccion-dat a:hover{opacity:0.8;} #micuenta #seccion-dir .panel-blanco p {margin:0px !important;line-height: 30px;} #micuenta #seccion-dir .panel-blanco span {font-size:24px;color:#111 !important;} #micuenta #seccion-dir .panel-blanco a {padding:0 10px;} #micuenta #seccion-hist .panel-blanco{padding:15px;} #micuenta #seccion-hist .rojo{font-size:12px; font-family:Gotham-Book;padding:10px;} #micuenta #seccion-hist .rojo:hover {color:#fff;opacity:0.8;} #micuenta #seccion-hist .detalle span {display:inline;color:#111;font-size:30px;padding:10px 10px 10px 0px;} #micuenta #seccion-hist .detalle p{display:inline;color:blue;font-size:12px; line-height:30px;vertical-align:top;padding:2px;} #micuenta #seccion-hist .repetir {} #micuenta #seccion-hist .repetir a{vertical-align:bottom;} #micuenta #seccion-hist .cant{margin:0px;font-size:9px;text-align:center;} #micuenta #seccion-hist .historial-producto{line-height: 24px;vertical-align: top;} #micuenta .nombre-usuario {padding:5px 0px 20px 0px;font-size:10px;margin:10px 0px;} #usuario {padding-top:60px;} #usuario .usuario-menu ul{list-style:none;padding:0px;margin-top: -10px;} #usuario .usuario-menu ul > li{padding: 10px 0px;} #usuario .usuario-menu ul > li a{ text-align:left; padding:7px 5px; color:#111; line-height:34px; font-size: 14px; } #usuario .usuario-menu ul > li a{color:#111;} #usuario .usuario-menu ul > li a:hover {color:#1ebeee;} #agregar-direccion .select2-container--bootstrap .select2-selection--single {text-align:left;} #reset-pass h1{ color: #1ebeee; } #reset-pass .panel { border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background:#ffffff; padding:0px 0px 20px 0px;} #reset-pass .form-control {border-radius:0px;} #agregar-tarjeta .form-control{ width: 100%;border-radius: 0px;} .btn-guardar{ padding: 10px; margin-top: 10px; background: #1ebeee; color:#fff; border:none;} .btn-guardar:hover{ text-decoration: none;color:#fff;opacity:0.8; } /*404*/ #error404 { margin-top: 20px; } #error404 .panel{ margin-bottom:15px; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } #error404 .panel-blanco {background:#fff;padding:10px 0px;margin-top:20px;} #error404 .datos-contacto h2{margin:2px;color:#1ebeee; font-family: Gotham-Bold;letter-spacing: 1px;} #error404 .datos-contacto h5{margin:2px;font-family: Gotham-Book;font-size:15px;margin-top:10px;} #error404 .busqueda h2{color:#1ebeee;;font-family: Gotham-Black;margin:2px;} #error404 .busqueda h3{margin:2px;} /*** TEXTO GUIA**/ #guia {background: rgba(131, 195, 61, 1); z-index:999;position:fixed;width:100%;} #guia p{color:#fff;font-family:Gotham-Bold;margin:3px;font-size:12px;} .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #507422; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .fa-spinner{color:#507422!important;padding:2px;} /***** LANDING PRODUCTO*/ #landing-producto{padding-top: 20px; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background:#ffffff; margin-top:5%; } #landing-producto .x{ position: relative; background: #ffffff; color: #000000; top: -35px; border-radius: 50%; opacity: 0.9; border-style: solid; border-width: 1px; padding: 5px 11px } @media (max-width: 991px) { #landing-producto .x{ position: absolute; } } #landing-producto h1{margin-top:0px;font-size:26px;margin-bottom: 0px;color:#1ebeee;font-family:Gotham-Bold} #landing-producto .nombre p{font-size: 14px!important;} #landing-producto .cerrar p{color:#111!important;font-size:14px!important;line-height: 10px;} #landing-producto .cerrar img{ width: 14px;height:14px;margin-bottom: 2px;} #landing-producto .controls a{color:#111;} #landing-producto .controls a:hover{color:#ff0000;} #landing-producto .controls i{display: inline; font-size:25px;} #landing-producto .controls p{ display: inline;vertical-align: top;color:#777;line-height: 22px; font-size:12px;} #landing-producto .contenido-landing { margin-top:20px;} #landing-producto .contenido-landing .precios-landing{border-top:1px solid #111;border-bottom: 1px solid #111; padding: 10px 0;} #landing-producto .contenido-landing .precios-landing p{margin-bottom: 2px;} #landing-producto .contenido-landing .precios-landing .tachado {text-decoration:line-through;font-weight: 800; } #landing-producto .contenido-landing .precios-landing .mercado{color:#777!important;} #landing-producto .contenido-landing .precios-landing .nuestro{color:#8cb400;font-weight: 800;} #landing-producto .contenido-landing .precios-landing .ahorro{ font-weight: 800;} #landing-producto .contenido-landing .precios-landing .restar{margin-left:5px;} #landing-producto .contenido-landing .tamano-landing p{font-family: Gotham-Bold;font-size:20px;} #landing-producto .contenido-landing a .tamano-landing {color:#111!important;cursor: inherit;} #landing-producto .contenido-landing .precios-landing .cantidad-piezas .quiero { margin-left: 0px;} #landing-producto .contenido-landing .descripcion{background:#fff; min-height: 240px;} #landing-producto .contenido-landing .descripcion a div{color:#111;line-height: 30px; border:1px solid #ccc;} #landing-producto .contenido-landing .descripcion .nav-tabs .active{border-bottom: 3px solid #8cb400;color:#111;} #landing-producto .contenido-landing .descripcion .nav-tabs li:nth-of-type(2){border-left: 1px solid #DDDDDD;} #landing-producto .contenido-landing .descripcion .nav-tabs a{border:none; text-align: text-center;} #landing-producto .contenido-landing .descripcion .nav-tabs > li > a {color:#ccc;border-radius: 0px; padding: 5px 0;} #landing-producto .contenido-landing .descripcion .nav-tabs .active a{color:#111;} #landing-producto .contenido-landing .descripcion .nav-tabs > li > a:hover{background: transparent;} #landing-producto .contenido-landing .descripcion p{margin:0px;} #landing-producto .contenido-landing .descripcion .tab-content {padding: 20px 0;} #landing-producto .contenido-landing .descripcion {margin: 20px 0; padding: 0px 0 10px 0;} #landing-producto .contenido-landing .redes{border-top: 1px solid #111;} #landing-producto .contenido-landing .redes p {margin-bottom: 0px; margin-top:5px;} #landing-producto .contenido-landing .redes a {color:#777!important; font-size:20px!important; padding-right: 10px;} #landing-producto .carousel-control {background-image:none!important; color:#fff!important; opacity: 1;z-index: 6!important;} #landing-producto .carousel-control:hover{opacity: 0.8;} #landing-sugerencias{margin-top:20px; padding-bottom:20px; } #landing-sugerencias p{margin-bottom:0px; padding: 5px 0; display: inline;} #landing-sugerencias .nombre{border-bottom: 1px solid #111;line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} #landing-sugerencias .text p { line-height: 40px;} #landing-sugerencias .tachado{text-decoration:line-through;font-weight: 800; } #landing-sugerencias .verde {color:#8ca065;font-weight: 800;} #landing-sugerencias .btn-sumar-restar {background: #ff0000; padding: 0 8px;color:#fff;} #landing-sugerencias .btn-sumar-restar:hover{opacity: 0.5;} #landing-sugerencias .btn-sumar-restar p{color:#fff; font-size:15px; } #landing-sugerencias .tamano-sugerencias {font-size:10px;margin: 4px 0px;line-height: 16px;} #landing-producto .contenido-landing .negro{ background: #111; height: 480px;} #landing-producto .contenido-landing .negro #foto-produc img {opacity: 0.3;} #landing-producto .contenido-landing .negro .item-selec{position: absolute; top: 30%;left: 27%;color:#fff;z-index:9; opacity: 1!important;} #landing-producto .contenido-landing .negro .item-selec h2{margin: 15px 0;font-family: Gotham-Book;} /* centered columns styles */ .row-centered { text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */ margin-right:-4px; } @media (max-width: 667px) { .rrss #rrss-wa { background-image: url("http://antoniorull.com/wp-content/uploads/2015/01/compartir-wa.png"); background-size: 25px 25px; background-color: #64d348; background-repeat: no-repeat; background-position: 13px 50%; height: 30px; padding: 0 10px 0 40px; float: left; margin-left: 10px; clear: right; color:#fff; font-size: 20px; } } @media (min-width: 668px) { .rrss #rrss-wa { display: none } } /* RECOMPENSA POP */ .acumulados .pop { } .recompensa { border: 1px solid #e8e8e8; min-height: 100px; padding: 10px 0; } .recompensa .juntaste { max-width: 120px; border-right: 1px solid #e8e8e8; } .recompensa .juntaste .circulo-gris { width: 100%; height: 100%; padding: 15px; border: 5px solid #e8e8e8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 5px; } .recompensa .juntaste .cuarto-circulo-rojo { width: 100%; height: 100%; padding: 15px; border: 5px solid #ee2928; border-left: none; border-bottom: none; -moz-border-radius: 0 100% 0 0; -webkit-border-radius: 0 100% 0 0; border-radius: 0 100% 0 0; } .recompensa .juntaste .circulo-rojo { width: 100%; height: 100%; padding: 15px; border: 5px solid #ee2928; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 5px; } .recompensa .juntaste .cuarto-circulo-gris { width: 100%; height: 100%; padding: 15px; border: 5px solid #e8e8e8; border-right: none; border-bottom: none; -moz-border-radius: 100% 0 0 0 ; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0; } .recompensa .vencen { max-width: 130px; border-right: 1px solid #e8e8e8; padding-left: 10px; padding-right: 10px; } .recompensa .vencen .circulo { width: 60%; height: 60%; margin: 0 auto; padding: 5px; border: 5px solid #e8e8e8; -moz-border-radius: 30%; -webkit-border-radius: 30%; border-radius: 30%; font-size: 14px; } .recompensa .vencen .circulo p { margin: 0; } .recompensa .vencen p { color: #e8e8e8; } .recompensa .vencen .vencimiento { text-align: left; margin-top: 17px; font-size: 14px; } .recompensa .vencen .vencimiento p { margin-bottom: 0; } .recompensa .vencen .rojo { border: 5px solid #ee2928; background: none; } .recompensa .vencen .rojo p { color: #ee2928; } .recompensa .vencen .negro p { color: #333; font-size: 12px; } .recompensa .vencen .gris p { font-size: 12px; } .recompensa .ganaste { padding-left: 10px; line-height: 14px; } .recompensa .ganaste .z1 { font-size: 70% } .recompensa .ganaste .z2 { font-size: 80% } .recompensa .ganaste .z3 { font-size: 90% } .recompensa .ganaste .botones { margin: 10px 0 5px 0; } .recompensa .ganaste .botones .btn-rojo { background: #ef3e3c; padding: 7px; border: none; text-align: center; } .recompensa .ganaste .botones .btn-rojo a { font-family: Gotham-Book; color: #fff; font-size: 12px; text-decoration: none; width: 100%; } .recompensa .ganaste .botones .btn-promo-code input { background: #e8e8e8; color: #ee2928; padding: 7px; border: none; text-align: center; width: 100%; } .invita p.tucodigo { padding: 5px 0; margin: 0; } .invita .botones .btn-rojo { background: #ef3e3c; padding: 5px; border: none; text-align: center; width: 35%; margin-left: 15px; } .invita .botones .btn-rojo a { font-family: Gotham-Book; color: #fff; font-size: 12px; text-decoration: none; } .invita .btn-ref-code input { font-family: Gotham-Book; background: #e8e8e8; color: #ef3e3c; padding: 7px; font-size: 12px; border: none; text-align: center; width: 100%; font-weight: bold; } .comparti .botones .redes { padding: 5px; border: none; text-align: center; margin-left: 15px; color: #fff; width: 20%; color: #fff; font-size: 12px; } .comparti .botones .redes i { margin-top: 2px; } .comparti .botones .redes.fb { background: #3b5998; } .comparti .botones .redes.tw { background: #1da1f2; } .comparti .botones .redes.ml { background: #f4511e; } .comparti .botones .redes.wa { background: #00bfa5; } /* .wa_btn { background-image:url('media/img/button.svg'); border: none; display: inline-block !important; position: relative; font-family: Arial, sans-serif; letter-spacing: .4px; cursor: pointer; font-weight: 400; text-transform: none; color: #111!important; border-radius: 2px; background-color: transparent!important; background-repeat: no-repeat; line-height: 1.2; text-decoration: none; text-align: left; } .wa_btn_s { font-size: 12px; background-size: 16px; background-position: 5px 2px; padding: 0px; } .wa_btn_m { font-size: 16px; background-size: 20px; background-position: 4px 2px; padding: 4px 6px 4px 30px; } .wa_btn_l { font-size: 16px; background-size: 20px; background-position: 5px 5px; padding: 8px 6px 8px 30px; }*/ /*no-editable-calle #checkout #definiciones-checkout .formulario-direccion .no-editable-calle {background: transparent!important; color:transparent; border:none;box-shadow: none; line-height: 0px; height: 0px; margin: 0px; padding: 0px;} */