/* Error de minimización. Devolviendo el contenido no minimizado.
(33,5): run-time error CSS1031: Expected selector, found '/'
(33,5): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/*/

/*FUENTE DÉ - FIDI - 2020*/
/*ESTILOS GENERALES*/

@font-face {
    font-family: ‘Anemone’;
    src: url('../fonts/anemone-regular-webfont.woff2') format(‘woff2’), url(../fonts/anemone-regular-webfont.woff2) format(‘woff’);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.eot') format(‘eot’);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.svg') format(‘svg’);
    font-weight: normal;
    font-style: normal;
}

body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4, h5, h6 {
    font-size: 1.1em;
}

a {
    text-decoration: none !important;
    color: #6D3C3D !important; /*Cambiar color general enlace*/
    transition: all 0.2s ease-in-out 0s;
}

    a:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #000;
    }

.separador {
    display: block;
    height: 1px;
    background-color: transparent;
    width: 100%;
    clear: both;
}

.contenido {
    margin: 0px auto;
    display: block;
    width: 90%;
    max-width: 1366px;
    /*padding: 4% 0;*/
    padding: 6% 0;
}

.alert {
    font-size: 0.8em;
    text-align: left;
    color: #405d6f;
}

.selecciona_tarjeta {
    margin: 0px 0px 10px 10px;
}

/*Estilos para botón volver*/
.atras a {
    display: block;
    width: 150px;
    height: 2em;
    line-height: 2em;
    color: #597920;
    text-align: center;
}

    .atras a:hover {
        text-decoration: none;
        color: #3D9735;
    }

/*Estilos para botón UP*/
.arriba {
    position: fixed;
    right: 1em;
    bottom: 3em;
    display: none;
}

    .arriba a {
        font-size: 3em;
        color: #405d6f;
        opacity: 0.7;
    }

        .arriba a:hover {
            opacity: 1;
        }

/*Estilos para formularios*/
input[type=text],
textarea,
input[type=password],
input[type=email],
input[type=datetime],
input[type=date] {
    border: 1px solid #ccc;
    border-radius: 16px;
    line-height: 2em;
    margin-bottom: 1em;
    text-indent: 0.75em;
}

    input[type=text]:hover {
        color: #333;
    }

input[type=submit],
input[type=button] {
    /*width: 100%;*/
    border: 1px solid #597920;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    color: #597920;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    transition: all 0.2s ease-in-out 0s;
}

    input[type=submit]:hover,
    input[type=button]:hover {
        background-color: #597920;
        color: #fff;
        cursor: pointer;
    }

select {
    border: 1px solid #ccc;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    text-indent: 0.75em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: #fff;
    background-image: url(../img/elementos/abajo.png);
    background-position: right 3px center;
    background-repeat: no-repeat;
}

.select:focus {
    border: 0px;
}

.text-danger,
.text-danger2 {
    background-color: #f9f3c4;
    color: red;
    border-radius: 10px;
    font-size: 0.8em;
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 0.75em;
}

.text-danger2 {
    margin-top: 0px;
    width: 300px;
}

.form-group {
    position: relative;
}

    .form-group #show_passwordA,
    .form-group #show_passwordBR,
    .form-group #show_passwordBRR,
    .form-group #show_passwordLogin {
        position: absolute;
        /*top: 15px;*/
        top: 39px;
        right: 10px;
    }

    .form-group #show_passwordAnteriorModificar,
    .form-group #show_passwordModificar,
    .form-group #show_passwordRepetidaModificar {
        position: absolute;
        top: 39px;
        right: 15px;
    }

    .form-group #show_passwordB {
        top: 15px;
    }

    .form-group #show_passwordRegistroPass,
    .form-group #show_passwordC,
    .form-group #show_passwordR {
        position: absolute;
        /*right: 245px;*/
        right: 12px;
        top: 39px;
    }

    /*PAGINACIÓN*/
    .paginacion {
        display: table;
        margin: 1em auto;
        text-align: center;
    }

    .paginacion span,
    .paginacion a {
        display: table-cell;
        padding: 0px 0.25em;
    }

    .paginacion span {
        font-weight: bold;
        color: #004441;
    }

    .paginacion a {
        color: #999;
        text-decoration: none;
    }

        .paginacion a:hover {
            background-color: #004441;
            color: #fff;
            text-decoration: none;
        }

/*PLANTILLA*/
.cuerpo {
    margin-top: calc(66px + 2em);
    background-color: #f4f4f4;
}

.cuerpoIndex {
    margin-top: 74px !important;
}

.cuerpo_agente {
    margin-top: 0px;
    padding-top: 130px;
}

.cabecera {
    margin: 0PX;
    display: block;
    clear: both;
    /* padding: 1em 0px;*/
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: #fff;
    z-index: 100;
}

.cabecera_barra {
    background-image: url(../img/plantilla/barra_superior.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
    height: 10px;
    margin-bottom: 1em;
}

.cabecera_espacio {
    width: 100%;
    max-width: 1366px;
    margin: 0px auto;
}

.logotipo {
    float: left;
    margin-left: 1em;
    width: 25%;
}

.menu {
    float: right;
    margin-right: 1em;
    margin-top: 1em;
}

    .menu a {
        color: #fff;
        padding: 0px 1em;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #6D3C3D;
        padding: 0.75em;
        border-radius: 10px;
        margin-right: 1em;
    }

        .menu a:hover {
            color: #6D3C3D;
            text-decoration: none;
            background-color: #FFF;
        }

    .menu ul li {
        display: block;
        list-style: none;
        float: left;
        position: relative;
    }

    .menu table tr td a {
        color: #597920;
        background-color: #fff;
        margin-right: 0em;
        font-size: 1.5em;
        margin-left: 0em;
        padding: 0.5em;
        text-align: right;
        font-weight: normal;
    }

    .menu table tr td a:hover {
        color: #6D3C3D;
        text-decoration: none;
        background-color: #FFF;
    }

#usuarios2  {
    color: #6D3C3D;
}

    #usuarios2:hover {
        color: #597920;
    }

    .contenido_submenu {
        display: none;
        position: absolute;
    }

.menu ul li ul {
    background: #fff;
    padding: 0px;
}

    .menu ul li ul li {
        display: block;
        clear: both;
        float: none;
    }

        .menu ul li ul li a {
            display: block;
            padding: 0.5em;
            background-color: #fff;
            border-bottom: 1px #f4f4f4 solid;
            padding: 1em 2em;
            text-transform: none;
        }

            .menu ul li ul li a:hover {
                background-color: #3D9735;
                color: #fff;
                text-decoration: none;
            }

.usuario_identificado_menu {
    color: #f4f4f4;
}

.agentes_identificacion {
    position: absolute;
    display: none;
    background-color: #fff;
    padding: 1em;
    border-radius: 10px;
    width: 270px;
    right: 0px;
}

    .agentes_identificacion h4 {
        text-align: center;
    }

    .agentes_identificacion p {
        font-size: 0.8em;
        /*color: #999;*/
    }

    .agentes_identificacion a {
        text-transform: none;
        padding: 0px;
    }

        .agentes_identificacion a:hover {
            color: #405d6f;
        }

    .agentes_identificacion input {
        width: 100%;
        position:relative;
    }

.pasword {
    position: relative;
}

    .pasword span {
        position: absolute;
        /*top: 10px;*/
        top: 33px;
        right: 1em;
    }

    .acceso_registro a,
    .acceso_recuperar a {        
        font-size: 1em !important;
        font-weight: bold !important;
        text-decoration: underline;
    }

    /*.tucuenta a span {
        background-color:#597920 !important;
        color:#fff !important;
        padding:0.5rem;
        border-radius:10px;
        font-size:0.75em!important;
        display:block;
        text-transform:none !important;
    }*/

        .tucuenta a span {
            position: absolute;
            top: 70px;
            right: 0px;
            width:2500px;
            background-color: #6D3C3D;
            padding-right: 2.4rem;
            color: #fff !important;
            font-size: 0.75rem !important;
            text-transform: none !important;
        }

            .tucuenta span b {
                border: 1px silver solid;
                padding: 0.5rem;
                font-weight: bold;
                color: #597920;
                background-color: #fff;
                border-radius: 10px;
                margin-left: 1em;
            }

                .tucuenta span b:hover {
                    background-color: #597920;
                    color: #fff;
                    cursor: pointer;
                }

.contenido_pie {
    margin: 0px auto;
    display: block;
    width: 90%;
    max-width: 1366px;
    padding: 2% 0;
}

                .pie_faldon {
                    background-color: #6D3C3D;
                    padding: 1% 0px;
                    color: #fff;
                }

.pie_faldon h2 {
    font-size: 3em;
    text-align: center;
    padding-bottom: 2rem;
}

                    .pie_faldon h3 {
                        font-size: 3em;
                        text-align: center;
                        padding-bottom: 2rem;
                    }

.pie_faldon_instalaciones table {
    width: 100%;
    margin: 0px auto;
    height: 150px;
}

    .pie_faldon_instalaciones table tr td {
        position: relative;
        width: 12.5%;
        vertical-align: top;
    }

        .pie_faldon_instalaciones table tr td img {
          width: 100%;
          height: auto;
          border-radius: 20px;
        }

        .pie_faldon_instalaciones table tr td div {
            padding: 0.5em 1em 0.5em 1em;
            border-radius: 10px;
        }

        .pie_faldon_instalaciones table tr td a {
            color: #fff !important;
            text-decoration: none;
        }

.pie_faldon_instalaciones table tr td a div:hover {
    background-color: #597920;
}

.pie_faldon h5 {
    text-align: center;
}

.pie_faldon h4 {
    text-align: center;
}

.pie_terraza img {
    height: 200px !important;
    width: auto !important;
}

.espacios_faldon_contenido {
    display: table;
    width: 100%;
}

.espacio_faldon {
    display: table-cell;
    padding: 0px 10px;
}

.patrocinadores {
    display: table;
    margin: 0px auto;
}

.patrocinadores a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 1rem;
}

.patrocinadores a img {
    width: 80%;
}

.espacioTrip,
.espacioRedes {
    width: 30%;
}

.espacio_trip_menu {
    margin-top: 2em;
}

    .espacio_trip_menu a {
        color: #fff;
        display: block;
        border-bottom: 1px #333 dotted;
        line-height: 2em;
    }

        .espacio_trip_menu a:hover {
            color: #000;
            text-decoration: none;
        }

.espacioQ {
    width: 40%;
}

.espacio_faldon h3 {
    color: #fff;
    font-size: 26px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
}

    .espacio_faldon h3 span {
        color: #fff;
        font-size: 26px;
    }

.textoQ,
.texto_trip,
.logo_trip,
.logoQ {
    font-size: 0.9em;
    color: #000;
    display: table-cell;
    vertical-align: top;
    line-height: 18px;
}

.logo_trip {
    padding-right: 1em;
}

.logoQ {
    padding-left: 1em;
}

.espacioRedes table tr td {
    text-align: center;
    width: 66px;
}

.espacioRedes a img {
    transition: all 0.2s ease-in-out 0s;
}

    .espacioRedes a img:hover {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

.espacioRedes span {
    text-align: center;
    font-size: 0.8em;
    color: #000;
}

.pie_negro {
    /*background-color: #002928;*/
    padding: 2% 0px;
}

.negro_izquierda {
    color: #fff;
    font-size: 0.9em;
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

    .negro_izquierda a {
        color: #6D3C3D;
    }

        .negro_izquierda a:hover {
            color: #fff;
        }

/*.logo_pie {
    border-right:1px #fff solid;
    padding-right:15px;
    display:block;
    float:left;
}*/

.negro_derecha {
    display: table-cell;
    vertical-align: top;
}

    .negro_derecha table {
        float: right;
    }

        .negro_derecha table td {
            padding-left: 15px;
        }

.pagoSeguro {
    text-align: center;
    padding: 1rem 0px;
    border: 1px #597920 solid;
    border-right: 0px;
    border-left: 0px;
}

.pagoSeguro img {
    max-height: 70px;
    width: auto;
}

.pie_kit {
    text-align: center;
    padding: 1em 0px;

}

.pie_kit img {
    height: 50px;
    width: auto;
}

/*FIN DE PLANTILLA*/

/*INDEX*/

.index_imagen_portada {
    display: block;
    width: auto;
}

    .index_imagen_portada img {
        width: 100%;
        height: auto;
    }

.index_slogan {
    position: absolute;
    width: 50%;
    left: 25%;
    text-align: center;
    top: 10%;
}

    .index_slogan img {
        max-width: 700px;
    }

.slogan {
    float: left;
    line-height: 1.5em;
    padding: 1.25em 0px;
    width: 50%;
    text-align: center;
}

    .slogan h1 {
        font-size: 2rem;
    }

    .index_posicion_busca {
        z-index: 10;
        position: absolute;
        top: 75%;
        width: 100%;
    }

.index_posicion_busca_agente {
    z-index: 10;
    position: relative;
    top: 0;
    margin-top: -120px;
    width: 100%;
}

.index_contenido {
    padding-top: 200px;
}

.index_pestanas {
    display: block;
    margin: 0px auto;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    width: 90%;
    max-width: 1366px;
}

.pestana {
    display: table-cell;
    text-align: center;
    width: 1%;
    background-color: #6D3C3D;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    padding: 1em 0px;
    /*border-top-right-radius: 10px;
    border-top-left-radius: 10px;*/
}

.pestanaCombos {
    background-color: #8e8247;
}

.pestanaBarrancos {
    background-color: #E7BB61;
}

.pestana:hover {
    cursor: pointer;
}

.pestana_contenidos {
    display: block;
    padding: 1em;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pestana_activa {
    background-color: #597920;
    color: #fff;
}

#pestana1 {
    border-top-left-radius: 10px;
}

/*#pestana2 {
    border-top-right-radius: 10px;
}*/

.index_pestana_linea_verde {
    display: block;
    width: 100%;
    background-color: #597920;
}

.hilo {
    display: table;
    margin: 0px auto;
    width: 60%;
    padding: 1em;
    font-size: 0.9em;
    text-align: right;
}

    .hilo div {
        display: table-cell;
        color: #fff;
    }

        .hilo div i {
            padding: 0px 0.5em;
        }

.hilo_activo {
    font-weight: bold;
}

.hilo div b {
    font-size: 1.5em;
}

.img1P1,
.img2P2,
.img2P3 {
    display: none;
}

#contenido2,
#contenido3 {
    display: none;
}

.pestana1_izquierda {
    display: table-cell;
    width: 66%;
}

    .pestana1_izquierda p,
    .pestana2_izquierda p,
    .pestana3_izquierda p {
        color: #00423F;
        font-weight: bold;
        text-indent: 1.5em;
    }

.pestana1_izquierda_calendario {
    float: left;
    margin-right: 1em;
}

    .pestana1_izquierda_calendario input {
        line-height: 3.5em;
        border-radius: 15px;
        width: 250px;
        background-image: url(../img/elementos/calendario.png);
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 12%;
    }

        .pestana1_izquierda_calendario input:hover {
            cursor: pointer;
        }

.pestana1_izquierda_boton input {
    background-color: #597920;
    color: #ffF;
    line-height: 3.5em;
    width: 200px;
    border-radius: 30px;
}

.pestana1_derecha {
    display: table-cell;
    width: 34%;
}

.bloque_pestana1_derecha {
    margin: 2em auto;
    padding: 0.25em 1em;
    border: 1px silver solid;
    border-radius: 10px;
    font-size: 0.8em;
    line-height: 1.2em;
    /*border-left: 3px #597920 solid;*/
    width: 96%;
}

    /*.bloque_pestana1_derecha h3 {
        text-align:center;
    }*/

    .documento {
        background: #f4f4f4;
        padding: 0.5rem;
        width: 90%;
        margin: 0px auto;
        text-align: center;
    }

.documento a {
    display: block;
    width: 250px;
    background-color: #597920;
    color: #fff !important;
    margin: 1rem auto;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    text-align: center;
}

    .documento a:hover {
        background-color: #6D3C3D;
        text-decoration: none;
    }

    .bloque_pestana1_derecha h2 {
        /*text-align: center;*/
        text-transform: uppercase;
        color: #597920;
        font-size: 1.5rem;
        padding: 1rem;
    }

.bloque_pestana1_derecha h3 {
    font-size: 1.25rem;
    padding: 1rem;
}

.bloque_pestana1_derecha ul {
    list-style: none;
}

        .bloque_pestana1_derecha ul li {
            margin-bottom: 0.5em;
        }

            .bloque_pestana1_derecha ul li::before {
                color: #91C24F;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f111";
                font-size: 0.5em;
                vertical-align: top;
            }

            .bloque_pestana1_derecha ul li:first-child,
            .bloque_pestana1_derecha_destacado,
            .bloque_pestana1_derecha a {
                color: #00423F;
                font-weight: bold;
            }

#indexCalendario {
    margin: 0px auto;
    /*width: 90%;*/
    width: 96%;
    max-width: 1366px;
    display: block;
    /*border: 1px silver solid;
    border-radius: 10px;
    border-top: 0px;
    padding: 0px 6% 2%;
    box-shadow: 0px 5px 5px 0 #333;
    -webkit-box-shadow: 0px 5px 5px 0 #333;
    -moz-box-shadow: 0px 5px 5px 0 #333;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;*/
    background-color: #fff;
    display: none;
    margin-top: -15px;
    z-index: 10;
}

    #indexCalendario h2, #indexCalendarioCombos h2 {
        text-align: center;
        margin-top: 0px;
        padding-top: 1em;
        color: #597920;
    }

.tarjetasCalendario {
    width: 98%;
    margin: 0px auto;
}

.index_calendario_temporada_alta,
.index_calendario_temporada_baja, .index_calendario_temporada_cerrado {
    display: table-cell;
    padding: 0.5em;
    width: 30%;
}

.temporada_alta_texto,
.temporada_baja_texto, .temporada_cerrado_texto {
    display: table-cell;
    width: calc(50% - 25px);
    padding-left: 10px;
    font-size: 0.8em;
    line-height: 1.4em;
}

.temporada_alta_color {
    border-radius: 10px;
    width: 15px;
    background-color: #597920;
    display: table-cell;
}

.temporada_baja_color {
    border-radius: 10px;
    width: 15px;
    background-color: #AFD074;
    display: table-cell;
}

.temporada_cerrado_color {
    border-radius: 10px;
    width: 15px;
    background-color: #E7BB61;
    display: table-cell;
}

.index_contenido h2 {
    text-align: center;
    color: #6D3C3D;
    font-size: 4em;
    font-weight: bold;
    margin-top: 0px;
}

.index_novedad {
    display: block;
    width: 28%;
    margin: 2%;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    text-align: center;
    padding-bottom: 1em;
    background-color: #fff;
}

    .index_novedad img {
        width: 100%;
        height: auto;
    }

    .index_novedad h3 {
        color: #91C24F;
        padding: 0px 0.5em;
    }

.index_novedad_imagen {
    height: 208px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.index_novedad a {
    display: block;
    width: 90%;
    background-color: #004441;
    border: 1px #004441 solid;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 3em;
    margin: 0px auto;
    border-radius: 30px;
}

    .index_novedad a:hover {
        background-color: #fff;
        color: #004441;
        text-decoration: none;
    }

.index_novedad p {
    height: 95px;
    padding: 0 20px;
    font-size: 14px;
}

.index_espacio {
    margin-top: 400px;
}

.index_tarjeta_amigo h2 {
    text-align: center;
    color: #91C24F;
    font-weight: bold;
    font-size: 2em;
}

.index_tarjeta_amigo_bloque_izquierda {
    display: table-cell;
    width: 20%;
    padding: 2%;
}

.index_tarjeta_amigo_bloque_derecha {
    display: table-cell;
    width: 36%;
    padding: 2%;
    vertical-align: top;
    color: #828282;
    line-height: 1.7em;
}

    .index_tarjeta_amigo_bloque_derecha h3 {
        color: #6D3C3D;
        font-weight: 300;
        font-size: 2em;
        margin-bottom: 0.5em;
        margin-top: 0px;
        font-weight: bold;
    }

    .index_tarjeta_amigo_bloque_derecha a {
        font-weight: bold;
        text-decoration: underline;
    }

.index_tarjeta_amigo_destacado {
    color: #597920;
    font-weight: bold;
}

.index_experiencia_imagen {
    float: right;
    margin-left: -50px;
}

    .index_experiencia_imagen img {
        width: 80%;
        height: auto;
    }

.index_experiencia {
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding-bottom: 3em;
    /*padding-top: 10em;*/
}

.index_experiencia h2 {
    font-size: 2em;
}

    .index_experiencia p {
        width: 70%;
        color: #828282;
        line-height: 1.7em;
        margin: 0px auto;
    }

    .index_experiencia h3 {
        text-align: center;
        margin: 0px auto;
        color: #597920;
        font-weight: bold;
        font-size: 1.5em;
        padding-bottom: 2em;
    }

.index_experiencia_barrita_azul {
    width: 200px;
    height: 2px;
    border-radius: 100px;
    background-color: #405d6f;
    margin: 1em auto;
}

/*FIN DE INDEX*/
/*USUARIOS*/
/*login*/
.usuarioLogin {
    margin: 0px auto;
    display: table;
    /*width: 300px;*/
    padding-bottom: 2em;
    padding-top: 1rem;
}

    .usuarioLogin h2 {
        text-align: center;
    }

    /*.usuarioLogin input,*/
    .usuarioLogin select {
        width: 300px;
    }

    .usuarioLogin a {
        font-weight: bold;
    }

.login_pasword a,
.login_nuevo a {
    text-align: center;
    background-color: #f4f4f4;
    margin-top: 0.5em;
    line-height: 2em;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
}

.texto_confirmacion {
    text-align: center;
}

.loginFinal {
    width: 700px;
    float: left;
}

.loginFinal h2 {
    text-align: center;
    display: block;
    clear: both;
    float: none !important;
    width: 100%;
}

.loginFinal p {
    text-align: center;
}

    /*Zona usuario*/
    .zona_usuario_contenedor {
        display: block;
        background-color: #fff;
        border-radius: 10px;
        margin: 1em auto;
        width: 90%;
        padding: 2%;
    }

.zona_usuarios_tabla {
    margin: 0px auto;
    display: table;
}

.zona_usuarios_item {
    display: table-cell;
    padding: 1em;
    border-radius: 10px;
    margin: 1em;
    width: 120px;
    height: 120px;
    margin: 0px 1em;
}

    .zona_usuarios_item div {
        background-color: #597920;
        color: #fff;
        text-align: center;
        border-radius: 10px;
        border: 2px #597920 solid;
        width: 120px;
        height: 120px;
        padding-top: 16px;
        transition: all 0.2s ease-in-out 0s;
        line-height: normal;
    }

    .zona_usuarios_item a {
        text-decoration: none !important;
    }

        .zona_usuarios_item a div:hover {
            color: #597920;
            background-color: #f4f4f4;
        }

    .zona_usuarios_item span {
        font-size: 0.9em;
    }

    .zona_usuarios_item i {
        display: block;
        clear: both;
        font-size: 2.5em;
        margin-bottom: 0.5em;
    }

.verContra {
    position: absolute;
    top: 1.5em;
    right: 1.5em
}

/*COMBOS*/

.combosPestanas a {
    color: #fff !important;
}

.combosPestanas .ui-widget-header {
    background-color: #fff !important;
    border: 0px !important;
    /*border-bottom: 2px #597920 solid !important;*/
}

.combosPestanas .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #6D3C3D !important;
    background: #6D3C3D !important;
    font-weight: normal;
    color: #454545;
}

.combosPestanas .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #597920 !important;
    background: #597920 !important;
    font-weight: normal;
    color: #ffffff !important;
}

.combosTextos {
    padding: 2em;
    background-color: #f4f4f4;
    border: 2px #597920 solid;
    border-radius: 10px;
}

    .combosTextos h2 {
        color: #597920;
        font-size: 1.4em;
        text-align: center;
        font-weight: bold;
    }

    .combosTextos h3 {
        font-size: 1.3em;
        color: #6D3C3D;
        text-align: center;
        font-weight: bold;
        text-align: center;
    }

    /*Compras*/
    .usuario_compras_cadacompra {
        display: block;
        background-color: #fff;
        border-radius: 10px;
        margin: 2em auto;
        width: 90%;
        padding: 2%;
    }

.usuario_compras_cadacompra_datos {
    display: block;
    background-color: #f4f4f4;
    padding: 1em;
}

.usuario_compra_dato {
    display: table-cell;
    padding: 0.5em;
}

.usuario_compra_datoAMIGO {
    display: table-cell;
    padding: 0.5em 0.7em;
}

.usuario_compra_datoAMIGO a {
    background-color: #004441;
    color: #ffF;
    line-height: 3.5em;
    font-weight: bold;
    border-radius: 30px;
    padding: 2% 4%;
}

/*.usuario_compra_datoAMIGO a:hover {}*/

.usuario_compra_linea {
    display: table;
    width: 90%;
    padding: 0.5em;
    border-bottom: 1px silver dashed;
    margin: 0px auto;
}

.usuario_linea_producto {
    display: table-cell;
    width: 80%;
}

.usuario_linea_producto_nombre {
    font-weight: bold;
    color: #597920;
}

.usuario_linea_producto_detalle {
    font-size: 0.9em;
    border-bottom: 1px silver dashed;
}

.usuario_linea_producto_reserva_detalle {
    font-size: 0.9em;
    border-bottom: 1px silver dashed;
}

.usuario_linea_importe {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    color: #597920;
    font-size: 1.1em;
}

.producto_reserva {
    width: 85%;
    margin: 0px auto;
}

/*FIN DE USUARIOS*/
/*PROCESO DE VENTA*/
/*INDEX COMPRA*/
#contenidoVenta1,
#contenidoVenta2,
#contenidoVenta3 {
    display: none;
}

.pestana_venta {
    display: table-cell;
    text-align: center;
    width: 1%;
    background-color: #6D3C3D;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    padding: 1em 0px;
    font-weight: bold;
    text-transform: uppercase;
}

    .pestana_venta:hover {
        cursor: pointer;
    }

#pestanaVenta1 {
    border-top-left-radius: 30px;
}

/*#pestanaVenta2 {
    border-top-right-radius: 30px;
}*/

.pestana_activa {
    background-color: #597920;
    color: #fff;
}

.contenido_venta_index {
    margin: 0px auto;
    max-width: 1366px;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    border-top: 0px;
    padding: 0px 6% 2%;
    box-shadow: 0px 5px 10px #333;
    -webkit-box-shadow: 0px 0px 5px #d7d6d6;
    -moz-box-shadow: 0px 0px 5px #d7d6d6;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
    padding: 1em;
}

#contenidoVenta1,
#contenidoVenta2,
#contenidoVenta3 {
    display: none;
}

.contenidoCabeceras {
    display: block;
    margin: 0px auto;
    width: 90%;
}

.contenido_venta_titulo {
    display: table-cell;
    width: 700%;
}

.contenido_venta_titulo_imagen,
.contenido_venta_titulo_texto {
    color: #597920;
    display: table-cell;
    padding-right: 1em;
    vertical-align: top;
}

.contenido_venta_titulo h2 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 1em;
}

.contenido_venta_titulo span {
    font-size: 0.9em;
}

.precio_superior {
    display: table-cell;
    vertical-align: top;
}

.contenido_venta_fecha,
.contenido_venta_hora {
    box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    border-radius: 30px;
    padding: 0.25em;
    width: 90%;
    margin: 2em auto;
}

    .contenido_venta_fecha form,
    .contenido_venta_hora form {
        display: block;
    }

    .contenido_venta_fecha input[type="text"],
    .contenido_venta_fecha input[type="text"] {
        border: 0px;
        display: block;
        float: left;
        color: #00423F;
        font-weight: bold;
        font-family: Montserrat;
        margin-bottom: 0px;
        text-indent: 0.75em;
        line-height: 1.5em;
        padding: 0.75em 0px;
        font-size: initial;
    }

.contenido_venta_fecha_dia,
.contenido_venta_hora_texto {
    display: block;
    float: left;
    color: #00423F;
    font-weight: bold;
    padding: 0.75em 0px 0.5em 1em;
}

.contenido_venta_fecha_boton,
.contenido_venta_hora_boton {
    display: block;
    float: right;
    color: #00423F;
    font-weight: bold;
    text-align: right;
}

.contenido_venta_fecha button,
.contenido_venta_hora button {
    border: 0px;
    color: #00423F;
    font-weight: bold;
    font-family: Montserrat;
    margin-bottom: 0px;
    line-height: 1.7em;
    background-color: #f4f4f4;
    border-radius: 30px;
    line-height: 3em;
    padding: 0px 3em;
    font-size: initial;
}

    .contenido_venta_fecha button:hover,
    .contenido_venta_hora button:hover {
        color: #fff;
        background-color: #91C24F;
        cursor: pointer;
    }

#horarios, #horarios2, #horarios3 {
    /*display: none;*/
    width: 86%;
    margin: 0px auto;
    /*text-align: center;*/
    padding-bottom: 2em;
}

.contenido_venta_hora_cadahora, .contenido_venta_hora_cadahora_barrancos {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.3%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
}

    .contenido_venta_hora_cadahora:hover, .contenido_venta_hora_cadahora_barrancos:hover {
        cursor: pointer;
        border: 1px #597920 solid;
    }

    .contenido_venta_hora_cadahora td, .contenido_venta_hora_cadahora_barrancos td {
        text-align: center;
    }

.contenido_venta_hora_cadahora_hora,
.contenido_venta_hora_cadahora_disponible {
    text-align: right;
}

    .contenido_venta_hora_cadahora_hora span,
    .contenido_venta_hora_cadahora_disponible span {
        display: block;
        width: 15px;
        float: left;
        text-align: left;
    }

.producto_reserva {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    /*display: inline-table;*/
    margin: 0.75% auto;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
}

    .producto_reserva:hover {
        cursor: pointer;
        border: 1px #405d6f solid;
    }

.reserva_seleccionada {
    color: #fff;
    background-color: #004441;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #405d6f solid;
}

/*.usuario_linea_producto_detalle {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.75% 1%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
    width: 100%;
}*/

.usuario_linea_producto_reserva_detalle {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.75% 1%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
    width: 100%;
}

.usuario_linea_producto_reserva_detalle:hover {
    cursor: pointer;
    border: 1px #405d6f solid;
}

.reserva_seleccionada {
    color: #fff;
    background-color: #004441;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #405d6f solid;
}

.contenedor-tarjetas-amigo {
    width: 85%;
    margin: auto;
}

.hora_seleccionada {
    color: #fff;
    background-color: #597920;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #597920 solid;
}

    .hora_seleccionada img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

.hora_completa {
    color: #fff;
    background-color: red;
    transition: all 0.2s ease-in-out 0s;
    border: 1px red solid;
}

.sin_tickets {
    color: #FF5B00;
    font-size: 11px;
}

.contenido_venta_selector_medio {
    background-color: #F3F3F3;
    display: block;
    border-radius: 100px;
    padding: 0.25em;
    margin: 0px auto;
    width: 50%;
}

.diacompleto {
    display: inline-block;
    text-align: center;
    width: 47%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: top;
}

.mediodia {
    display: inline-block;
    text-align: center;
    width: 47%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
}

    .mediodia:hover,
    .diacompleto:hover {
        cursor: pointer;
        transition: all 0.2s ease-in-out 0s;
    }

.selector_medio_seleccionado {
    background-color: #91C24F;
    background-image: linear-gradient(to right, #009644, #76C242);
    color: white;
    transition: all 0.2s ease-in-out 0s;
}

.selector_medio_horario {
    font-size: 0.8em;
    width: 49%;
    margin: 0.5em auto;
    text-indent: 0.5em;
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 20px;
}

/*Selector tarifas*/
.contenido_venta_selector_tarifas {
    background-color: #F3F3F3;
    display: block;
    border-radius: 100px;
    padding: 0.25em;
    margin: 0px auto;
    width: 70%;
    text-align: center;
}

.selector_tarifa {
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: top;
    cursor: pointer;
}

.selector_tarifa_seleccionado {
    background-color: #597920;
    color: white;
    transition: all 0.2s ease-in-out 0s;
}

/*Producto*/
.contenido_productos {
    margin-bottom: 2em;
}

.promociones {
    color: #91C24F;
}

.titulo_productos,
#pnl-seleccion-productos h2 {
    text-indent: 5%;
    margin-bottom: 0px;
}

.producto_bloque {
    margin: 1em auto;
    width: 90%;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    padding: 1%;
    box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    background-color: #fff;
    color: #666;
}

.producto_imagen {
    display: inline-block;
    float: left;
    width: 15%;
    height: 130px;
    overflow: hidden;
    margin-right: 1%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .producto_imagen img {
        width: 100%;
        height: auto;
    }

.producto_datos_requiere {
    font-size: 0.9em;
    color: #FF5B00;
}

.producto_datos_texto {
    display: inline-block;
    float: left;
    width: 60%;
    margin-right: 1%;
}

    .producto_datos_texto h3 {
        margin: 0px;
        font-size: 1.1em;
    }

.producto_datos_alert {
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    transition: all 0.2s ease-in-out 0s;
    font-size: 0.9em;
}

    .producto_datos_alert:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

.entrada_nocambios_alert {
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    transition: all 0.2s ease-in-out 0s;
    font-size: 0.9em;
}

.producto_datos_valores {
    display: inline-block;
    float: right;
    width: 23%;
}

.precio_borde {
    border-left: 1px silver solid;
}

.producto_datos_precio {
    text-align: right;
    font-size: 1.2rem;
    padding-right: 1.8rem;
}

    .producto_datos_precio span {
        font-size: 0.9em;
    }

    .precio_final {
        color: #597920;
    }

.producto_cantidad {
    border: 1px silver solid;
    border-radius: 100px;
    padding: 0.25em;
    width: 86%;
    margin: 1em auto;
    display: table;
}

    .producto_cantidad input[type=text] {
        border: 0px;
        width: 100%;
        text-indent: 0px;
        text-align: center;
        margin-bottom: 0px;
        color: #6D3C3D;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 2em;
    }

.producto_cantidad_boton,
.producto_cant_form {
    display: table-cell;
    vertical-align: top;
}

.btn-mas {
    float: right;
}

.producto_cantidad_boton {
    width: 25%;
}

.producto_cant_form {
    width: 50%;
}

.producto_cantidad_boton button {
    font-size: 1.4em;
    border-radius: 100px;
    width: 1.7em;
    height: 1.7em;
    border: 0px;
}

.producto-cupo {
    padding: 0.25em;
    margin: 1em auto;
    display: none;
    text-align: right;
    font-size: 0.9rem;
    padding-right: 2rem;
}

.producto_alert_contenido {
    background-color: #f4f4f4;
    font-size: 0.8em;
    margin-top: 1em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 1em;
    margin: 10px -1% -1% -1%;
    line-height: 1.3em;
    /*display: none;*/
}

.producto_alert_contenido_texto {
    display: table-cell;
    border-left: 2px #ff5b00 solid;
    padding-left: 0.5em;
}

.precio_taquilla {
    float: left;
    font-size: 0.8em !important;
    margin-left: 1.5em;
}

    .precio_taquilla span {
        font-weight: normal;
    }

#seguro-item, #seguro-item-tienda, #seguro-item-aventura, #seguro-item-nocturno {
    background-color: #f4f4f4;
    padding: 0.75rem;
    width: 30%;
    margin: 0px auto;
    border-radius: 20px;
    padding: 2rem;
}

    #seguro-item h2, #seguro-item-tienda h2, #seguro-item-aventura h2, #seguro-item-nocturno h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: center;
        margin-top: 0px;
    }

        .imagen_seguro {
            position: relative;
            width: 90%;
            margin: 0px auto;
            background-image: url(/img/index/seguro2.jpg);
            background-position: center right;
            background-size: cover;
            min-height: 350px;
        }

.imagen_seguro img:nth-child(1) {
    width: 100%;
    height: auto;
    display: none;
}

.seguroBanner {
    position: absolute;
    display: block;
    left: 10px;
    top: 10px;
}
/*Resumen inferior*/
#pnl-seleccion-productos {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px dashed #597920;
}

.productos_resumen {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 0.75em;
    width: 90%;
    margin: 2em auto;
    color: #666;
}

.productos_resumen_precio {
    text-align: right;
    width: 90%;
    margin: 0px auto;
}

.productos_resumen_precio_total {
    font-size: 0.9em;
    padding-right: 10px;
}

.productos_resumen_precio_numero {
    font-size: 2em;
    font-weight: bold;
    color: #597920;
    padding-right: 10px;
}

    .productos_resumen_precio_numero::after {
        font-weight: bold;
        content: "€";
    }

    .productos_resumen_precio_numero span {
        font-size: 0.6em;
    }

.productos_resumen .productos_resumen_precio_numero::after {
    font-size: 0.6em !important;
}

.productos_resumen_precio_boton input {
    width: 180px;
    background-color: #597920;
    color: #fff;
    font-size: 1.1em;
    line-height: 2em;
    margin-top: 1em;
}

.productos_inferior_resumen_linea {
    display: table;
    width: 100%;
    padding: 1rem 0px;
    border-bottom: 1px #fff solid;
}

.productos_inferior_resumen_nombre {
    width: 40%;
    display: table-cell;
}

.productos_inferior_resumen_fecha,
.productos_inferior_resumen_precio,
.productos_inferior_resumen_cantidad,
.productos_inferior_resumen_total {
    width: 20%;
    display: table-cell;
    text-align: right;
}

.productos_inferior_resumen_cantidad {
    background-image: url(../img/index/entradaOscura.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10%;
    padding-right: 40px;
    font-weight: bold;
}

.productos_inferior_resumen_eliminar {
    padding-left: 0.25em;
}

    .productos_inferior_resumen_eliminar a {
        color: red;
    }

        .productos_inferior_resumen_eliminar a:hover {
            color: #405d6f;
        }

.productos_inferior_resumen_total {
    font-weight: bold;
}

/*confirmacion*/
.contenido_confirma {
    max-width: 1366px;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    padding: 0px 6% 2%;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    background-color: #fff;
    padding: 2em;
    margin-top: -10px;
}

.contenido_confirma a {
    color: #6D3C3D;
}

    .contenido_confirma a:hover {
        color: #597920;
    }

.acceso_registro a {
    color: #597920 !important;
}

    .acceso_registro a:hover {
        color: #6D3C3D !important;
    }

    .hilo_confirma {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-bottom: 0.5em;
    }

.contenido_confirma h2 {
    float: left;
    margin-top: 0px;
}

.contenido_confirma_venta_cruzada {
    margin-bottom: 2em;
}

    .contenido_confirma_venta_cruzada h2 {
        background-color: #597920;
        color: #fff;
        float: none;
        margin: -1.6em -1.1em 2em -1.1em;
        padding: 0.5em;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-indent: 1em;
    }

.confirma_tiempo_carrito {
    color: #6D3C3D;
    font-weight: bold;
    font-size: 1.2em;
    float: right;
}

    .confirma_tiempo_carrito span {
        display: block;
        text-align: right;
        background-image: url(../img/elementos/relojito.png);
        background-position: right 60px center;
        background-repeat: no-repeat;
    }

.confirma_tiempo_carrito_texto {
    color: #6D3C3D;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 14px;
}

/*.confirma_vaciar_carrito::before {
    content: "\f1f8";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}*/

.confirma_vaciar_carrito a {
    float: right;
    background-color: #fff;
    text-align: center;
    color: #6D3C3D;
    border-radius: 16px;
    font-size: 11px;
    padding: 0.5em 1em;
    border: 1px solid #6D3C3D;
    margin-bottom: 1em;
}

    .confirma_vaciar_carrito a:hover {
        text-decoration: none;
        background-color: #6D3C3D;
        color: #fff;
    }

.confirma_precio_final {
    text-align: right;
}

.confirma_barrita_azul {
    height: 1px;
    background-color: #cfcece;
    width: 90%;
    margin: 1em auto;
}

.confirma_codigo_promocional {
    float: right;
    display: table;
    margin-right: 5%;
}

.confirma_codigo_promocional_bolo_espacio {
    display: table-cell;
    text-align: right;
    padding-right: 1em;
}

.confirma_codigo_promocional_bolo {
    background-color: #597920;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px;
}

.confirma_codigo_promocional_form {
    display: table-cell;
}

    .confirma_codigo_promocional_form input[type=submit] {
        margin-left: -16px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-left: 2.5em;
        padding-right: 2.5em;
        background-color: #597920;
        border-color: #597920;
        color: #fff;
        font-weight: normal;
        line-height: 40px;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 300px;
        line-height: 40px;
    }

.confirm_codigo_promocional_contenido_descuento,
.confirm_codigo_promocional_contenido_total,
.confirm_codigo_promocional_contenido_cerrar {
    display: table-cell;
    padding: 0px 0.25em;
    font-weight: bold;
}

    .confirm_codigo_promocional_contenido_cerrar a {
        color: red;
    }

        .confirm_codigo_promocional_contenido_cerrar a:hover {
            color: #333;
            cursor: pointer;
        }

.confirm_codigo_promocional_contenido_total {
    font-size: 1.2em;
    color: #3D9735;
}

.confirma_precio_total {
    width: 90%;
    display: block;
    margin: 0px auto;
    text-align: right;
    clear: both;
    margin-bottom: 1em;
}

    .confirma_precio_total span {
        font-size: 0.8em;
        /*padding-right: 0.5em;*/
        line-height: 0.5em;
        color: #597920;
    }

    .confirma_usuarios {
        border-top: 1px silver dashed;
        padding-top: 1em;
    }

    .confirma_usuarios h2 {
        text-align: center;
        float: none;
        font-size: 2rem;
    }

.confirma_barra_discontinua {
    border-left: 1px silver dashed;
}

.recordarme {
    font-size: 0.8em;
    line-height: 1.5em;
}

.identificacionIzquierda {
    width: 46%;
    padding: 0px 3%;
    float: left;
}

    .identificacionDerecha {
        float: right;
    }

    .confirma_registrado {
        background-color: #f4f4f4;
        display: block;
        padding: 0.5em 1em;
        width: calc(90% - 1em);
        margin: 0px auto;
        border-radius: 10px;
    }

    .confirma_registrado a {
        float: right;
        background-color: #597920;
        color: #fff;
        padding: 0.5em 1em;
        font-size: 0.8em;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: -0.5em -1em;
    }

.confirma_condiciones {
    font-size: 0.8em;
}

.confirma_bloque_inferior {
    margin-top: 1em;
}

    .confirma_bloque_inferior h2 {
        float: none;
        margin-top: 0px;
    }

.contenido_confirma_forma_pago span {
    color: #333;
    text-transform: uppercase;
    display: block;
    float: none;
    clear: both;
    font-size: 0.7em;
    font-weight: bold;
}

.contenido_confirma_forma_pago {
    display: table-cell;
    padding: 1em 4em 1em 2em;
    vertical-align: middle;
    position: relative;
}

    .contenido_confirma_forma_pago input[type="radio"] {
        position: absolute;
        top: calc(22px + 2em);
        left: 0px;
    }

.confirma_politicas {
    font-size: 0.9em;
}

.confirma_aviso {
    width: 90%;
    margin: 2em 1em;
    font-size: 0.9em;
    color: #333;
}

    .confirma_aviso span {
        color: #AD0000;
    }

.confirma_boton_pie input[type=submit] {
    background-color: #597920;
    color: #fff;
    padding: 0.25em 4em;
    font-weight: bold;
    border: 1px #597920 solid;
    margin: 1em 0px;
}

    .confirma_boton_pie input[type=submit]:hover {
        background-color: #fff;
        color: #597920;
    }

.confirma_pago_seguro {
    float: left;
    border-radius: 10px;
    background-color: #fff;
    padding: 0.5em;
    margin-top: 3.5%;
}

    .confirma_pago_seguro i {
        font-size: 3em;
        display: table-cell;
    }

    .confirma_pago_seguro span {
        text-transform: uppercase;
        font-size: 1em;
        font-weight: bold;
        display: table-cell;
        vertical-align: top;
        line-height: 1.5em;
        font-size: 1em;
        padding-left: 1em;
    }

.proteccionDatos {
    font-size: 0.8em;
}

/*vuelta de pago*/
.pago_correcto {
    margin: 2em auto;
}

    .pago_correcto h2 {
        text-align: center;
        float: none;
    }

.pago_correcto_productos {
    font-size: 0.8em;
}

    .pago_correcto_productos a {
        font-weight: bold;
        text-transform: uppercase;
    }

        .pago_correcto_productos a::before {
            font-family: "Font Awesome 5 Free";
            content: "\f381";
            padding-left: 0.5em;
        }

.pago_correcto_linea {
    padding: 0.5em;
}

    .pago_correcto_linea:nth-child(2n+1) {
        background-color: #f4f4f4;
    }

.pago_correcto_precio {
    width: 100%;
}

/*PÁGINAS LEGALES*/

.paginas_legales {
    font-size: 0.9em;
    /*text-align: justify;*/
}

    .paginas_legales h2 {
        padding-top: 2em;
    }

    .paginas_legales table {
        background-color: #f2eeee;
    }

        .paginas_legales table th {
            background-color: #405d6f;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }

        .paginas_legales table tr:nth-child(odd) {
            background-color: #fff;
        }

        .paginas_legales table tr:nth-child(even) {
            background-color: #f4f4f4;
        }

    .paginas_legales table {
        font-size: 0.9em;
    }

        .paginas_legales table td {
            vertical-align: top;
            padding: 0.2em;
        }

.privacidad_alert {
    background-color: #fff;
    text-align: center;
    color: #405d6f;
    font-weight: bold;
}

.paginas_legales ul li {
    padding-bottom: 1.5em;
}

/*--Agentes---*/

.agente_identificado {
    background-color: #fff;
    display: block;
}

.agente_espacio {
    padding: 0px 1em;
}

.agente_nombre,
.agente_imagen {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
    font-size: 1.2em;
    font-weight: bold;
}

    .agente_imagen img {
        max-height: 50px;
        width: auto;
    }

.credito_subtitulo {
    text-align: center;
    margin-bottom: 2em;
}

.credito_tabla {
    width: auto;
    margin: 0px auto;
    text-align: center;
}

    .credito_tabla table {
        margin: 0px auto;
        border-collapse: collapse;
    }

        .credito_tabla table td {
            padding: 0.5em;
            border-collapse: collapse;
        }

        .credito_tabla table tr:first-child {
            font-size: 1.1em;
            background-color: #f4f4f4;
        }

        .credito_tabla table tr:nth-child(2) {
            font-weight: bold;
            font-size: 0.9em;
        }

    .credito_tabla input[type=submit] {
        width: 250px;
    }

.credito_no {
    color: red;
    font-size: 0.9em;
}

/*-- TARJETA AMIGO ----*/

.cabecera_amigo img {
    width: 100%;
    height: auto;
}

.amigo h1 {
    text-align: center;
    color: #91C24F;
}

.amigo h2 {
    text-align: center;
    color: #405d6f;
    font-family: "Anemone";
    font-weight: 300;
    font-size: 7em;
    margin-top: 0.5em;
}

.amigo p {
    text-align: center;
    line-height: 1.5em;
}

.amigo_parrafo_destacado {
    font-size: 1.2em;
    color: #405d6f;
    font-weight: bold;
}

.amigo_bloque {
    margin: 2em auto;
    width: 90%;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    padding: 2%;
    box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    background-color: #fff;
    color: #666;
}

.amigo_iniciar,
.amigo_registrar {
    display: table-cell;
    width: 50%;
}

.amigo_iniciar_texto h3,
.amigo_registrar_texto h3 {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
}

.amigo_iniciar_texto,
.amigo_registrar_texto {
    border-bottom: 1px #000 dashed;
    padding: 1em 3em;
    height: 130px;
}

.amigo_bloque h2 {
    font-family: Montserrat;
    font-size: 1.3em;
    margin-top: 1em;
}

.amigo_registrar_form,
.amigo_iniciar_form {
    margin-top: 1.5em;
    vertical-align: top;
}

.amigo_iniciar_form {
    border-right: 1px #333 dashed;
}

.amigo_iniciar_faq {
    padding: 2em 1em;
    color: #333;
    font-size: 0.9em;
}

.amigo_iniciar_faq_destacado {
    color: #91C24F;
}

.amigo_iniciar_faq_nota {
    font-size: 0.8em;
    line-height: 1.2em;
    padding-top: 2em;
    display: block;
}

.regalaEntradas_imagen img {
    width: 100%;
    height: auto;
}

/*PASO 2. REGISTRO */
.amigo_registro_barra_superior {
    border-bottom: 1px #333 dashed;
    height: 1px;
    display: block;
    clear: both;
    margin: 1.5em auto;
}

.amigo_registro_tabla,
.amigo_registro_bloque_DNI {
    width: 70%;
    display: table;
    margin: 0px auto;
}

    .amigo_registro_tabla input,
    .amigo_registro_tabla textarea,
    .amigo_registro_tabla select {
        width: 100%;
    }

    .amigo_registro_bloque_DNI input {
        width: 100%;
        text-transform: uppercase;
    }

.amigo_registro_bloque_DNI_explicacion,
.amigo_registro_modalidad_aviso {
    font-size: 0.8em;
}

.amigo_registro_form_grupo1 select {
    float: left;
    width: 25%;
    margin-right: 5%;
}

.amigo_registro_form_grupo1 input {
    float: left;
    width: 70%
}

.amigo_registro_form_grupo2 input:first-child {
    float: left;
    width: 40%;
    margin-right: 5%;
}

.amigo_registro_form_grupo2 input:nth-child(3) {
    float: left;
    width: 55%;
    background-image: url(../img/elementos/calendario.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.amigo_registro_bloque_modalidad, .amigo_registro_bloque_modalidad_fijo {
    display: block;
    border-radius: 10px;
    padding: 1em;
    margin: 0px auto;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    width: 90%;
    margin-bottom: 1em;
    float: right;
    border: 1px #fff solid;
    transition: all 0.2s ease-in-out 0s;
}

    .amigo_registro_bloque_modalidad:hover,
    .amigo_resgistro_bloque_modalidad_activo {
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 10px #91C24F;
        border: 1px #666 solid;
    }

    .amigo_registro_bloque_modalidad h3, .amigo_registro_bloque_modalidad_fijo h3 {
        margin-top: 0px;
        float: left;
        width: 70%;
        font-weight: bolder;
        color: #597920;
    }

.amigo_registro_bloque_modalidad_precio {
    float: left;
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    width: 30%;
    font-weight: bolder;
    color: #597920;
}

.amigo_registro_bloque_modalidad_aviso {
    display: block;
    clear: both;
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.amigo_registro_modalidad_aviso {
    width: 90%;
    margin: 1em auto;
}

#btnDeletefupImagen {
    background-color: #405d6f;
    color: #fff;
    border: 1px #405d6f solid;
    font-size: 1.1em;
    padding: 0px 2em;
    border-radius: 100px;
    font-weight: normal;
    width: 100%;
    line-height: 2em;
    transition: all 0.2s ease-in-out 0s;
}

    #btnDeletefupImagen:hover {
        background-color: #fff;
        color: #405d6f;
        cursor: pointer;
    }

#btnNewfupImagen {
    border: 1px solid #3D9735;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    color: #3D9735;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
}

    #btnNewfupImagen:hover {
        background-color: #3D9735;
        color: #fff;
        cursor: pointer;
    }

#filesfupImagen {
    display: block;
    clear: both;
    margin: 0.5em auto;
    text-align: center;
}

    #filesfupImagen img {
        display: block;
        clear: both;
        margin: 0px auto;
        height: auto;
    }

.amigo_registro_boton {
    display: block;
    width: 90%;
    margin: 2em auto;
    text-align: right;
}

    .amigo_registro_boton input {
        background-color: #597920;
        color: #fff;
        border: 1px #597920 solid;
        font-size: 1.1em;
        padding: 0px 2em;
        border-radius: 100px;
        font-weight: normal;
    }

        .amigo_registro_boton input:hover {
            background-color: #fff;
            color: #405d6f;
            cursor: pointer;
        }

/*Amigo compra resumen */

.amigo_compra h2 {
    font-family: Montserrat;
    text-transform: uppercase;
    color: #405d6f;
}

.amigo_compra_resumen {
    padding: 1em 0.5em;
    border: 1px #405d6f solid;
    border-radius: 10px;
    float: left;
    width: 40%;
    clear: both;
    margin: 2em 0px 2em 0px;
}

    .amigo_compra_resumen table img,
    .amigo_compra_bloque_tarjeta table tr td:first-child img {
        width: 20px;
        margin: 0px 0.5em;
        height: auto;
    }

    .amigo_compra_resumen table tr:first-child {
        color: #405d6f;
        font-weight: bold;
    }

    .amigo_compra_resumen table tr td:nth-child(2) {
        padding-right: 1em;
    }

.amigo_compra_bloque_tarjeta {
    display: block;
    clear: both;
    background-color: #f3f3f3;
    border-radius: 10px;
    margin: 2em auto;
    padding: 1em;
}

    .amigo_compra_bloque_tarjeta table {
        width: 100%;
    }

        .amigo_compra_bloque_tarjeta table a {
            color: #405d6f;
            font-weight: bold;
            text-decoration: underline;
            padding-left: 0.5em;
        }

            .amigo_compra_bloque_tarjeta table a:hover {
                color: #3D9735;
            }

        .amigo_compra_bloque_tarjeta table td:nth-child(1) {
            width: 3%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(2) {
            width: 15%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(3) {
            width: 10%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(4) {
            width: 10%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(5) {
            text-align: right;
            width: 55%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(6) {
            text-align: center;
        }

    .amigo_compra_bloque_tarjeta tr:first-child {
        font-weight: bold;
        color: #405d6f;
    }

.amigo_compra_asociar {
    text-align: center;
    display: block;
    clear: both;
    margin: 3em 0px;
}

    .amigo_compra_asociar a {
        background-image: url(../img/Amigo/boton_nuevo.png);
        background-position: left 16px center;
        background-repeat: no-repeat;
        padding-left: 30px;
        color: #fff;
        background-color: #405d6f;
        border-radius: 100px;
        width: 200px;
        font-weight: bold;
        padding: 0.75em;
        padding: 0.75em 50px 0.75em 50px;
        border: 1px #405d6f solid;
    }

        .amigo_compra_asociar a:hover {
            background-image: url(../img/Amigo/boton_nuevo_over.png);
            background-color: #fff;
            color: #405d6f;
            text-decoration: none;
            cursor: pointer;
        }

.amigos_compra_asociar_alert {
    color: red;
    font-size: 0.8em;
}

.naranja {
    color: #ff5b00;
    font-weight: bold;
}

.amigo_compra_resumen_precio {
    text-align: right;
    display: block;
    margin: 3em auto;
}

.tarjeta_codigo {
    margin-right: 0px;
}

/*BANNER AVESTRUZ*/
.banner_avestruz {
    margin-top: 1.5em;
    background: #fff;
    border-radius: 10px;
    padding-top: 1em;
    margin-top: 1.5em;
    -webkit-box-shadow: 0px 0px 5px #333;
}

/*Etiqueta para elementos que no queremos que aparezcan en PC pero si en móvil*/
.noPc {
    display: none;
}

.pago_ok {
    width: 100%;
    text-align: center;
    margin: auto;
}

.pago_correcto_texto {
    text-align: center !important;
}

    .pago_correcto_texto span {
        color: #3D9735;
        font-size: 20px;
    }

.pago_erroneo_texto {
    text-align: center !important;
}

    .pago_erroneo_texto span {
        color: #c71717;
        font-size: 20px;
    }

.texto_sin_productos {
    color: #db1212;
    text-align: center;
    font-weight: 800;
    padding: 1%;
    width: 90%;
    margin: auto;
    border-radius: 40px;
    /* border: 1px solid #db121263; */
    background-color: #ffeb3b80;
}

.texto_antelacion {
    color: #db1212;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    padding: 1%;
    width: 90%;
    margin: auto;
    border-radius: 40px;
    /* border: 1px solid #db121263; */
    background-color: #ffeb3b80;
}

.imagen_pago img {
    width: 100%;
}

.solicita {
    background-color: #3D9735;
    width: 40%;
    background-image: url("../img/Amigo/tarjeta_blanco.png");
    background-repeat: no-repeat;
    background-position: 20px;
    float: left;
    margin: 1%;
    padding: 3%;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

    .solicita:hover {
        background-color: #333;
    }

    .solicita a {
        color: #fff;
        text-decoration: none !important;
    }

.regala {
    background-color: #3D9735;
    background-image: url("../img/Amigo/regalo_blanco.png");
    background-repeat: no-repeat;
    background-position: 20px;
    width: 40%;
    margin: 1%;
    float: right;
    padding: 3%;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

    .regala:hover {
        background-color: #333;
    }

    .regala a {
        color: #fff;
        text-decoration: none !important;
    }

.bloque_botones {
    display: inline-block;
    width: 90%;
    margin: auto;
    margin: 4%;
}

.bloque_texto_amigo {
    width: 90%;
    text-align: justify;
    margin: auto;
}

.left {
    float: left;
    width: 40%;
}

    .left img {
        width: 80%;
    }

.right {
    float: right;
    width: 60%;
}

.nota_amigo {
    font-size: 0.8em;
    text-align: center;
    width: 90%;
    margin: auto;
}

.pestana a {
    color: #fff !important;
}

.pestana_venta a {
    color: #fff !important;
}

/*TERRAZA*/

.terraza_superior {
    background-image: url(/img/Terraza/terraza_1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12rem 0px;
    position: relative;
}

.terraza_llamador {
    background-color: #6D3C3D;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 10%;
    left: 45%;
}

    .terraza_llamador i {
        color: #fff;
        font-size: 3em;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

.terraza_llamador:hover {
    background-color: #597920;
    cursor: pointer;
}

.terraza_cuerpo_izquierda {
    float: left;
    width: 40%;
    padding: 0px 5%;
}

.terraza_cuerpo_izquierda_imagen {
    text-align: center;
    margin-bottom: 1rem;
}

.terraza_cuerpo_izquierda_imagen img {
    width: 80%;
}

.terraza_cuerpo_derecha {
    float: right;
    width: 55%;
    background-image: url(/img/Terraza/fondo.svg);
    background-position: top center;
    background-repeat: no-repeat;
}

.terraza_cuerpo_derecha table {
    width: 80%;
    margin: 3rem auto;
}

    .terraza_cuerpo_derecha table tr td {
        text-align: center;
        vertical-align: middle;
    }

    .terraza_cuerpo_derecha table tr td a i {
        font-size: 2em;
        padding: 1rem;
        color: #fff;
        background-color: #6D3C3D;
        border-radius: 100px;
    }

        .terraza_cuerpo_derecha table tr td a i:hover {
            background-color: #597920;
        }

        .terraza_cuerpo_derecha table tr td a span {
            display: block;
            clear: both;
            font-weight: bold;
            margin-top: 1rem;
        }

.terraza_video {
    background-color: #6D3C3D;
    display: block;
    position:relative;
    margin: 7em 0px;
    padding: 1em 0px;
}

.imagen_marron {
    position: absolute;
    width: 30%;
    top: -22%;
    right: 20%;
}

    .imagen_marron img {
        width: 100%;
    }

    .terraza_video h2 {
        float: left;
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 3rem;
        width: 40%;
        padding: 0rem 3rem;
    }

.terraza_video_frame {
    float: right;
    width: 60%;
    position: relative;
}

.terraza_video_frame iframe {
    position: absolute;
    right: 0px;
    top: -60px;
}

.terraza_rrss {
    padding: 1rem 0px;
    /*text-align: justify;*/
}

.terraza_rrss_izquierda {
    float: left;
    width: 40%;
    padding: 1rem;
    /*text-align: justify;*/
}

    .terraza_rrss_derecha {
        float: right;
        background-image: url(/img/Terraza/fondo.svg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
        padding-top: 8rem;
        padding-bottom: 30rem;
    }

        .terraza_rrss_derecha p {
            padding-bottom: 1rem;
        }

        .terraza_rrss_izquierda img {
            width: 100%;
            height: auto;
            margin-top: 1rem;
        }

    .volver a {
        font-weight: bold;
        font-size: 1.2rem;
        text-transform: uppercase;
    }

        .volver a:hover {
            color: #597920;
        }

.confirma_registrado a {
    color: #FFF !important;
}

/*ENCUESTA*/

.encuesta .text-primary {
    color: #597920 !important;
}

.encuesta .btn-outline-primary {
    color: #597920;
    border-color: #597920;
}

    .encuesta .btn-outline-primary:hover {
        color: #fff;
        background-color: #597920;
        border-color: #597920;
    }

.encuesta_bloque {
    border: 4px #597920 solid;
    padding: 1rem 1rem 2rem;
    margin: 2rem auto;
    display: block;
    clear: both;
    border-radius: 10px;
}

    .encuesta_bloque h2 {
        color: #6D3C3D;
        text-transform: uppercase;
        font-size: 1.5rem;
        letter-spacing: 2px;
    }

.encuesta_bloque_opcion {
    display: table-cell;
    float: left;
    width: 33%;
}

.encuesta_boton {
    text-align: right;
}

    .encuesta_boton input {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .encuesta_bloque a {
        color: #597920 !important;
        border: 1px #597920 solid;
        border-radius: 10px;
        line-height: 2.5rem;
        width: 250px;
        margin: 1em auto;
        font-weight: bold;
    }

        .encuesta_bloque a:hover {
            background-color: #597920;
            color: #fff !important;
        }

.boton_modal a {
    display: block;
    margin: 1rem auto;
    background-color: #597920;
    color: #fff !important;
    line-height: 3rem;
    width: 250px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px #597920 solid;
}

    .boton_modal a:hover {
        background-color: #fff;
        color: #597920 !important;
    }

    /*RESPONSIVO*/
    @media only screen and (max-width: 1024px) {
        .index_contenido {
            padding-top: 300px;
        }

    .index_tarjeta_amigo_bloque_derecha h3 {
        font-size: 6em;
    }

    .hilo {
        width: 65%;
    }

    .productos_inferior_resumen_cantidad {
        background-position: right top 10px;
    }

    #horarios, #horarios2 {
        width: 84%;
        text-align: initial;
    }
}

@media only screen and (max-width: 800px) {
    .noPc {
        display: block;
    }

    .noMovil {
        display: none !important;
    }

    .nopad {
        padding: 0px;
    }

    .RES800 {
        display: block;
    }

    .RES600 {
        display: none;
    }

    h2 {
        text-align: center;
        text-indent: 0px;
    }

    .index_titulo_novedades h2 {
        margin-top: 0px;
    }
    /*Plantilla*/

    .arriba {
        position: fixed;
        right: 0.5em;
        bottom: 1em;
    }

    .cabecera_barra {
        display: none;
    }

    .cabecera {
        background-color: #F3F3F3;
        position: absolute;
        z-index: 2;
        color: #3D9735;
        padding-bottom: 0px;
    }

    .sinfondo {
        background-color: transparent;
        color: #fff;
    }

    .cuerpo {
        margin-top: calc(45px + 1em);
        background-color: #F4F4F4;
    }

    #cuerpo {
        background-color: #f4f4f4;
    }

    .contenido {
        width: 100%;
    }

    .acceso_cuenta {
        position: absolute;
        top: 14px;
        right: 14px;
        color: #fff;
        z-index: 1000;
    }

        .acceso_cuenta a i {
            font-size: 1.5em;
            color: #597920;
            padding-top: 0.25em;
        }

    .acceso_cuenta2 {
        position: fixed;
        color: #3D9735;
    }

        .acceso_cuenta2 a i {
            /*color: #3D9735;*/
            transition: all 0.5s ease-in-out 0s;
        }

    /*.iconoPortada {
        color:#fff;
    }*/

    .iconoInterior {
        color: #00423F;
        display: none;
    }

    .user_verde {
        color: #00423F !important;
    }

    .cabecera {
        border-bottom: 2PX #597920 solid;
        background-color: #FFF;
    }

    .logotipo,
    .logotipoVerde {
        padding: 0px;
        margin: 12px;
    }

        .logotipo img,
        .logotipoVerde img {
            width: auto;
            max-height: 40px;
        }

    .logotipo {
        display: none;
    }

    .menu {
        display: none !important;
    }

    .menu_movil {
        left: -100%;
        position: absolute;
        float: none;
        width: 100%;
        clear: both;
        transition: all 0.5s ease-in-out 0s;
        background-color: #f4f4f4;
        padding: 1em;
        top: 0;
        z-index: 100;
    }

    .menu_abierto {
        left: 0px;
        position: fixed;
        height: 3000px;
        transition: all 0.5s ease-in-out 0s;
    }

    .menu_abierto2 {
        left: -100%;
        position: fixed;
        height: 3000px;
        transition: all 0.5s ease-in-out 0s;
    }

    .menu_movil a:hover {
        background-color: #91C24F;
        color: #fff;
        text-decoration: none;
    }

    .menu_movil h3 {
        color: #3D9735;
    }

    .menu_movil a {
        display: block;
        clear: both;
        line-height: 2em;
    }

        .menu_movil a:hover {
            color: #3D9735;
            text-indent: 2em;
            background-color: transparent;
        }

    .menu_movil span {
        color: #999;
    }

    .redesMOV {
        float: right;
        padding-right: 2rem;
    }

    .redesMOV table tr td {
        padding: 0.5rem;
    }

        .redesMOV table tr td img {
            height: 20px;
            width: auto;
        }

        .espacios_faldon_contenido,
        .espacio_faldon {
            display: block;
            padding: 0px;
        }

    .espacioTrip,
    .espacioQ {
        display: none;
    }

    .espacioRedes,
    .negro_derecha,
    .negro_izquierda {
        float: none;
        width: 100%;
        display: block;
    }

        .espacioRedes h3 {
            display: none;
        }

        .espacioRedes table {
            margin: 0px auto;
        }

            .espacioRedes table tr {
                display: table-cell;
            }

                .espacioRedes table tr td span {
                    display: none;
                }

                .espacioRedes table tr td img {
                    height: auto;
                    height: 45px;
                    padding: 0.25em;
                }

    .pie_kit img {
        width: 90%;
        height: auto;
    }

    .negro_izquierda {
        text-align: center;
        margin-bottom: 1.5em;
    }

    .negro_derecha table {
        float: none;
        width: 100%;
    }

        .negro_derecha table tr td {
            text-align: center;
        }

            .negro_derecha table tr td img {
                width: 90%;
                height: auto;
                max-width: 100px;
            }

        .negro_derecha table tr td {
            padding: 0px 5px;
        }

    .pagoSeguro img {
        width: 90%;
    }

    .slogan {
        display: none;
    }

    .pickmeup .pmu-instance {
        width: 100% !important;
        height: 200px !important;
    }

    .documento a {
        width: auto;
    }

    .pie_faldon h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .pie_faldon h3 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .pie_faldon_instalaciones table tr td {
        display: block;
        clear: both;
        width: 90%;
        margin: 0px auto;
    }

    .patrocinadores a  {
        padding: 0px;
    }

    /* Index */

    .imagen_portada {
        position: relative
    }

    .index_slogan {
        position: absolute;
        width: 90%;
        left: 5%;
        text-align: center;
        top: 40%;
    }

    .imagen_portada img {
        width: 100%;
        height: auto;
    }

    .index_posicion_busca {
        top: initial;
        position: relative;
        z-index: initial;
    }

    .index_contenido {
        padding-top: 0px;
    }

    .index_pestanas {
        border-radius: 0px;
        box-shadow: 0px 0px 0px #333;
        -webkit-box-shadow: 0px 0px 0px #333;
        -moz-box-shadow: 0px 0px 0px #333;
        width: 100%;
        font-size: 0.7em;
        margin-top: -10px;
        z-index: 1;
        display: table;
    }

    .compra_pestanas {
        display: table;
        width: 100%;
        margin: 0px auto;
        background-color: #91C24F;
    }

    .pestana,
    .pestana_venta {
        display: block;
        width: 33%;
        float: left;
    }

    /*#pestana2,
    #pestanaVenta2 {
        width:34.2%;
    }*/

    .imagen_pestana img {
        height: 20px;
        width: auto;
    }

    .pestana_venta {
        font-size: 0.7em;
    }

    #pestana1 {
        border-radius: 0px;
    }

    .pestana1_derecha,
    .pestana1_izquierda {
        display: block;
        width: 100%;
    }

    .pestana1_izquierda_calendario,
    .pestana1_izquierda_boton {
        float: none;
        margin: 0px auto;
        text-align: center;
    }

        .pestana1_izquierda_calendario input,
        .pestana1_izquierda_boton input {
            max-width: 320px;
            width: 100%;
        }

    .hilo {
        width: 100%;
        font-size: 9px;
    }

        .hilo div {
            display: block;
            float: left;
        }

    .bloque_pestana1_derecha {
        font-size: 1em;
    }

    #indexCalendario {
        width: 100%;
    }

    .index_calendario_temporada_alta, .index_calendario_temporada_baja, .index_calendario_temporada_cerrado {
        display: block;
        padding: 0.5em;
        width: 100%;
    }

    .index_contenido h2 {
        font-size: 5em;
        line-height: 50px;
    }

    .index_experiencia {
        width: 96%;
        padding-top: 1em;
    }

        .index_experiencia p {
            width: 90%;
            text-align: justify;
        }

        .index_experiencia h3 {
            width: 100%;
        }

    .index_experiencia_imagen {
        margin: 1em auto;
        float: none;
    }

        .index_experiencia_imagen img {
            width: 70%;
            max-width: 350px;
        }

    .index_experiencia_barrita_azul {
        width: 100px;
    }

    .index_novedad {
        width: 80%;
        margin: 0px auto;
        float: none;
        margin: 1em auto;
    }

    .index_novedad_imagen {
        height: 200px;
    }

    .index_tarjeta_amigo_bloque_derecha,
    .index_tarjeta_amigo_bloque_izquierda {
        display: block;
        width: 100%;
        text-align: center;
    }

        .index_tarjeta_amigo_bloque_izquierda img {
            width: 90%;
            height: auto;
            max-width: 450px;
        }

    .index_tarjeta_amigo_cab_mov h2 {
        text-align: center;
        color: #405d6f;
        font-family: "Anemone";
        font-weight: 300;
        margin-bottom: 0.5em;
        font-size: 6em;
        margin-top: 0.25em;
    }

    .index_tarjeta_amigo_cab_mov h3 {
        text-align: center;
        color: #91C24F;
    }

    /*.index_tarjeta_amigo a {
        display: block;
        width: 90%;
        background-color: #004441;
        border: 1px #004441 solid;
        color: #fff;
        text-align: center;
        font-weight: bold;
        line-height: 3em;
        margin: 0px auto;
        border-radius: 30px;
        text-decoration: none;
        max-width: 400px;
    }*/

    .index_tarjeta_amigo {
        background-color: #597920;
    }

    .index_tarjeta_amigo h2 {
        padding-top: 1rem;
        color: #f4f4f4;
        line-height: 2rem;
        padding: 1rem 2rem;
    }

    .index_tarjeta_amigo_bloque_derecha {
        color: #fff;
    }

        .index_tarjeta_amigo_bloque_derecha p {
            padding: 0px 2rem;
        }

        .index_tarjeta_amigo_bloque_izquierda {
            background-color: #fff;
            width: 100%;
            border-top: 4px #6D3C3D solid;
            border-bottom: 4px #6D3C3D solid;
        }

    .index_tarjeta_amigo_bloque_derecha a {
        background-color: #6D3C3D;
        border: 2px #fff solid;
        border-radius: 10px;
        color: #fff !important;
        text-align: center;
        width: 90%;
        display: block;
        line-height: 3rem;
        text-decoration: none;
        margin: 1rem auto;
    }

    .index_tarjeta_amigo_destacado {
        color: #fff;
        font-size: 1.5rem;
    }

    /*Venta*/
    #pestanaVenta1,
    #pestanaVenta2 {
        border-radius: 0px;
    }

    .contenido_venta_selector_medio,
    .selector_medio_horario {
        width: auto;
        margin-top: 1em;
    }

    .selector_medio_horario {
        font-size: 0.7em;
    }

    .contenido_venta_titulo h2 {
        text-align: left;
        font-size: 14px;
    }

    .contenido_venta_titulo_subtexto {
        font-size: 0.8em;
        margin-top: -1.3em;
        color: #405d6f;
    }

    .contenido_venta,
    .prodducto_bloque {
        width: auto;
    }

    /*.contenido_venta_fecha,
    .contenido_venta_fecha_boton {
        float: none;
        text-align: left;
        box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px #ccc;
        -moz-box-shadow: 0px 0px 0px #ccc;
        border-radius: 0px;
        padding: 0.25em;
        width: 100%;
        margin: 0px auto;
    }*/

    .contenido_venta_fecha,
    .contenido_venta_hora {
        transition: all 0.2s ease-in-out 0s;
        display: block;
        /*border-radius: 100px;*/
        padding: 1em 0.5em;
        margin: 0px auto;
        width: auto;
        box-shadow: 0px 0px 0px #ccc;
        webkit-box-shadow: 0px 0px 0px #ccc;
        -moz-box-shadow: 0px 0px 0px #ccc;
        background: #f4f4f4;
        margin-top: 1em;
    }

    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        display: block;
        float: left;
        color: #00423F;
        font-weight: bold;
        padding: 0.25em 1em;
        font-size: 0.9em;
    }

    .contenido_venta_fecha button,
    .contenido_venta_hora button {
        border: 0px;
        font-weight: bold;
        font-family: Montserrat;
        line-height: normal;
        padding: 0.5em;
        float: right;
        background-image: linear-gradient(to right, #009644, #76C242);
        color: white;
        font-size: 0.9em;
        padding: 1em;
        border-radius: 100px;
        margin: 0.25em;
    }

        .contenido_venta_fecha button:hover,
        .contenido_venta_hora button:hover {
            cursor: pointer;
        }

    #horarios, #horarios2 {
        width: auto;
    }

    .contenido_venta_hora_cadahora, .contenido_venta_hora_cadahora_barrancos {
        margin: 3% 1%;
        width: 30%;
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    .producto_bloque {
        width: 98%;
    }

        .producto_bloque h3 {
            font-size: 1em;
        }

    .producto_imagen {
        width: 30%;
        height: auto;
        margin-left: 1%;
    }

    .producto_datos_texto {
        width: 67%;
        margin-bottom: 1em;
    }

    .producto_datos_valores {
        float: none;
        width: auto;
        display: block;
        clear: both;
    }

    .precio_borde {
        border: 0px;
    }

    .producto_datos_precio {
        text-align: center;
    }

    .precio_final {
        float: right;
        padding-right: 1.7em;
    }

    .productos_inferior_resumen_nombre,
    .productos_inferior_resumen_linea {
        display: block;
        width: 100%;
        clear: both;
        position: relative;
    }

    .productos_inferior_resumen_nombre {
        font-weight: bold;
        padding-right: 16px;
    }

    .productos_inferior_resumen_fecha,
    .productos_inferior_resumen_precio,
    .productos_inferior_resumen_cantidad,
    .productos_inferior_resumen_total {
        border-bottom: 1px #fff dashed;
        padding: 0.5em 0px;
        width: 3%;
    }

    .productos_inferior_resumen_cantidad {
        background-size: 25%;
        padding-right: 30px;
    }

    .productos_inferior_resumen_eliminar {
        position: absolute;
        top: 16px;
        right: 0px;
    }

    .productos_inferior_resumen_fecha {
        text-align: left;
    }

    .productos_resumen_precio_boton input {
        width: 100%;
    }

    /*Confirmacion*/

    .hilo_confirma {
        border-radius: 0px;
    }

    .contenido_confirma {
        padding: 1em;
    }

        .contenido_confirma h2 {
            padding-top: 2rem;
            border-top: 1px silver solid;
            margin-top: 1rem;
        }

    .confirma_tiempo_carrito {
        color: #6D3C3D;
        font-weight: bold;
        font-size: 1.2em;
        float: right;
        width: 60%;
    }

    .confirma_tiempo_carrito_texto {
        font-size: 10px;
    }

    .productos_resumen {
        width: auto;
    }

    .confirma_codigo_promocional {
        /*float: none;*/
        display: table;
        /*margin: 1em 0px;*/
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 230px;
    }

    .contenido_confirma_venta_cruzada {
        margin-top: 1em;
    }

        .contenido_confirma_venta_cruzada h2 {
            text-indent: 0px;
            margin: -0.8em -0.8em 1em -0.8em !important;
        }

        .contenido_confirma_venta_cruzada p {
            text-align: center;
        }

    /*VUELTA*/

    .pago_correcto h2 {
        width: auto;
        float: none;
    }

    .pago_correcto_productos a {
        display: block;
    }

    /*USUARIOS*/

    .usuarios_texto_movil {
        width: 90%;
        margin: 0px auto;
        text-align: justify;
    }

    .zona_usuario_contenedor {
        width: auto;
        border-radius: 0px;
    }

    .zona_usuarios_item div {
        width: 80px;
        height: 80px;
        transition: all 0.2s ease-in-out 0s;
        font-size: 0.9em;
        line-height: 1em;
    }

    .zona_usuarios_item i {
        font-size: 1em;
    }

    .usuario_compra_dato,
    .usuario_compra_linea {
        display: block;
        width: auto;
    }

    .usuario_compra_dato {
        padding: 0px;
    }

    .usuario_linea_producto {
        width: auto;
        display: block;
    }

    /*PÁGINAS LEGALES*/
    .paginas_legales {
        padding: 5%;
    }

        .paginas_legales table th {
            display: none;
        }

        .paginas_legales table tr:first-child {
            display: none;
        }

        .paginas_legales table tr {
            display: block;
            width: 90%;
            margin: 1em auto;
            border: 1px silver solid;
        }

            .paginas_legales table tr td {
                display: block;
                padding: 0.5em;
                background-color: #fff;
            }

                .paginas_legales table tr td:nth-child(2)::before {
                    display: block;
                    font-weight: bold;
                    content: "Nombre";
                    text-align: center;
                }

                .paginas_legales table tr td:nth-child(3)::before {
                    display: block;
                    font-weight: bold;
                    content: "Propósito";
                    text-align: center;
                }

                .paginas_legales table tr td:nth-child(4)::before {
                    display: block;
                    font-weight: bold;
                    content: "Más información";
                    text-align: center;
                }

                .paginas_legales table tr td:first-child {
                    background-color: #405d6f;
                    color: #fff;
                    text-align: center;
                }

        .paginas_legales ul {
            padding-left: 20px;
        }

            .paginas_legales table a,
            .paginas_legales ul li a {
                text-align: center;
                line-height: 2em;
                display: block;
            }

    /*---AGENTES ----*/
    .agente_espacio {
        padding: 0.5em;
    }

    .agente_nombre, .agente_imagen {
        font-size: 1em;
        color: #405d6f;
    }

        .agente_imagen img {
            max-height: 30px;
            width: auto;
        }

    .cuerpo_agente {
        padding-top: 50px;
    }

    .slick-slide {
        margin: 0px 14px;
    }

    /* TARJETA AMIGO*/

    .amigo {
        width: 96%;
        margin: 0px auto;
    }

    .amigo_bloque {
        width: 100%;
    }

    .amigo_iniciar,
    .amigo_registrar {
        display: block;
        width: 100%;
    }

    .amigo_iniciar_form,
    .amigo_iniciar_texto,
    .amigo_registrar_texto {
        border: 0px;
    }

    .amigo_iniciar_faq {
        border-bottom: 1px silver dashed;
    }

    amigo_iniciar_texto, .amigo_registrar_texto {
        padding: 1em 1em;
        height: auto;
    }

    .amigo_bloque h2 {
        margin-top: 0px;
    }

    .texto_sin_productos {
        margin-top: 10px;
    }

    .left img {
        width: 100%;
    }

    .solicita {
        background-color: #3D9735;
        width: 45%;
        background-image: none;
        background-repeat: no-repeat;
    }

    .regala {
        background-image: none;
        background-position: 20px;
        width: 45%;
    }

    .imagen_seguro {
        background-image: none;
    }

    #seguro-item {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .RES600 {
        display: block;
    }

    .RES800 {
        display: none;
    }

    /*.usuario_linea_producto_detalle{
        width:100%;
    }*/

    /*.usuario_linea_producto_reserva_detalle {
        width: 100%;
    }*/

    .slick-list {
        padding-bottom: 0.5em;
    }

    .confirma_codigo_promocional_bolo_espacio {
        padding-right: 0.5em;
    }

    .confirma_codigo_promocional_form input[type=submit] {
        padding: 0px 20px;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 190px;
    }

    .confirma_pago_seguro {
        margin-top: 0px;
        font-size: 0.9em;
    }

    #horarios, #horarios2 {
        width: 100%;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 2% 5%;
    }*/

    /*USUARIOS*/

    /*usuarios*/

    .zona_usuarios_item div {
        width: 80px;
        height: 80px;
        transition: all 0.2s ease-in-out 0s;
        font-size: 0.9em;
        line-height: 1em;
        margin: 0px auto;
    }

    .zona_usuarios_item {
        display: block;
        padding: 0px;
        width: 50%;
        float: left;
        margin: 1em 0px;
        height: 90px;
    }

    .zona_usuarios_tabla {
        text-align: center;
    }

    .zona_usuarios_tabla_agente {
        width: 100%;
    }

    .zona_usuarios_item_agente {
        width: 33%;
    }

    .pago_correcto_texto span {
        color: #3D9735;
        font-size: 16px;
    }

    .left {
        width: 100%;
        margin: auto;
        text-align: center;
        padding-top: 2em;
    }

        .left img {
            width: 70%;
        }

    .right {
        width: 100%;
    }

    .bloque_botones {
        display: block;
        width: 90%;
        margin: 1em auto;
    }

    .solicita, .regala {
        display: block;
        width: 100%;
        margin: 1em auto;
        line-height: 3em;
    }

    .contenido_venta_selector_tarifas {
        width: 100%;
        border-radius: 30px;
    }

    .selector_tarifa {
        width: 90%;
    }

    .producto_imagen {
        text-align: center;
    }

    .producto_imagen,
    .producto_datos_texto {
        float: none;
        display: block;
        width: 96%;
        margin: 0px auto;
    }

        .producto_imagen img {
            width: 80%;
            height: auto;
        }

    #seguro-item {
        width: 100%;
    }

    .seguroBanner {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }

    .imagen_seguro {
        background-image: none;
    }

    .imagen_seguro img:nth-child(1) {
        display: none;
    }

    .confirma_barra_discontinua {
        border: 0px;
    }

    .loginFinal {
        width: 96%;
        margin: 0px auto;
        float: none;
    }

    .usuarioLogin input, .usuarioLogin select {
        width: 92%;
    }

    .form-group #show_passwordA {
        position: absolute;
        top: 10px;
        right: 12%;
    }

    .login_pasword a, .login_nuevo a {
        line-height: 3em;
        width: 90%;
    }

    .confirma_precio_total {
        margin-bottom: 0px;
        position: fixed;
        bottom: 0px;
        background: #fff;
        z-index: 1000;
        width: 100%;
        padding: 1rem;
        left: 0;
    }

    .terraza_superior {
        padding: 8rem 0px;
    }

    .terraza_llamador {
        width: 40%;
        left: 30%;
    }

    .terraza_cuerpo_izquierda,
    .terraza_cuerpo_derecha {
        width: 96%;
        float: none;
        margin: 0px auto;
    }

    .terraza_cuerpo_izquierda_imagen {
        float: left;
        width: 33%;
    }

    .terraza_cuerpo_derecha img {
        width: 96%;
        margin: 0px auto;
    }

    .terraza_video_frame {
        width: 100%;
        float: none;
    }

        .terraza_video_frame iframe {
            position: relative;
            width: 100%;
            top: 0px;
        }

        .terraza_video h2 {
            width: 100%;
            padding: 1rem 0px;
            float: none;
        }

    .terraza_rrss_izquierda,
    .terraza_rrss_derecha {
        width: 100%;
        padding: 1rem;
        float: none;
    }

    .loginFinal p {
        width: 90%;
    }

    .identificacionIzquierda,
    .identificacionDerecha {
        float: none;
        width: 96%;
        margin: 0px auto;
        padding: 0px;
    }

    .identificacionBot,
    .registroBot,
    .invitadoBot {
        display: block;
        text-align: center;
        background-color: #597920;
        color: #fff !important;
        line-height: 2.5rem;
        width: 90%;
        margin: 0px auto;
    }

    .identificacionCont,
    .registroCont,
    .invitadoCont {
        display: none;
    }

    .botoneraConf span {
        font-size: 0.8em;
        background-color: #f4f4f4;
        display: block;
        width: 90%;
        margin: 0px auto;
        padding: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .botoneraConf p {
        text-align: justify;
        font-size: 0.9em;
        width: 90%;
        margin: 1rem auto;
    }

    .form-group {
        position: relative;
    }

    .form-group #show_passwordC, .form-group #show_passwordR, .form-group #show_passwordRegistroPass, .form-group #show_passwordA, .form-group #show_passwordB {
        position: absolute;
        top: 40px;
        right: 12%;
    }

    .enlaceIdentificado,
    .enlaceIdentificado2 {
        font-weight: bold;
    }

    .confirma_registrado {
        font-size: 0.8REM;
    }

    .encuesta_bloque_opcion {
        display: block;
        clear: both;
        text-align: center;
        padding: 1rem 0px;
        width: 100%;
    }

    .encuesta_bloque_opcion span {
        display: block;
        clear: both;
    }
}

@media only screen and (max-width: 380px) {
    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        font-size: 0.75em;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 2% 3%;
    }*/

    .confirma_tiempo_carrito {
        width: 50%;
    }

    .confirma_boton_pie input[type=submit] {
        width: 100%;
    }

    .confirma_codigo_promocional {
        margin-right: 0px;
    }

    .confirma_codigo_promocional_bolo_espacio {
        padding-right: 0.25em;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 170px;
    }

    .confirma_codigo_promocional_form input[type=submit] {
        padding: 0px 16px;
    }

    .pie_oficial {
        font-size: 0.9em;
    }

    .texto_sin_productos {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 330px) {
    .espacioRedes table tr td img {
        height: 40px;
    }

    /*.contenido_venta_fecha,
    .contenido_venta_hora {
        transition: all 0.2s ease-in-out 0s;
        display: block;
        border-radius: 10px;
        padding: 0.25em;
        margin: 1em auto;
        width: auto;
        line-height: 3em;
        background-color: #f4f4f4;
        text-align: center;
    }*/

    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        float: none;
    }

    .contenido_venta_fecha_boton,
    .contenido_venta_hora_boton {
        float: none;
        text-align: center;
    }

    .contenido_venta_fecha button,
    .contenido_venta_hora button {
        float: none;
    }

    .contenido_venta_titulo_subtexto {
        margin-top: auto;
    }

    .confirma_registrado a {
        padding: 0.5em;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 3% 1%;
    }*/
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}