@charset "UTF-8"; #loading-mask, .loading-mask { cursor: progress; display: none; font-size: 1.1em; font-weight: bold; position: fixed; text-align: center; width: 100%; height: 100%; z-index: 20002; left: 0; top: 0; } .background-overlay { background-color: #fff; opacity: .5; filter: Alpha(Opacity=50); position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .loading_mask_loader { font-weight: bold; left: 50%; margin-left: -22px; margin-top: -22px; padding: 6px 0; position: fixed; text-align: center; top: 50%; width: 44px; height: 44px; z-index: 1000; font-size: 16px; color: #fff; background-color: transparent; } i.ajax-loader { display: inline-block; vertical-align: middle; border-style: solid; border-color: #21a7d8; border-radius: 20px; border-bottom-color: transparent !important; border-width: 3px 5px 2px 0; width: 32px; height: 32px; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .animate-spin { -moz-animation: spin 0.8s infinite linear; -o-animation: spin 0.8s infinite linear; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } } @-ms-keyframes bounceOut { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } .ph-item { position: relative; display: flex; flex-wrap: wrap; padding: 30px 15px 15px 15px; overflow: hidden; margin-bottom: 30px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 2px; } .ph-item, .ph-item *, .ph-item ::after, .ph-item ::before { box-sizing: border-box; } .ph-item::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; width: 500%; margin-left: -250%; animation: phAnimation .8s linear infinite; background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; } .ph-item > * { flex: 1 1 auto; display: flex; flex-flow: column; padding-right: 15px; padding-left: 15px; } .ph-row { display: flex; flex-wrap: wrap; margin-bottom: 7.5px; } .ph-row div { height: 10px; margin-bottom: 7.5px; background-color: #ced4da; } .ph-row .big, .ph-row.big div { height: 20px; margin-bottom: 15px; } .ph-row .empty { background-color: rgba(255, 255, 255, 0); } .ph-col-2 { flex: 0 0 16.66667%; } .ph-col-4 { flex: 0 0 33.33333%; } .ph-col-6 { flex: 0 0 50%; } .ph-col-8 { flex: 0 0 66.66667%; } .ph-col-10 { flex: 0 0 83.33333%; } .ph-col-12 { flex: 0 0 100%; } .ph-avatar { position: relative; width: 100%; min-width: 60px; background-color: #ced4da; margin-bottom: 15px; border-radius: 50%; overflow: hidden; } .ph-avatar::before { content: " "; display: block; padding-top: 100%; } .ph-picture { width: 100%; height: 120px; background-color: #ced4da; margin-bottom: 15px; } @keyframes phAnimation { 0% { transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); } } .fade-in-right { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .fade-in-left { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .steps { position: relative; height: 50px; margin-bottom: 30px; } .steps__step { border-radius: 50% !important; width: 50px; height: 50px; background-color: #e5e5e5; position: absolute; z-index: 3; text-align: center; } .steps__step::before { font-size: 200%; line-height: 50px; } .steps__step--1 { left: 0; } .steps__step--2 { left: 0; right: 0; margin-left: auto; margin-right: auto; } .steps__step--ultimo { right: 0; left: auto; } .steps__step--1::before { content: "1"; } .steps__step--2::before { content: "2"; } .steps__step--3::before { content: "3"; } .steps__step--active, .steps__step--visited { background-color: #25d998; } .steps__step--active::before, .steps__step--visited::before { color: #fff; } .steps__step--visited::before { content: "\F00C"; font-family: FontAwesome; } .steps__barra { background-color: #e5e5e5; height: 7px; width: 100%; position: absolute; top: 21.5px; z-index: 1; } .steps__barra--progresso { background-color: #25d998; width: 28%; z-index: 2; transition: width 300ms ease-in; } .steps__titulo { font-size: 110%; display: block; margin: 5px -20px; } .steps__step--active.steps__step--2 ~ .steps__barra--progresso, .steps__step--visited.steps__step--2 ~ .steps__barra--progresso { width: 72%; } .steps__step--active.steps__step--ultimo ~ .steps__barra--progresso, .steps__step--visited.steps__step--ultimo ~ .steps__barra--progresso { width: 100%; } #area-do-cliente .ac-content article { display: none; } #area-do-cliente .ac-content h3 { font-size: 1.7em; font-weight: normal; color: #08c; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } #area-do-cliente .ac-content .lead { font-size: 21px; line-height: 1.4; } #area-do-cliente .ac-content h3 { margin-bottom: 25px; } #area-do-cliente .ac-content hr.tall { margin: 20px 0; } #area-do-cliente .ac-content p:last-child { margin-bottom: 0px; } #area-do-cliente .ac-content .article { display: none; } #area-do-cliente .ac-content .ac-painel { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); clear: both; border-radius: 4px; margin-bottom: 20px; } #area-do-cliente .ac-content .ac-painel:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18), 0 3px 1px -2px rgba(0, 0, 0, 0.25), 0 1px 5px 0 rgba(0, 0, 0, 0.18); } #area-do-cliente .ac-content .ac-painel .lado-painel { border-left: 1px solid rgba(0, 0, 0, 0.14); height: 100%; } #area-do-cliente .ac-content .ac-painel .painel-top { width: 100%; float: left; padding: 30px 60px; } #area-do-cliente .ac-content .ac-painel .painel-top .form-group:last-child p { margin-bottom: 0; padding-bottom: 0; } #area-do-cliente .ac-content .ac-painel .painel-top .painel-status { font-size: 18px; } #area-do-cliente .ac-content .ac-painel .painel-top .lateral-painel { float: right; background-color: #e5e5e5; width: 100%; } #area-do-cliente .ac-content .ac-painel .bottom-painel { border: 1px solid rgba(0, 0, 0, 0.05); width: 100%; clear: both; padding: 20px 60px; box-sizing: border-box; background-color: #F9F9FB; } #area-do-cliente .ac-content .ac-painel .bottom-painel button { margin-left: auto; display: block; } @media (max-width: 768px) { #area-do-cliente .ac-content .ac-painel .painel-top { padding: 30px 20px; } } #area-do-cliente .ac-content #ac-endereco-cadastrado .col-xs-3, #area-do-cliente .ac-content #sua-conta-endereco-cadastrado .col-xs-3 { border: 5px dashed #eee; min-height: 150px; padding: 20px; transition: 200ms; margin: 0% 4% 2%; } #area-do-cliente .ac-content #ac-endereco-cadastrado .col-xs-3:hover, #area-do-cliente .ac-content #sua-conta-endereco-cadastrado .col-xs-3:hover { border: 5px dashed #ccc; color: #222; } #area-do-cliente .ac-content .col-xs-3 a.novo-endereco { color: #777; } #area-do-cliente .ac-content .col-xs-3:hover a.novo-endereco i { color: #08c !important; } #area-do-cliente .ac-content .col-xs-3 a.novo-endereco { font-size: 90px; text-align: center; width: 100%; display: block; } #area-do-cliente .ac-content .painel-top .form-control-static { padding-top: 0px; } #area-do-cliente .menu { text-align: center; } #area-do-cliente .menu ul { margin-bottom: 15px; display: flex; justify-content: center; -webkit-justify-content: center; } #area-do-cliente .menu ul li { border-bottom: 1px solid #d6d6d6; padding: 0px 16px 10px; transition: 300ms; } #area-do-cliente .menu ul li i, #area-do-cliente .menu ul li img, #area-do-cliente .menu ul li a > div { max-width: 100%; height: 80px; line-height: 80px; vertical-align: middle; font-size: 45px; display: block; } #area-do-cliente .menu ul li img { padding: 10px; -webkit-filter: brightness(0.4); filter: brightness(0.4); } #area-do-cliente .menu ul li:hover, #area-do-cliente .menu ul li.active { border-bottom: 1px solid #333; } .atalhos { border-radius: 5px; } .atalhos:before, .atalhos:after { content: " "; display: table; } .atalhos:after { clear: both; } .atalhos > div { padding: 5px 0px; } .atalhos > div a { height: 35px; } .atalhos.bordered { border-width: 1px; border-style: solid; } .atalhos.bordered > div { padding: 20px 15px; border-left-width: 1px; border-left-style: solid; border-left-color: inherit; } .atalhos.bordered > div:first-child { border-left-width: 0px; } @media (max-width: 1199px) { .atalhos .col-sm-6:nth-child(3) { border-left-style: none; } } .atalhos .fa { font-size: 34px; display: inline-block; vertical-align: middle; } .atalhos .fa:before { width: auto; } .atalhos .text-area { display: inline-block; vertical-align: middle; text-align: left; margin-left: 5px; } .atalhos h3 { font-size: 16px; margin: 0; line-height: 1.5; } .atalhos p { font-size: 12px; margin: 0; line-height: 1; } .atalhos.type2 { border: 0; background-color: transparent; } .atalhos.type2 i { color: #fff; background-color: #121214; border-radius: 50%; width: 62px; height: 62px; line-height: 62px; text-align: center; float: left; } .atalhos.type2 i.icon-truck { padding-right: 4px; } .atalhos.type2 .text-area { display: block; margin-left: 75px; } .atalhos.type2 .col-md-4 { border: 0; padding-top: 5px; padding-bottom: 5px; } .atalhos.type2 h3 { color: #000; font-size: 20px; margin: 0; line-height: 1; font-weight: 600; margin-bottom: 6px; } .atalhos.type2 em { font-size: 11px; font-style: normal; font-weight: 400; font-family: Arial; line-height: 1; margin-bottom: 12px; display: block; color: #878787; } .atalhos.type2 p { font-size: 14px; margin: 0; line-height: 1.3; color: #666; } .checkout__step.fade-in { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .checkout__step.fade-out { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .checkout__bandeiras { margin-bottom: 20px; } .checkout__bandeira { margin-bottom: 5px; margin-right: 10px; } .checkout__bandeira--opaca { opacity: 0.5; } .checkout__bandeira--indisponivel { opacity: 0.5; cursor: not-allowed; } .checkout__tab-content { display: none; background-color: #ecf0ef; border-radius: 5px; padding: 20px; float: left; width: 100%; margin-bottom: 10px; } .checkout__tab { border-radius: 5px; border: 1px solid #dfdfdf; padding: 10px 0; float: left; text-align: center; line-height: 39px; font-size: 120%; margin-bottom: 10px; } .checkout__tipo-pagamento { display: block; } .checkout__tipo-pagamento--credito:checked ~ .checkout__tab-content--credito { display: block; } .checkout__tipo-pagamento--credito:checked ~ .checkout__tab--credito { cursor: default; background-color: #ecf0ef; position: relative; border: 0; border-radius: 5px 5px 0 0; padding: 11px 1px; } @media screen and (min-width: 991px) { .checkout__tipo-pagamento--credito:checked ~ .checkout__tab--credito::after { content: ""; width: 100%; height: 11px; position: absolute; bottom: -10px; left: 0; background-color: #ecf0ef; } } .checkout__tab--credito { cursor: not-allowed; } .checkout__tipo-pagamento--credito:not([disabled]) ~ .checkout__tab--credito { cursor: pointer; } .checkout__tipo-pagamento--boleto:checked ~ .checkout__tab-content--boleto { display: block; } .checkout__tipo-pagamento--boleto:checked ~ .checkout__tab--boleto { cursor: default; background-color: #ecf0ef; position: relative; border: 0; border-radius: 5px 5px 0 0; padding: 11px 1px; } @media screen and (min-width: 991px) { .checkout__tipo-pagamento--boleto:checked ~ .checkout__tab--boleto::after { content: ""; width: 100%; height: 11px; position: absolute; bottom: -10px; left: 0; background-color: #ecf0ef; } } .checkout__tab--boleto { cursor: not-allowed; } .checkout__tipo-pagamento--boleto:not([disabled]) ~ .checkout__tab--boleto { cursor: pointer; } .checkout__tipo-pagamento--debito:checked ~ .checkout__tab-content--debito { display: block; } .checkout__tipo-pagamento--debito:checked ~ .checkout__tab--debito { cursor: default; background-color: #ecf0ef; position: relative; border: 0; border-radius: 5px 5px 0 0; padding: 11px 1px; } @media screen and (min-width: 991px) { .checkout__tipo-pagamento--debito:checked ~ .checkout__tab--debito::after { content: ""; width: 100%; height: 11px; position: absolute; bottom: -10px; left: 0; background-color: #ecf0ef; } } .checkout__tab--debito { cursor: not-allowed; } .checkout__tipo-pagamento--debito:not([disabled]) ~ .checkout__tab--debito { cursor: pointer; } .checkout__tipo-pagamento--loja:checked ~ .checkout__tab-content--loja { display: block; } .checkout__tipo-pagamento--loja:checked ~ .checkout__tab--loja { cursor: default; background-color: #ecf0ef; position: relative; border: 0; border-radius: 5px 5px 0 0; padding: 11px 1px; } @media screen and (min-width: 991px) { .checkout__tipo-pagamento--loja:checked ~ .checkout__tab--loja::after { content: ""; width: 100%; height: 11px; position: absolute; bottom: -10px; left: 0; background-color: #ecf0ef; } } .checkout__tab--loja { cursor: not-allowed; } .checkout__tipo-pagamento--loja:not([disabled]) ~ .checkout__tab--loja { cursor: pointer; } .checkout__tipo-pagamento--credito:checked ~ .checkout__tab-content--credito { border-radius: 0 5px 5px; } .checkout__tipo-pagamento--transferencia:checked ~ .checkout__tab-content--transferencia { border-radius: 5px 0 5px 5px; } .checkout__finalizacao .h1 { margin: 40px 0; } .checkout__finalizacao p { margin-bottom: 20px; } .checkout__finalizacao .bold { font-weight: 500; } .checkout__finalizacao hr { border-color: #dfdfdf; } .checkout__radio-debito, .checkout__radio-bandeira { opacity: 0; position: absolute; float: left; } .checkout__radio-bandeira:checked + .checkout__bandeira { transform: scale(1.1); } .checkout__radio-debito:checked + .checkout__bloco-debito { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); } .checkout__bloco-debito { width: 24%; margin-right: 1%; float: left; border-radius: 5px; text-align: center; padding: 20px 0; background: #fff; cursor: pointer; transition: 300ms; } .checkout__bloco-debito--indisponivel { opacity: 0.5; cursor: not-allowed; padding: 10px 0; } .checkout__bloco-debito:hover { box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); } @media screen and (min-width: 991px) { .checkout__tab:not(:first-of-type) { width: 24%; margin-left: 1%; } .checkout__tab:first-of-type { width: 25%; margin-left: 0; } } @media screen and (max-width: 992px) { .checkout__tab:not(:nth-of-type(2n+1)) { width: 49%; margin-left: 1%; } .checkout__tab:nth-of-type(2n+1) { width: 50%; margin-left: 0; } .checkout__tab img { display: block; margin: auto; } .checkout__bloco-debito { width: 49%; margin-bottom: 20px; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jul 14, 2015, 11:00:51 AM Author : leandro */ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .Development { display: none; } .sorting_asc { background: url("/images/sort_asc-max.png") no-repeat center right; } .sorting_desc { background: url("/images/sort_desc-max.png") no-repeat center right; } .sorting { background: url("/images/sort_both-max.png") no-repeat center right; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .position-show-produto-img { position: absolute; overflow: hidden; background-image: none; } #zoomProduto { border: 1px solid #ddd; border-radius: 7px; } #galeriaProduto { padding-left: 5px; padding-top: 10px; } #galeriaProduto img { border: 1px solid #ddd; border-radius: 7px; padding: 3px; overflow: hidden; } #galeriaProduto a { opacity: 0.4; padding-right: 10px; } #galeriaProduto a.active { opacity: 1; } .active img { border: 1px solid #ddd !important; border-radius: 7px; padding: 3px; overflow: hidden; } .thumb { width: 99px; height: 99px; } .elevatePainel { border-radius: 7px; height: 450px; width: 450px; } .etalage-wh { display: block; width: 449px; height: 523px; } .etalage-display { display: list-item; opacity: 1; position: absolute; overflow: hidden; background-image: none; } .inline-etalage { display: inline; width: 441px; height: auto; opacity: 1; } .zoom-image-etalage { position: absolute; top: 0px; left: 0px; opacity: 0; width: 385px; height: 450px; border: none; max-width: none; max-height: none; } .zoom-image-etalage-principal { position: absolute; top: 48.2944550669216px; left: 61.1492204899777px; opacity: 0; width: 385px; height: 450px; border: none; max-width: none; max-height: none; } .div-img-last { margin: 0px; padding: 0px; width: 324px; } .img-last-etalage { margin: 0px; padding: 0px; width: 441px; height: auto; display: inline; left: -117px; } .imgs-seconds { display: inline; width: 441px !important; height: 450px !important; } .magnifier-etalage { margin: 0px; padding: 0px; left: 121px; display: none; } .background-logogama-showp { background: #000 url("/images/logo-coral.png") no-repeat 90% 91%; background-size: 90px; float: right; } /*@media (max-width: 768px) { .outterdiv.jssor{height: 258px;} } @media (min-width: 768px) and (max-width: 992px) { .outterdiv.jssor{height: 258px;} } @media (min-width: 992px) and (max-width: 1200px) { .outterdiv.jssor{height: 332px;} } @media (min-width: 1200px) { .outterdiv.jssor{height: 400px;} }*/ /* *Dropdown no botão sair para desktop */ .top-links-container span li.relative a { position: relative; } .top-links-container .dropdown-sair { display: none; } .top-links-container .dropdown-sair.show { display: block; position: absolute; right: 0; background-color: #fff !important; border-radius: 3px; margin: 0; padding: 5px 0; text-align: right; border: 1px solid #ccc; width: 140px; } .top-links-container .dropdown-sair.show a { color: #414143 !important; } .top-links-container .dropdown-sair.show li { clear: both; display: block; text-align: left; border-left: 0; } /* *Totais footer do carrinho */ .cart-table tfoot .totals-cart-foot { padding: 0px; border-bottom: 1px solid #ececec; font-size: 16px; position: relative; } .cart-table tfoot .totals-cart-foot span { text-align: right; position: absolute; right: 0; line-height: 5px; } /* *VALIDA INPUT */ span.valid { display: block; } span.valid > textarea, span.valid > input { border-color: RGBA(77, 179, 162, 0.85); } span.valid > textarea:active, span.valid > input:active { box-shadow: none; } span.valid:before { content: "\F00C"; font-family: FontAwesome; color: #4DB3A2; font-size: 19px; position: absolute; padding: 8px; right: 15px; } span.invalid { display: block; } span.invalid > input, span.invalid > textarea { border-color: RGBA(255, 34, 42, 0.85); } span.invalid > input:active, span.invalid > textarea:active { box-shadow: none; } span.invalid:before { content: "\F00D"; font-family: FontAwesome; color: #FF222A; font-size: 19px; position: absolute; padding: 8px; right: 15px; } .invalid-bordercc { border-color: RGBA(255, 34, 42, 0.85); } .validborder-cc { border-color: #4DB3A2; } /** * bug */ .clearfix .btn-group, .tab-pane .clearfix .btn-group { display: inline-block; float: left; padding: 2px; } .popover-navigation .btn-group { float: left; } @media (min-width: 1200px) { .product-tabs .nav.nav-tabs { /*width: 50%;*/ } } @media (max-width: 991px) { .product-tabs > ul li { width: 33.33332%; } .product-tabs > ul li a { text-align: center; padding: 0; } } #vendas_mes img { width: 50%; } ul#escolha-bandeira li { margin-bottom: 0 !important; } .product-slider .item .product-image-area { position: relative; } .product-slider .item .item-area .product-image-area a { transition: 200ms; transform: scale(0.94); } .product-slider .item:hover .item-area .product-image-area a { transform: scale(1); } .item .ProductOption > button { display: inline-block; background-color: transparent; border: 1px solid #484747; color: #484747; transition: 100ms; } .item .ProductOption > button:hover { background-color: #0083C1; border: 1px solid #0083C1; color: #fff; } .item .ProductOption { transition: 200ms; opacity: 0; width: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: -40px; left: 0; right: 0; padding: 15px 0px; text-align: center; } .item:hover .ProductOption { opacity: 1; bottom: 0px; } .item .ProductOption:hover { background-color: rgba(255, 255, 255, 0.95); } .product-slider .slider-discount-title { text-align: center; position: relative; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .product-slider .slider-discount-title p { font-size: 200%; } .product-slider .slider-discount-title span { color: #e27c7c; } .product-slider .slider-discount-title i { font-size: 56px; border: 3px solid; border-radius: 100px; width: 56px; height: 56px; line-height: 52px; } .footer-bottom .container > * { position: relative; display: inline; vertical-align: middle; } /*** Page Loading ***/ .page-on-load { background: #fefefe; } .page-on-load .page-header, .page-on-load .page-container, .page-on-load .page-footer, .page-on-load > .clearfix { display: none; transition: all 2s; } /******** Homepage Bar(5) ***********/ .select-icons { width: 100%; height: 75%; margin-bottom: 20px; overflow-y: scroll; } .select-icons > div { padding: 20px; text-align: center; transition: all 0.2s ease-in-out; } .select-icons > div:hover i { color: #000000; } .select-icons > div i { color: #414143; font-size: 36px !important; cursor: pointer; } .select-icons:before, .select-icons:after { content: " "; display: table; } .select-icons:after { clear: both; } .select-header { width: 100%; } .select-header .titulo { position: absolute; z-index: 9999; color: #ffffff; left: 0; right: 0; text-align: center; margin: 5px 0; } .select-header .item { width: 50%; position: relative; float: left; padding: 0 8px; } .select-header img { cursor: pointer; width: 100%; transition: 100ms; } .select-header .item:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .select-header:before, .select-header:after { content: " "; display: table; } .select-header:after { clear: both; } .input-icon > i { color: #ccc; display: block; position: absolute; margin: 9px 2px 4px 10px; z-index: 3; width: 15px; font-size: 15px; text-align: center; } .input-icon .form-control { padding-left: 33px; } .icone-upload { color: #dddddd; cursor: pointer; font-size: 25px; } .finalizacao code, .confere code { background-color: #f5f5f5; border: 1px solid #eee; color: #666; } .finalizacao a:not(.btn), .confere a:not(.btn) { color: inherit; } .finalizacao .row, .confere .row { margin: 25px 0px; } .finalizacao .row i.fa, .confere .row i.fa { font-size: 52px; } .finalizacao .row [class*=col-], .confere .row [class*=col-] { transition: 150ms; padding: 15px; } .finalizacao .row [class*=col-]:hover, .confere .row [class*=col-]:hover { background-color: #f2f2f2; } .finalizacao p, .confere p { color: #444; border-radius: 1px; } .finalizacao .h4, .confere .h4 { font-size: 16px; } .finalizacao .separador, .confere .separador { border-right: 1px solid #444; } .submit-search { width: 40px; height: 40px; font-size: 17px; position: absolute; right: 0; top: 0; border-radius: 0px 3px 3px 0px; background-color: #ffffff; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; font-family: FontAwesome; } .timeleft-text { font-size: 18px; font-weight: normal; color: #000044; margin-left: 3px; } .dailydeal { margin-bottom: -5px; font-family: georgia; } .dailydeal-sidebar-product-name a { color: #203548; font-size: 13px; font-weight: bold; margin: 0 0 5px; color: #666 !important; font-family: georgia; font-size: 14px; text-decoration: none; } .well { min-height: 20px; padding: 20px; margin-bottom: 15px; background-color: #fff; border: 1px solid #ddd; } .btn-dailydeal { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 52px; margin: 0; overflow: visible; padding: 0; width: auto; } .btn-dailydeal span { color: #FFFFFF; float: left; font-family: Impact; font-size: 30px; font-weight: normal; height: 52px; line-height: 47px; overflow: visible; padding: 0 0 0 25px; position: relative; text-align: center; white-space: nowrap; } .btn-dailydeal span span { background-position: 100% 0; padding: 0 25px 0 0; } /*------- Daily Deal sidebar left ------------------*/ .block-dailydeal { font-family: georgia; border: 1px solid #c2bfbb; } .block-dailydeal div.last { background: none transparent !important; } .block-dailydeal .block-content { background: none repeat scroll 0 0 #F5F5F5; } .sidebardailydeal .dailydeal-sidebar-product-name a { font-weight: normal; } .block-subscribe .block-content { padding: 6px; } .sidebar-product-image img { margin-left: 0px; border: 1px solid #FDFDFD; } .dailydeal-price, .save-sold, .time-left { width: 100%; float: left; } .block-dailydeal .time-left { width: 100%; float: left; border-top: 1px dashed #B8B8B8; margin-top: 6px; padding: 5px 0; font-size: 14px; font-weight: normal; color: #828282; } .block-dailydeal .time-left label { font-weight: normal; color: #828282; font-size: 14px; } .block-dailydeal .time-left div span { font-weight: normal; color: #828282; font-size: 14px; color: #ff9f07; font-family: Impact; font-size: 14px; } .dailydeal-price li, .save-sold li { float: left; } .dailydeal-price .special-price .price { font-family: Impact; font-size: 23px; font-weight: normal; color: #ff9f07; } .dailydeal-price .old-price { margin-top: 6px; margin-left: 14px; } .dailydeal-price .old-price .price { font-size: 13px; font-weight: normal; color: #666; } .save-sold li label { display: block; color: #f14141; font-size: 14px; font-weight: normal; } .save-sold li.lastspecial { margin-right: 0 !important; } .save-sold li.special-price { margin-right: 15px; text-align: center; } .sidebardailydeal .time-left .text-time { color: #fff !important; font-weight: normal !important; font-size: 14px; font-family: "Open Sans"; } .save-sold .special-price .price { color: #f14141; font-family: "Open Sans"; font-size: 14px; font-weight: normal; } .timeleft li { float: left; } .bottom-grid-dailydeal { background: #f5f5f5; padding: 17px; float: left; } .wrap-grid-action button.btn-dailydeal { float: left; } /*------------End Daily Deal Grid ----*/ /*------------Daily Deal Detail --------------*/ .product-essential .wrap-timeleft-detail li { float: left; margin: 10px 0 10px 5px; } .product-essential .wrap-timeleft-detail li.time-day { margin-left: 15px; } .product-essential .wrap-timeleft-detail li.time-sec { margin-right: 0; } .product-essential .wrap-timeleft-detail .timeleft-text { display: block; width: 30px; height: 78px; width: 72px; color: #fff; font-size: 35px; line-height: 65px; text-align: center; position: relative; margin-left: 0; /* text-decoration: line-through; */ } .product-view .timeleft { text-align: center; } .product-view .wrap-timeleft-detail .text-time { text-transform: uppercase; font-weight: bold; } .product-essential .bg-saleoff { float: left; text-align: center; margin-bottom: 20px; font: normal 30px "Open Sans"; margin-right: 30px; } .product-essential .bg-saleoff .off-label { font-size: 12px; } .product-essential .bg-saleoff span { margin-top: 4px; color: #f14141; display: inline-block; } .product-view .product-shop .wrap-timeleft-detail { border: 1px solid #fff; width: 100%; float: left; margin-bottom: 20px; } .product-view .product-shop .timeleft { /*background: #f0f2f2; border: 1px solid #ebe9e9; width: 100%; float: left; text-align: center; color: #595959; font-size: 13px; text-transform: uppercase; font-family: sans-serif;*/ float: left; width: 100%; /* font-weight: bold; */ } .bottom-product-dailydeal { margin-bottom: 20px; float: left; width: 100%; } /*------------End Daily Deal Detail --------------*/ .dailydeal-list li .product-image { width: 340px !important; height: 190px !important; margin: 0 !important; padding: 0 !important; } .dailydeal-list .product-shop { margin-left: 350px; } /*------------End List Daily Deal --------------*/ /* Daily Deail ================================================================================ */ .wrapper-dailydeal { float: left; width: 100%; } .wrapper-dailydeal .dailydeal-title { float: left; width: 100%; text-align: center; } .wrapper-dailydeal .dailydeal-title h2 { font: normal 25px "Open Sans"; text-transform: uppercase; color: #666; margin-top: 30px; } .wrapper-dailydeal .dailydeal-title p { font: normal 12px Arial; color: #909090; } .sub-dailydeal .item-daily-top { position: relative; min-height: 248px; margin-bottom: 20px; } .item-daily-top ul.dailydeal-price { margin: 0; position: absolute; bottom: 0; opacity: 0; } .item-daily-top ul.dailydeal-price li { height: 32px; line-height: 32px; margin: 0; padding: 0; width: 50%; text-align: center; } .item-daily-top ul.dailydeal-price li.special-price span { font-size: 16px !important; color: #f14141 !important; } .item-daily-top ul.dailydeal-price li span.price { font: normal 14px "Open Sans"; color: #fff; } .item-daily-top:hover .dailydeal-price { opacity: 1; } .bottom-home-dailydeal ul.time-left { float: left; width: 100%; background: #f14141; height: 53px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 5px; } .bottom-home-dailydeal ul.time-left li { width: 25%; } .bottom-home-dailydeal ul.time-left li span { font: normal 20px "Open Sans"; color: #fff; } .bottom-home-dailydeal ul.time-left li span.timeleft-text { display: block; text-align: center; } .bottom-home-dailydeal ul.time-left li span.text-time { display: block; text-align: center; font-size: 11px; color: #fff; } /*------- Daily Deal sidebar left2 ------------------*/ .block-dailydeal-new { font-family: georgia; border: 1px solid #e3e3e3; } .block-dailydeal-new:hover { border: 1px solid #a0a0a0; } .block-dailydeal-new .sidebardailydeal a { float: left; width: 100%; } .block-dailydeal-new .item-daily-top { position: relative; min-height: 180px; margin-bottom: 20px; float: left; } .dailydeal-sidebar-product-name { float: left; width: 100%; margin-top: 10px; } .dailydeal-sidebar-product-name a { text-align: center; } .dailydeal-item-left { font-size: 12px; } .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0; padding: 0; } .postTitle h3 { font-size: 10px; margin: 0; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0; } .postContent { padding-bottom: 10px; } .postContent img { width: 100%; height: auto; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0; } .commentDetails { margin-bottom: 5px; padding: 0; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-categories, .menu-recent { margin: 5px 9px; } .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-tags UL LI a { font-size: 11px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-categories UL LI a { font-size: 11px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a { font-size: 11px; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .block-blog-recent ul li { margin-bottom: 10px; } .block-blog-recent ul li div { font-family: 'Georgia'; font-size: 12px; font-weight: normal; font-style: italic; color: #c5988b; text-align: right; } .block-blog-recent ul li div.post-image { width: 60px; background: #b8b8b8; float: left; margin-right: 20px; } .block-blog-recent ul li div.post-time { margin-top: 5px; } .block-blog-recent ul li a { font-family: 'Lato_Regular'; font-size: 15px; font-weight: normal; color: #5b5a55; line-height: 15px; } .block-blog-recent .post-image img { width: 100%; height: auto; } .block.block-blog-tags ul li { float: left; margin: 0 7px 15px 0; } .block.block-blog-tags ul li a { display: block; padding: 10px 14px; background-color: #e1e1e1; color: #7e7d79; font-family: Georgia; font-size: 13px; font-weight: bold; line-height: 11px; } .block.block-blog-tags ul li a:hover { color: #fff; } .block.block-blog-categories a { color: #5b5a55; font-size: 15px; text-decoration: none; text-transform: none; margin-left: 15px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.smartwaveblog_current_comment { text-decoration: none; font-weight: bold; } .header .form-search #cat { width: 118px; float: left; margin-right: 2px; } .header .form-search #search { width: 97px; float: left; margin-right: 2px; } .header .form-search label { width: 22px; float: left; } #search_mini_form .header .form-search button.button { float: right; margin-right: 8px; } .maintitle { border-left: 1px solid #DBDBDB; border-radius: 5px 5px 0 0; border-right: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; color: #3A3A3A; float: none; font-size: 14px; height: 29px; padding: 6px 10px 0; clear: both; } .titlemain { color: #3A3A3A; float: left; font-size: 14px; font-weight: bold; } .viewall { float: right; } .viewall a { color: #5C5C5C; font-size: 12px; font-weight: bold; text-decoration: underline; } .std .category-products ul, .std .category-products ol { list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0px; margin: 0px; } .fixed-header { background: #fff; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu li a { padding-bottom: 15px; padding-bottom: 15px; } .fixed-header-area { position: fixed; top: -160px; left: 0; width: 100%; z-index: 901; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .fixed-header-area.fixed-already { top: 0; } .fixed-header-area .menu { float: right; } .fixed-header-area .menu > li { padding: 0 11px !important; } /*mobile menu*/ .mobile-nav { -webkit-transition: all 0.5s; transition: all 0.5s; position: static; height: 0; background-color: #151515; display: none; } .mobile-nav-shown .mobile-nav { -webkit-box-shadow: 0 10px 10px #111111; box-shadow: 0 10px 10px #111111; /*height: 100%;*/ display: block; } .mobile-nav .sw-mobile-menu { text-align: left; margin-bottom: 0; padding-left: 0; } .mobile-nav .sw-mobile-menu li { display: block; position: relative; clear: both; } .mobile-nav .sw-mobile-menu li.over > a { color: #FFF; } .mobile-nav .sw-mobile-menu li.over > .open-child:after { background-position: top center; background-repeat: no-repeat; } .mobile-nav .sw-mobile-menu li .container { width: 100%; padding: 0; } .mobile-nav .sw-mobile-menu li .open-child { float: right; font-size: 0; width: 40px; height: 40px; margin-top: 1px; display: block; cursor: pointer; position: relative; background-color: #151515; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .mobile-nav .sw-mobile-menu li .open-child:hover { background-color: #0e0e0e; } .mobile-nav .sw-mobile-menu li .open-child:after { content: ""; background-position: bottom center; background-repeat: no-repeat; cursor: pointer; width: 19px; height: 19px; display: block; position: absolute; left: 10px; top: 10px; opacity: 0.5; } .mobile-nav .sw-mobile-menu li .open-child::-moz-selection, .mobile-nav .sw-mobile-menu li .open-child::selection { background-color: transparent !important; } .mobile-nav .sw-mobile-menu li > a { color: #c7c7c7; display: block; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; text-transform: uppercase; background: #151515; border-top: 1px solid #222222; } .mobile-nav .sw-mobile-menu li > a:hover { background-color: #989898; text-decoration: none; color: #222; -webkit-transition: all 0.2s; transition: all 0.2s; } .mobile-nav .sw-mobile-menu li > a span.cat-label { font: 10px/1.2 arial; text-transform: uppercase; padding: 0 2px; margin-left: 1px; margin-bottom: 3px; display: inline-block; vertical-align: middle; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .mobile-nav .sw-mobile-menu > li > ul { border-top: 0; padding-left: 0; margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul li { display: block; position: relative; background-color: #151515; } .mobile-nav .sw-mobile-menu > li > ul > li a { padding-left: 20px; margin-left: 15px; text-transform: none; font: 12px/40px "Open Sans", Arial; display: block; /*background-color: #151515;*/ } .mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label { margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul > li a:before { font: normal normal 16px/40px "FontAwesome"; text-decoration: inherit; content: "\F105"; -webkit-font-smoothing: antialiased; float: left; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-nav .sw-mobile-menu > li > ul > li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 30px; } .mobile-nav .sw-mobile-menu > li > ul > li li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 40px; } .mobile-nav .sw-mobile-menu > li > ul > li li li li a { padding-left: 20px; margin-left: 45px; } .mobile-nav .sw-mobile-menu > li ul { display: none; padding: 0; margin: 0; } .side-block .close-block { font-size: 16px; position: relative; text-transform: uppercase; color: #fff; background-color: #151515; display: block; padding: 20px 0 20px 20px; text-align: left; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-block .close-block:hover { color: #c6c6c6; } .side-block .close-block:hover:before { background-position: bottom center; } .side-block .close-block:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 25px; background-repeat: no-repeat; background-position: top center; } @media (max-width: 979px) { .fixed-header .menu-icon { float: left; position: relative; top: 11px; left: 10px; } .fixed-header .menu { display: none; } } @media (min-width: 992px) { .mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav { display: none; } } .quickview-main { text-align: left; } .quickview-main .product-collateral { display: none; } /**** removed all styles ****/ .social-icons { float: right; } .social-icons span.label { line-height: 30px; font-size: 13px; color: #8b8c8d; display: inline-block; padding: 0; } .social-icons a { background: url(/images/social-icons-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #000; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } .social-icons a:hover { background: url(/images/social-icons-hover-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #E0E0E0; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } /*! 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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @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); } } @-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); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-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 */ @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); } } @-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); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-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(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -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(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.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(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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 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); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 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); opacity: 1; -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; } 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; } [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-spin1:before { content: '\E800'; } /* 'î €' */ .icon-spin2:before { content: '\E801'; } /* 'î ' */ .icon-spin3:before { content: '\E802'; } /* 'î ‚' */ .icon-spin4:before { content: '\E803'; } /* 'î ƒ' */ .icon-spin5:before { content: '\E804'; } /* 'î „' */ .icon-spin6:before { content: '\E805'; } /* 'î …' */ .icon-firefox:before { content: '\E806'; } /* 'î †' */ .icon-chrome:before { content: '\E807'; } /* 'î ‡' */ .icon-opera:before { content: '\E808'; } /* 'î ˆ' */ .icon-ie:before { content: '\E809'; } /* 'î ‰' */ .icon-phone:before { content: '\E80A'; } /* Content Columns */ .col2-set .col-1 { float: left; width: 48.5%; } .col2-set .col-2 { float: right; width: 48.5%; } .col2-set .col-narrow { width: 32%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font-size: 12px; vertical-align: middle; } input.input-text, select, textarea { background: #fff; border: 1px solid #ccc; padding: 2px 8px; height: 34px; color: #777; font-size: 13px; border-radius: 3px; } select { background: #fff; border: 1px solid #ccc; padding: 2px 8px; height: 26px; color: #777; font-size: 13px; } input.input-text, textarea { padding: 8px; } label { margin: 0; vertical-align: middle; color: #777; font-size: 13px; font-weight: normal; } select option { padding-right: 10px; } select.multiselect option { padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; padding: 8px; } input.radio { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } input.checkbox { margin-right: 10px; display: inline-block; } input.qty { margin-right: 2px; display: inline-block; vertical-align: middle; height: 38px; width: 35px !important; font-size: 14px; text-align: center; color: #08c; border-color: #e1e1e1; } button.button::-moz-focus-inner { padding: 0; border: 0; } button.button { -webkit-border-fit: lines; } button.button { overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button span { display: block; border: 0; background: #006fa4; padding: 0 15px; font-weight: normal; font-size: 14px; text-align: center; white-space: nowrap; color: #fff; line-height: 38px; border-radius: 5px; } button.button span span { border: 0; padding: 0; color: inherit; border-width: 0; background: transparent; line-height: inherit; } button.button:hover span { opacity: .9; filter: alpha(opacity=90); } button.disabled span { background: #bbb !important; } button.btn-checkout.no-checkout span { color: #b8baba; } p.control input.checkbox, p.control input.radio { margin-right: 10px; display: inline-block; } p.control { line-height: 19px; } /* Reset ================================================================================= */ * { outline: none !important; } html { font: 13px/1 'Open Sans',Arial,Helvetica,sans-serif; color: #777; text-align: center; } body { font: 13px/1 'Open Sans',Arial,Helvetica,sans-serif; color: #777; text-align: center; overflow-x: hidden; } img { border: 0; vertical-align: top; } a { color: inherit; text-decoration: none; transition: color 0.3s; } a:visited, a:focus { text-decoration: none; } a:hover { color: #08c; text-decoration: none; } :focus { outline: 0; } .aBalck { color: #777 !important; font-size: 16px; } .aBalck:hover { color: #222 !important; } .product-name-td .aBalck { font-size: 14px; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; line-height: 1.35; color: #414143; } h1 { font-size: 20px; font-weight: 400; margin-bottom: 20px; } h2 { font-size: 18px; font-weight: 400; margin-bottom: 15px; } h3 { font-size: 16px; font-weight: 600; } h4 { font-size: 14px; font-weight: 600; } h5 { font-size: 12px; font-weight: 600; } h6 { font-size: 11px; font-weight: 600; } hr { border-color: #f5f5f5; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: middle; text-align: left; font-weight: normal; } /* Content */ p { margin: 0 0 15px; line-height: 1.5; } strong { font-weight: bold; } address { text-align: left; margin: 0; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } /* Lists */ ul, ol { list-style: none; margin: 0; padding: 0; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } th.label { display: inherit; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-padding-slide { padding: 0px 15px 0px 15px !important; } .no-bg { background: none !important; } .theme-bg-color { background-color: #08c; } .theme-border-color { border-color: #08c; } .theme-hover-color:hover { color: #08c; } .theme-hover-bg-color:hover { background-color: #08c; } .page { padding: 0; } .page-print { background: #fff; padding: 25px 30px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { background: #fff; padding: 25px 30px; text-align: left; } /* BreadCrumbs */ .top-container > .breadcrumbs { padding-top: 15px; padding-bottom: 15px; font-size: 13px; line-height: 1; background-color: #ECF0EF; } .breadcrumbs ul { padding: 0; } .breadcrumbs li { display: inline; vertical-align: top; } .breadcrumbs li strong { font-weight: 400; vertical-align: middle; } .breadcrumbs li a { vertical-align: middle; font-weight: 400; color: #666; } .breadcrumbs span.breadcrumbs-split { vertical-align: middle; margin: 0 8px; font-size: 12px; } .main-container { min-height: 500px; } .main { text-align: left; } .main.container { background-color: #ffffff; max-width: 100%; padding-top: 15px; } header .main.container { background-color: transparent; } #paginas > *:not(#Home) .main.container { background-color: #ffffff; } .col-main { padding-bottom: 15px; } /* Content Columns */ .col2-set .col-1 { float: left; width: 48.5%; } .col2-set .col-2 { float: right; width: 48.5%; } .col2-set .col-narrow { width: 32%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font-size: 12px; vertical-align: middle; } input.input-text, select, textarea { background: #fff; border: 1px solid #ccc; padding: 2px 8px; height: 26px; color: #777; font-size: 13px; border-radius: 3px; } select { background: #fff; border: 1px solid #ccc; padding: 2px 8px; height: 26px; color: #777; font-size: 13px; } input.input-text, textarea { padding: 8px; } label { margin: 0; vertical-align: middle; color: #777; font-size: 13px; font-weight: normal; } select option { padding-right: 10px; } select.multiselect option { padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; padding: 8px; } input.radio { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } input.checkbox { margin-right: 10px; display: inline-block; } input.qty { margin-right: 2px; display: inline-block; vertical-align: middle; height: 38px; width: 35px !important; font-size: 14px; text-align: center; color: #08c; border-color: #e1e1e1; } button.button { -webkit-border-fit: lines; overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button::-moz-focus-inner { padding: 0; border: 0; } button.button span { display: block; border: 0; background: #006fa4; padding: 0 15px; font-weight: normal; font-size: 14px; text-align: center; white-space: nowrap; color: #fff; line-height: 38px; border-radius: 5px; } button.button span span { border: 0; padding: 0; color: inherit; border-width: 0; background: transparent; line-height: inherit; } button.button:hover span { opacity: .9; filter: alpha(opacity=90); } button.disabled span { background: #bbb !important; } button.btn-checkout.no-checkout span { color: #b8baba; } p.control { line-height: 19px; } p.control input.checkbox, p.control input.radio { margin-right: 10px; display: inline-block; } /* Form lists */ /* Grouped fields */ .input-box label { margin-bottom: 10px; } .form-wrap, #form-validate, #login-form, .login-form { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid #08c; padding: 35px 25px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } .form-wrap h2, #form-validate h2 { color: #08c; text-transform: uppercase; margin: 0 0 20px; } .form-wrap .fieldset, #form-validate .fieldset { margin: 0; } .form-wrap .fieldset + .fieldset, #form-validate .fieldset + .fieldset { margin-top: 35px; } .form-list li { margin: 0 0 10px; } .form-list label { float: left; font-size: 14px; position: relative; z-index: 0; margin-bottom: 10px; } .form-list label.required em { float: right; font-style: normal; color: #eb340a; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; margin: 0; line-height: 20px; display: inline-block; vertical-align: middle; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin: 0 8px 0 0; } .form-list li.control .input-box { clear: none; display: inline-block; width: auto; vertical-align: middle; margin: 0; } .form-list .input-box { width: 100%; margin-bottom: 10px; border-radius: 3px; clear: both; } .form-list .input-box label { float: none; display: table-cell; width: 1%; white-space: nowrap; padding-right: 5px; } .form-list .input-box label i { width: 46px; height: 38px; line-height: 38px; display: inline-block; text-align: center; font-size: 16px; border-right: 1px solid #ccc; margin-right: 10px; } .form-list .input-box label.required em { float: none; position: static; } .form-list .field { float: left; margin: 0; width: 48%; } .form-list .field:nth-child(2n) { float: right; } .form-list input.input-text { width: 100%; height: 38px; padding: 10px; border-radius: 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background-color: #fff; } .form-list textarea { width: 100%; height: 10em; line-height: 1.4; border-radius: 6px; padding: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .form-list select { width: 100%; height: 38px; border-radius: 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; border: 1px solid #ccc; } .form-list-narrow li { margin-bottom: 0; } .form-list-narrow li .input-box { margin-bottom: 6px; } .form-list-narrow li.wide .input-box { width: 260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width: 254px; } .form-list-narrow li.wide select { width: 260px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix, .form-list .name-suffix { width: 65px; } .form-list .name-prefix select, .form-list .name-suffix select { width: 55px; } .form-list .name-prefix input.input-text, .form-list .name-suffix input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname { width: 210px; } .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width: 210px; } .form-list .customer-name-suffix .name-lastname { width: 205px; } .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width: 205px; } .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text { width: 189px; } .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } .buttons-set { clear: both; margin: 1em 0 0; padding: 8px 0 0; text-align: right; } .buttons-set p.required { margin: 0 0 10px; } .buttons-set .back-link { float: left; margin: 0; } .buttons-set button.button { float: right; margin-left: 5px; } .buttons-set a { line-height: 35px; } .buttons-set-order { margin: 10px 0 0; } .buttons-set-order .please-wait { padding: 12px 7px 0 0; } .fieldset { margin: 20px 0; } .fieldset .legend { font-size: 16px; margin: 20px 0; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 10px; font-size: 11px; font-weight: bold; line-height: 13px; color: #eb340a; position: relative; top: 100%; text-align: left; } .validation-failed { border: 1px dashed #eb340a !important; background: #faebe7 !important; } p.required { font-size: 11px; text-align: right; color: #EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #df280a; font-weight: bold; } .notice { color: #e26703; } .messages { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; margin-bottom: 15px; } .messages ul { list-style: none; margin: 0; padding: 0; } .messages li { margin: 0 0 10px; } .messages li li { margin: 0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid; border-width: 1px; min-height: 24px; padding: 15px; font-size: 14px; font-weight: 400; border-radius: 4px; margin-bottom: 20px; } .error-msg { border-color: #ebccd1; background-color: #f2dede; color: #a94442; } .success-msg { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d; } .note-msg, .notice-msg { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b; } /* Page Heading */ .page-title { text-align: left; } .page-title h1, .page-title h2 { margin: 0; font-size: 20px; /*color: #484747;*/ } .page-title h1, .page-title h2 { font-size: 20px; margin: 0 0 15px; /*color: #08c;*/ } .page-title.category-title { display: none; } .col-main .page-title.category-title h1 { margin-bottom: 10px; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; margin: 7px 0 0; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle, .sub-title { clear: both; padding: 15px 0 0; font-size: 15px; font-weight: bold; margin: 0 0 20px; color: #08c; } /* Pager */ .pager .amount { float: left; margin: 0; line-height: 30px; margin-right: 10px; display: none; } .pager .limiter { float: right; } .pager .limiter label { vertical-align: middle; } .pager .limiter select { padding: 0; margin: 0 0 1px; vertical-align: middle; } .pager .pages { float: right; margin-left: 7px; margin-bottom: 15px; } .pager .pages ol { display: inline; } .pager .pages li { display: inline-block; margin: 0; height: 26px; width: 26px; line-height: 24px; font-size: 13px; margin-left: 2px; text-align: center; border-radius: 3px; } .pager li > a, .pager li span { padding: 0; background-color: #fff; display: block; height: 26px; padding: 0; border: 1px solid #ccc; border-radius: 3px; } .pager li > a.next, .pager li > a.previous { color: #999; } .pager li > a.next:hover, .pager li > a.next:focus { color: #fff; } .pager li > a.previous:hover, .pager li > a.previous:focus { color: #fff; } .pager li > a:hover, .pager li > a:focus { background-color: #08c; border-color: #08c; color: #fff; text-decoration: none; } .pager .pages .current { padding: 0; border: 1px solid #08c; background-color: #08c; color: #fff; } /* Sorter */ .sorter .view-mode { float: left; margin: 0; margin-right: 10px; line-height: 29px; height: 30px; } .sorter .view-mode i { font-size: 14px; border: 1px solid #ccc; background-color: #fff; color: #ccc; width: 26px; height: 26px; line-height: 24px; display: inline-block; text-align: center; border-radius: 3px; vertical-align: top; } .sorter .view-mode strong i { border-color: #08c; color: #fff; background-color: #08c; border-radius: 3px; } .sorter .view-mode a:hover i, .sorter .view-mode a.active i { border-color: #08c; color: #fff; background-color: #08c; border-radius: 3px; } .sorter .sort-by { float: left; margin-right: 15px; margin-bottom: 4px; } .sorter label { margin-right: 5px; } .sorter .limiter { float: right; } /* Toolbar */ .toolbar .pager { float: right; margin: 0; margin-bottom: 4px; } .toolbar-bottom { text-align: center; margin-top: 20px; } .toolbar-bottom .toolbar { display: inline-block; border: 0; } .toolbar-bottom .toolbar .sorter .sort-by, .toolbar-bottom .toolbar .sorter .view-mode { display: none; } /* Data Table */ .data-table { width: 100%; border: 0; } .data-table thead tr { border: 1px solid #dcdcdc; } .data-table tbody tr { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; background-color: #fff; } .data-table td.last, .data-table th.last { border-right: 1px solid #dcdcdc; } .data-table th { padding: 15px 10px; font-weight: bold; } .data-table td { padding: 15px 10px; } .data-table h2, .data-table h3 { margin-top: 0; margin-bottom: 0; font-weight: normal; } .data-table thead th { font-weight: 600; padding: 15px 10px; color: #000; white-space: nowrap; vertical-align: middle; font-size: 14px; text-transform: uppercase; background-color: #f6f6f6; } .data-table thead th.wrap { white-space: normal; } .data-table thead th a { color: #fff; } .data-table thead th a:hover { color: #fff; } .data-table thead th .tax-flag { font-size: 11px; white-space: nowrap; } .data-table tfoot { border-bottom: 1px solid #d9dde3; } .data-table tfoot tr.first td { border-left: 1px solid #dcdcdc; } .data-table tfoot td { padding-top: 10px; padding-bottom: 10px; border-bottom: 0; border-right: 0px solid #dcdcdc; border-left: 0px solid #dcdcdc; } .data-table tfoot strong { font-size: 16px; } .data-table tbody th { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 15px 10px; line-height: 1.3; } .data-table tbody td { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 15px 10px; line-height: 1.3; } .data-table tbody td .option-label { font-weight: bold; font-style: italic; } .data-table tbody td .option-value { padding-left: 10px; } .data-table p { margin-bottom: 0; } .data-table .qty-holder { position: relative; text-align: left; margin-right: 0; } .data-table .add-to-cart-alt { position: relative; text-align: left; margin-right: 0; margin: 10px 0; width: 93px; } .data-table .edit-qty { margin-left: 5px; } .data-table input.qty { color: #777; height: 30px; border-radius: 0; border-color: #ccc; margin: 0 -1px; width: 50px !important; } .data-table .table_qty_inc, .data-table .table_qty_dec { display: inline-block; width: 30px; height: 30px; background: #f4f4f4; border: 1px solid #ccc; color: #777; line-height: 30px; border-radius: 0; margin: 0; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; vertical-align: top; } .data-table button.button > span { background: #fff; border: 1px solid #ccc; color: #777; line-height: 32px; padding: 0 12px; } .data-table button.button:hover > span { background: #08c; border: 1px solid #08c; color: #fff; } .data-table .cart-cell { margin-bottom: 10px; } .data-table .cart-cell button.button span { font-size: 13px; line-height: 28px; } /* Generic Info Box */ .info-box { background: #fff 0 0 repeat-x; border: 1px solid #d0cbc1; padding: 12px 15px; margin: 0 0 15px; } .info-box h2 { font-weight: bold; font-size: 13px; } .info-table th { font-weight: bold; padding: 2px 15px 2px 0; } .info-table td { padding: 2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; cursor: pointer; } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; padding-right: 20px; } .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -52px; } /* Class:std - styles for admin-controlled content */ .std { line-height: 1.4; } .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { list-style: disc outside; padding-left: 18px; margin: 0 0 10px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std ul, .std ol, .std dl, .std address, .std blockquote { margin: 0; padding: 0; } .std ul { list-style: disc outside; padding-left: 1.5em; } .std ul li { line-height: 20px; } .std ol { list-style: decimal outside; padding-left: 1.5em; } .std ul ul { list-style-type: circle; margin: .5em 0; } .std ol ol, .std ul ol, .std ol ul { margin: .5em 0; } .std dt { font-weight: bold; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Misc */ .links li, .linksIcones li { display: inline; } /*.link-cart{display:inline-block;border-radius:4px;font-size:12px;background:#fff;border:1px solid #ccc;color:#777;line-height:25px;padding:0 8px} .link-cart:hover{background:#08c;border:1px solid #08c;color:#fff}*/ .link-wishlist { color: #ed4949; border-color: #f6a4a4; } .link-wishlist:hover { color: #ed4949; border-color: #f6a4a4; } .cart-table .link-wishlist { color: #08c; } .cart-table .link-wishlist:hover { color: #08c; } .link-compare { color: #52b9b5; border-color: #97d5d3; } .link-compare:hover { color: #52b9b5; border-color: #97d5d3; } .btn-remove { position: relative; display: block; width: 23px; height: 23px; text-indent: -9999px; overflow: hidden; padding: 5px 0; font-size: 13px; color: #ed4949; line-height: 1; } .btn-remove:hover { color: #ed4949; } .btn-remove:before { content: "\F00D"; display: block; position: absolute; left: 0; right: 0; font-family: fontAwesome; text-indent: 0; text-align: right; } .btn-previous { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; overflow: hidden; } .btn-remove2 { display: inline-block; width: 34px; height: 34px; font-size: 18px; line-height: 22px; overflow: hidden; } .btn-remove2:before { text-align: center; } .btn-edit { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; overflow: hidden; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; text-indent: -999em; overflow: hidden; } /* Global site notices */ .global-site-notice { border: 1px solid #cfcfcf; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .global-site-notice .notice-inner { width: 100%; margin: 0 auto; padding: 10px; text-align: left; } .global-site-notice .notice-inner p { margin: 0; border: 1px dotted #cccc73; padding: 10px; } .global-site-notice .notice-inner .actions { padding-top: 10px; } /* Cookie Notice */ .notice-cookie { position: fixed; z-index: 9999; width: 100%; bottom: 0; left: 0; margin: 0 !important; opacity: .95; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; border: 0; text-align: center; color: #fff; } .demo-notice .notice-inner { width: auto; padding: 0; background: none; text-align: center; } .demo-notice .notice-inner p { padding: 0; border: 0; } /* Header ================================================================================ */ .top-links-container { background-color: #f0f0ed; padding: 5px 0; position: relative; z-index: 200; } /*text-transform:uppercase*/ .header #search_mini_form { display: inline-block; vertical-align: middle; margin-right: 35px; } .header .form-search { overflow: visible; position: relative; width: 100%; min-width: 320px; background-color: #fff; margin: 3px; border-radius: 3px; border: 1px solid rgba(204, 204, 204, 0.47); } .header .form-search label { float: left; width: 24px; height: 21px; text-align: left; text-indent: -999em; overflow: hidden; display: none; } .header .form-search #search { border: 0; height: 40px; width: 100%; line-height: 20px; } .header .form-search #cat { margin: 0; width: 180px; height: 40px; line-height: 38px; padding: 0px 0 0px 5px; position: absolute; left: 0px; -moz-appearance: none; -webkit-appearance: none; border-radius: 3px 0px 0px 3px; background-color: #f4f4f4; } .header .form-search #cat option { color: #000; background: #fff; } .header .form-search button.button { width: 40px; height: 40px; font-size: 17px; position: absolute; right: 0; top: 0; border-radius: 0px 3px 3px 0px; background-color: #ffffff; } .header .form-search .search-autocomplete { z-index: 999; } .header .form-search .search-autocomplete ul { border: 1px solid #ddd; background-color: #fff; } .header .form-search .search-autocomplete li { text-align: left; padding: 5px 10px; cursor: pointer; color: #777; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.odd { background-color: #fff; } .header .form-search .search-autocomplete li.selected { background-color: #f7f7f7; } /*text-transform:uppercase*/ .top-container .paypal-logo { text-align: left; display: inline-table; } .header .custom-block { font-size: 14px; font-weight: 400; display: inline-block; vertical-align: middle; } .fixed-header-area { z-index: 1001; text-align: left; transition: 0.5s top ease-in-out; -webkit-transition: 0.5s top ease-in-out; } .mini-cart { position: absolute; right: 20px; top: 50%; margin-top: -20px; text-align: right; } .topCartContent { display: none; position: absolute; right: 0; top: 40px; width: 300px; background-color: #fff; border-width: 6px 0 0 0; border-style: solid; z-index: 1; border-radius: 8px 8px 5px 5px; color: #777; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); margin-top: 10px; } .topCartContent:before { content: ""; position: absolute; border: 10px solid transparent; display: block; right: 15px; top: -25px; border-bottom-color: #08c; } .mini-cart .topCartContent:after { content: ""; position: absolute; left: 0; top: -25px; height: 25px; width: 100%; display: block; } .mybag-link { line-height: 1; display: inline-block; color: #fff; border-radius: 5px; height: 40px; padding: 5px; text-transform: uppercase; text-align: center; max-width: 120px; } .mybag-link i { color: #fff; font-size: 27px; display: inline-block; vertical-align: middle; } .mybag-link:hover { color: #fff; text-decoration: none; } .mybag-link .cart-info { display: inline-block; vertical-align: middle; text-align: left; padding: 3px; } .mybag-link span { display: block; font-size: 12px; font-weight: 600; } .mybag-link .cart-qty { font-size: 14px; } .mini-cart .block-subtitle { margin: 20px 30px; } .mini-cart .cart-empty { margin: 20px; text-align: center; } .mini-cart .actions { color: #fff; line-height: 47px; padding: 0 20px; border-radius: 0 0 5px 5px; margin-bottom: 15px; } .mini-cart .actions a { border: 0; width: 128px; text-align: center; } .option-detail { position: relative; cursor: help; line-height: 1.5; } .option-detail a:hover { cursor: help; } .option-detail .item-options { position: absolute; background-color: #fff; border: 0; border-top: 3px solid #08c; border-radius: 5px; min-width: 180px; left: 0; top: 20px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); opacity: 0; filter: alpha(opacity=0); display: none; margin: 0; padding: 10px; } .option-detail:hover .item-options { opacity: 1; filter: alpha(opacity=100); display: block; } .mini-cart .qty-price { color: #08c; } .mini-cart .totals { padding: 10px 20px; text-align: center; font-size: 18px; color: #08c; font-weight: 700; } .mini-cart .totals .label { color: #777; } .custom-block .icon-group:first-child { margin: 0; } .icon-group { display: inline-block; vertical-align: middle; text-align: left; margin-left: 30px; } .icon-group i { font-size: 20px; color: #fff; float: left; border-radius: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #000; } .icon-group h3 { color: #000; font-size: 14px; margin: 0; line-height: 1.5; margin-left: 48px; } .icon-group p { font-size: 11px; margin: 0; margin-left: 48px; line-height: 1; color: #878787; } .mobile-nav-shown .mobile-nav { box-shadow: none !important; } .selectbox li { transition: all 0.3s; } .mega-columns.row { margin-right: -10px; margin-left: -10px; } .menu_thumb_img { padding: 15px 0 0; } .fixed-header-area .menu > li { padding: 0 !important; } .fixed-header a.logo img { height: 50px; margin: 10px 0; } .fixed-header-area .fixed-header .menu { float: none; margin: 7px 0; } .fixed-header ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-item-has-children { padding: 0; border-radius: 5px 5px 0 0; } .fixed-header ul.menu > li.menu-static-width.act:hover, .fixed-header ul.menu > li.menu-item-has-children.act:hover { padding: 0; border-radius: 5px 5px 0 0; } .fixed-header .mini-cart { background-color: transparent; position: static; margin: 0; display: inline-block; vertical-align: middle; } .fixed-header .mybag-link { position: relative; padding: 2px 0; } .fixed-header .mybag-link i { font-size: 35px; color: #08c; } .fixed-header .mybag-link .cart-info { display: block; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -8px; } .fixed-header .mybag-link .cart-qty { display: block; font-size: 16px; color: #fff; } .fixed-header .mybag-link span { display: none; } /***** Mobile Menu *****/ .page { position: static; left: 0; transition: left 0.3s; } body.mobile-nav-shown .page { left: 250px; position: static; } .mobile-nav-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 998; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s; } body.mobile-nav-shown .mobile-nav-overlay { opacity: 0.15; filter: alpha(opacity=15); visibility: visible; } .mobile-nav.side-block { position: fixed; top: 0; left: -250px; z-index: 999; width: 250px; overflow-y: scroll; height: 100%; padding-top: 20px; padding-bottom: 20px; transition: all 0.3s; display: block !important; } body.mobile-nav-shown .mobile-nav.side-block { left: 0; overflox-x: hidden; text-overflow: ellipsis; } /***** Side Mega Menu *****/ .home-side-menu { background-color: #fbfbfb; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 27px; } .home-side-menu h2.side-menu-title { background-color: #f5f5f5; color: #a39f9c; font-size: 13px; font-weight: 700; line-height: 1; padding: 14px 15px; border-radius: 5px 5px 0 0; margin: 0; border-bottom: 1px solid #ddd; } /* Sidebar =============================================================================== */ .block .block-title { margin: 5px 0 10px; line-height: 1.2; font-size: 16px; font-weight: bold; color: #313131; } .block .block-title strong { position: relative; } .block .block-title strong span { text-transform: uppercase; color: #ffffff; font-weight: 600; font-size: 15px; } .block .block-title strong:after { content: ' '; width: 75px; height: 2px; position: absolute; bottom: -5px; left: 0px; background-color: white; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { margin: 0; font-size: 13px; } #poll-answers { margin: 0 20px 10px 20px; } #poll-answers li { padding: 5px 0; } .block .block-content ol { margin: 10px 0; } .block .btn-remove, .block .btn-edit { float: right; margin: 0 0 0 5px; } .block .actions { font-size: 13px; text-align: right; } .block .actions a { float: left; margin: 5px 0; } .block .actions button.button { float: right; } .block .actions button.button span { height: 24px; padding: 0 5px; font-size: 13px; line-height: 24px; } .block .empty { margin: 0; padding: 10px 0; } .block.block-banner { border: 0; } .block.block-banner .block-content { text-align: center; } .block.block-banner img { max-width: 100%; } .block.block-subscribe { border-radius: 5px; } .block.block-subscribe .block-title { background-color: transparent; border: 0; } .block.block-subscribe .block-title strong { font-size: 1.4em; text-transform: none; font-weight: 400; padding-bottom: 10px; } .block.block-subscribe .block-content { background-color: transparent; } .block.block-subscribe .form-subscribe-header { padding: 10px 20px; } .block.block-subscribe label { font-size: 14px; } .block.block-subscribe .input-box { padding: 10px 20px 20px; } .block.block-subscribe .input-box input.input-text { width: 100%; height: 34px; padding: 5px; } .block.block-subscribe .actions { background-color: transparent; border: 0; padding: 0 20px 20px; } .block.block-subscribe .actions button.button span { height: 34px; line-height: 34px; } .block.block-subscribe.home-sidebar-block { border: 1px solid #ddd; border-top: 5px solid #fff; border-radius: 7px; background-color: #fbfbfb; text-align: center; padding: 25px 20px 0; } .block.block-subscribe.home-sidebar-block .block-title strong { font-size: 16px; color: #313131; font-weight: 700; text-transform: uppercase; padding: 30px 0 20px; } .block.block-subscribe.home-sidebar-block .block-content p { line-height: 1.8; } .block.block-subscribe.home-sidebar-block .input-box { padding: 10px 10px 40px 10px; } .block.block-subscribe.home-sidebar-block .input-box input.input-text { float: left; padding: 5px 60px 5px 10px; border: 1px solid #d3d3d3; border-radius: 5px; background-color: #fefefe; line-height: 16px; } .block.block-subscribe.home-sidebar-block button.button { float: left; margin-left: -51px; width: 50px; height: 34px; } .block.block-subscribe.home-sidebar-block button.button span { min-width: 49px; padding: 0; line-height: 32px; height: 32px; background-color: #fefefe; color: #515151; border: 0; border-left: 1px solid #d3d3d3; border-radius: 0 5px 5px 0; } .block.block-subscribe.home-sidebar-block button.button span span { border: 0; } .parallax-subscribe input.input-text { background-color: #e3e2e2; color: #666; height: 34px; line-height: 18px; padding: 8px 100px 8px 10px; width: 100%; } .parallax-subscribe button.button { position: absolute; z-index: 1; right: 0; top: 0; } .parallax-subscribe button.button span { height: 34px; line-height: 34px; padding: 0; border-radius: 0 3px 3px 0; width: 90px; min-width: 90px; } .block.block-layered-nav { border: 0; } .block.block-layered-nav .block-content { background-color: transparent; } .block.block-layered-nav .block-content ol { margin: 0; } dl#narrow-by-list { margin: 0; } .block-layered-nav dt, .block-layered-nav .currently .block-subtitle { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 2px 2px 0 0; } .block-category-nav .block-title { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 2px 2px 0 0; margin-top: 14px; } .catalog-category-view .block-category-nav .block-title { margin-top: 0; margin-bottom: 0; } .block-layered-nav dt.closed, .block-category-nav .block-title.closed { border-radius: 7px; } .block-layered-nav dt.closed:before, .block-category-nav .block-title.closed:before { content: "\F0D7"; } .block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before { background-color: #08c; color: #fff; } .block-layered-nav dd, .block-category-nav .block-content { padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 2px 2px; background-color: #fff; } .block-layered-nav dd a { color: #777; font-size: 13px; line-height: 2.5; } .block-layered-nav .currently ol { border: 1px solid #ddd; border-width: 0 1px; background-color: #fbfbfb; padding: 10px 0; margin: 0; } .block-layered-nav .currently li { padding: 5px 15px; position: relative; z-index: 1; line-height: 1.5; } .block-layered-nav .currently .label { padding: 0; text-transform: uppercase; display: inline-block; vertical-align: middle; } .block-layered-nav .currently .value { display: inline-block; vertical-align: middle; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position: absolute; right: 15px; top: 4px; margin: 0; line-height: 21px; padding: 0; } .block-layered-nav .currently .btn-previous { right: 17px; } .block-layered-nav .actions { font-size: 11px; padding: 10px 15px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 0 0 7px 7px; text-align: right; margin-bottom: 14px; } .block-layered-nav .actions a { float: none; } .price.price-filter-slider { margin: 15px 0 10px 0; white-space: normal !important; } .price-filter-slider .text-box { text-align: center; } .price-filter-slider .text-box > span { line-height: 26px; vertical-align: middle; } .price-filter-slider .text-box * { white-space: normal; margin: 5px 0; } .price-filter-slider .text-box input.go { background-color: #08c; border: 0; height: 26px; line-height: 26px; color: #fff; border-radius: 5px; padding: 0 10px; font-size: 14px; } .block-currency select { width: 240px; max-width: 100%; } .cms-index-index .block-category-nav { margin: 0; } .block-category-nav { border-radius: 1px; border-color: #ddd; overflow: hidden; margin-bottom: 28px; line-height: 1.42857143; } .block-category-nav .block-title { cursor: pointer; margin: 0; } .block-category-nav .block-title strong { padding: 0; } .block-category-nav .block-content { padding: 20px 15px; } .block-category-nav .category-list { list-style: none; padding: 0; margin: 0; } .block-category-nav .category-list li { position: relative; } .block-category-nav .category-list a { color: #777; font-size: 13px; line-height: 2.5; } .block-category-nav .category-list ul { padding-left: 15px; margin: 0; list-style: none; display: none; } .block-category-nav .category-list a.plus { position: absolute; right: 1px; color: #08c; font-size: 16px; line-height: 32px; } /* Category Page ========================================================================= */ .top-container .category-banner { background-color: #fff; } .top-container .category-banner .banner-image { width: 100%; } .category-banner .banner-text { position: absolute; top: 30%; width: 100%; color: #fff; } .category-banner .banner-text h2 { font-size: 50px; color: #fff; } .category-banner .banner-text p { font-size: 26px; font-weight: 300; } .category-boxed-banner { margin-bottom: 25px; } .category-boxed-banner .banner-text { position: absolute; top: 40%; left: 4%; color: #fff; width: 100%; } .category-boxed-banner .banner-text h2 { font-size: 35px; color: #fff; background-color: #333; background-color: rgba(23, 23, 23, 0.9); padding: 5px 10px; display: inline-block; line-height: 1; } .category-boxed-banner .banner-text p { font-size: 16px; font-weight: 300; background-color: #666; background-color: rgba(23, 23, 23, 0.65); padding: 7px 12px; line-height: 1.4; } .category-boxed-banner .banner-text a.shop-now { margin-left: 20px; font-size: 16px; } .category-image { width: 100%; overflow: hidden; margin: 0 0 30px; text-align: center; } .category-image img { width: 100%; } .category-description { margin: 0 0 15px; } a.addtocart { color: #333; background-color: #fff; font-size: 14px; padding: 0 10px 0 5px; display: inline-block; height: 32px; line-height: 30px; border-radius: 5px; border: 1px solid #ccc; } a.addtocart.outofstock { padding: 0 10px; cursor: default; } a.addtocart i.icon-cart { font-size: 15px; } a.addtocart:hover { text-decoration: none; } a.addtowishlistRemover { color: #ed4949; font-size: 25px; display: inline-block; height: 32px; width: 32px; line-height: 32px; border-radius: 1px; text-align: center; } a.addtowishlist { color: rgba(237, 73, 73, 0.82); background-color: #fff; font-size: 12px; display: inline-block; height: 32px; width: 32px; line-height: 31px; border: 1px solid #ccc; border-radius: 1px; text-align: center; } a.addtowishlist:hover { color: #fff; background-color: #ed4949; border-color: #ed4949; } a.comparelink { color: rgba(66, 138, 202, 0.69); background-color: #fff; font-size: 12px; display: inline-block; height: 32px; width: 32px; line-height: 31px; border: 1px solid #ccc; border-radius: 1px; text-align: center; } a.comparelink:hover { color: #fff; background-color: #428aca; border-color: #428aca; } .comparelink, .addtowishlist, .addtowishlistRemover { cursor: pointer; } .details-area .actions a:hover { opacity: 0.8; filter: Alpha(Opacity=80); } .product-image-area { position: relative; background: transparent; overflow: hidden; border: 1px solid #ddd; border-radius: 7px; padding: 3px; } .product-label { position: absolute; font-size: 14px; font-weight: 700; color: #fff; line-height: 1; top: 10px; z-index: 3; } .product-label span { position: relative; padding: 9px 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; border-radius: 2px; } span.sale-product-icon { background-color: #e27c7c; display: block; text-align: center; } span.new-product-icon { background-color: #62b959; display: block; text-align: center; } span.delete-product-icon { display: block; text-align: center; } /* Product View ========================================================================== */ /* Rating */ .no-rating { margin-bottom: 20px; } .ratings { font-size: 11px; line-height: 1.25; margin: 3px 0; height: 24px; } div.star-rating a { transition: initial; } .product-view .product-essential .ratings { background: none; margin-bottom: 15px; height: 20px; } .product-view .product-essential .ratings .rating-box { width: 79px; height: 15px; } .product-view .product-essential .ratings .rating-box .rating { height: 15px; } .product-view .product-essential .ratings .rating-box:before, .product-view .product-essential .ratings .rating-box .rating:before { width: 79px; height: 15px; font-size: 13px; line-height: 15px; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; display: inline-block; vertical-align: middle; margin-left: 12px; } .ratings .rating-links > a { line-height: 20px; font-size: 14px; color: #bdbdbd; } .no-rating a { line-height: 20px; font-size: 14px; color: #bdbdbd; } .ratings .rating-links .separator { margin: 0 5px; vertical-align: top; line-height: 17px; color: #777; } .rating-box { width: 69px; height: 11px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; position: relative; } .rating-box:before { font-family: "porto"; content: "\E852 \E852 \E852 \E852 \E852"; width: 69px; height: 11px; color: #c3c5c9; display: block; font-size: 11px; line-height: 11px; } .rating-box .rating { float: left; height: 11px; position: absolute; left: 0; top: 0; overflow: hidden; } .rating-box .rating:before { font-family: "porto"; content: "\E852 \E852 \E852 \E852 \E852"; width: 69px; height: 11px; color: #ffc600; display: block; font-size: 11px; line-height: 11px; } .ratings .rating-box { display: inline-block; vertical-align: middle; } .ratings-table { margin: 20px 0 40px; border: 1px solid #ddd; } .ratings-table th, .ratings-table td { font-size: 13px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } .ratings-table.data-table thead th { font-size: 11px; padding: 0 15px; } .ratings-table.data-table input.radio { margin: 0; } .ratings-table.data-table .nobr { display: block; line-height: 20px; font-weight: 600; } /* Block:Reviews */ .product-view #product-customer-reviews { margin-top: -20px; } .product-view #product-customer-reviews li { border-bottom: 1px solid #eee; padding: 20px 0 10px; } .avatar-image { float: left; } .add-review { padding-top: 15px; } .add-review h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 15px; } .add-review h4 { font-size: 13px; font-weight: normal; margin-bottom: 10px; } .add-review span.rating-type { font-weight: normal; font-size: 13px; } .add-review .rating-block { margin-bottom: 10px; } /* Availability */ .availability { margin: 0; } .availability span { font-weight: bold; } .availability.out-of-stock span { color: #d83820; } .availability-only { margin: 10px 0; line-height: 16px; background: transparent; padding-left: 0; } .availability-only span { border-bottom: 1px dashed #08c; color: #000; } .availability-only a { border-bottom: 1px dashed #08c; color: #000; cursor: pointer; text-decoration: none; } .availability-only strong { color: #08c; } .availability-only-details { margin: 0 0 10px; border: 1px solid #ccc; } .availability-only-details th { background: #f5f5f5; font-size: 13px; padding: 5px 10px; border-bottom: 1px solid #ccc; } .availability-only-details td { background: #fff; border-bottom: 1px solid #ccc; font-size: 13px; padding: 5px 10px; } .availability-only-details tr.odd td.last { color: inherit; font-weight: 400; } .product-view .product-shop .availability { font-size: 11px; } .product-view .product-shop .availability span { font-weight: normal; margin-left: 5px; } /* Email to a Friend */ .email-friend { margin: 0; } /* Alerts */ .alert-price, .alert-stock { margin: 0; font-size: 11px; } /********** */ /* Tier Prices */ .product-pricing { margin: 10px 0; padding: 10px; background-color: #f4f7f7; border: 1px solid #dadddd; color: #424242; } .tier-prices { margin: 10px 0; padding: 10px; background-color: #f4f7f7; border: 1px solid #dadddd; color: #424242; } .tier-prices li { line-height: 1.4; padding: 2px 0; } .tier-prices .benefit { font-style: italic; font-weight: bold; color: #2f2f2f; } .tier-prices .price { font-weight: bold; color: #2f2f2f; } .tier-prices-grouped li { padding: 2px 0; color: #e26703; } .tier-prices-grouped li .price { font-weight: bold; } /* Add to Links */ .add-to-links { font-size: 11px; margin: 5px 0 0; } .add-to-links .separator { display: none; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; font-weight: bold; color: #666; display: none; } .add-to-cart .qty { margin-right: 2px; display: inline-block; vertical-align: middle; height: 38px; width: 35px !important; font-size: 14px; text-align: center; color: #08c; border-color: #e1e1e1; } .add-to-cart button.button { display: inline-block; height: 38px; width: 160px; min-width: 110px; vertical-align: middle; } .add-to-cart button.button span { height: 38px; line-height: 38px; font-weight: normal; font-size: 14px; border-radius: 5px; padding: 0; min-width: 110px; padding-right: 5px; } .add-to-cart button.button span i { margin-right: 10px; } .add-to-cart .paypal-logo { clear: left; margin: 0; text-align: left; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 60px; } .product-view .add-to-cart .paypal-logo { margin: 0; } .bml-checkout-type { list-style: none; } .bml-checkout-type .bml_button { width: 150px; display: inline-table; } /* Add to Links+Add to Cart */ .add-to-box { padding: 0 0 20px 0; margin-top: 20px; border-bottom: 1px solid #ebebeb; } .col1-layout .product-options-bottom, .col1-layout .add-to-box { float: left; width: 350px; border: 0; } .add-to-box .add-to-cart { float: left; } .add-to-box .add-to-links { float: left; margin: 0; font-size: 12px !important; line-height: 1.25 !important; text-align: left !important; } .add-to-box .add-to-links li .separator { display: none !important; } .product-collateral { position: relative; margin-top: 50px; } .product-collateral h2 { font-weight: bold; font-size: 15px; color: #e26703; border-bottom: 1px solid #e5dcc3; padding: 0 0 1px; margin: 0 0 15px; } .product-collateral .box-collateral { margin: 0 0 25px; } .product-tabs > ul { position: relative; bottom: -1px; background-color: #f4f4f4; } .product-tabs > ul li { padding: 10px 15px; float: left; border: 1px solid #eee; border-width: 3px 1px 0 1px; border-radius: 5px 5px 0 0; background-color: #f4f4f4; } .product-tabs > ul li a { color: #08c; font-size: 14px; line-height: 1; } .product-tabs > ul li.active { background-color: #fff; border-top-color: #08c; } .product-tabs .tab-content { border: 1px solid #eee; min-height: 200px; border-radius: 0 0 3px 3px; background-color: #fff; } .product-tabs .tab-content > h2 { display: none; } .box-tags > h2 { display: none; } .product-tabs.forma-de-pagamento { margin-bottom: 20px; } /* Product Images */ li.etalage_small_thumbs { margin-top: 8px; top: 100%; } .product-view .product-img-box { margin-bottom: 10px; } .product-view .product-img-box img.zoomImg { background-color: #fff; } .product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li { padding: 3px; border: 1px solid #ddd; border-radius: 7px; background: #fff; max-width: 100%; overflow: hidden; } .product-view .product-img-box .etalage_small_thumbs li { cursor: pointer; margin-top: 10px; } .product-view .product-img-box .etalage-control { position: absolute; width: 100%; height: 0; left: 0; top: 50%; margin-top: -20px; visibility: hidden; transition: all 0.3s; } .product-view .product-img-box:hover .etalage-control { visibility: visible; } .product-view .product-img-box .etalage-control a { display: block; position: absolute; font-size: 40px; left: auto; right: auto; top: 0; } .product-view .product-img-box .etalage-control a.etalage-prev { margin: 0; left: 0; top: 0; } .product-view .product-img-box .etalage-control a.etalage-next { margin: 0; right: 0; top: 0; } .product-view .product-img-box a.fancy-images { display: none; } .product-view .product-img-box .etalage a.fancy-images { position: absolute; right: 10px; bottom: 10px; z-index: 99; display: none; } .product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images { display: block; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { margin: 0 0 13px; } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { font-size: 11px; margin: 0 0 5px; text-align: center; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; cursor: pointer; } .product-view .product-img-box .zoom.disabled { opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .more-views h2 { font-size: 11px; border-bottom: 1px solid #ccc; margin: 0 0 8px; text-transform: uppercase; } .product-view .product-img-box .more-views ul { margin-left: -9px; } .product-view .product-img-box .more-views li { float: left; margin: 0 0 8px 9px; } .product-view .product-img-box .more-views li a { float: left; width: 56px; height: 56px; border: 2px solid #ddd; overflow: hidden; } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { font-weight: bold; margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; margin: 10px 0; } .product-image-popup .image-label { font-size: 13px; font-weight: bold; margin: 0 0 10px; color: #2f2f2f; } /* Product Shop */ .product-view .product-name { margin: 0 0 5px; } .product-view .product-name h1 { margin: 15px 0; font-size: 28px; font-weight: 600; line-height: 1; color: #555; } .product-view .product-shop .availability { margin: 0 0 10px 0; font-size: 14px; color: #777; font-weight: 600; } .product-view .product-shop .price-box .regular-price .price { font-size: 36px; color: #08c; } .product-view .product-shop .price-box .old-price { vertical-align: bottom; } .product-view .product-shop .price-box .old-price .price { font-size: 18px; line-height: 1.2; font-weight: 400; } .product-view .product-shop .price-box .special-price .price { font-size: 33px; color: #08c; line-height: 1; } .product-view .add-to-links { margin: 3px 0; padding: 0; text-align: left; vertical-align: middle; float: right; } .product-view .add-to-links li { display: inline; } .product-view .add-to-links li .separator { display: inline; } .product-view .add-to-links a { border-width: 1px; border-style: solid; border-radius: 3px; width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 30px; font-size: 18px; margin-left: 8px; } .product-view .add-to-links a:hover { opacity: .9; filter: Alpha(Opacity=90); } .product-view .short-description { padding: 5px 0 20px; border-bottom: 1px solid #ebebeb; font-size: 14px; font-weight: 300; line-height: 1.5; } .product-view .short-description h2 { display: none; } .product-view .product-info, .product-view .valores { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #ebebeb; } .col1-layout .product-view .product-info { float: left; width: 50%; border: 0; } .data-table.grouped-items-table { margin-bottom: 20px; } .data-table.grouped-items-table th, .data-table.grouped-items-table td { padding: 10px 20px; } .product-view .product-shop .grouped-items-table .price-box .price { font-size: 18px; } .product-view .product-shop .grouped-items-table .price-box .old-price .price { font-size: 14px; } /* Product Options */ .product-options { margin: 20px 0 0; position: relative; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; } .col1-layout .product-options { float: left; width: 50%; border: 0; } .col1-layout .product-view .product-options + div.clearer, .col1-layout .product-view .product-info + div.clearer { border-bottom: 1px solid #ebebeb; } .product-options dl { margin: 0; margin-bottom: -20px; } .product-options dt { padding: 0 0 10px 0; font-weight: normal; } .product-options dt label { font-weight: bold; color: #777; font-size: 14px; } .product-options dt label.required em { color: #eb340a; } .product-options dd .qty-holder { display: block; padding: 10px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #2f2f2f; } .product-options dd { margin: 0 0 20px; } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 100%; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-top: 3px; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 11px; } .product-options p.required { display: none; } .product-options-bottom .product-pricing { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703; } .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #e26703; } .product-options-bottom .price-box { float: left; margin: 0; padding: 0; } .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: left; } .col3-layout .product-options-bottom .price-box { float: none; padding: 0 0 5px; } .product-options-bottom { padding: 0 0 20px 0; margin-top: 20px; border-bottom: 1px solid #ebebeb; } .product-options-bottom .price-label { float: left; padding-right: 5px; } .product-options-bottom .price-tax { float: left; } .product-options-bottom .add-to-cart { display: inline-block; vertical-align: middle; } .product-options-bottom .price-box { float: none; margin: 0 0 5px; display: none; } .product-options-bottom .price-label { float: none; padding-right: 0; } .product-options-bottom .price-tax { float: none; } .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } .product-options-bottom .add-to-links { padding: 0; text-align: left; vertical-align: middle; float: right; margin: 3px 0; } .product-options-bottom .add-to-links li:first-child a { margin-left: 0; } .qty-holder { display: inline-block; vertical-align: middle; margin-right: 7px; width: 57px; } .qty-changer { display: inline-block; vertical-align: middle; } .qty-changer > a { width: 16px; height: 16px; display: block; border: 1px solid #e1e1e1; color: #ccc; line-height: 14px; text-align: center; margin-bottom: 6px; border-radius: 3px; font-size: 8px; background-color: #fff; } .qty-changer > a.qty_dec { margin-bottom: 0; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin: 0; padding: 0; } .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height: 1.25; } .product-view .box-up-sell { margin-top: 50px; } .product-view .box-up-sell > h2 { border-bottom: 0; padding: 0; margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #313131; text-transform: uppercase; } .product-view .box-up-sell > h2 span { padding-right: 20px; background-color: #fff; } .product-view .box-tags { margin: 0; } .product-view .box-tags h3 { font-size: 13px; } .product-view .box-tags .product-tags { display: block; margin: 0 0 15px; } .product-view .box-tags .product-tags li { display: inline; padding: 0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left: 0; } .product-view .box-tags .product-tags li.last { background: none; padding-right: 0; } .product-view .box-tags .form-add label { display: block; font-size: 18px; margin: 0 0 20px; } .product-view .box-tags .form-add .input-box { float: left; margin-right: 10px; } .product-view .box-tags .form-add input.input-text { width: 250px; height: 38px; padding: 10px; } .product-view .box-tags .note { margin: 20px 0 0; } .product-view .box-reviews dl { margin: 15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dd { margin: 0 0 15px; } .product-view .box-reviews dd small { font-style: italic; } .product-view .box-reviews .form-add { margin: 15px 0 0; } .product-view .box-reviews .form-add h3 { font-size: 13px; font-weight: normal; } .product-view .box-reviews .form-add h3 span { font-weight: bold; } .product-view .box-reviews .form-add h4 { font-size: 12px; } .product-view .box-reviews .form-add .data-table td { text-align: center; } .product-view .box-reviews .form-add .form-list { margin: 15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width: 360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 354px; } .send-friend .form-list { width: 615px; overflow: hidden; } .send-friend .form-list li { margin-right: -15px; } .send-friend .form-list li p { margin: 0 15px 0 0; } .send-friend .form-list .field { width: 315px; } .send-friend .form-list .input-box { width: 300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width: 294px; } .send-friend .form-list li.wide .input-box { width: 612px; } .send-friend .form-list li.wide textarea { width: 609px; } .send-friend .buttons-set .limit { float: right; margin: 0 7px 0 0; font-size: 11px; line-height: 21px; } /* Content Styles ================================================================= */ .product-name { margin: 10px 0; } .product-name a { color: #777; } .product-name a:hover { text-decoration: none; } /* Product Tags */ .tags-list { display: block; font-size: 16px; padding: 10px 0; } .tags-list li { display: inline !important; margin: 0 4px 0 0; } /* Advanced Search */ .advanced-search .form-list label { width: 160px; padding-right: 10px; float: none; } .advanced-search .form-list select { height: 80px; } .advanced-search-amount { margin: 0 0 10px; } .advanced-search-summary { margin: 10px 0; border: 1px solid #d6e9c6; background: #dff0d8; padding: 10px; color: #3c763d; border-radius: 3px; } .advanced-search-summary ul { float: left; width: 49%; } .advanced-search-summary p { clear: both; font-weight: bold; margin: 0; } .page-sitemap .links { text-align: right; margin: 0 8px -22px 0; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .links a:hover { text-decoration: underline; } .page-sitemap .sitemap { margin: 12px; } .page-sitemap .sitemap a { color: #1b2d3b; } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { color: #1e7ec8; } /* RSS */ .rss-table .link-rss { display: block; line-height: 1.55; background-position: 0 4px; } /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom: 0; margin: 0 0 10px; } .cart .page-title h1 { margin: -5px 0 10px; } .container h2#titleGridNoModal { margin: -5px 0 10px; } .cart .page-title h1 small.bold { font-weight: 600; } /* Checkout Types */ .cart .page-title .checkout-types li { margin: 0 0 5px; } .cart .title-buttons .checkout-types { float: right; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } .cart .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3; vertical-align: top; } .cart .checkout-types .bml_button { display: inline-table; width: 150px; margin: 0 0 5px; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 8px 55px 0 0; line-height: 1.0; font-size: 11px; } /* Shopping Cart Table */ .cart .cart-table-wrap { border: 1px solid #ddd; background: #fff; display: block; padding: 10px 30px; margin-bottom: 20px; } .cart-table thead tr { border-width: 0 0 1px; } .cart-table thead th { background-color: transparent; } .cart-table td { padding: 10px; vertical-align: middle; font-size: 14px; } .cart-table tbody th, .cart-table tbody td { border-right-width: 0; } .cart-table td.last, .cart-table th.last { border-right-width: 0; } .cart-table tbody td.pr-img-td { text-align: center; border-right: 0; } .cart-table tbody tr { border-left-width: 0 !important; border-right-width: 0 !important; } .cart-table tfoot { border-bottom-width: 0; } .cart-table tfoot tr.first td { border-width: 0; } .cart-table td.product-name-td { color: #777; font-size: 14px; } .cart-table td.product-name-td dl.item-options { margin: 0; } .cart-table .product-name { margin: 0; } .cart-table td.td-total .cart-price { color: #777; } .cart-table .item-msg { margin: 5px 0; font-size: 11px; font-weight: bold; color: #df280a; } .cart-table tfoot td { padding: 15px 0; } .cart-table .btn-continue { float: left; } .cart-table .btn-update, .cart-table .btn-empty { float: right; } .cart-table .btn-update { margin-left: 10px; } .cart-table .action-td { padding: 15px 0; } .cart-table .qty-holder { width: 125px; white-space: nowrap; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { margin-bottom: 45px; } .cart-collaterals > * { margin-bottom: 15px; } .cart .cart-collaterals .col2-set { float: left; width: 605px; } .cart .cart-collaterals .col2-set .col-2 { width: 294px; } .cart .cart-collaterals h2 { padding: 10px 45px 10px 15px; margin: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #000; position: relative; } /* Discount Codes &Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { margin-bottom: 15px; } .cart .discount .input-box { font-size: 13px; } .cart .discount h2, .cart .shipping h2 { cursor: pointer; border-radius: 7px; } .cart .discount h2.opened, .cart .shipping h2.opened { border-radius: 7px 7px 0 0; } .cart .discount h2:before, .cart .shipping h2:before { content: "\E80B"; width: 26px; height: 26px; display: block; border: 1px solid #ccc; font-family: 'porto'; position: absolute; right: 15px; top: 50%; margin-top: -13px; border-radius: 3px; color: #ccc; text-align: center; line-height: 24px; background-color: #fff; font-size: 10px; } .cart .discount h2.opened:before, .cart .shipping h2.opened:before { content: "\E80D"; } .cart .discount h2:hover:before, .cart .shipping h2:hover:before { background: #08c; border-color: #08c; color: #fff; } .cart .discount h2 + *, .cart .shipping h2 + * { display: none; } .cart .cart-collaterals h2 + * { padding: 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; } .cart .discount p, .cart .shipping p { font-size: 14px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin: 10px 0 0; border: 0; padding: 0; text-align: left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float: none; margin-left: 0; width: 100%; } .cart .discount input.input-text { width: 100%; } .cart .shipping .sp-methods { margin: 10px 0 0; padding: 5px 0 0; } .cart .totals table { width: 100%; } .cart .totals tr { border-bottom: 1px solid #dcdcdc; } .cart .totals td { padding: 10px; line-height: 1.4; font-size: 15px; font-weight: 300; text-align: left !important; } .cart .totals .price { display: block; text-align: right; color: #000; font-size: 14px; font-weight: 600; } .cart .totals tfoot th { padding: 5px 15px 5px 7px; } .cart .totals .checkout-types { font-size: 13px; text-align: center; } .cart .totals .checkout-types li { clear: both; margin: 10px 0; } .cart .totals tfoot tr { border-bottom-width: 0; } .cart .totals button.button { width: 100%; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-weight: 300; } .cart .totals tfoot .price { font-size: 17px; } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; } .item-options dd { padding-left: 10px; margin: 0 0 6px; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: -20px; left: 50%; } .col-left .truncated .show .item-options { left: 15px; top: 7px; } .col-right .truncated .show .item-options { left: -240px; top: 7px; } /* Checkout ============================================================================== */ /********** span { border: 1px solid #ccc; background: #fff; padding: 0 14px; } button.neutral-button:hover > span { border: 1px solid #08c; background: #08c; } button.neutral-button span { color: #777; font-size: 12px; line-height: 32px; min-width: 0; } button.neutral-button:hover span { color: #fff; } button.neutral-button.green > span { border: 1px solid #ccc; background: #95CB39; padding: 0 14px; } button.neutral-button.green:hover > span { border: 1px solid #95CB39; background: #fff; } button.neutral-button.green span { color: #fff; } button.neutral-button.green:hover span { color: #95CB39; } button.neutral-button.blue > span { border: 1px solid #ccc; background: #08c; padding: 0 14px; } button.neutral-button.blue:hover > span { border: 1px solid #08c !important; background: #fff; } button.neutral-button.blue span { color: #fff; } button.neutral-button.blue:hover span { color: #08c; } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 90px; margin: 0 0 20px; } .checkout-progress li { float: left; width: 19%; margin: 0 3px 0 0; border-top: 10px solid #999; padding: 7px 0 0; text-align: center; color: #abb5ba; } .checkout-progress li.active { border-top-color: #08c; color: #08c; } .checkout-multishipping-shipping .box-sp-methods { position: relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display: none; } /* Step 3 */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height: 275px; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); } 0% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0); } 0% { -moz-transform: rotate(-360deg); } } @keyframes rotate { 0% { transform: rotate(0); } 0% { transform: rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** div { min-height: 50px; margin-bottom: 20px; clear: both; } .sidebar .custom-block-1 > div i { font-size: 30px; color: #000; float: left; width: 50px; height: 50px; line-height: 48px; border: 1px solid #bbb; border-radius: 50%; text-align: center; margin-right: 10px; } .sidebar .custom-block-1 > div h3 { color: #313131; font-size: 16px; margin: 0; line-height: 1.5; margin-left: 50px; padding-top: 4px; } .sidebar .custom-block-1 > div p { font-size: 12px; margin: 0; margin-left: 50px; line-height: 1; } .onepagecheckout_datafields .form-list li { margin: 0; } .onepagecheckout_datafields .form-list .field { width: 100%; float: none; margin: 0; } .onepagecheckout_datafields .form-list .input-box { margin-bottom: 20px; } p.newsletter label { color: #777; line-height: 20px; } .gift-messages p.control label { line-height: 20px; } .op_login_area { width: 300px; padding: 20px; } .onepagecheckout-index-index .page-title { border: 0; margin: 20px 0; } .order-products-table .price { letter-spacing: 0; color: #08c; } .discount-form label { font-size: 14px; } .discount-form input.input-text { height: 38px; border: 1px solid #ccc; padding: 0 20px; } .block-account ul li, .block.block-blog-categories .blog-category { position: relative; line-height: 1.3; border-bottom: 1px solid #ddd; } .block-account ul li strong { font-weight: normal; } .block-account ul li strong, .block-account ul li a:hover, .block.block-blog-categories a:hover { color: #08c; } .block-account ul li strong:before, .block-account ul li a:before, .block.block-blog-categories a:before { content: '\E814'; font-family: 'porto'; position: absolute; left: 3px; } .block-account ul li a, .block.block-blog-categories a { color: #777; text-decoration: none; } #my-orders-table .price { letter-spacing: 0; } .my-account .pager { margin: 20px 0; } /*** About US ***/ h2.word-rotator-title { line-height: 30px; font-size: 20px; font-weight: 300; margin: 0 0 20px 0; color: #121214; } .word-rotate { visibility: hidden; width: 100px; height: 0; margin-bottom: -7px; display: inline-block; overflow: hidden; text-align: center; position: relative; } h2 .word-rotate { margin-bottom: -7px; } .word-rotate.active { visibility: visible; width: auto; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 100%; } .word-rotate .word-rotate-items span { display: block; white-space: nowrap; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; color: #08c; font-family: "Shadows Into Light",cursive; font-size: 1.6em; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } .btn-lg span { padding: 10px 16px !important; font-size: 18px !important; line-height: 1.33 !important; border-radius: 6px !important; } .push-top { margin-top: 20px; } .btn:hover { text-decoration: none; } hr.tall { margin: 30px 0; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; } .entry-content h3 { font-size: 1.7em; font-weight: normal; color: #08c; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } .entry-content p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } .entry-content .lead { font-size: 21px; line-height: 1.4; } .history { margin: 25px 0; padding: 0; clear: both; } .history .thumb img { border-radius: 50%; margin: 7px 8px; width: 145px; height: 145px; } .featured-box { background: #f5f5f5; background-color: transparent; background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .history .featured-box { text-align: left; margin-left: 225px; margin-bottom: 35px; min-height: 115px; } .featured-box .box-content { border-radius: 8px; border-top: 4px solid #08c; padding: 30px 20px 0; } .history .featured-box .box-content { border-top-color: #08c; } .history h4 { float: left; margin: 15px 0; padding: 0; color: #08c; line-height: 27px; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; text-transform: uppercase; } .history p { margin: 0 0 20px; margin-left: 55px; line-height: 24px; } .featured-box .block-flickr-photos { border: 0; } .featured-box .block-flickr-photos .block-title { display: none; } .featured-box .block-flickr-photos a.flickr-image { margin: 5px; display: inline-block; border: 1px solid #dcdcdc; padding: 5px; border-radius: 5px; } .featured-box .block-flickr-photos a.flickr-image img { max-width: 100%; width: 75px; } .shop-features { text-align: center; } .shop-features h2.shop-features-title { position: relative; text-align: center; margin: 30px 0; } .shop-features h2.shop-features-title:before { content: ""; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); height: 1px; width: 100%; display: block; position: absolute; top: 50%; } .shop-features h2.shop-features-title span { background-color: #fff; display: inline-block; position: relative; z-index: 1; padding: 0 12px; color: #313131; font-weight: 700; font-size: 15px; } .shop-features i { color: #333; width: 64px; height: 64px; text-align: center; line-height: 60px; display: inline-block; border: 2px solid #ccc; border-radius: 50%; font-size: 28px; } .shop-features h3 { color: #121214; font-size: 15px; line-height: 1; margin: 20px 0 10px; } .shop-features p { color: #777; font-size: 14px; margin: 0; margin-bottom: 15px; padding: 0 20px; } .shop-features a { margin: 0; font-size: 14px; } .form-list .input-box.input-textarea { border: 0; } .form-list .input-box.input-textarea label { padding: 0; vertical-align: top; } .form-list .input-box.input-textarea label i { border: 1px solid #ccc; border-right: 0; margin: 0; border-radius: 3px 0 0 3px; } .contacts-index-index h2.legend { font-size: 20px; margin-bottom: 20px; font-weight: 300; letter-spacing: 0; } .contacts-index-index .col-main .contact-info i { float: left; width: 43px; height: 43px; background-color: #08c; color: #fff; line-height: 43px; text-align: center; font-size: 16px; border-radius: 6px; margin-bottom: 15px; } .contacts-index-index .col-main .contact-info p { margin-left: 55px; margin-bottom: 0; font-size: 14px; line-height: 21px; } .form-list .input-box label i { background-color: #f0f0ed; } table.for-mobile { display: none; } table.for-desktop { display: table; } .compare-table { border: 0; } .compare-table thead tr.first th, .compare-table thead tr.first td { border: 0; background: none; padding: 0; font-size: 0; line-height: 0; } .compare-table .btn-remove { float: right; width: 72px; height: 15px; } .compare-table tbody th, .compare-table tbody td { padding: 10px; border: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: top; } .compare-table tbody td .std { text-align: left; } .compare-table tr.add-to-row td { background: #f7f7f7; text-align: center; } .compare-table tr.first td { text-align: center; } .compare-table tr.first td .product-name { font-size: 13px; font-weight: bold; margin: 0 0 5px; } .compare-table tr.first td .ratings { width: 69px; margin: 0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin: 0; } .data-table.compare-table { border: 1px solid #dcdcdc; } .data-table.compare-table td { border: 0; text-align: center; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; line-height: 1.5; } .data-table.compare-table th { text-align: right; text-transform: uppercase; background: #f7f7f7; border: 0; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .data-table.compare-table .ratings { margin: 0; } .data-table.compare-table .ratings .rating-box { float: none; margin: 0 auto; } .data-table.compare-table .ratings .amount { margin-top: 5px; display: none; margin: 0 auto; } .data-table.compare-table .price-box { margin: 0; } .data-table.compare-table .price-box p { float: none; display: inline-block; } .compare-table tr.product-img-row td { padding: 20px 30px; position: relative; } .compare-table tr.product-img-row td a.btn-remove2 { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; } .compare-table tr.product-img-row .product-image img { width: 100%; } .compare-table tr.product-img-row td .product-name { margin: 15px 0 0; } .compare-table tbody tr.last td { vertical-align: middle; border-bottom: 0; } .blank-rating { display: none; } .data-table.compare-table .blank-rating { display: block; } .data-table.compare-table tr.add-to-row td { background: none; } /*** Blog ***/ .block.block-blog-categories a { font-size: inherit; margin-left: 0; } .block.block-blog-recent ul li { margin: 0; padding: 10px 0; } .block.block-blog-recent ul li div.post-image { border-radius: 4px; padding: 2px; background-color: #fff; border: 1px solid #ddd; margin-right: 12px; } .block.block-blog-recent ul li div.post-image:after { display: table; content: ""; clear: both; } .block.block-blog-recent ul li a { font-family: inherit; font-size: inherit; color: #08c; line-height: 18px; } .block.block-blog-recent ul li div.post-time { color: #888; font-size: 12px; line-height: 24px; font-family: inherit; font-style: normal; text-align: left; margin: 0; } .block.block-blog-tags ul li a { font-family: inherit; font-weight: normal; } .block.block-blog-tags ul li a:hover { text-decoration: none; background-color: #08c; } .posts-wrap { margin: 10px 0 0; } .postBanner { padding: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 30px; } .postBanner p { line-height: 1; margin: 0; } .postBanner img { width: 100%; border-radius: 3px; } .postBanner iframe { min-height: 300px; } .postTitle { border: 0; } .postTitle h2 { font-weight: 600; margin: 0 0 10px 0; } .postTitle h2 a:hover { opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; } .postWrapper { margin-left: 60px; margin-top: 0; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .postBanner { margin-left: -60px; } .postContent { font-size: 14px; line-height: 1.5; padding-bottom: 15px; } .recent-posts .postContent > p { margin: 0; } .recent-posts a.readmore { font-weight: 300; font-size: 16px; } .postWrapper .post-date { margin-left: -60px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); float: left; margin-right: 10px; text-align: center; } .postWrapper .post-date .day { color: #08c; background-color: #f4f4f4; border-radius: 2px 2px 0 0; display: block; font-size: 16px; font-weight: bold; padding: 10px; line-height: 22px; margin-bottom: 3px; } .postWrapper .post-date .month { color: #fff; background-color: #08c; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; display: block; font-size: 12px; padding: 0 10px 2px; line-height: 16px; } .postDetails { line-height: 22px; } .postDetails > span { margin-right: 10px; } .postDetails > span span:last-child { display: none; } .postDetails > span i { margin-right: 5px; } .postDetails > span a { color: #777; } .postDetails > span a:hover { color: #08c; } .postBookmarks a { line-height: 1.2; } .smartwave-blog-read-more { color: #777; font-size: 13px; } .postBookmarks { padding: 10px 0 0; } .postBookmarks a { color: #777; text-decoration: none; } .postBookmarks a:hover { color: #08c; } .postBookmarks img { margin: 0 2px; } #postComment .form-list .input-box { border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #postComment .form-list input.input-text { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.5; color: #555; } #postComment .form-list textarea { height: 150px; padding: 6px 12px; font-size: 14px; line-height: 1.5; color: #555; } #postComment .form-list label { margin-bottom: 5px; } .postComments { margin-left: 60px; } .post-share { padding: 10px 0 0; margin-bottom: -5px; border-top: 1px solid #ddd; } .post-share i { margin-right: 5px; } .post-share h3 { color: #08c; font-size: 13px; font-weight: 300; margin: 10px 10px 0 0; text-transform: none; float: left; } .blog-post-view .postWrapper { margin-bottom: 0; } .postComments .postTitle h2 { padding: 20px 0; font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none; color: #08c; } .postComments .toolbar { border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-bottom: 10px; } form#postComment { display: block; margin-top: 25px; padding: 45px 0 0; border-top: 1px solid #ddd; } #postComment h4.legend { padding: 0 0 20px 0; font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none; color: #08c; } .commentWrapper i.icon-user { font-size: 50px; border: 4px double #ddd; background: #fff; border-radius: 5px; float: left; line-height: 70px; text-align: center; } .commentWrapper .comment-area:before { border-bottom: 15px solid transparent; border-right: 15px solid #F4F4F4; border-top: 15px solid transparent; height: 0; left: -15px; position: absolute; top: 28px; width: 0; content: ""; } .commentWrapper .comment-area { margin-left: 110px; background: #F4F4F4; border-radius: 5px; padding: 20px; position: relative; } .commentWrapper .comment-area .commentContent { line-height: 22px; margin-bottom: 10px; } .commentWrapper .comment-area .date { text-align: right; color: #999; } .single-image { overflow: hidden; text-align: center; margin: 15px 0; } .single-images .single-image { margin: 0; border-radius: 5px; } a.single-image { display: block; margin: 4px; border-radius: 5px; position: relative; } a.single-image img { width: 100%; } .single-image img { max-width: 100%; transition: 0.5s ease; } .single-image:hover img { transform: scale(1.2); } h2.sidebar-title { margin-bottom: 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #313131; line-height: 1; } .sidebar-filterproducts { margin-bottom: 30px; } /******** Homepage Bar(5) ***********/ .homepage-bar .col-md-4:first-child { border-left: 0; } .homepage-bar i { font-size: 34px; color: #000; display: inline-block; vertical-align: middle; } .homepage-bar i:before { width: auto; } .homepage-bar .text-area { display: inline-block; vertical-align: middle; text-align: left; margin-left: 5px; } .homepage-bar h3 { color: #313131; font-size: 16px; margin: 0; line-height: 1.5; } .homepage-bar p { font-size: 12px; margin: 0; line-height: 1; } .slide .product { text-align: center; } .slide .product img { float: none; max-width: 100%; margin: 5px auto; } .slide .product h6 { color: #777; font-size: 1.14em; line-height: 18px; font-weight: 400; margin: 0 0 14px 0; letter-spacing: normal; } .slide .product .price { font-size: 32px; line-height: 32px; color: #08c; letter-spacing: 0; } .slide .product .price .amount { display: inline-block; } .slide .product .price .amount .currency, .slide .product .price .amount .decimal { font-size: 0.67em; } .slide .product .price del { display: none; } .slide .product .price ins { text-decoration: none; } .slide .product .add_to_cart_button { display: inline-block; margin: 15px 0; } div.filter-title, h2.filter-title { font-size: 16px; font-weight: 300; line-height: 42px; margin: 0; color: #313131; text-transform: uppercase; text-align: left; } div.filter-title .content, h2.filter-title .content { background-color: #fff; padding-right: 20px; display: inline; } p.filter-title, h3.filter-title { font-size: 1.7em; font-weight: 400; line-height: 24px; margin: 0 0 32px 0; color: #08c; } p.filter-title .content, h3.filter-title .content { background-color: #fff; padding-right: 20px; } .filterproducts-tab .filter-title ul { list-style: none; padding: 0; padding-right: 20px; } .filterproducts-tab .filter-title ul li { display: inline-block; } .filterproducts-tab .filter-title ul li a { color: #313131; padding-left: 15px; margin-left: 12px; border-left: 1px solid #ddd; } .filterproducts-tab .filter-title ul li:first-child a { margin: 0; padding: 0; border: 0; } .filterproducts-tab .filter-title ul li.active a { color: #08c; } .border-box { position: relative; border: solid 1px #d5d5d5; padding: 15px 15px 30px; min-height: 100px; margin: 30px 0 0; text-align: center; } .border-box .box-title { position: absolute; top: -21px; left: 0; width: 100%; text-align: center; } .border-box .box-title h2 { display: inline-block; padding: 0 10px; background-color: #fff; color: #9c9c9c; font-size: 2.6em; font-weight: 300; line-height: 42px; margin: 0; } .border-box .box-thumb { position: absolute; bottom: 0; } .border-box .box-thumb img { max-width: 200px; } .feature-box { clear: both; } .feature-box.gift-card { overflow: hidden; } .feature-box .feature-box-icon { background-color: #08c; border-radius: 35px; color: #fff; float: left; height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } .feature-box.tertiary .feature-box-icon { float: none; margin: 15px auto; padding: 0; border-radius: 100%; } .feature-box.orange .feature-box-icon { background-color: #ffa800; } .feature-box.green .feature-box-icon { background-color: #2dbe7f; } .feature-box.pink .feature-box-icon { background-color: #ee68a7; } .feature-box.gift-card .feature-box-icon { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } .feature-box .feature-box-info { padding-left: 50px; } .feature-box.tertiary .feature-box-info { padding: 0; } .feature-box.gift-card h4 { font-size: 32px; font-style: italic; margin-bottom: 10px; color: #9c9c9c; } p.tall { margin-bottom: 20px; color: #777; line-height: 24px; margin: 0 0 20px; font-size: 14px; } .custom-gift .feature-box .feature-box-icon { width: 100px; height: 100px; line-height: 100px; font-size: 45px; text-align: center; } .custom-gift .feature-box .feature-box-info h4 { color: #fff; font-size: 51px; margin: 0 20px 20px; line-height: 1; font-weight: 400; } .custom-gift .feature-box .feature-box-info p { font-size: 22px; line-height: 28px; font-weight: 300; margin-bottom: 20px; color: #fff; } .feature-box.secundary h4 { color: #121214; font-size: 20px; font-weight: 400; } .feature-box.secundary .feature-box-icon { background-color: transparent; color: #08c; } .feature-box.secundary .feature-box-icon i { font-size: 28px; } .feature-box.secundary .feature-box-info { padding-left: 60px; } .custom-support { text-align: left; } .custom-support i { float: left; background-color: #e35d53; color: #fff; border-radius: 50%; width: 62px; height: 62px; text-align: center; line-height: 62px; font-size: 20px; } .custom-support div.content { margin-left: 76px; } .custom-support div.content > h2 { color: #000; margin: 0; font-weight: 600; font-size: 20px; line-height: 1.5; } .custom-support div.content > em { color: #888; font-weight: 300; font-size: 11px; font-style: normal; line-height: 1; margin-bottom: 15px; display: block; } .custom-support div.content > p { color: #666; font-size: 14px; } .gift-box > p { text-align: left; font-size: 15.36px; color: #525252; font-weight: 300; margin-left: 3px; margin-bottom: 30px; } .gift-box .feature-box.gift-card h4 { font-size: 18px; font-style: normal; font-weight: normal; color: #222; text-transform: uppercase; } /*.btn-branco{color: #333;background-color: #fff;border-color: #ccc;};*/ /*.btn-branco:hover{color: #333 !important;background-color: #ededed !important;border-color: #b3b3b3 !important;};*/ .btn.btn-branco { /*border-radius: 2px;*/ color: #000; /*font-weight: 500;*/ border-color: #ccc; background-color: #fff; /*font-size: 14px;*/ /*text-transform: uppercase;*/ /*padding: 6px 14px;*/ } .btn.btn-branco:hover { background-color: #ededed; border-color: #b3b3b3; } .homepage-grid-banner { padding: 0; } .homepage-grid-banner * { transition: all 0.2s; } .homepage-grid-banner .row { margin-left: -4px; margin-right: -4px; } .homepage-grid-banner .col-sm-1, .homepage-grid-banner .col-sm-2, .homepage-grid-banner .col-sm-3, .homepage-grid-banner .col-sm-4, .homepage-grid-banner .col-sm-5, .homepage-grid-banner .col-sm-6, .homepage-grid-banner .col-sm-7, .homepage-grid-banner .col-sm-8, .homepage-grid-banner .col-sm-9, .homepage-grid-banner .col-sm-10, .homepage-grid-banner .col-sm-11, .homepage-grid-banner .col-sm-12 { padding-left: 4px; padding-right: 4px; } .homepage-grid-banner .col-sm-margin { margin-bottom: 8px; } .homepage-grid-banner img { width: 100%; } .homepage-grid-banner .content a { font-size: 16px; margin-right: 5px; } .homepage-grid-banner .content a.btn-default { font-size: 13px; margin: 0; border: 0; padding-right: 3px; } .homepage-grid-banner .ribbon { width: 33.5%; height: 22.3%; } .homepage-grid-banner .ribbon:before { content: ""; position: absolute; right: 0; top: 0; border: 150px solid #08c; border-right: 0; border-bottom: 0; border-left: 200px solid transparent; } .homepage-grid-banner .ribbon > div { width: 90%; } .homepage-grid-banner .ribbon em { font-size: 14px; } .homepage-grid-banner .ribbon h4 { font-size: 33px; line-height: 1; margin: 0; } .homepage-grid-banner .ribbon h5 { font-size: 18px; line-height: 1; margin: 0; } .homepage-grid-banner .grid1, .homepage-grid-banner .grid2, .homepage-grid-banner .grid3, .homepage-grid-banner .grid4 { cursor: pointer; overflow: hidden; min-height: 50px; } .homepage-grid-banner .grid1:before, .homepage-grid-banner .grid2:before, .homepage-grid-banner .grid3:before, .homepage-grid-banner .grid4:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(Opacity=0); visibility: hidden; transition: all 0.2s; } .homepage-grid-banner .grid1:hover:before, .homepage-grid-banner .grid2:hover:before, .homepage-grid-banner .grid3:hover:before, .homepage-grid-banner .grid4:hover:before { opacity: 0.1; filter: alpha(Opacity=10); visibility: visible; } .homepage-grid-banner .grid1 .content h2 { font-size: 70.72px; line-height: 1; } .homepage-grid-banner .grid1 .content p { font-size: 29.47px; line-height: 1; margin-bottom: 10px; margin-right: 4px; } .homepage-grid-banner .grid2 .content h3 { font-size: 28.88px; line-height: 1; } .homepage-grid-banner .grid2 .content h2 { font-size: 28.88px; line-height: 1; } .homepage-grid-banner .grid2 .content p { font-size: 17.58px; line-height: 1; margin-bottom: 15px; } .homepage-grid-banner .grid3 .content h2 { font-size: 46px; line-height: 1; margin: 0; } .homepage-grid-banner .grid3 .content h5 { font-size: 16px; line-height: 1; margin-bottom: 30px; } .homepage-grid-banner .grid3 .content p { font-size: 16px; line-height: 1; margin-bottom: 5px; } .homepage-grid-banner .grid3 .content h4 { font-size: 22.72px; line-height: 1; margin-top: 20px; margin-bottom: 0; } .homepage-grid-banner .grid3 .content h4 > span { font-size: 17.66px; line-height: 1; } .homepage-grid-banner .grid3 .content h3 { font-size: 37.71px; line-height: 1; margin-bottom: 15px; } .homepage-grid-banner .grid3 .content h3 > span { font-size: 25.14px; line-height: 1; } .homepage-grid-banner .grid4 .content h2 { font-size: 33.86px; line-height: 1.2; margin: 0; margin-bottom: 15px; } .homepage-grid-banner .grid4 .content p { font-size: 19.75px; line-height: 1.2; margin-bottom: 17px; } .grid-images { text-align: center; } .grid-images .row { margin-left: -10px; margin-right: -10px; } .grid-images .col-sm-4, .grid-images .col-sm-8 { padding-left: 10px; padding-right: 10px; } .grid-images .grid1 { margin-bottom: 10px; } .grid-images img { max-width: 100%; } .slider-with-side { margin: 0 -8px; } .slider-with-side .slider-area { padding: 0 8px; float: left; width: 72.3%; } .slider-with-side .side-area { padding: 0 8px 0 7px; float: left; width: 27.7%; } .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 { margin-bottom: 9px; position: relative; overflow: hidden; } .slider-with-side .side-area .item3 { margin: 0 !important; } .slider-with-side .side-area .item1 .content { position: absolute; bottom: 17px; left: 15px; text-align: left; } .slider-with-side .side-area .item1 .content h2 { font-size: 35.16px; margin: 0; margin-bottom: 14px; } .slider-with-side .side-area .item1 .content em { font-size: 27.45px; margin: 0; margin-bottom: 2px; display: block; margin-left: 4px; } .slider-with-side .side-area .item1 .content a { font-size: 15.08px; margin: 0; margin-left: 4px; display: block; } .slider-with-side .side-area .item2 .content { position: absolute; bottom: 17px; left: 21px; text-align: left; } .slider-with-side .side-area .item2 .content h2 { font-size: 33.86px; margin: 0; margin-bottom: 12px; } .slider-with-side .side-area .item2 .content p { font-size: 18.34px; margin: 0; margin-left: 1px; } .slider-with-side .side-area .item2 .content a { font-size: 13px; border: 0; text-shadow: none; padding: 8px 10px 8px 15px; margin: 13px 0 0 25px; } .slider-with-side .side-area .item3 .content { position: absolute; bottom: 17px; left: 19px; text-align: left; } .slider-with-side .side-area .item3 .content h2 { font-size: 32px; margin: 0; } .slider-with-side .side-area .item3 .content p { font-size: 20px; margin: 0; margin-bottom: 17px; } .slider-with-side .side-area .item3 .content a { font-size: 16px; margin: 0; } .slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(Opacity=0); visibility: hidden; transition: all 0.2s; } .grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img { opacity: 1; filter: alpha(Opacity=100); visibility: visible; transition: all 0.2s; } .slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before { opacity: 0.1; filter: alpha(Opacity=10); visibility: visible; } .grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img { opacity: 0.8; filter: alpha(Opacity=80); visibility: visible; } .slide3-1-content p { line-height: 1; margin: 0; margin-bottom: 5px; font-size: 19.75px; } .slide3-1-content h2 { line-height: 1; margin: 0; font-size: 50.23px; margin-bottom: 30px; } .slide3-1-content .price-area em { font-style: normal; line-height: 1; margin: 0; font-size: 17.33px; text-align: right; } .slide3-1-content .price-area em:first-child { margin-right: 0; margin-bottom: -2px; text-align: left; } .slide3-1-content .price-area h3 { line-height: 1; margin: 0; font-size: 58.18px; } .slide3-1-content .button-area { padding-left: 15px; margin-left: 15px; } .slide3-1-content a.btn-default { height: 67px; font-size: 16px; font-weight: 300; line-height: 67px; padding: 0 20px 0 30px; border-radius: 8px; } .slide3-1-content a.btn-default i { width: 15px; height: 15px; line-height: 14px; text-align: center; font-size: 11px; display: inline-block; vertical-align: middle; margin-bottom: 5px; margin-left: 12px; } .slide3-2-content em { font-size: 20px; font-style: normal; margin-left: 2px; margin-bottom: 5px; line-height: 1; } .slide3-2-content h2 { font-size: 50.23px; line-height: 1; margin: 0; margin-bottom: 5px; } .slide3-2-content p { font-size: 37px; line-height: 1; margin-bottom: 30px; } .slide3-2-content a { font-size: 16px; display: inline-block; vertical-align: middle; line-height: 1; } .slide3-2-content a > i { width: 15px; height: 15px; line-height: 14px; text-align: center; font-size: 11px; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-left: 12px; background-color: #fff; border-radius: 50%; color: #000; } .image-link { display: block; position: relative; } .image-link:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(Opacity=0); visibility: hidden; transition: all 0.2s; } .border-radius .image-link:before { border-radius: 8px; } .image-link:hover:before { opacity: 0.1; filter: alpha(Opacity=10); visibility: visible; } .image-link img { width: 100%; } .side-custom-menu { border: 1px solid #ddd; border-radius: 7px; overflow: hidden; } .side-custom-menu h2 { color: #000; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: 700; text-align: left; padding: 13px 13px 12px; background-color: #f5f5f5; line-height: 1; margin: 0; } .side-custom-menu ul { padding: 0 12px; } .side-custom-menu ul li { text-align: left; padding: 13px 4px 12px; border-top: 1px solid #ddd; } .side-custom-menu ul li:first-child { border: 0; } .side-custom-menu ul li a { color: #777; font-size: 15px; line-height: 1; display: block; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover { color: #333; } /****** QuickView *******/ a.quickview-icon { position: absolute; right: 0; top: 0; background-color: #08c; color: #fff; padding: 10px; z-index: 9; border-radius: 0 5px; opacity: 0; visibility: hidden; transition: 0.1s all; font-size: 12px; line-height: 1.4; } a.quickview-icon span { margin-left: 2px; } a.quickview-icon:hover span { text-decoration: underline; } a.quickview-icon:hover { opacity: 0.9 !important; text-decoration: none; color: #fff; } .item-area:hover a.quickview-icon { opacity: 1; visibility: visible; } a.quickviewlink.quickview-icon { position: static; padding: 0; visibility: visible; opacity: 1; color: #08c; background-color: transparent; font-size: 17px; display: inline-block; height: 32px; width: 32px; line-height: 32px; border: 1px solid #08c; border-radius: 5px; text-align: center; } a.quickviewlink.quickview-icon:hover { color: #08c; } /****** Mango_Attributeswatches Extension Styles ******/ /*new color swatches code*/ .product-swatches-container { float: left; clear: both; margin-bottom: 15px; } .product-swatches-container ul { margin-bottom: 10px; width: 100%; } .product-swatches-container ul li { display: block; height: 35px; float: left; } .product-swatches-container li a { display: block; float: left; height: 30px; line-height: 30px; padding: 0px 5px 0px; border: solid 1px #ccc; margin: 3px; text-decoration: none; background: #ddd; color: #bbb; cursor: default; border-radius: 5px; opacity: 0.2; filter: alpha(opacity=20); } .product-swatches-container a.active { background: #fff; color: #333; cursor: pointer; box-shadow: 3px 3px 5px #aaa; display: block; float: left; opacity: 1; filter: alpha(opacity=100); } .product-swatches-container a.active.selected { background: #fff; color: #333; height: 32px !important; line-height: 32px !important; padding: 0px 6px 0px !important; cursor: pointer; border: none; box-shadow: 1px 1px 5px #444 inset; } .product-swatches-container .has-swatches a { width: 30px; height: 30px; overflow: hidden; padding: 0px; position: relative; text-align: center; } .product-swatches-container .has-swatches a.active.selected { width: 32px !important; padding: 0px !important; } .product-swatches-container .has-swatches li { position: relative; } .product-swatches-container .has-swatches li a span { display: none; } .product-swatches-container .has-swatches span.tooltip-container { display: none; } .product-swatches-container .has-swatches span.tooltip-container.on { display: block; position: absolute; top: -16px !important; left: 20px; height: 16px; z-index: 20000; } .product-swatches-container .has-swatches span.tooltip-container.on span.tooltip { display: block; margin-left: -50%; float: left; height: 16px; line-height: 16px; background: #333; padding: 0px 5px; color: #efefef; white-space: nowrap; font-size: 11px; } #product-options-wrapper .input-box .configurable-option-select.hideselect { display: none; } .product-image { position: relative; display: block; } a.product-image { z-index: 1; } #fancybox-link { display: none; line-height: 25px; height: 25px; padding: 0px 10px; border: solid 1px #ccc; z-index: 30000; position: relative; background: #fff; text-decoration: none; position: absolute; right: 0px; bottom: 0px; } .layered-navigation-swatch { display: block; float: left; width: 20px; margin-right: 5px; } ul.attribute-swatches li { display: block; float: left; margin: 3px 7px 3px 0px; width: 20px; height: 20px; position: relative; z-index: 0; } ul.attribute-swatches li.color-swatch-last { margin-right: 0px; } ul.attribute-swatches li a { display: block; width: 20px; height: 20px; position: relative; overflow: hidden; border: solid 1px #ddd; float: left; text-decoration: none; background-position: center; } ul.attribute-swatches li a:hover { text-decoration: none; border-color: #444; } ul.attribute-swatches li a img { margin: 0px; display: inline; padding: 0px; border: none; z-index: 0; position: absolute; top: 0px; left: 0px; } ul.attribute-swatches li a img.color-swatch-mask { margin: 0px; display: inline; position: absolute; z-index: 20; padding: 0px; border: none; } ul.attribute-swatches li span { display: none; z-index: 10000; } ul.attribute-swatches li span.tooltip-container.on { display: block; position: absolute; top: -22px; left: 10px; height: 22px; z-index: 20000; } ul.attribute-swatches li span.tooltip.on { display: block; margin-left: -50%; float: left; height: 22px; white-space: nowrap !important; background: transparent; } ul.attribute-swatches li span span span { display: block; float: left; background: #333; border: solid 1px #efefef; padding: 1px 10px 1px; font-weight: bold; line-height: 15px; color: #fff; } .attribute-swatches.product-view { height: 20px; clear: both; margin: 5px 0px; border: none; } .attribute-swatches.product-list { float: left; width: 100%; padding: 0px; clear: both; } /* layered navigation */ #narrow-by-list ol.swatches li { display: block; clear: both; } #narrow-by-list ol li .layered-navigation-swatch { border: solid 1px #ccc; margin: 0px 5px 10px 0px; } /* availability labels */ .attribute-availability { width: 100%; clear: both; margin: 0px 0px 5px; padding: 0px; } .attribute-availability li { display: block; padding: 3px; float: left; } .more-views ul li { float: left; } .block-layered-nav #narrow-by-list ol.swatches { margin: 10px -3px -3px; } .block-layered-nav #narrow-by-list ol.swatches li { display: inline-block; vertical-align: middle; position: relative; } .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch { border-radius: 5px; width: 26px; height: 26px; margin: 0 2px 7px 3px; float: none; } .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label { display: none; } .block-layered-nav #narrow-by-list ol.swatches.show-label li a { position: relative; display: block; } .block-layered-nav #narrow-by-list ol.swatches li a:hover { text-decoration: none; } .block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label { display: inline-block; line-height: 26px; position: absolute; left: 3px; top: 0; width: 26px; height: 26px; text-align: center; overflow: hidden; } span.selected-label { vertical-align: middle; } .product-options .product-swatches-container .has-swatches a.active { box-shadow: none; text-align: center; line-height: 28px; color: #08c; } .product-options .product-swatches-container .has-swatches a.active.selected { width: 30px !important; box-shadow: none; background-color: #08c; color: #fff; height: 30px !important; line-height: 28px !important; border: 1px solid transparent; } p.product-image { z-index: 1; } .product-image img { max-width: 100%; height: auto; } .product-options .product-swatches-container { margin: 0; position: relative; z-index: 1; } /******* QuickView *******/ .quickview-index-view { padding: 25px; } .quickview-index-view .product-view .product-img-box { padding: 20px; margin-bottom: 0; } a.fancybox-close { background: transparent; transition: all 0.2s; width: 20px; height: 20px; line-height: 20px; top: 0; right: 0; font-size: 15px; } /*boa 12/19 - color, opacity*/ a.fancybox-close.fancybox-newsletter-close { top: 10px; right: 10px; } a.fancybox-close:before { content: "\F00D"; font-family: fontAwesome; } a.fancybox-close:hover { text-decoration: none; opacity: 0.65; filter: alpha(opacity=65); } /*boa 12/19 - color, opacity*/ .fancybox-opened .fancybox-skin { border-radius: 5px; overflow: hidden; } .price-filter-slider a { transition: initial; } i.icon-spin6 { font-size: 30px; } .add-to-cart i.icon-spin6 { font-size: 16px; margin-left: 10px; } #fancybox-loading { background: none; } .block-reorder input.checkbox { position: absolute; left: 0; } div.mobile-nav .sw-mobile-menu li > a span.cat-label, .menu.side-menu li > a span.cat-label { font: inherit; font-size: 9px; padding: 2px; z-index: 1; border-radius: 2px; line-height: 1; position: relative; margin: 0 0 0 10px; display: inline-block; } #product-attribute-specs-table { border: 1px solid #ddd; } #product-attribute-specs-table th.label { display: table-cell; } .parallax-category-banner .parallax { padding: 75px 0; } .parallax-content h2 { font-size: 45px; line-height: 1.1; margin: 0; } .parallax-content p { font-size: 23px; line-height: 1.1; margin: 0; } i.ajax-loader { display: inline-block; vertical-align: middle; border: 1px solid #08c; border-radius: 20px; border-bottom-color: transparent !important; } i.ajax-loader.small { width: 16px; height: 16px; border-width: 2px 3px 1px 0; } i.ajax-loader.large { width: 32px; height: 32px; border-width: 3px 5px 2px 0; } #fullajax_loader i.ajax-loader { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } .add-to-cart #ajax_loader { margin: 0 10px; } .fixed-header .cart-area { right: 0; } .block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch { border-color: #08c; } a.search-icon { display: inline-block; width: 25px; text-align: center; } .product-image-area .actions { position: absolute; width: 100%; bottom: 10px; left: 0; text-align: left; padding: 0 10px; visibility: hidden; opacity: 0; transition: opacity 0.2s; } .item:hover .product-image-area .actions { visibility: visible; opacity: 1; } .product-image-area .actions a { background-color: #fff; overflow: hidden; } .product-image-area .actions a.addtocart { color: #08c; border-color: #08c; width: 32px; height: 32px; line-height: 32px; font-size: 17px; padding: 0; text-align: center; } .product-image-area .actions a.addtocart.outofstock { display: none; } .product-image-area .actions a.addtocart i.icon-cart { font-size: 17px; } .product-image-area .actions a.addtocart span { display: none; } /* Previous/Next Product links on Product View Page*/ .prev-next-products { float: right; } .quickview-index-view .prev-next-products { display: none; } .prev-next-products .product-nav { display: inline-block; vertical-align: middle; position: relative; } .prev-next-products a { color: #555; display: inline-block; font-size: 22px; line-height: 58px; } .prev-next-products .product-nav .product-pop { border-top: 3px solid #08c; position: absolute; left: 0; top: 100%; padding: 10px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 1; visibility: hidden; opacity: 0; transition: all 0.2s; text-align: center; border-radius: 4px; } .prev-next-products .product-nav .product-pop:before { content: ""; width: 5px; height: 2px; border: 5px solid transparent; border-bottom-color: #08c; display: block; position: absolute; top: -13px; left: 0; } .prev-next-products .product-nav:hover .product-pop { opacity: 1; visibility: visible; } .prev-next-products .product-nav .product-pop .product-image { margin-bottom: 10px; } .prev-next-products .product-nav .product-pop .product-name { margin: 0; font-weight: 600; font-size: 11px; } .prev-next-products .product-nav.product-prev .product-pop { right: auto; left: 0; margin-left: -17.5px; } .prev-next-products .product-nav.product-prev .product-pop:before { left: 32px; right: auto; } .prev-next-products .product-nav.product-next .product-pop { left: auto; right: 0; margin-right: -17.5px; } .prev-next-products .product-nav.product-next .product-pop:before { right: 32px; left: auto; } .page-head { margin-bottom: 20px; } .page-head h3 { font-size: 20px; } .manufacturer-index-view .block-layered-nav .block-title { margin-top: 0; margin-bottom: 0; padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 7px 7px 0 0; margin-top: 14px; } .filter-title > a { font-size: 13px; font-weight: 400; text-transform: none; } #_atssh { position: absolute; z-index: -1; bottom: 0; } /*Ajax Cart*/ #success-message-container { border-top: 4px solid #08c; border-radius: 6px; font-weight: 400; line-height: 1.4; } #success-message-container button { margin-top: 15px; } #success-message-container button:first-child { margin-top: 20px; } #success-message-container .timer { font-weight: 600; margin-top: 10px; font-size: 16px; } .fixed-header-area.fancybox-margin { padding-right: 17px; } /*Fullwidth Category Banner*/ .full-width-image-banner { height: 375px; position: relative; } .full-width-image-banner:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #393733; opacity: 0.65; filter: alpha(opacity=65); } .full-width-image-banner .content { margin-top: -36px; } .full-width-image-banner h2 { margin: 0; font-size: 45px; line-height: 1.1; } .full-width-image-banner p { margin: 0; font-size: 16px; } .small-list .price { font-size: 12px; } .small-list .regular-price .price { font-size: 15px; } .small-list .special-price .price { font-size: 15px; } .small-list .old-price .price { font-size: 12px; } /*homepage filterproducts for one product*/ .one-product h4.filter-title { font-size: 16px; text-align: center; color: #333; font-weight: 700; line-height: 1.4; padding: 14px 0; background-color: #fff; margin: 0; } /*no border-radius*/ .footer .container { max-width: 100%; } .single-images .single-image-label { font-size: 17px; text-align: center; color: #818385; line-height: 1.4; padding: 10px 0; font-weight: 600; } .single-images .caption { background-color: #a1a2a3; color: #fff; font-size: 14px; line-height: 35px; text-align: center; } /*fixed-header*/ .gift-messages h3 .expand_plus { display: none; } .footer-top-subscribe > h4 { float: left; margin: 0; } .footer-top-subscribe .input-box { text-align: right; margin: 0; } .footer-top-subscribe input#newsletter { height: 34px; line-height: 18px; padding: 8px; max-width: 55%; min-width: 200px; width: 250px; border-radius: 2px; } .footer-top-subscribe button.button { margin-left: -53px; width: 50px; } .footer-top-subscribe button.button > span { line-height: 34px; background-color: transparent; color: #333; border-left: 1px solid #ccc; border-radius: 0 2px 2px 0; } .no-border .product-image-area { border: 0; padding: 0; border-radius: 0; } h3.fullwidth-filter-title { font-size: 28px; color: #000; line-height: 1.2; margin-left: 15px; } p.fullwidth-filter-description { font-size: 14px; color: #666; line-height: 1.4; margin-left: 15px; } .featured-box-2 { margin: 30px 0; } .featured-box-2 h3 { color: #121213; font-size: 15px; border-bottom: 1px solid #ddd; line-height: 1.4; padding: 8px 0; margin-bottom: 10px; } .featured-box-2 h3 i { font-size: 18px; } .featured-box-2 p { font-size: 14px; margin-bottom: 10px; } .featured-box-2 a { font-size: 14px; } .footer .tags-list li { margin: 0; margin-bottom: 2px; display: inline-block !important; } .footer .tags-list a { color: #fff; background-color: #000; padding: 0 7px; line-height: 25px; display: inline-block; font-size: 12px !important; border-radius: 3px; } .footer .tags-list a:hover { color: #fff; } .md-modal #login-form, .form-wrap.new-users, .form-wrap.registered-users, .opc #login-form { border: 0; background: transparent; box-shadow: none; padding: 0; } .fancybox-prev span, .fancybox-next span { background-image: none; font-size: 40px; } .fancybox-prev span:before, .fancybox-next span:before { font-family: "porto"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 40px; } .fancybox-next span:before { content: "\F105"; } .fancybox-prev span:before { content: "\E819"; } #after-loading-success-message { display: none; font-size: 1.1em; position: fixed; text-align: center; z-index: 20002; width: 100%; height: 100%; left: 0; top: 0; } #success-message-container { padding: 20px 15px; line-height: 1.4; position: relative; text-align: center; top: 35%; width: 300px; z-index: 1000; background: #FFFFFF none repeat scroll 0 0; margin: auto; } #success-message-container img.product-image { display: inline-block; width: 30%; } #success-message-container .msg { display: block; margin-bottom: 10px; font-size: 13px; } #success-message-container .product-name { font-size: 14px; margin: 5px 0 10px; } #success-message-container .timer { display: none; } #success-message-container button { margin-top: 15px; min-width: 133px; } a.at300b .at4-icon, a.at300m .at4-icon { border-radius: 3px; } .header .social-icons a { background-color: #9e9e9e; border-radius: 50%; } .header .social-icons a.icon1-class:hover { background-color: #3c599b; } .header .social-icons a.icon2-class:hover { background-color: #1ca8e3; } .header .social-icons a.icon3-class:hover { background-color: #4975b6; } #banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content { padding-left: 256px; } #banner-slider-demo-16 .text-content { text-align: left; } #banner-slider-demo-16 .text-content em { font-size: 26.26px; margin: 0; margin-bottom: -10px; } #banner-slider-demo-16 .text-content h2 { font-size: 79.12px; letter-spacing: -4px; } #banner-slider-demo-16 .text-content p { margin: 0; } #banner-slider-demo-16 .text-content p span { font-size: 23.64px; padding-left: 6px; } #banner-slider-demo-16 .text-content p a { font-size: 16px; padding: 10px 28px; margin-left: 10px; margin-top: 5px; } body.side-header .top-container > .breadcrumbs.fixed-position { position: fixed; width: 100%; z-index: 999; top: 0; } /******** right zoom **********/ .product-view-zoom-area { width: 100%; height: 100%; z-index: 2; position: absolute; left: 100%; top: 0; display: none; } .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area { display: block; } /******** Sticky Addtocart **********/ .sticky-product { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); padding: 60px 0 15px 0; } .sticky-product > .container { position: relative; } .sticky-product .sticky-image, .sticky-product .sticky-detail { display: inline-block; vertical-align: middle; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area, .sticky-product .ratings, .sticky-product .sticky-detail .availability { display: inline-block; vertical-align: top; margin: 0; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area .product-name, .sticky-product .ratings, .sticky-product .sticky-detail .availability { line-height: 25px; } .sticky-product .sticky-detail .product-name-area .product-name { font-size: 16px; font-weight: 600; } .sticky-product .sticky-detail .availability span { font-size: 14px; font-weight: 400; } .sticky-product .add-to-cart { position: absolute; right: 15px; top: 50%; margin-top: -19px; } .side-header .sticky-product > .container { width: 100%; padding-left: 277px; } .product-view.moved-tab .product-shop .short-description { border: 0; } /******** Menu Update ***********/ /******** Product Deal **********/ .deal-label { position: absolute; left: 3px; top: 3px; color: #fff; font-size: 20px; padding: 3px; } .deal-label:before { content: ""; display: block; width: 40px; height: 40px; position: absolute; z-index: 1; border: 26px solid transparent; border-left-color: #e27c7c; border-top-color: #e27c7c; border-radius: 3px; left: 0; top: 0; transition: all 0.3s; } .deal-label i { position: relative; z-index: 2; left: -1px; top: 1px; } .block-dailydeal-new .sidebardailydeal { text-align: center; } .block-dailydeal-new .sidebardailydeal a { float: none; } .block-dailydeal-new { font-family: inherit; } .block-dailydeal-new, .block-dailydeal-new:hover { border: 0; } .block-dailydeal-new .block-title { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 7px 7px 0 0; margin-top: 14px; } .block-dailydeal-new .block-title.closed { border-radius: 7px; } .block-dailydeal-new .block-title:before { content: "\E80D"; width: 26px; height: 26px; display: block; border: 1px solid #ccc; font-family: 'porto'; position: absolute; right: 15px; top: 50%; margin-top: -13px; border-radius: 3px; color: #ccc; text-align: center; line-height: 24px; background-color: #fff; font-size: 10px; } .block-dailydeal-new .block-title.closed:before { content: "\E80B"; } .block-dailydeal-new .block-title:hover:before { background-color: #08c; color: #fff; } .block-dailydeal-new .block-content { padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 7px 7px; background-color: #fbfbfb; } .block-dailydeal-new .block-title { cursor: pointer; margin: 0; } .bottom-home-dailydeal ul.time-left { float: none; background-color: transparent; padding: 0 10px; } .bottom-home-dailydeal ul.time-left li { padding: 3px; list-style: none; } .bottom-home-dailydeal ul.time-left li > div { background-color: #999; padding: 4px 0; border-radius: 5px; } .bottom-home-dailydeal { position: absolute; bottom: -23px; z-index: 9; left: 0; width: 100%; opacity: 0.3; filter: alpha(opacity=30); transition: all 0.3s; margin: 0; } .item-area:hover .bottom-home-dailydeal { opacity: 1; filter: alpha(opacity=100); bottom: 0; } .bottom-home-dailydeal ul.time-left li span { font-family: inherit; font-size: 16px; font-weight: 600; } .timeleft-text { margin: 0; } .item-area:hover .deal-label:before { border-left-color: #af2727; border-top-color: #af2727; } .product-view .bottom-home-dailydeal { position: static; margin-bottom: 20px; margin-left: -15px; opacity: 1; filter: alpha(opacity=100); } .product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text { font-size: 20px; } .product-essential .bg-saleoff { margin-bottom: 10px; } .product-image-area a.product-image { overflow: hidden; } .slide3-1-new-content em { font-size: 18px; } .slide3-1-new-content h2 { font-size: 44px; } .slide3-1-new-content hr { margin: 10px 0; } .slide3-1-new-content a { font-size: 16px; } .img-desc-home3 { margin-top: -88px; padding: 0 25px; } .img-desc-home3 h3 { font-size: 24px; } .img-desc-home3 hr { width: 90px; margin: 15px 0; } .img-desc-home3 p { font-size: 15px; } .img-desc-home3 a { font-size: 15px; } .top-newsletter #newsletter { width: 300px; height: 30px; border-radius: 0; line-height: 16px; } .top-newsletter button.button { position: absolute; right: 0; top: 0; } .top-newsletter button.button span { height: 30px; line-height: 30px; border-radius: 0; color: #000; background-color: transparent; } .input-box { position: relative; } .validation-advice:before { content: "\E820"; font-family: "porto"; font-size: 8px; position: absolute; left: 3px; top: 1px; } .product-options .validation-advice { position: relative; } .block-subscribe .validation-advice { position: absolute; } #banner-slider-demo-2-new .slide-1 em { font-size: 26.26px; margin: 0; margin-left: 5px; } #banner-slider-demo-2-new .slide-1 .text-content h2 { font-size: 79.12px; letter-spacing: -6px; } #banner-slider-demo-2-new .slide-1 .text-content p { margin: 0; } #banner-slider-demo-2-new .slide-1 .text-content p span { font-size: 23.64px; padding-left: 6px; } #banner-slider-demo-2-new .slide-1 .text-content a { font-size: 15.76px; padding: 10px 34px; margin-top: 15px; margin-left: 7px; } #banner-slider-demo-2-new .slide-2 em { font-size: 26.26px; margin: 0; margin-left: 5px; } #banner-slider-demo-2-new .slide-2 .text-content h2 { font-size: 79.12px; letter-spacing: -6px; } #banner-slider-demo-2-new .slide-2 .text-content p { margin: 0; } #banner-slider-demo-2-new .slide-2 .text-content p span { font-size: 23.64px; padding-left: 6px; } #banner-slider-demo-2-new .slide-2 .text-content a { font-size: 15.76px; padding: 10px 0; margin-top: 10px; } .image-link span.category-title { display: block; position: absolute; left: -10px; bottom: 20px; color: #fff; padding: 15px 17px; font-size: 15px; font-weight: 600; line-height: 1; min-width: 174px; text-align: left; background-color: #3f4658; } .image-link span.category-title:before { content: ""; width: 10px; height: 10px; border: 5px solid transparent; border-right-color: #3f4658; border-top-color: #3f4658; display: block; position: absolute; left: 0; top: 100%; } .compare-link > a:hover { text-decoration: none; } .compare-popup { position: absolute; left: 0; top: 100%; width: 300px; background-color: #fff; border-width: 6px 0 0 0; border-style: solid; z-index: 1; border-radius: 8px 8px 5px 5px; color: #777; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); margin-top: 10px; padding: 20px; text-align: left; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s; } .compare-link:hover .compare-popup { visibility: visible; opacity: 1; filter: alpha(opacty=100); } .ajaxcart-index-options .product-view .product-name { padding: 0; border-bottom: 1px solid #384045; margin-bottom: 25px; } .quickview-index-view .product-collateral { display: none; } @media (max-width: 991px) { body.boxed .page { width: 980px; } .category-banner .banner-text h2 { font-size: 45px; } .category-banner .banner-text p { font-size: 23px; } .category-boxed-banner .banner-text h2 { font-size: 38px; } .category-boxed-banner .banner-text p { font-size: 17px; } .category-boxed-banner .banner-text a.shop-now { margin-left: 16px; font-size: 14px; } .col1-layout .product-shop .product-options-bottom, .col1-layout .add-to-box { float: none; width: auto; border-bottom: 1px solid #ebebeb; } .col1-layout .sharing-tool-area { float: none; } .cart-table a { line-height: 24px; } .cart-table .cart-price { display: inline-block; margin-top: 15px; } .cart-table thead { display: none; } .data-table.cart-table .product-image { z-index: 0; } .data-table.cart-table tbody tr { position: relative; display: block; clear: both; padding: 25px 0; border-bottom: 1px solid #dcdcdc; } .data-table.cart-table tbody tr.first { padding-top: 0; } .data-table.cart-table tbody td { display: block; padding: 0; width: 100%; border-width: 0; text-align: center !important; } .data-table.cart-table tbody td.pr-img-td { clear: both; padding: 0 0 15px; } .data-table.cart-table tbody td.action-td { position: absolute; top: 20px; z-index: 1; } .data-table.cart-table tbody tr.first td.action-td { top: -5px; } .data-table.cart-table tbody td.action-td .btn-remove2 { float: right; line-height: 22px; } .data-table.cart-table tfoot tr.first td { padding-top: 25px; } .cart-table .item-options dd { padding: 0; } .cart-table .qty-holder { width: 90px; margin-top: 15px; } .title-buttons { text-align: left; } .cart-table button.button { margin-bottom: 10px; margin-left: 0; float: none; width: 100%; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: none; } .cart .title-buttons .checkout-types { float: none; display: block; } .cart .title-buttons .checkout-types li { margin: 0 0 10px; } .my-account .data-table thead { display: none; } .my-account .data-table tbody tr { display: block; border-bottom: 1px solid #ddd; padding: 15px 0 5px; position: relative; } .my-account .data-table tbody tr:first-child { border-top: 1px solid #ddd; } .my-account .data-table tbody td { display: block; padding: 0 15px 10px; width: 100%; text-align: center !important; border-width: 0; } .my-account .data-table .add-to-cart-alt { margin: 10px auto; } .my-account .data-table tbody .btn-remove { position: absolute; top: 15px; right: 15px; } .homepage-grid-banner .row { margin-left: -3px; margin-right: -3px; } .homepage-grid-banner .col-sm-1, .homepage-grid-banner .col-sm-2, .homepage-grid-banner .col-sm-3, .homepage-grid-banner .col-sm-4, .homepage-grid-banner .col-sm-5, .homepage-grid-banner .col-sm-6, .homepage-grid-banner .col-sm-7, .homepage-grid-banner .col-sm-8, .homepage-grid-banner .col-sm-9, .homepage-grid-banner .col-sm-10, .homepage-grid-banner .col-sm-11, .homepage-grid-banner .col-sm-12 { padding-left: 3px; padding-right: 3px; } .homepage-grid-banner .col-sm-margin { margin-bottom: 7px; } .homepage-grid-banner .content a.btn-default { font-size: 11px; } .homepage-grid-banner .grid1 .content h2 { font-size: 55.16px; } .homepage-grid-banner .grid1 .content p { font-size: 23px; margin-right: 3.12px; } .homepage-grid-banner .grid2 .content h3 { font-size: 22.53px; } .homepage-grid-banner .grid2 .content h2 { font-size: 22.53px; } .homepage-grid-banner .grid2 .content p { font-size: 13.71px; margin-bottom: 11.7px; } .homepage-grid-banner .grid3 .content h2 { font-size: 35.88px; } .homepage-grid-banner .grid3 .content h5 { font-size: 12.48px; margin-bottom: 23.4px; } .homepage-grid-banner .grid3 .content p { font-size: 12.48px; margin-bottom: 3.9px; } .homepage-grid-banner .grid3 .content h4 { font-size: 17.72px; margin-top: 15.6px; } .homepage-grid-banner .grid3 .content h4 > span { font-size: 13.77px; } .homepage-grid-banner .grid3 .content h3 { font-size: 29.41px; margin-bottom: 11.7px; } .homepage-grid-banner .grid3 .content h3 > span { font-size: 19.6px; } .homepage-grid-banner .grid4 .content h2 { font-size: 29px; margin-bottom: 12px; } .homepage-grid-banner .grid4 .content p { font-size: 17px; margin-bottom: 11.7px; } .grid-images .grid1 { margin-bottom: 9px; } .slide3-1-content p { margin-bottom: 3px; font-size: 13px; } .slide3-1-content h2 { font-size: 30px; margin-bottom: 15px; } .slide3-1-content .price-area em { font-size: 10px; } .slide3-1-content .price-area em:first-child { margin-bottom: -2px; } .slide3-1-content .price-area h3 { font-size: 35px; } .slide3-1-content .button-area { padding-left: 10px; margin-left: 10px; } .slide3-1-content a.btn-default { height: 45px; font-size: 13px; line-height: 45px; padding: 0 17px 0 20px; border-radius: 5px; } .slide3-1-content a.btn-default i { width: 12px; height: 12px; line-height: 11px; font-size: 9px; margin-bottom: 2px; margin-left: 8px; } .slide3-2-content em { font-size: 18px; margin-left: 2px; margin-bottom: 4px; } .slide3-2-content h2 { font-size: 47px; margin-bottom: 4px; } .slide3-2-content p { font-size: 32px; margin-bottom: 25px; } .slide3-2-content a { font-size: 14px; } .slide3-2-content a > i { width: 13px; height: 13px; line-height: 12px; font-size: 10px; margin-bottom: 3px; margin-left: 10px; } .footer-container.fixed-position .footer-bottom .custom-block { display: none; } .top-newsletter #newsletter { width: 270px; } } @media (max-width: 1199px) and (min-width: 992px) { .home-side-menu h2.side-menu-title { padding: 9px 15px; } .menu.side-menu > li > a { font-size: 13px; padding: 10px 5px; } .side-custom-menu h2 { padding: 10px 13px 10.5px; } .side-custom-menu ul li { padding: 10px 4px 9px; } .side-custom-menu ul li a { font-size: 13px; } } .menu-icon { vertical-align: middle; display: none; text-align: right; padding-left: 20px; font-size: 20px; height: 60px; pointer-events: all; } @media (max-width: 991px) { body.boxed .page { width: 760px; } .home-side-menu { display: none; } .add-to-cart button.button { width: 140px; } .main-nav, .fixed-header-area { display: none; } .category-banner .banner-text h2 { font-size: 28px; } .category-banner .banner-text p { font-size: 16px; } .category-boxed-banner .banner-text h2 { font-size: 28px; } .category-boxed-banner .banner-text p { font-size: 12px; } .category-boxed-banner .banner-text a.shop-now { margin-left: 12px; font-size: 12px; } .homepage-bar .col-md-4 { border: 0; text-align: left; } .homepage-grid-banner .row { margin-left: -2px; margin-right: -3px; } .homepage-grid-banner .col-sm-1, .homepage-grid-banner .col-sm-2, .homepage-grid-banner .col-sm-3, .homepage-grid-banner .col-sm-4, .homepage-grid-banner .col-sm-5, .homepage-grid-banner .col-sm-6, .homepage-grid-banner .col-sm-7, .homepage-grid-banner .col-sm-8, .homepage-grid-banner .col-sm-9, .homepage-grid-banner .col-sm-10, .homepage-grid-banner .col-sm-11, .homepage-grid-banner .col-sm-12 { padding-left: 2px; padding-right: 3px; } .homepage-grid-banner .col-sm-margin { margin-bottom: 4px; } .homepage-grid-banner .content a.btn-default { font-size: 10px; padding: 4px 6px; padding-right: 3px; } .homepage-grid-banner .grid1 .content h2 { font-size: 42.43px; } .homepage-grid-banner .grid1 .content p { font-size: 17.68px; margin-bottom: 6px; margin-right: 2.4px; } .homepage-grid-banner .grid2 .content h3 { font-size: 17.33px; } .homepage-grid-banner .grid2 .content h2 { font-size: 17.33px; } .homepage-grid-banner .grid2 .content p { font-size: 10.55px; margin-bottom: 9px; } .homepage-grid-banner .grid3 .content h2 { font-size: 27.6px; } .homepage-grid-banner .grid3 .content h5 { font-size: 9.6px; margin-bottom: 18px; } .homepage-grid-banner .grid3 .content p { font-size: 9.6px; margin-bottom: 3px; } .homepage-grid-banner .grid3 .content h4 { font-size: 13.63px; margin-top: 12px; } .homepage-grid-banner .grid3 .content h4 > span { font-size: 10.6px; } .homepage-grid-banner .grid3 .content h3 { font-size: 22.63px; margin-bottom: 9px; } .homepage-grid-banner .grid3 .content h3 > span { font-size: 15.08px; } .homepage-grid-banner .grid4 .content h2 { font-size: 21px; margin-bottom: 9px; } .homepage-grid-banner .grid4 .content p { font-size: 14px; margin-bottom: 7px; } .slide3-2-content em { font-size: 14px; margin-left: 2px; margin-bottom: 3px; } .slide3-2-content h2 { font-size: 38px; margin-bottom: 3px; } .slide3-2-content p { font-size: 29px; margin-bottom: 20px; } .slide3-2-content a { font-size: 12px; } .slide3-2-content a > i { width: 13px; height: 13px; line-height: 12px; font-size: 10px; margin-bottom: 2px; margin-left: 7px; } #banner-slider-demo-1 .slide1-content img.quote { width: 30px; } #banner-slider-demo-1 .slide1-content em { font-size: 20px; margin: 0 8px; } #banner-slider-demo-1 .slide1-content h2 { font-size: 60px; margin: 4px 0 8px; } #banner-slider-demo-1 .slide1-content p { font-size: 18px; } #banner-slider-demo-1 .slide2-content em { font-size: 20px; margin-left: 7px; } #banner-slider-demo-1 .slide2-content h2 { font-size: 65px; margin: 2px 0 8px; } #banner-slider-demo-1 .slide2-content p { font-size: 15px; margin-left: 7px; margin-bottom: 25px; } #banner-slider-demo-1 .slide2-content p span.split { margin: 0 8px 0 9px; } #banner-slider-demo-1 .slide2-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } #banner-slider-demo-1 .slide3-content em { font-size: 20px; } #banner-slider-demo-1 .slide3-content h2 { font-size: 65px; margin-bottom: 13px; } #banner-slider-demo-1 .slide3-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } #banner-slider-demo-14 .slide1-content img.quote { width: 30px; } #banner-slider-demo-14 .slide1-content em { font-size: 20px; margin: 0 8px; } #banner-slider-demo-14 .slide1-content h2 { font-size: 60px; margin: 4px 0 8px; } #banner-slider-demo-14 .slide1-content p { font-size: 18px; } #banner-slider-demo-14 .slide2-content em { font-size: 20px; margin-left: 7px; } #banner-slider-demo-14 .slide2-content h2 { font-size: 65px; margin: 2px 0 8px; } #banner-slider-demo-14 .slide2-content p { font-size: 15px; margin-left: 7px; margin-bottom: 25px; } #banner-slider-demo-14 .slide2-content p span.split { margin: 0 8px 0 9px; } #banner-slider-demo-14 .slide2-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } #banner-slider-demo-14 .slide3-content em { font-size: 20px; } #banner-slider-demo-14 .slide3-content h2 { font-size: 65px; margin-bottom: 13px; } #banner-slider-demo-14 .slide3-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } #banner-slider-demo-13 .slide1-content img.quote { width: 30px; } #banner-slider-demo-13 .slide1-content em { font-size: 20px; margin: 0 8px; } #banner-slider-demo-13 .slide1-content h2 { font-size: 60px; margin: 4px 0 8px; } #banner-slider-demo-13 .slide1-content p { font-size: 18px; } #banner-slider-demo-13 .slide2-content em { font-size: 20px; margin-left: 7px; } #banner-slider-demo-13 .slide2-content h2 { font-size: 65px; margin: 2px 0 8px; } #banner-slider-demo-13 .slide2-content p { font-size: 15px; margin-left: 7px; margin-bottom: 25px; } #banner-slider-demo-13 .slide2-content p span.split { margin: 0 8px 0 9px; } #banner-slider-demo-13 .slide2-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } #banner-slider-demo-13 .slide3-content em { font-size: 20px; } #banner-slider-demo-13 .slide3-content h2 { font-size: 65px; margin-bottom: 13px; } #banner-slider-demo-13 .slide3-content a.btn-default { font-size: 12px; width: 120px; height: 35px; line-height: 35px; padding: 0; margin-right: 1px; } .menu.side-menu { display: none; } .home-side-menu .mobile-nav { display: block; height: auto; } .sm-xs-margin-bottom { margin-bottom: 20px; } .cart .crosssell li.item:nth-child(2n+1) { clear: both; } .parallax { background-position: center center !important; } .parallax-category-banner .parallax { padding: 50px 0; } .parallax-content h2 { font-size: 38px; } .parallax-content p { font-size: 20px; } .footer-top-subscribe h4 { margin: 10px 0; } .footer-top-subscribe .input-box { margin: 10px 0; } #banner-slider-demo-11 .content-1 { padding: 25px 15px 10px; margin-left: -122px; margin-top: -75px; } #banner-slider-demo-11 .content-1 > div:first-child { padding-right: 7px; } #banner-slider-demo-11 .content-1 p { font-size: 16px; margin-left: 5px; } #banner-slider-demo-11 .content-1 h3 { font-size: 58px; } #banner-slider-demo-11 .content-1 h3 b { margin-top: -17px; } #banner-slider-demo-11 .content-1 em { font-size: 14px; margin-right: 3px; } #banner-slider-demo-11 .content-1 h4 { font-size: 26px; } #banner-slider-demo-11 .content-1 h5 { font-size: 14px; margin-top: -2px; } #banner-slider-demo-11 .content-2 { right: 20px; bottom: 20px; } #banner-slider-demo-11 .content-2 > div { padding: 15px 10px; } #banner-slider-demo-11 .content-2 > div:first-child { margin: -2px 0; padding-left: 20px; } #banner-slider-demo-11 .content-2 p { font-size: 15px; margin-left: 1px; } #banner-slider-demo-11 .content-2 h3 { font-size: 38px; } #banner-slider-demo-11 .content-2 em { font-size: 12px; margin-right: 2px; } #banner-slider-demo-11 .content-2 h4 { font-size: 26px; } #banner-slider-demo-11 .content-2 h5 { font-size: 13px; margin-top: -2px; } #banner-slider-demo-11 .content-2 a { font-size: 10px; margin-right: -6px; } #multiship-addresses-table select { max-width: 250px; } #multiship-addresses-table thead { display: none; } #multiship-addresses-table tbody tr { position: relative; display: block; clear: both; padding: 25px 0; border-bottom: 1px solid #dcdcdc; } #multiship-addresses-table tbody tr.first { border-top: 1px solid #dcdcdc; } #multiship-addresses-table tbody td { display: block; padding: 5px 0; width: 100%; border: 0; text-align: center !important; } #multiship-addresses-table a.btn-remove { position: absolute; right: 10px; top: 10px; } #multiship-addresses-table .item-options dd { padding: 0; } #parallax_02 { padding: 150px 0; } #parallax_03 { padding: 150px 0; } body.side-header .top-container, body.side-header .main-container, body.side-header .footer-container { margin-left: 0; } #banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content { padding-left: 0; } #banner-slider-demo-16 .text-content em { font-size: 18px; margin: 0; margin-bottom: -8px; } #banner-slider-demo-16 .text-content h2 { font-size: 60px; letter-spacing: -3px; } #banner-slider-demo-16 .text-content p { margin: 0; } #banner-slider-demo-16 .text-content p span { font-size: 18px; padding-left: 6px; } #banner-slider-demo-16 .text-content p a { font-size: 12px; padding: 8px 20px; margin-left: 10px; margin-top: 5px; } .sticky-product { padding: 15px 0; } .side-header .sticky-product { padding-top: 60px; } .side-header .sticky-product > .container { width: 100%; padding-left: 15px; } .img-desc-home3 { margin-top: -65px; padding: 0 16px; } .img-desc-home3 h3 { font-size: 16px; } .img-desc-home3 hr { width: 60px; margin: 10px 0; } .img-desc-home3 p { font-size: 10px; } .img-desc-home3 a { font-size: 10px; } .top-newsletter #newsletter { width: 160px; } } @media (min-width: 768px) { .col2-left-layout .col-left.sidebar { padding-right: 12px; } .col2-left-layout .col-main { padding-left: 12px; } .col2-right-layout .col-right.sidebar { padding-left: 12px; } .col2-right-layout .col-main { padding-right: 12px; } .col3-layout .col-left.sidebar { padding-right: 12px; } .col3-layout .col-main { padding-left: 12px; padding-right: 12px; } .col3-layout .col-right.sidebar { padding-left: 12px; } div.small-padding { padding-right: 15px; } .sm-f-right { float: right !important; } } @media (min-width: 992px) { .a-right-sm { text-align: right; } .a-left-sm { text-align: left; } .col-md-6.col-md-5-5 { width: 45%; z-index: 1; } .col-md-6.col-md-6-5 { width: 55%; } .color-banner .col-md-5-5.a-left h2 { margin-left: -35%; } .color-banner .col-md-5-5.a-right h2 { margin-right: -20%; } .md-f-right { float: right !important; } body.mobile-nav-shown .mobile-nav-overlay { visibility: hidden; opacity: 0; filter: alpha(opacity=0); } body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay { visibility: visible; opacity: 0.15; filter: alpha(opacity=15); } body.mobile-nav-shown .page { left: 0; } body.mobile-nav-shown.md-mobile-menu .page { left: 250px; } body.mobile-nav-shown .mobile-nav.side-block { left: -250px; } body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block { left: 0; } } @media (min-width: 1280px) { body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block { left: -250px; } body.mobile-nav-shown.md-mobile-menu .page { left: 0; } body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay { visibility: hidden; opacity: 0; filter: alpha(opacity=0); } } @media (max-width: 767px) { body.boxed .page { width: 620px; } .sm-clearer { clear: both; } .history .featured-box { margin-left: 0; } .history .thumb { display: none; } table.for-desktop { display: none; } table.for-mobile { display: table; } .tab-content { border: 0; } .product-tabs > ul li { display: inline-block; } .header.container { width: 100%; padding: 0 40px; } .col-main.f-right { float: none !important; } .col-left.f-left { float: none !important; } .breadcrumbs { text-align: left; } .top-container > .breadcrumbs { padding-left: 15px; padding-right: 15px; } .category-banner .banner-text h2 { font-size: 28px; } .category-banner .banner-text p { display: none; } .category-boxed-banner .banner-text h2 { font-size: 28px; } .category-boxed-banner .banner-text p { display: none; } .single-images .single-image { margin-bottom: 10px; } .homepage-grid-banner .row { margin-left: -10px; margin-right: -10px; } .homepage-grid-banner .col-sm-1, .homepage-grid-banner .col-sm-2, .homepage-grid-banner .col-sm-3, .homepage-grid-banner .col-sm-4, .homepage-grid-banner .col-sm-5, .homepage-grid-banner .col-sm-6, .homepage-grid-banner .col-sm-7, .homepage-grid-banner .col-sm-8, .homepage-grid-banner .col-sm-9, .homepage-grid-banner .col-sm-10, .homepage-grid-banner .col-sm-11, .homepage-grid-banner .col-sm-12 { padding-left: 10px; padding-right: 10px; } .homepage-grid-banner .col-sm-margin { margin-bottom: 0; } .homepage-grid-banner .content a.btn-default { font-size: 14px; padding: 6px 12px; padding-right: 6px; } .homepage-grid-banner img { margin-bottom: 20px; } .homepage-grid-banner .grid1 .content h2 { font-size: 70.72px; } .homepage-grid-banner .grid1 .content p { font-size: 29.47px; margin-bottom: 10px; margin-right: 4px; } .homepage-grid-banner .grid2 .content h3 { font-size: 28.88px; } .homepage-grid-banner .grid2 .content h2 { font-size: 28.88px; } .homepage-grid-banner .grid2 .content p { font-size: 17.58px; margin-bottom: 15px; } .homepage-grid-banner .grid3 .content h2 { font-size: 46px; } .homepage-grid-banner .grid3 .content h5 { font-size: 16px; margin-bottom: 30px; } .homepage-grid-banner .grid3 .content p { font-size: 16px; margin-bottom: 5px; } .homepage-grid-banner .grid3 .content h4 { font-size: 22.72px; margin-top: 20px; } .homepage-grid-banner .grid3 .content h4 > span { font-size: 17.66px; } .homepage-grid-banner .grid3 .content h3 { font-size: 37.71px; margin-bottom: 15px; } .homepage-grid-banner .grid3 .content h3 > span { font-size: 25.14px; } .homepage-grid-banner .grid4 .content h2 { font-size: 35px; } .homepage-grid-banner .grid4 .content p { font-size: 23px; margin-bottom: 15px; } .grid-images .grid2 { margin-bottom: 9px; } .slide3-1-content p { margin-bottom: 3px; font-size: 11px; } .slide3-1-content h2 { font-size: 25px; margin-bottom: 10px; } .slide3-1-content .price-area em { font-size: 8px; } .slide3-1-content .price-area em:first-child { margin-bottom: -2px; } .slide3-1-content .price-area h3 { font-size: 28px; } .slide3-1-content .button-area { padding-left: 10px; margin-left: 10px; } .slide3-1-content a.btn-default { height: 35px; font-size: 11px; line-height: 35px; padding: 0 13px 0 15px; border-radius: 5px; } .slide3-1-content a.btn-default i { width: 12px; height: 12px; line-height: 11px; font-size: 9px; margin-bottom: 2px; margin-left: 8px; } .slide3-2-content em { font-size: 12px; margin-left: 2px; margin-bottom: 1px; } .slide3-2-content h2 { font-size: 35px; margin-bottom: 1px; } .slide3-2-content p { font-size: 25px; margin-bottom: 13px; } .slide3-2-content a { font-size: 12px; } .slide3-2-content a > i { width: 13px; height: 13px; line-height: 12px; font-size: 10px; margin-bottom: 2px; margin-left: 7px; } .parallax.parallax-with-subscribe { padding: 30px 0; } li.etalage_small_thumbs { display: none; } .product-view .product-img-box { margin-bottom: 150px; } .form-list .field, .col2-set .col-1, .col2-set .col-2 { float: none !important; width: 100%; } .form-list .field + .field { margin-top: 10px; } .account-login .content { min-height: 0; } .box .box-content { min-height: 0; } .account-login .new-users { margin-bottom: 25px; } .col2-set .col-1 { margin-bottom: 25px; } #newsletter_popup { width: auto !important; } .footer-bottom { text-align: center; } .footer-bottom a.logo { float: none; margin: 0; } .footer-bottom .social-icons { float: none; } .footer-bottom .custom-block { float: none; margin: 0; } .footer-bottom address { float: none; text-align: center; } #parallax_01 .parallax-content-15 img.quote { width: 20px; } #parallax_01 .parallax-content-15 em { font-size: 12px; margin: 0 5px; } #parallax_01 .parallax-content-15 h2 { font-size: 35px; margin: 4px 0 7px; } #parallax_01 .parallax-content-15 p { font-size: 11px; margin: 0; } #parallax_02 { padding: 50px 0; } #parallax_02 .parallax-content-15 em { font-size: 12px; } #parallax_02 .parallax-content-15 .text-content h2 { font-size: 35px; letter-spacing: -2px; } #parallax_02 .parallax-content-15 .text-content p span { font-size: 12px; padding-left: 6px; display: block; } #parallax_02 .parallax-content-15 .text-content p a { font-size: 10px; padding: 6px 13px; margin-left: 10px; margin-top: 5px; } #parallax_03 { padding: 50px 0; } #parallax_03 .parallax-content-15 em { font-size: 12px; margin: 0; margin-left: 1px; } #parallax_03 .parallax-content-15 .text-content h2 { font-size: 30px; letter-spacing: -1px; } #parallax_03 .parallax-content-15 .text-content p span { font-size: 12px; padding-left: 1px; display: block; } #parallax_03 .parallax-content-15 .text-content p a { font-size: 10px; padding: 6px 13px; margin-left: 0; margin-top: 5px; } #parallax_04 .parallax-content-15 img.quote { width: 20px; } #parallax_04 .parallax-content-15 em { font-size: 12px; margin: 0 5px; } #parallax_04 .parallax-content-15 h2 { font-size: 22px; margin: 4px 0 7px; letter-spacing: -1px; } #parallax_04 .parallax-content-15 p { font-size: 10px; } #parallax_04 .parallax-content-15 a.btn.btn-default { font-size: 10px; padding: 5px 20px; } #banner-slider-demo-16 .text-content em { font-size: 13px; margin: 0; margin-bottom: -5px; } #banner-slider-demo-16 .text-content h2 { font-size: 40px; letter-spacing: 0px; } #banner-slider-demo-16 .text-content p { margin: 0; } #banner-slider-demo-16 .text-content p span { font-size: 14px; padding-left: 2px; } #banner-slider-demo-16 .text-content p a { font-size: 9px; padding: 5px 11px; margin-left: 5px; margin-top: 5px; } .sticky-product .add-to-cart { position: static; margin: 0; vertical-align: middle; display: inline-block; } .slide3-1-new-content em { font-size: 9px; } .slide3-1-new-content h2 { font-size: 22px; } .slide3-1-new-content hr { margin: 5px 0; } .slide3-1-new-content a { font-size: 8px; } .img-desc-home3 { margin-top: -88px; padding: 0 25px; } .img-desc-home3 h3 { font-size: 24px; } .img-desc-home3 hr { width: 90px; margin: 15px 0; } .img-desc-home3 p { font-size: 15px; } .img-desc-home3 a { font-size: 15px; } #banner-slider-demo-2-new .slide-1 em { font-size: 12px; margin: 0; margin-left: 1px; } #banner-slider-demo-2-new .slide-1 .text-content h2 { font-size: 30px; letter-spacing: -1px; } #banner-slider-demo-2-new .slide-1 .text-content p span { font-size: 12px; padding-left: 1px; display: block; } #banner-slider-demo-2-new .slide-1 .text-content a { font-size: 10px; padding: 6px 20px; margin-left: 0; margin-top: 10px; } #banner-slider-demo-2-new .slide-2 em { font-size: 12px; margin: 0; margin-left: 1px; } #banner-slider-demo-2-new .slide-2 .text-content h2 { font-size: 30px; letter-spacing: -1px; } #banner-slider-demo-2-new .slide-2 .text-content p span { font-size: 12px; padding-left: 1px; display: block; } #banner-slider-demo-2-new .slide-2 .text-content a { font-size: 10px; padding: 6px 0; margin-left: 0; margin-top: 5px; } .compare-popup { display: none; } } @media (max-width: 640px) { body.boxed .page { width: 480px; } .homepage-grid-banner .grid1 .content h2 { font-size: 42.43px; } .homepage-grid-banner .grid1 .content p { font-size: 17.68px; margin-bottom: 6px; margin-right: 2.4px; } .slide3-2-content em { font-size: 10px; margin-left: 1px; margin-bottom: 1px; } .slide3-2-content h2 { font-size: 28px; margin-bottom: 1px; } .slide3-2-content p { font-size: 16px; margin-bottom: 10px; } .slide3-2-content a { font-size: 11px; } .slide3-2-content a > i { width: 10px; height: 10px; line-height: 9px; font-size: 9px; margin-bottom: 1px; margin-left: 4px; } #banner-slider-demo-1 .slide1-content img.quote { width: 15px; } #banner-slider-demo-1 .slide1-content em { font-size: 14px; margin: 0 3px; } #banner-slider-demo-1 .slide1-content h2 { font-size: 38px; margin: 1px 0 5px; } #banner-slider-demo-1 .slide1-content p { font-size: 14px; } #banner-slider-demo-1 .slide2-content em { font-size: 14px; margin-left: 3px; } #banner-slider-demo-1 .slide2-content h2 { font-size: 39px; margin: 0 0 5px; } #banner-slider-demo-1 .slide2-content p { font-size: 8px; margin-left: 4px; margin-bottom: 15px; } #banner-slider-demo-1 .slide2-content p span.split { margin: 0 7px 0 8px; } #banner-slider-demo-1 .slide2-content a.btn-default { font-size: 8px; width: 80px; height: 25px; line-height: 25px; padding: 0; margin-right: 1px; } #banner-slider-demo-1 .slide3-content em { font-size: 14px; } #banner-slider-demo-1 .slide3-content h2 { font-size: 38px; margin-bottom: 8px; } #banner-slider-demo-1 .slide3-content a.btn-default { font-size: 8px; width: 80px; height: 25px; line-height: 25px; padding: 0; margin-right: 1px; } #banner-slider-demo-14 .slide1-content img.quote { width: 15px; } #banner-slider-demo-14 .slide1-content em { font-size: 14px; margin: 0 3px; } #banner-slider-demo-14 .slide1-content h2 { font-size: 30px; margin: 1px 0 3px; } #banner-slider-demo-14 .slide1-content p { font-size: 12px; } #banner-slider-demo-14 .slide2-content em { font-size: 12px; margin-left: 2px; } #banner-slider-demo-14 .slide2-content h2 { font-size: 30px; margin: 0 0 3px; } #banner-slider-demo-14 .slide2-content p { font-size: 5px; margin-left: 4px; margin-bottom: 10px; } #banner-slider-demo-14 .slide2-content p span.split { margin: 0 7px 0 8px; } #banner-slider-demo-14 .slide2-content a.btn-default { font-size: 8px; width: 60px; height: 18px; line-height: 18px; padding: 0; margin-right: 1px; } #banner-slider-demo-14 .slide3-content em { font-size: 12px; } #banner-slider-demo-14 .slide3-content h2 { font-size: 30px; margin-bottom: 5px; } #banner-slider-demo-14 .slide3-content a.btn-default { font-size: 8px; width: 60px; height: 18px; line-height: 18px; padding: 0; margin-right: 1px; } #banner-slider-demo-13 .slide1-content img.quote { width: 15px; } #banner-slider-demo-13 .slide1-content em { font-size: 14px; margin: 0 3px; } #banner-slider-demo-13 .slide1-content h2 { font-size: 38px; margin: 1px 0 5px; } #banner-slider-demo-13 .slide1-content p { font-size: 14px; } #banner-slider-demo-13 .slide2-content em { font-size: 14px; margin-left: 3px; } #banner-slider-demo-13 .slide2-content h2 { font-size: 39px; margin: 0 0 5px; } #banner-slider-demo-13 .slide2-content p { font-size: 8px; margin-left: 4px; margin-bottom: 15px; } #banner-slider-demo-13 .slide2-content p span.split { margin: 0 7px 0 8px; } #banner-slider-demo-13 .slide2-content a.btn-default { font-size: 8px; width: 80px; height: 25px; line-height: 25px; padding: 0; margin-right: 1px; } #banner-slider-demo-13 .slide3-content em { font-size: 14px; } #banner-slider-demo-13 .slide3-content h2 { font-size: 38px; margin-bottom: 8px; } #banner-slider-demo-13 .slide3-content a.btn-default { font-size: 8px; width: 80px; height: 25px; line-height: 25px; padding: 0; margin-right: 1px; } .footer-container.fixed-position .footer-bottom address { display: none; } .footer-container.fixed-position .footer-bottom { text-align: center; } .footer-container.fixed-position .footer-bottom .social-icons { display: inline-block; float: none; } .category-boxed-banner .banner-text a.shop-now { margin-left: 10px; font-size: 9px; } .full-width-image-banner { height: 200px; } .full-width-image-banner .content { margin-top: -16px; } .full-width-image-banner h2 { margin: 0; font-size: 30px; line-height: 1.1; } .full-width-image-banner p { display: none; } #banner-slider-demo-11 .content-1 { padding: 11px 7px 5px; margin-left: -53px; margin-top: -32px; } #banner-slider-demo-11 .content-1 > div:first-child { padding-right: 2px; } #banner-slider-demo-11 .content-1 p { font-size: 7px; margin-left: 2px; } #banner-slider-demo-11 .content-1 h3 { font-size: 22px; } #banner-slider-demo-11 .content-1 h3 b { margin-top: -6px; } #banner-slider-demo-11 .content-1 em { font-size: 6px; margin-right: 1px; } #banner-slider-demo-11 .content-1 h4 { font-size: 12px; } #banner-slider-demo-11 .content-1 h5 { font-size: 6px; margin-top: -1px; } #banner-slider-demo-11 .content-2 { right: 8px; bottom: 8px; } #banner-slider-demo-11 .content-2 > div { padding: 3px 6px; } #banner-slider-demo-11 .content-2 > div:first-child { margin: -1px 0; padding-left: 9px; } #banner-slider-demo-11 .content-2 p { font-size: 7px; margin-left: 1px; } #banner-slider-demo-11 .content-2 h3 { font-size: 16px; } #banner-slider-demo-11 .content-2 em { font-size: 6px; margin-right: 1px; } #banner-slider-demo-11 .content-2 h4 { font-size: 12px; } #banner-slider-demo-11 .content-2 h5 { font-size: 6px; margin-top: -1px; } #banner-slider-demo-11 .content-2 a { font-size: 6px; margin-right: -3px; } .checkout-progress li { width: 49%; } .sticky-product { display: none !important; } } @media (max-width: 480px) { body.boxed .page { width: 320px; } .add-to-cart button.button { width: 110px; } .add-to-cart button.button span { font-size: 11px; } .toolbar .pager { float: left; margin-right: 10px; margin-left: -10px; } .sorter .limiter { float: left; } .pager .pages { float: left; } .category-banner .banner-text h2 { font-size: 14px; } .category-boxed-banner .banner-text h2 { font-size: 14px; } .col1-layout .product-view .product-info { float: none; width: auto; border-bottom: 1px solid #ebebeb; } .col1-layout .product-options { float: none; width: auto; border-bottom: 1px solid #ebebeb; } .col1-layout .product-view .product-options + div.clearer, .col1-layout .product-view .product-info + div.clearer { border: 0; } .homepage-grid-banner .grid1 .content h2 { font-size: 25px; } .homepage-grid-banner .grid1 .content p { font-size: 17.68px; margin-bottom: 6px; margin-right: 2.4px; } .slide3-1-content p { margin-bottom: 3px; font-size: 8px; } .slide3-1-content h2 { font-size: 17px; margin-bottom: 10px; } .slide3-1-content .price-area em { font-size: 7px; } .slide3-1-content .price-area em:first-child { margin-bottom: -2px; } .slide3-1-content .price-area h3 { font-size: 21px; } .slide3-1-content .button-area { padding-left: 10px; margin-left: 10px; } .slide3-1-content a.btn-default { height: 28px; font-size: 11px; line-height: 28px; padding: 0 13px 0 15px; border-radius: 3px; } .slide3-1-content a.btn-default i { width: 12px; height: 12px; line-height: 11px; font-size: 9px; margin-bottom: 2px; margin-left: 8px; } .slide3-2-content em { font-size: 8px; margin-left: 0; margin-bottom: 0; } .slide3-2-content h2 { font-size: 20px; margin-bottom: 0; } .slide3-2-content p { font-size: 12px; margin-bottom: 5px; } .slide3-2-content a { font-size: 11px; } .slide3-2-content a > i { width: 10px; height: 10px; line-height: 9px; font-size: 9px; margin-bottom: 1px; margin-left: 4px; } .parallax-wrapper.parallax-with-subscribe .parallax-slider p { display: none; } .parallax-wrapper.parallax-with-subscribe .parallax-subscribe { margin-top: 20px; } .ratings-table.data-table thead { display: none; } .ratings-table.data-table tbody td { padding: 15px 5px; } .buttons-set button.button { float: none; width: 100%; margin: 0 0 5px; } .parallax-category-banner .parallax { padding: 30px 0; } .parallax-content h2 { font-size: 25px; } .parallax-content p { font-size: 11px; } .footer-bottom .custom-block { margin-left: 0; } .footer-bottom address { float: left; line-height: 1.4; margin: 5px 0; } .full-width-image-banner { height: 150px; } .full-width-image-banner .content { margin-top: -13px; } .full-width-image-banner h2 { margin: 0; font-size: 24px; line-height: 1.1; } .full-width-image-banner p { display: none; } .footer-top-subscribe .input-box { text-align: left; max-width: 100%; } #banner-slider-demo-16 .text-content em { font-size: 10px; margin-bottom: 0; } #banner-slider-demo-16 .text-content h2 { font-size: 25px; letter-spacing: 0px; } #banner-slider-demo-16 .text-content p { margin: 0; } #banner-slider-demo-16 .text-content p span { font-size: 12px; padding-left: 1px; display: block; } #banner-slider-demo-16 .text-content p a { font-size: 9px; padding: 5px 11px; margin-left: 0; margin-top: 5px; float: left !important; } .top-newsletter { display: none; } } @media (min-width: 1200px) { .col-lg-2-4 { width: 20%; } .col-lg-9-6 { width: 80%; } } /* tooltip for demo */ @-webkit-keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @-webkit-keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } @keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } .header .demo-tooltip, .footer .demo-tooltip { position: absolute; right: 15px; top: 5px; z-index: 9; width: 20px; } .footer .demo-tooltip { top: -20px; } a.tooltip-icon { border: 1px solid #fff; color: #fff; border-radius: 50%; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-animation: tooltip-animation 1s ease-in infinite; -moz-animation: tooltip-animation 1s ease-in infinite; -ms-animation: tooltip-animation 1s ease-in infinite; animation: tooltip-animation 1s ease-in infinite; } .tooltip-popup { position: absolute; right: -10px; top: 30px; width: 300px; background-color: #111; box-shadow: 0 0 8px rgba(255, 255, 255, 0.5); padding: 20px; border-radius: 10px; font-size: 12px; line-height: 1.4; color: #fff; text-align: left; } .tooltip-popup h4 { font-size: 16px; color: #fff; } .tooltip-popup p { margin-bottom: 10px; color: #fff; } .tooltip-popup em { font-size: 10px; } a.tooltip-close { position: absolute; right: 10px; top: 10px; color: #fff; } /*===================PORTLET===================*/ .portlet.box.blue { border: 1px solid #00aaff; border-top: 0; } .portlet.box { padding: 0px !important; } .portlet { margin-top: 0px; margin-bottom: 25px; padding: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .portlet.box.blue > .portlet-title { background-color: #0088CC; } .portlet.box > .portlet-title { border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff; height: 40px; } .portlet > .portlet-title > .caption { float: left; font-size: 18px; line-height: 18px; padding: 10px 0; } .portlet.box > .portlet-body { background-color: #fff; padding: 10px; } .portlet.box.blue > .portlet-title > .caption { color: #FFFFFF; } .portlet.box > .portlet-title > .caption { padding: 11px 0 9px 0; } .portlet > .portlet-title { border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; } .portlet > .portlet-title > .caption { float: left; font-size: 18px; line-height: 18px; padding: 10px 0; } .portlet > .portlet-title > .tools { float: right; padding: 12px 0 8px 0; } .portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; } .portlet > .portlet-title > .tools > a.fullscreen { display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC; } .portlet > .portlet-title > .tools > a.fullscreen:before { content: "\F065"; } .portlet > .portlet-title > .tools > a.fullscreen.on:before { content: "\F066"; } .portlet > .portlet-title > .tools > a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa; background-image: none; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; color: #646464; text-shadow: none; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*===================CUSTOM===================*/ .input-size { width: 100px; display: inline-block; margin: 0 5px; } tbody.maquinas tr td ul li { font-size: 16px; margin-bottom: 5px; } footer.footer-fixed { position: fixed; bottom: 0; width: 100%; } a.addtowishlist, a.comparelink { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } #gallery { background-color: white; } #carrinho .cart-collaterals { background-color: white; } /*======================EFEITO DE MOSTRAR PRODUTOS======================*/ .hierarchical-timing > * { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .hierarchical-timing > .animated { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .background-logogama { width: 100%; height: 100%; background: url("/images/logo-coral-60.png") no-repeat 90% 90%; background-size: 60px; opacity: 1; display: block; } .background-logogama-sem-cor:after { content: "Cor n\E3o encontrada!"; width: 50px; height: 10px; float: left; } /*
 
*/ .panel-body.bordered, .panel-body.bordered .form-group { border-bottom: 1px solid rgba(239, 239, 239, 0.5); margin: 0; border-collapse: collapse !important; } .panel-body.bordered .form-group { padding: 10px; } .panel-body.bordered .control-label { display: block; } .font-red { color: #f36a5a !important; } .font-green { color: #4DB3A2 !important; } .bold { font-weight: bold; } .table tr:focus, .table tr:hover, .table tr:active { background-color: #f4f4f4; } .tab-content { border: 1px solid #ddd; padding: 10px 15px 15px; border-top-color: transparent; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /** **BANDEIRAS DOS CARTÕES DE CREDITO **/ #cartao-de-credito #escolha-bandeira label { background-repeat: no-repeat; background-position: top right; background-size: 61px 40px; width: 61px; height: 40px; display: block; border-radius: 5px; } #cartao-de-credito #escolha-bandeira input { display: block; margin: 4px auto 0 auto; } #cartao-de-credito #escolha-bandeira label[for=visa] { background-image: url(data:image/png;base64,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); } #cartao-de-credito #escolha-bandeira label[for=amex] { background-image: url(data:image/png;base64,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); } #cartao-de-credito #escolha-bandeira label[for=mastercard] { background-image: url(data:image/png;base64,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); } #cartao-de-credito #escolha-bandeira label[for=diners] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABECAMAAABarIDeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAQhQTFRFx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYx9fYtcfVjaPPbIbKV3PGS2jEQ2HDpbjTZYDIRGHDu8zWbYbKqLvTT2zFobXSSGbEU2/FgZnNo7fSorbSVHDGSGXEq77Uma7RxdbYxtbYvs/XU2/Ga4XJwNHXxNTYnLDRcovKwdHXcYrKd4/LfJTMnrLRVnLGnbLRxtfYfZXMr8HURGLDcInKgJjNgZjNv9DXR2TEmK3RnbHRnLHRl6zQUm7Fdo/LX3rHb4jKbojKTWrFucvWRmTDw9TXSmfEbofKUW7Ff5bMq77TVXHGp7vTusvWpLjSjKLP////m310MQAAAA90Uk5TAAJcu/AOuQG3tlZTuPJdUFVPQQAAAAFiS0dEV30K2R8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAINSURBVFjD7dnZVsIwEADQIKi44CAQQVDZFEq1FFREFKW44IKgCPr/n2JSFJVKbEMbfei8hXOm95CmmWmDEPLMeH3gYPi8Mx5EYnYOHI+5WYTm/SAgFubRIgiJJbQsBvKjgBjIh0BQuJALuZAL/WcouBoKR/DEiIRDq0EboLVoDP8asejalNB6HJuM+Po0UGIDm46NBD+0uaVfIplK01EmlWVK25u80I7uJHP5jx+kXJIlbe3wQQWZZu/ugVJU6VgtKlAqsyS5wAXt09wDCQ4rGNMxxpUjqB6zpH0eqHZCMk+r+Tq9whDCuJ6vnjKgkxoHpNL7UwLdGUH4DEqs+6Rah84bJE+DJv4O4QvIMaDGuWXokt5cSbkah64USWZIl5aha32eNDwOkX95xoCuLUMtkpWBGyN0CxkG1LIM3ZGse5CNkAz3DOjOMtQmWQ/QMEJtUBhQmxPqOA8Npy7s/NTRxZCGWyPUtXkxCFve9IHN/vDAPipS1tYHVt+CclAch4p2b0ETNtU6e1Mt85aJsrFMlO0uE6PC1/wsfE2oPtle+L6Ucq1Lx12NlHLVgVIOvffmRDLbnPT4mhPSbm1/bbfSqWeH2i2AvpUGsg/8EAzMt8QDmAYy3eS/AEwJ6a8tlc5kpFMJvdrx2mJfuJALuZAL/SUk7AO7sCMDYYcgwo51hB1UIeRZ8Tq6IgL60dsbBS/a2yhAoQAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDgtMjNUMDk6MzI6NDktMDM6MDAzYYfxAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTA4LTIzVDA5OjMyOjI5LTAzOjAwhFM2ygAAAABJRU5ErkJggg==); } #cartao-de-credito #escolha-bandeira label[for=hipercard] { background-image: url(data:image/png;base64,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); } #cartao-de-credito #escolha-bandeira label[for=elo] { background-image: url(data:image/png;base64,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); } #cartao-de-credito #escolha-bandeira label[for=discover] { background-image: url(data:image/png;base64,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); } .sidebar .block-account .block-title { margin-bottom: 25px; } .sidebar .block-account div ul li:first-child a { border-top: 1px solid #ddd; } .sidebar .block-account div ul li a { display: block; padding: 10px 4.5px 10px 27px; transition: 200ms; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; } .sidebar .block-account div ul li.active { background-color: #f4f4f4; } .sidebar .block-account div ul li a { font-size: 14px; } /* *#Home *Página inicial Ecommerce */ .conteudo-home article .home-block { margin: 20px 0; background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 ); display: block; padding: 10px 15px 0px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06); transition: 200ms; } .conteudo-home article .home-block:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.08); } .conteudo-home article .home-block { text-decoration: none; color: #414143; } .conteudo-home .image-container { padding: 10px 0px; height: 200px; width: 100%; overflow-x: visible; position: relative; } .conteudo-home .image-container > img { max-height: 100%; max-width: 100%; margin: auto; display: block; } .conteudo-home .home-text { padding: 10px 10%; height: 140px; } .conteudo-home .home-text p, .conteudo-home .home-text h2 { text-align: center; } #BrandSlider_container .defaultImage.img-responsive { padding: 20px; -webkit-filter: brightness(1.3); filter: brightness(1.3); } .listaProduto .details-area { padding: 0 !important; } .listaProduto .table > tbody > tr > td { vertical-align: middle; } .btnRemoverLista { width: auto !important; } .tr-text-center { text-align: center; font-weight: bold; line-height: 40px !important; text-align: left; text-transform: uppercase; } .fa .fa-minus { font-size: 13px !important; } .listaProduto .table > tbody > tr > td:nth-child(2), .listaProduto .table > tbody > tr > td:nth-child(4), .cart-table tbody > tr > td:nth-child(4), .cart-table tbody > tr > td:nth-child(6), .cart-table thead > tr > th.last, .cart-table tbody > tr > td.td-total, #DetalhesComparativoVendasPorCliente > tbody > tr > td:nth-child(2), #DetalhesComparativoVendasPorCliente > tbody > tr > td:nth-child(3), #DetalhesComparativoVendasPorCliente > tbody > tr > td:nth-child(4), .tab-pane table > tbody > tr > td[data-title=Valor], .tab-pane table > tbody > tr > td[data-title=Desc\.] { text-align: right; } .cart .col-sm-8.col-lg-9 { padding-right: 0px; } @media (max-width: 1199px) { .cart-table a { line-height: 24px; } .cart-table .cart-price { display: inline-block; margin-top: 15px; } .cart-table thead { display: none; } .cart-table .item .details-area .actions { width: auto !important; margin: 0; } .data-table.cart-table .product-image { z-index: 0; } .data-table.cart-table tbody tr { position: relative; display: block; clear: both; padding: 25px 0; border-bottom: 1px solid #dcdcdc; } .data-table.cart-table tbody tr.first { padding-top: 0; } .data-table.cart-table tbody td { display: block; padding: 0; width: 100%; border-width: 0; text-align: center !important; } .data-table.cart-table tbody td.pr-img-td { clear: both; padding: 0 0 15px; } .data-table.cart-table tbody td.action-td { position: absolute; top: 20px; z-index: 1; } .data-table.cart-table tbody tr.first td.action-td { top: -5px; } .data-table.cart-table tbody td.action-td .btn-remove2 { float: right; line-height: 22px; } .data-table.cart-table tfoot tr.first td { padding-top: 25px; } .cart-table .item-options dd { padding: 0; } .cart-table .qty-holder { width: 90px; margin-top: 15px; } .title-buttons { text-align: left; } .cart-table button.button { margin-bottom: 10px; margin-left: 0; float: none; width: 100%; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: none; } .cart .title-buttons .checkout-types { float: none; display: block; } .cart .title-buttons .checkout-types li { margin: 0 0 10px; } } .cart.dashboard { margin-bottom: 20px; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } /* =============== Estilos do autocomplete =============== */ .ui-autocomplete { background: #fff; border-top: 1px solid #ccc; cursor: pointer; font: 15px 'Open Sans',Arial; margin-left: 3px; width: 493px !important; position: fixed; text-align: left !important; } .ui-autocomplete .ui-menu-item { list-style: none outside none; } .ui-autocomplete .ui-menu-item:hover { background: #eee; } .ui-autocomplete .ui-corner-all { color: #666 !important; display: block; } .DetalhesCliente .creditoLiberado h2 { display: inline-block; margin: 0 0 20px 15px; font-size: 25px; } .DetalhesCliente .Mapa { height: 500px; width: 100%; } .DetalhesCliente .direcoes { margin-bottom: 15px; float: left; } .DetalhesCliente .direcoes label { margin-bottom: 0; } .DetalhesCliente .detalhes address, .DetalhesCliente .detalhes p:last-child { margin-bottom: 0px; } .DetalhesCliente .well { min-height: 20px; padding: 20px; margin-bottom: 15px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .DetalhesCliente .fa-stack.fa-lg i { font-size: 2em; line-height: 1; } .footer-bandeiras-seguranca { padding: 15px 0px; text-align: left; background-color: #1E1E1E; } .footer-middle { margin-top: 15px; background-color: #252525; color: #bbb; padding: 40px 0; font-size: 13px; } .footer-middle > .container { position: relative; } .footer-middle .block { text-align: left; line-height: 1.5; border: 0; margin: 0; background-color: transparent; float: none; width: auto; } .footer-middle .block.block-subscribe .input-box { padding: 0; margin-top: 30px; } .footer-middle .block.block-subscribe .input-box input.input-text { float: left; height: 30px; padding: 0 10px; border: 0; background-color: #dcdcdc; border-radius: 5px; max-width: 300px; } .footer-middle .block.block-subscribe .input-box button { float: left; width: 75px; margin-left: -75px; } .footer-middle .block.block-subscribe .input-box button span { padding: 0; font-size: 14px; height: 30px; line-height: 30px; border-radius: 0 5px 5px 0; font-weight: normal; min-width: 75px; } .footer-middle .block.block-subscribe em { color: #cef09d; font-size: 12px; display: block; margin: 5px 0; } .footer-middle .block .block-title { margin-bottom: 20px; } .footer-middle .block .block-title strong { font-weight: 400; padding: 0; font-size: 16px; line-height: inherit; color: #fff; text-transform: none; } .footer-middle a { color: #fff; } .footer-middle a:hover { color: #fff; text-decoration: underline; } .footer-middle ul { padding: 0; } .footer-middle ul.links { padding: 0; margin-top: -5px; } .footer-middle ul.links li { position: relative; padding: 10px 0; line-height: 1; display: block; } .footer-middle ul.links li > * { padding-left: 5px; } .footer-middle ul.links li:before { content: ''; background-color: #FFF; width: 3px; height: 3px; border-radius: 50%; display: inline-block; margin: 2px 0px; } .footer-middle .contact-info li { padding: 5px 0; } .footer-middle .contact-info li:first-child { padding-top: 0; } .footer-middle .contact-info p { display: inline-block; vertical-align: top; margin: 0; width: 90%; } .footer-middle .contact-info p b { margin-right: 5px; } .footer-middle .contact-info i { color: bbb; display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; } .footer-middle p { margin-bottom: 15px; color: #bbb; } .footer-middle p.label { display: block; text-align: left; font-size: 13px; font-weight: 400; padding: 0; } .header-container { background-color: #fff; border-top-width: 4px; } .header-container.sticky-header > .header { position: fixed; left: 0; top: 0; z-index: 200; width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: all; } .header-container.sticky-header .logo { margin: 15px 0; } .header-container.sticky-header .logo, .header-container.sticky-header .logo img { max-height: 35px; } .header-container.sticky-header .menu-wrapper { position: relative; } .header-container.sticky-header .menu-wrapper .mini-cart { position: absolute; right: 0; left: auto; top: -5px; margin: 0; background-color: transparent; border: 0; } .header-container.sticky-header .menu-wrapper .mini-cart .topCartContent { top: 40px; } .header-container .welcome-msg { margin: 3px 20px 3px 0; text-align: left; float: right; font-size: 11px; line-height: 19px; } .header-container .welcome-msg a { color: #7dbd22; } .header-container a.tooltip-icon { color: #000; border-color: #000; } .header-container .links, .header-container .linksIcones { display: block; float: right; padding: 0; margin: 3px 0; } .header-container .links li, .header-container .linksIcones li { line-height: 19px; } .header-container .links li.last, .header-container .linksIcones li.last { padding-right: 0; } .header-container .links li { border-left: 1px solid #dfdfdf; padding: 0 15px; font-size: 11px; } .header-container .linksIcones > li { font-size: 19px; padding: 0 10px; } .header-container .linksIcones > li img { height: 20px; } .header-container .linksIcones .fa.fa-caret-down, .header-container .linksIcones .dropdown-sair { font-size: 11px; } .header-container .top-links-area { display: block; float: right; padding: 0; position: relative; } .header-container .top-links a { color: #999; } .header-container .top-links .selectbox li a:hover { color: #fff; } .header-container .top-container { clear: both; padding: 5px 10px 0 12px; text-align: right; } .header-container .top-container a { font-size: 11px; color: #ebbc58; } .header-container .logo { z-index: 2; margin: 30px 0; max-width: 200px; } @media (min-width: 1200px) { .header-container .logo { max-width: 260px; } } .header-container .logo img { max-width: 100%; cursor: pointer; } .header-container .header { overflow: hidden; } .header-container .header .search-icon { display: none; } .header-container .header .form-search #cat + #search { padding-left: 195px; } .header-container .header .form-search #cat select { background-color: transparent; border-color: transparent; padding: 0; border: 0; color: #888888; height: 37px; width: 100%; } .header-container .header .custom-block span.split { height: 14px; width: 1px; border-right: 1px solid #dfdfdf; margin: 0 13px; } .header-container .header .form-search #search { background-color: transparent; color: #999; } .header-container .header .custom-block { margin-right: 10px; } .header-container .header .custom-block > * { display: inline-block; vertical-align: middle; } .header-container .header .custom-block span.split { height: 14px; width: 1px; border-right: 1px solid #eee; margin: 0 13px; } .header-container .header .custom-block a { font-size: 12px; } .header-container .header .container { text-align: justify; margin-bottom: -13px; } .header-container .header .container::after { content: ""; display: inline-block; width: 100%; } @media (min-width: 991px) { .header-container .header .container .search-area { width: 50%; } } .header-container .header .container .logo, .header-container .header .container .search-area, .header-container .header .container .cart-area { z-index: 1; vertical-align: middle; display: inline-block; } .header-container .header .container .cart-area { transition: 300ms; text-align: center; } .header-container .header .container .cart-area > a { width: 180px; padding: 17px 0; display: inline-block; } .header-container .header .container .cart-area > a i { margin-right: 5px; font-size: 17px; } .header-container .header .container .cart-area:hover a { background-color: #fff !important; } .header-container .header .container .cart-area:hover a b, .header-container .header .container .cart-area:hover a i, .header-container .header .container .cart-area:hover a span { color: #444444 !important; } .header-container .top-links-container span.split { float: left; display: block; height: 14px; width: 1px; border-right: 1px solid #dfdfdf; margin: 6px 3px 6px 0; } .header-container .top-links-icon { display: none; vertical-align: middle; font-size: 11px; padding: 7px 20px 7px 10px; position: relative; } .header-container .top-links-icon:before { content: "\F0D7"; display: block; position: absolute; right: 7px; top: 50%; font-family: fontAwesome; margin-top: -5px; } .header-container .top-links-icon a { color: #fff; text-transform: uppercase; text-decoration: none; } .header-container .top-links-icon a:hover { text-decoration: none; } .header-container .top-links ul.links li, .header-container .top-links ul.linksIcones li { border-left-color: #eee; } .header-container .top-links ul.links a, .header-container .top-links ul.links i, .header-container .top-links ul.linksIcones a, .header-container .top-links ul.linksIcones i { color: inherit; } .header-container .top-links ul.links a:hover, .header-container .top-links ul.links i:hover, .header-container .top-links ul.linksIcones a:hover, .header-container .top-links ul.linksIcones i:hover { text-shadow: 0.05px 0.05px #fff; } .header-container .top-links-container span.split { border-color: #eee; } .header-container .top-links-icon, .header-container .welcome-msg { color: inherit; } .header-container .mini-cart { position: relative; margin: 0; display: inline-block; vertical-align: middle; left: 0; top: -3px; } .header-container .top-links > .top-select:first-child .selectbox .select { padding-left: 0; } @media (max-width: 991px) { .header-container .header-wrapper { display: none; } .header-container.sticky-header .menu-icon, .header-container.sticky-header .search-area { margin: 15px 5px; } .header-container .menu-icon, .header-container .search-area { margin: 35px 5px; } .header-container .menu-icon { width: 30px; text-align: center; line-height: 40px; height: auto; padding: 0; display: block; float: right; } .header-container .search-area { position: relative; left: 0; top: 0; float: right; z-index: 2; } .header-container .search-area .search-icon { display: block; line-height: 40px; } .header-container .mini-cart { width: auto; position: relative; top: -3px; left: 0; } .header-container .header .custom-block { display: none; } .header-container .header #search_mini_form { display: none; margin: 0; } .header-container .header .form-search { width: 450px; position: absolute; right: -15px; top: 40px; overflow: visible; border-width: 5px; border-radius: 3px; border-color: #dfdfdf; } .header-container .header .form-search:before { content: ""; display: block; position: absolute; right: 12px; top: -20px; width: 20px; height: 20px; border: 10px solid transparent; border-bottom-color: #dfdfdf; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { .header-container .header .switcher-group { position: static; text-align: right; } } @media (max-width: 991px) and (max-width: 767px) { .header-container .header .custom-block { display: none; } } @media (max-width: 991px) and (max-width: 480px) { .header-container .header .form-search { width: 320px; } .header-container .header .form-search #cat { width: auto; } .header-container .header .form-search #cat + #search { padding-left: 130px; } } @media (max-width: 991px) { .header-container .top-links-icon { display: inline-block; } .header-container .links { display: none; position: absolute; right: 0; z-index: 9; background-color: #fff !important; border-radius: 3px; margin: 0; padding: 5px 0; text-align: right; border: 1px solid #dfdfdf; } .header-container .links li { display: block; border: 0; padding: 0; } .header-container .top-links ul.links li a { color: #777 !important; white-space: nowrap; padding: 0 10px; display: block; transition: all 0.2s; font-weight: 400; line-height: 3em; text-align: left; } } .header-container .top-container::after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .input-line { width: 100%; border: 0; padding: 8px 0; border-bottom: solid 1px #8e8989; transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); background: linear-gradient(to bottom, #8e8989 96%, #8e8989 4%); background-position: -300px 33px; background-size: 200px 100%; background-repeat: no-repeat; color: #5a5757; } .input-line:focus { box-shadow: none; outline: none; background-position: 0 29px; background-size: 100%; } .input-number-no-arrow::-webkit-outer-spin-button, .input-number-no-arrow::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .icones-laterais { position: fixed; display: inline-block; right: 0; background: #000; z-index: 999; } .icones-laterais .l-col { transition: 400ms; transition-delay: 400ms; transition-timing-function: ease; margin: 10px 0 0; right: -182px; position: absolute; } .icones-laterais .l-col .box-left { padding: 0 0 0 50px; border-radius: 5px 0 0 5px; border-width: 0 0 4px; border-style: solid; border-right: 1px solid #fff; } .icones-laterais .l-col:hover { cursor: pointer; right: 0; } .icones-laterais .l-col.desativado, .icones-laterais .l-col.desativado a { cursor: not-allowed; } .icones-laterais .l-col.desativado .box-left { background-color: #a6a6a6; border-width: 0 0 4px; border-style: solid; border-color: #8d8d8d; } .icones-laterais .l-col::before { font-family: FontAwesome; font-size: 22px; position: absolute; top: 14px; bottom: 14px; left: 14px; right: 14px; background-size: contain; background-repeat: no-repeat; color: #fff; display: block; width: 22px; height: 22px; line-height: 22px; } .icones-laterais .l-col.ultimasCompras::before { content: "\F013"; } .icones-laterais .l-col.itensComprados::before { content: ""; background-image: url("/images/logocsgestor-branco.png"); } .icones-laterais .l-col.cliente::before { content: "\F1AE"; } .icones-laterais .l-col.nfe::before { content: "\F249"; } .icones-laterais .l-col.segundaViaBoleto::before { content: "\F0C5"; } .icones-laterais .l-col.tintometrico::before { content: "\F1FC"; } .icones-laterais .l-col + .l-col { top: 60px; } .icones-laterais .l-col + .l-col + .l-col { top: 120px; } .icones-laterais .l-col + .l-col + .l-col + .l-col { top: 180px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col { top: 240px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 300px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 360px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 420px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 480px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 540px; } .icones-laterais .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col + .l-col { top: 600px; } .icones-laterais .l-col.facebook::before { content: "\F230"; } .icones-laterais .l-col.facebook .box-left { background-color: #3b5998; border-color: #344e86; } .icones-laterais .l-col.whatsapp::before { content: "\F232"; } .icones-laterais .l-col.whatsapp .box-left { background-color: #20b038; border-color: #1c9a31; } .icones-laterais .l-col.twitter::before { content: "\F099"; } .icones-laterais .l-col.twitter .box-left { background-color: #00aced; border-color: #0099d4; } .icones-laterais .l-col.instagram::before { content: "\F16D"; } .icones-laterais .l-col.instagram .box-left { background-color: #517fa4; border-color: #497293; } .icones-laterais .l-col.linkedin::before { content: "\F0E1"; } .icones-laterais .l-col.linkedin .box-left { background-color: #007bb6; border-color: #006a9d; } .icones-laterais .l-col.youtube::before { content: "\F16A"; } .icones-laterais .l-col.youtube .box-left { background-color: #b00; border-color: #a20000; } .icones-laterais .l-text { height: auto; margin: 0 0 -3px; padding: 0 20px 0 15px; width: 182px; line-height: 50px; font-size: 16px; color: #fff; display: block; text-indent: 0; border-left: 1px solid rgba(255, 255, 255, 0.5); } .icones-laterais a { color: #fff; } .item .product-image img { width: auto; height: 200px; margin: auto; display: block; transition: all 0.3s; } .item .product-image img.hoverImage { position: absolute; top: 0; left: 0; right: 0; opacity: 0; filter: alpha(opacity=0); height: 200px; } .item input.qtdproduto { color: #666; background-color: #fff; font-size: 16px; padding: 0 10px 0 5px; height: 32px; line-height: 30px; border-radius: 1px; border: 1px solid #dfdfdf; display: inline-block; width: 99px; text-align: center; } .item a.addtocart { display: none; } .item .details-area .actions { display: inline-block; margin: 0 -10px; } .item .details-area .actions a { margin: 10px 2px; vertical-align: middle; } .item .details-area .actions a.addtowishlist { position: relative; visibility: visible; opacity: 1; right: 3px; } .item .details-area .actions a.comparelink { position: relative; visibility: visible; opacity: 1; left: 3px; } .item .details-area .actions a.addtocart { visibility: visible; opacity: 1; } .item .product-image-area:hover .product-image img.defaultImage { opacity: 0; filter: alpha(opacity=0); } .item .product-image img.defaultImage, .item .product-image-area:hover .product-image img.hoverImage { opacity: 1; filter: alpha(opacity=100); } .item:hover .details-area .actions a.addtocart { border-color: #08c; color: #fff; background-color: #08c; } @media (max-width: 395px) { .item input.qtdproduto { width: 50%; } } .listaProduto .item { padding: 0 !important; } .listaProduto .item .actions a { margin-top: 0; margin-bottom: 0; } .cart .cart-table-wrap .item .details-area .actions { margin: 0; width: 140px; } .jssor[id^=slideProdutos], .jssor[id^=slideProdutos] .products-grid { height: 300px; } .jssor#slideFabricantes, .jssor#slideFabricantes .products-grid { height: 127px !important; } .jssor { position: relative; overflow: hidden; } .jssor, .jssor .products-grid, .jssor [data-u=slides] { width: 1140px; } .jssor [data-u=loading] { position: absolute; top: 0px; left: 0px; } .jssor .products-grid, .jssor [data-u=slides] { cursor: default; position: relative; top: 0px; left: 0px; overflow: hidden; } .jssora09l, .jssora09r { display: block; position: absolute; width: 50px; height: 50px; cursor: pointer; background: url(/js/jssor.slider/img/a09.png) no-repeat; overflow: hidden; opacity: .4; filter: alpha(opacity=40); z-index: 9; } .jssora09l { background-position: -5px -35px; } .jssora09r { background-position: -65px -35px; } .jssora09l:hover { background-position: -5px -35px; opacity: .8; filter: alpha(opacity=80); } .jssora09r:hover { background-position: -65px -35px; opacity: .8; filter: alpha(opacity=80); } .jssora09l.jssora09ldn { background-position: -5px -35px; opacity: .3; filter: alpha(opacity=30); } .jssora09r.jssora09rdn { background-position: -65px -35px; opacity: .3; filter: alpha(opacity=30); } .jssorb10 { position: absolute; } .jssorb10 div, .jssorb10 div:hover, .jssorb10 .av { position: absolute; transform: scale(1.2); width: 11px; height: 11px; background: url(/js/jssor.slider/img/b10.png) no-repeat; overflow: hidden; cursor: pointer; } .jssorb10 div { background-position: -10px -10px; } .jssorb10 div:hover, .jssorb10 .av:hover { background-position: -40px -10px; } .jssorb10 .av { background-position: -70px -10px; } .jssorb10 .dn, .jssorb10 .dn:hover { background-position: -100px -10px; } .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div::hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAMAAADQFyqnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAv1QTFRF////AAAAv7//AAAAAAAAAAAAAAAAAAAAv7//v7//v7//////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv7//v7//v7//v7//////////////////AAAAAAAA5OPi+vn4/v38AAAAAAAA5OPi+vn4/v38v7//v7//v7//v7//vr7/tbX/s7P/srL/////////GxwdBQYHAQIDAAAA5ubk/Pv3+vjy+fbu6ennAAAA5ubk/Pv3+vjy+fbu6ennv7//v7//v7//v7//qKj/lpb/jY3/i4v/v7//////////GRkbAwQIBQcNBgkRFhYY9/Xy+Pbv+PXu+Pbv+PbzAAAAAAAA9/Xy+Pbv+PXu+Pbv+PbzAAAAv7//v7//qan/eXn/cHD/qan/v7//v7//////CAoNBwkQBwoRBwkQBwkM////+vj0+PXt+vj0+PXtv7//l5f/Z2f/Xl7/X1//YGD/BQcLBwoSAAAAAAAAv7//tbX/WVn/W1v/////AAAAAAAA8vHs6ufeAAAAAAAA8vHs6ufev7//v7//srL/YWH/XFz/////////DQ4TFRgh8vDs6ebe8vDs6ebesbH/DQ8TFhkh8vDr6ebdAAAA8vDr6ebdv7//r6//ior/////DQ8UFhkiiYn/b2//8fDr6OXdAAAA8fDr6OXdv7//////Dg8UFxoi6OXc6OXcubn/kpL/dnb/Zmb/Fxoj7Ovm6uff7u3o7Ovm6uff7u3ov7//oqL/h4f/bm7/v7//ExQZFRggERIXAAAAxsTB8e/r6ufg6OTcAAAAxsTB8e/r6ufg6OTcv7//v7//u7v/oaH/kJD/iIj/hob/oKD/////OTs+DhAUFRgfFxsjvLu36ejkvLu36ejkv7//v7//ra3/q6v/qqr/Q0RIFhcbAAAAAAAAAAAAAAAAv7//v7//v7//////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAv7//v7//v7//v7//////////////////////36UoOgAAAP50Uk5TAAAAAQIDBAYCBAYBAgMHExgaDiUuMQ4lLjEHExgaCBmBy+AQMMH0+xAwwfT7+/v7CBmBy+AVh7qQgIkox+zPwMgIKMfsz8DAwMgEFYe6kICJooeAhqMbDN3HwMbeMwzdx8DAxt4zBqKHgIajG6aA4MDgwMDAwMCmgBw1NeDAwBwJL6aAElXgwBJV4MDACS+mgKaA4MDgpoCmgFfgwFfgwDCmgMDApoBZ4MBZMaaAgMDgwMDAgJ+GoNvG3NvGwMDcn4agJ3WmiIBItODHwEi04MfAwMDHJ3WmiIBum63Yrdjg4OBumzIjSlojSloSKDIFDQ8RCh0hChkdIQUNDxFU1DHHAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAABAVJREFUSMft1nlUE0ccwPFssuwSWEBBQEEXNVHj2XgfVFs8IOJ9gRe0pILWotZK4oW4sRvdCBtva1EUBe8b7wOPKlbx1irW22q977se77l5SXbmJ39Vff6hfv6YPzLv7ffNvLyZUSi++CwQBKEiSQ8JQThGD5JUSb+hWZKiaAlBOEaaokg0q1QqPdVqL4lS6Ri91GpP8HFvhvGRKBSO0YdhvPGwivT1K1ESKeHnK6XdsyTlH1AqECkV4C+l3WFPdVBw6TJI6eAgLO3NhISWLYeUDQ3B0gTJhpWvUBGpUD6MlT9NUBptpcpVkMqVtBpKDqt1VatVr1Gz1lcOtWrWqF6tqk4tf5rR165Ttx5St05tPSPPqqj6DRo2aow0atikPqVyzZJs+NdNm32DNGv6bThLumY9I5q3aNkqMsrgFBXZqmXr5hHuJXtHt2nbrn0HpH27jm2i5SWTdMlOnbvgunaLod2fpmIDu/foievVOy6Wcs2q48t8970hweiWYPihT2K8e8lMUrm+/X7E9f8pOUleMsnGDBgIDYiR10Rp4gb9DA2K08hhXeLgXxKGpJhMZrPZZEoZkhA5OFHea0afPHQYNDQZ7bUHO7xYeDjr4ZqlNSOKhUdoaNesl25kapTRNCrNaZTJGJU6UuflmvXRjy4WHq33kcOcZcyv0BgLJ4d569hx0FgrL4cF23iDMT0jxSkj3WgYbxPksGifMBGaYBfx8KTJ0CQQnjIVmgLC094KTwPh6b9B00FYO+N3aIYWC2fOnAXNzMTCWbPngPCc2VlYOHvuPGhu9ocL54Bwzv8Jv9dWFwt/tK3OycXCuTkfcavfPRw4fwE0PxALL1y0GFq0EAsvkf7V5rQMpzSz9K9egoWXLlsOLVsKwyugt8IrIRhetTpvjTndybwmb/UqGF4LgTBrWbcedNdv0GInl3XjJtDdtDkTO7lsW7bm5+Vuc8rNy9+6PQs7uew7doLuzj+y0clFsrt2F+z5E9lTsHsXdlbv3Ve4/wCyv3DfXuysPnjo8JGjx/KPO+QfO/rX4UMHsbP6xMmiU38jp4pOnkBnNUn7WU6fKUDOnLb4YbdTgPXsuULk3FlrAHY7BdvOX0i9eOkfh0sXUy+ctwVjt1Oo/fKVIuTKZXsoup1UFMeHW/5FLOE8h93H/NVr1uuI9dpVHruPhRs3bbcQ280bAnYfi7fv2O8i9ju3RXQfE+Q97v6Dh8iD+9w97AXyiA97/AR5HMY/wl4gT4Vnz/9Dnj8TnmIvkBfiy1evkVcvxRcM/uaiaF+W4ziCkAaO9aUp8OZiY/01PM8ThDTwGv9YFry5IuKDdIIgKJXSIOiC4iPAmys6KUQviqJCIQ2iPiQpGjz3vviEvQHpfIUOdaXtxAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wOC0yM1QwOTozMjo0OS0wMzowMDNhh/EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDctMTNUMjA6MzQ6NTktMDM6MDD1dkybAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==) no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 div::hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } .jssora03l, .jssora03r { display: block; position: absolute; top: calc(50% - 25px); top: -webkit-calc(50% - 25px); width: 55px; height: 55px; cursor: pointer; background: url(data:image/png;base64,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) no-repeat; overflow: hidden; } .jssora03l { background-position: -3px -33px; left: 8px; } .jssora03r { background-position: -63px -33px; right: 8px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03l.jssora03ldn { background-position: -243px -33px; } .jssora03r.jssora03rdn { background-position: -303px -33px; } .mobile-nav.side-block .sw-mobile-menu li > a { background-color: transparent; color: #fff; border: 0; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobile-nav.side-block .sw-mobile-menu li .open-child { background-color: transparent; color: #fff; } .mobile-nav.side-block .sw-mobile-menu li:hover > .open-child { color: #fff; } .mobile-nav.side-block .sw-mobile-menu li > .open-child:hover { background-color: transparent; } .mobile-nav.side-block .sw-mobile-menu li .open-child:after { content: "\F196"; font-family: "FontAwesome"; font-size: 19px; text-align: center; line-height: 19px; background: transparent; opacity: 1; } .mobile-nav.side-block .sw-mobile-menu li.over > .open-child:after { background: transparent; content: "\F147"; } .mobile-nav.side-block .sw-mobile-menu > li:first-child > a { border: 0; } .mobile-nav.side-block .sw-mobile-menu > li > ul li { background-color: transparent; } .mobile-nav .sw-mobile-menu > li > ul { width: 100%; } .mobile-nav .sw-mobile-menu > li > ul > li a { margin-left: 10px; white-space: nowrap; } .mobile-nav .sw-mobile-menu > li > ul > li li a { margin-left: 20px; } .mobile-nav .sw-mobile-menu > li ul { width: 100%; } #map { width: 100% !important; height: 300px !important; min-height: 400px; border-bottom: 1px solid #ccc; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.075); } .gm-style-iw > div > div { overflow: hidden !important; } .menu { box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; border: 0; height: auto; } .menu .cat-label { position: absolute; text-transform: uppercase; background-color: #0cc485; color: #fff; top: -7px; right: 10px; font: inherit; font-size: 9px; padding: 2px; z-index: 1; line-height: 1; } .menu .cat-label::before { content: ""; position: absolute; left: 3px; bottom: -6px; width: 3px; height: 3px; border: 3px solid transparent; border-top-color: #0cc485; } .menu img { max-width: 100%; } .menu > .menu-item-has-children > a::after { content: "\F107"; font-family: FontAwesome; width: 10px; height: 10px; position: relative; right: -5px; } .menu > li { transition: color 0.1s, background-color 0.1s; display: inline-block; padding: 0; margin-right: 3px; } .menu > li > a { display: block; position: relative; color: inherit; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; transition: color 0.1s, background-color 0.1s; } .menu .nav-sublist-dropdown { display: none; list-style: none; position: absolute; top: auto; z-index: 10000; border: 0; width: auto; max-width: 100%; min-width: 160px; background-color: #fff; padding: 5px 0; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .menu .nav-sublist-dropdown a { line-height: 30px; } .menu .nav-sublist-dropdown.active { display: list-item; } .menu-full-width .nav-sublist-dropdown { width: 100%; left: 0; right: 0; margin: 0 auto; padding: 10px 0 20px; max-height: 525px; overflow-y: auto; overflow-x: hidden; } .menu-full-width .nav-sublist-dropdown a.level1 { font-size: 14px; font-weight: 600; margin-top: 10px; line-height: 1.5; } .menu-full-width .nav-sublist-dropdown a:hover { color: #222; text-decoration: underline; } .menu-full-width .nav-sublist ul { margin: 0 0 0 10px; } .menu-full-width .nav-sublist a { line-height: 22px; } .menu-full-width .nav-sublist li { background: none; width: auto; clear: both; } .menu-full-width .nav-sublist li ul a { line-height: 20px; } .menu-full-width .nav-sublist li ul a::before { font-family: FontAwesome; content: "\F105"; float: left; margin: 0 10px 0 5px; transition: all 0.2s ease-in-out; } .menu-parent-item a { color: #666; } .menu-parent-item ul { padding-left: 0; margin-bottom: 0; list-style: none; } .menu-parent-item ul > li a { display: block; } .menu-parent-item ul .menu-item-has-children { position: relative; } .menu-parent-item ul .menu-item-has-children > a::before { font: normal normal 16px/20px FontAwesome; content: "\F105"; width: 15px; height: 15px; position: absolute; right: 10px; margin-left: 13px; font-size: 12px; top: 50%; margin-top: -10px; } .menu-parent-item ul .menu-item-has-children .nav-sublist { background-color: #fff; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3); position: absolute; display: none; top: -4px; padding: 0; left: 100%; } .menu-parent-item ul .menu-item-has-children .nav-sublist li { min-width: 200px; } .menu-parent-item ul .menu-item-has-children:hover > .nav-sublist { display: block; } .menu-parent-item ul li a { padding: 0 30px 0 15px; } .menu-parent-item ul li:hover > a { background-color: #f7f7f7; color: #666; } .menu-parent-item ul li:first-child a { border: 0; } .menu-parent-item ul li .image-item a { font-size: 0; } .menu-parent-item ul li .image-item::before { display: none; } .main-nav { background-color: transparent; font-size: 12px; border: 0; text-align: left; } .main-nav a { color: #666; } .main-nav .menu-wrapper { background-color: transparent; position: relative; } .newsletter__background { background-color: rgba(0, 0, 0, 0.52); padding: 24px 15px; } .newsletter__imagem { background-repeat: no-repeat; background-position: center; background-size: 100%; } .newsletter__titulo { font-size: 40px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 1; } .newsletter__paragrafo { font-size: 16px; color: #fff; margin-bottom: 24px; } #pagamento input[name=bandeira] + img { opacity: 0.5; } #pagamento input[name=bandeira]:checked + img { opacity: 1; } .painel-endereco { height: 100%; position: relative; margin-top: 10px; } .painel-endereco__add { border: 2px dashed #ececec; border-radius: 5px; padding: 120px 0; text-align: center; height: 300px; } .painel-endereco__add:hover { color: #337ab7; text-decoration: none; transition: all 0.3s; cursor: pointer; } .painel-endereco__comum { border: 2px dashed #ececec; height: 300px; padding: 15px; border-radius: 5px; } .painel-endereco__comum .pull-right { margin-top: 5px; } .painel-endereco__comum form { margin-bottom: 10px; height: 225px; } .painel-endereco__comum p { margin-bottom: 5px; } .painel-endereco__comum h2 { font-size: 16px; max-width: 150px; display: inline-block; max-height: 63px; margin-bottom: 10px; text-transform: uppercase; overflow: hidden; } .painel-endereco__icones { width: 50px; display: inline-block; vertical-align: top; text-align: right; float: right; } .painel-endereco__icones .fa { font-size: 23px !important; } .painel-endereco__icones .fa-edit { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: relative; top: 2px; } .valores__cor, .valores__texto { margin-right: 5px; margin-top: 5px; display: inline-block; vertical-align: middle; text-align: center; position: relative; } .valores__cor { width: 36px; height: 36px; line-height: 36px; color: #fff; border: 1px solid #dfdfdf; border-radius: 18px !important; } .valores__cor--selecionar-cor::before { content: "\F1FB"; font-family: "FontAwesome"; font-size: 18px; } .valores input { opacity: 0; filter: alpha(opacity=0); position: absolute; overflow: hidden; } input:checked + .valores__cor::after { content: ""; width: 44px; height: 44px; border: 2px; border-style: solid; border-color: #02b3df; display: block; border-radius: 100%; position: absolute; top: -5px; left: -5px; } .valores__texto { font-size: 13px; padding: 7px; min-width: 35px; border: 1px solid #dfdfdf; color: #666; } input:checked + .valores__texto::after { content: ""; width: 100%; height: 100%; border: 2px; border-style: solid; border-color: #02b3df; display: block; position: absolute; top: -5px; left: -5px; box-sizing: content-box; padding: 3px; } .valores__label { height: 0; min-width: 75px; } input[disabled] + .valores__texto, input[disabled] + .valores__cor { cursor: not-allowed; } input + .valores__texto, input + .valores__cor { cursor: pointer; } input[disabled] + .valores__texto { opacity: 0.5; } input[disabled] + .valores__cor::before { content: ""; width: 16px; height: 16px; display: inline-block; position: absolute; top: -4px; right: -4px; background-size: contain; background-repeat: no-repeat; background-image: url("/images/ico-unavailable.svg"); } @media print { * { background: none !important; text-align: left !important; } html { margin: 0 !important; padding: 0 !important; } body { background: #fff !important; font-size: 9pt !important; padding: 0 !important; margin: 10px !important; } a { color: #2976c9 !important; } th, td { color: #2f2f2f !important; border-color: #ccc !important; } .header-container, .nav-container, .footer-container, .pager, .toolbar, .actions, .buttons-set { display: none !important; } .page-print .data-table .cart-tax-total { background-position: 100% -54px; } .page-print .data-table .cart-tax-info { display: block !important; } *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } small { float: right; } .col-1 { float: left !important; width: 48.5% !important; display: inline-block; } .col-2 { float: right !important; width: 48.5% !important; } .box-title { border-radius: 0px !important; } .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } .visible-print { display: none !important; } .visible-print-block { display: none !important; } .visible-print-inline { display: none !important; } .visible-print-inline-block { display: none !important; } .portlet { border: 1px solid #dfdfdf; border-radius: 5px; padding: 20px; } .portlet__titulo { border-bottom: 1px solid #dfdfdf; font-size: 150%; padding-bottom: 15px; padding-top: 5px; margin-bottom: 15px; } .portlet__subtitulo { font-size: 65%; margin-top: 5px; } .portlet__conteudo:before, .portlet__conteudo:after { content: " "; display: table; } .portlet__conteudo:after { clear: both; } .portlet--metodos { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1s; -moz-animation-iteration-count: 1s; -ms-animation-iteration-count: 1s; -o-animation-iteration-count: 1s; animation-iteration-count: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .products-grid { font-size: 0; } .products-grid .item { padding: 0 5px; display: inline-block; vertical-align: top; } .products-grid .item .product-image { width: 100%; display: block; position: relative; z-index: 0; overflow: hidden; border-radius: 3px; background: rgba(255, 255, 255, 0); height: 200px; } .products-grid .item .item-area { background-color: #fff; } .products-grid .item .details-area { padding: 10px; text-align: center; } .products-grid .item .details-area .product-name { margin: 0 0 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 16.2px; height: 36px; } .products-grid .item .details-area .product-name a { font-size: 12px; font-weight: 500; } .products-grid .product-image-area { border: 0; } .products-grid.columns4 .item { width: 25%; } .products-grid.columns4 .item.nth-child-4np1 { clear: left; } .products-grid.columns5 { margin-left: -5px; margin-right: -5px; } .products-grid.columns5.lines { margin-left: 0; margin-right: 0; } .products-grid.columns5 .item { width: 20%; } .products-grid.columns5 .item.nth-child-5np1 { clear: left; } .products-grid.columns5 .listaProduto .item { float: none; width: auto; } .products-grid.columns6 { margin-left: -4px; margin-right: -4px; } .products-grid.columns6 .item { width: 16.66%; } .products-grid.columns6 .item.nth-child-6np1 { clear: left; } .products-grid.columns7 { margin-left: -3px; margin-right: -3px; } .products-grid.columns7 .item { width: 14.28%; } .products-grid.columns7 .item.nth-child-7np1 { clear: left; } .products-grid.columns8 { margin-left: -3px; margin-right: -3px; } .products-grid.columns8 .item { width: 12.5%; } .products-grid.columns8 .item.nth-child-8np1 { clear: left; } .category-products .products-grid { margin-left: -10px; margin-right: -10px; list-style: none; margin-bottom: 10px; } .category-products .products-grid .item .item-area { border-radius: 2px; } .category-products .products-grid .item .item-area .selected { background-color: #f1f1f1; } .category-products .products-grid .item .details-area .compare-area { padding: 10px 0; border-top: 1px solid #f7f7f7; } .category-products .products-grid .item .details-area .compare-area .comparelink { font-size: 12px; float: right; } .category-products .products-grid .item .details-area .compare-area .ratings { float: left; margin: 2px 0; } .category-products .products-grid.columns2 .item { width: 50%; } .category-products .products-grid.columns2 .item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns3 .item { width: 33.33%; } .category-products .products-grid.columns3 .item.nth-child-3np1 { clear: left; } .category-products .products-grid.columns4 { margin-left: -10px; margin-right: -10px; } @media (max-width: 991px) { .category-products .products-grid.columns4 li.item { width: 33.33%; } .category-products .products-grid.columns4 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns4 li.item.nth-child-3np1 { clear: left; } .products-grid.columns5 .item { width: 33.33%; } .products-grid.columns5 .item.nth-child-5np1 { clear: none; } .products-grid.columns5 .item.nth-child-4np1 { clear: none; } .products-grid.columns5 .item.nth-child-3np1 { clear: left; } .category-products .products-grid.columns6 li.item { width: 20%; } .category-products .products-grid.columns6 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-5np1 { clear: left; } .category-products .products-grid.columns7 li.item { width: 20%; } .category-products .products-grid.columns7 li.item.nth-child-7np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-5np1 { clear: left; } .category-products .products-grid.columns8 li.item { width: 20%; } .category-products .products-grid.columns8 li.item.nth-child-8np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-7np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-5np1 { clear: left; } .category-products .products-grid.columns3 li.item { width: 50%; } .category-products .products-grid.columns3 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns3 li.item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns4 li.item { width: 50%; } .category-products .products-grid.columns4 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns4 li.item.nth-child-2np1 { clear: left; } .products-grid.columns5 .item { width: 50%; } .products-grid.columns5 .item.nth-child-4np1 { clear: none; } .products-grid.columns5 .item.nth-child-3np1 { clear: none; } .products-grid.columns5 .item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns6 li.item { width: 33.33%; } .category-products .products-grid.columns6 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-3np1 { clear: left; } .category-products .products-grid.columns7 li.item { width: 33.33%; } .category-products .products-grid.columns7 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-3np1 { clear: left; } .category-products .products-grid.columns8 li.item { width: 33.33%; } .category-products .products-grid.columns8 li.item.nth-child-7np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-3np1 { clear: left; } } @media (max-width: 767px) { .category-products .products-grid.columns2 li.item { width: 50%; } .category-products .products-grid.columns2 li.item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns3 li.item { width: 50%; } .category-products .products-grid.columns3 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns3 li.item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns4 li.item { width: 50%; } .category-products .products-grid.columns4 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns4 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns4 li.item.nth-child-2np1 { clear: left; } .products-grid.columns5 .item { width: 50%; } .products-grid.columns5 .item.nth-child-5np1 { clear: none; } .products-grid.columns5 .item.nth-child-4np1 { clear: none; } .products-grid.columns5 .item.nth-child-3np1 { clear: none; } .products-grid.columns5 .item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns6 li.item { width: 50%; } .category-products .products-grid.columns6 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns6 li.item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns7 li.item { width: 50%; } .category-products .products-grid.columns7 li.item.nth-child-7np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns7 li.item.nth-child-2np1 { clear: left; } .category-products .products-grid.columns8 li.item { width: 50%; } .category-products .products-grid.columns8 li.item.nth-child-8np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-7np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-6np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-5np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-4np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-3np1 { clear: none; } .category-products .products-grid.columns8 li.item.nth-child-2np1 { clear: left; } } @media (max-width: 480px) { .products-grid.columns2 li.item, .products-grid.columns3 li.item, .products-grid.columns4 li.item, .products-grid.columns5 .item, .products-grid.columns6 li.item, .products-grid.columns7 li.item, .products-grid.columns8 li.item { width: 100%; clear: left; } } .products-list { margin: 0 -10px; } .products-list .item { width: 100%; padding: 10px; } .products-list .item .item-area { width: 100%; position: relative; } .products-list .product-image-area { width: 20%; float: left; } .products-list .product-image-area img { width: 100%; transition: all ease-in 400ms; transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } .products-list .details-area { width: 80%; float: left; padding: 0 20px; } .products-list .details-area .product-name { font-size: 18px; line-height: 1; } .products-list .details-area .product-name a { color: #666; } .products-list .details-area .action-area { margin-top: 15px; } .products-list .details-area .price-box { margin: 5px 0; } .products-list .details-area .short-desc { font-size: 14px; line-height: 1.5; color: #666; } .products-list .details-area .actions { display: block; margin: 0; } .products-list .details-area .actions a { visibility: visible; opacity: 1; } .products-list .details-area .actions a.addtocart { border-color: #08c; color: #fff; background-color: #08c; } .products-list .ratings { background: none; margin: 10px 0; } .products-list .ratings .amount { display: none; } @media (max-width: 767px) { .products-list .product-image-area { width: 150px; } .products-list .details-area { width: auto; float: none; margin-left: 150px; } } @media (max-width: 480px) { .category-products .products-list li.item .item-area { text-align: center; } .products-list .product-image-area { width: 120px; float: left; } .products-list .details-area { margin-left: 120px; text-align: left; padding: 0 10px; margin-right: -10px; } } .produto .especificacao { padding: 35px; border-color: #eee; box-shadow: 0 1px 2px #eee; border: 1px solid #eee; min-height: 100px; } .produto .descricaoEcommerce .editar, .produto .descricaoRapida .editar, .produto .especificacao .editar { float: right; visibility: visible; } .sale-summary .caption { border-color: #c9c9c9; } .sale-summary .caption h4 { color: #383839; font-size: 18px; } .sale-summary ul { margin-top: -10px; } .sale-summary li { padding-top: 10px; padding-bottom: 10px; overflow: hidden; border-top: solid 1px #eee; } .sale-summary li .sale-info { margin-top: 4px; float: left; color: #646464; font-size: 14px; text-transform: uppercase; } .sale-summary li .sale-num { float: right; color: #169ef4; font-size: 20px; font-weight: 300; } .sale-summary li span i { top: 1px; width: 13px; height: 14px; margin-left: 3px; position: relative; display: inline-block; } .sale-summary li span i.icon-img-up { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MTFEMEY0N0QwNjExRTJCOTMyREI0QTZFQTA4MzE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5MTFEMEY1N0QwNjExRTJCOTMyREI0QTZFQTA4MzE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTkxMUQwRjI3RDA2MTFFMkI5MzJEQjRBNkVBMDgzMTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTkxMUQwRjM3RDA2MTFFMkI5MzJEQjRBNkVBMDgzMTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aMcZJAAAAXUlEQVR42mL6//8/AzbscUZ+OS45JgYswPOswnIgZQmlMQATLg1ALI9LIxMODRpQIQ1sGpmwadhu/OAHSAxKY2hkwqUBBrBpZMKnAadGPEH+n6QgJwRGNUEBQIABAOdIdpkS/CPBAAAAAElFTkSuQmCC) no-repeat !important; } .sale-summary li span i.icon-img-down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2Njc2NjQzN0QwNjExRTJCRDFBOTA4QTg3NzlEMEU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2Njc2NjQ0N0QwNjExRTJCRDFBOTA4QTg3NzlEMEU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY2NzY2NDE3RDA2MTFFMkJEMUE5MDhBODc3OUQwRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY2NzY2NDI3RDA2MTFFMkJEMUE5MDhBODc3OUQwRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DKj64AAAAdUlEQVR42mL4//8/Azb8QEnpPy45JgYywKgmKGB5qKy8HEhbArGG/N27P3ApBKrjAFI3gPg4E1BhJIgBEoBK4NUAUg92Hj6N6BpAYoygGEZSAHcqEH8HYk50DRia0DTKg7joGrBqQtOIoQEM8CTY5bjkAAIMAKv9goM39HH5AAAAAElFTkSuQmCC) no-repeat !important; } .list-unstyled { padding-left: 0; list-style: none; } .selecao-endereco td label { line-height: 39px; width: 100%; } .titulo { margin-bottom: 10px; color: #777777; font-weight: bold; text-transform: uppercase; position: relative; border-bottom: 2px solid #f4f4f4; padding-bottom: 10px; } .titulo span:after { content: ' '; width: 75px; height: 2px; position: absolute; bottom: -2px; left: 0px; background-color: #777777; } footer .titulo { padding-bottom: 5px; border-bottom-color: transparent; } footer .titulo span { color: #ffffff; font-size: 15px; } #TooltipTemplate { display: none; } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 180px; padding: 6px 8px; color: #444444; text-align: center; text-decoration: none; background-color: white; border-radius: 7px; font-size: 14px; font-weight: 200; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); } .tooltip-inner a { color: #1DABDB; } .tooltip-inner a:hover { color: #444444; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #ffffff; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #ffffff; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #ffffff; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #ffffff; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #ffffff; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #ffffff; } #vanillatoasts-container { position: fixed; top: 0; right: 0; max-width: 440px; font-family: Helvetica; z-index: 99999; } #vanillatoasts-container p, #vanillatoasts-container h4 { margin: 3px 0; } .vanillatoasts-toast { position: relative; padding: 20px 17px; margin: 20px; background: #fefefe; cursor: pointer; animation-duration: .3s; animation-name: VanillaToasts; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); } .vanillatoasts-fadeOut { animation-name: VanillaToastsFadeOut; animation-duration: .3s; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-fill-mode: forwards; } .vanillatoasts-title { font-weight: 700; font-size: 15px; margin-bottom: 10px; } .vanillatoasts-text { font-size: 14px; color: #777; } .vanillatoasts-icon { position: absolute; top: 5px; left: -40px; width: 50px; height: 50px; border-radius: 100%; background: #FFF; } .vanillatoasts-toast a, .vanillatoasts-toast a:hover { color: #549EDB; text-decoration: none; } .vanillatoasts-success { border-bottom: 2px solid #5cb85c; background-color: #fcfefc; } .vanillatoasts-success h4 { color: #5cb85c; } .vanillatoasts-warning { border-bottom: 2px solid #c77c11; background-color: #fae3c4; } .vanillatoasts-warning h4 { color: #c77c11; } .vanillatoasts-error, .vanillatoasts-danger { border-bottom: 2px solid #d9534f; background-color: #f8dede; } .vanillatoasts-error h4, .vanillatoasts-danger h4 { color: #d9534f; } .vanillatoasts-info { border-bottom: 2px solid #21a7d8; background-color: #e4f5fb; } .vanillatoasts-info h4 { color: #21a7d8; } @keyframes VanillaToasts { from { transform: translate3d(400px, 0, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes VanillaToastsFadeOut { from { transform: translate3d(0, 0, 0); opacity: 1; } to { transform: translate3d(400px, 0, 0); opacity: 0; } } /* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules) You need this once per page no matter how many menu trees or different themes you use. -------------------------------------------------------------------------------------------*/ .sm { box-sizing: border-box; position: relative; z-index: 100; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .sm, .sm ul, .sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; } .sm-rtl, .sm-rtl ul, .sm-rtl li { direction: rtl; text-align: right; } .sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 { margin: 0; padding: 0; } .sm ul { display: none; } .sm li, .sm a { position: relative; } .sm a { display: block; } .sm a.disabled { cursor: default; } .sm::after { content: ""; display: block; height: 0; font: 0px/0 serif; clear: both; overflow: hidden; } .sm *, .sm *::before, .sm *::after { box-sizing: inherit; } .sm-space { padding-right: 5px; } .sm-simple { color: inherit; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; } .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active { padding: 13px 20px; /* make room for the toggle button (sub indicator) */ padding-right: 58px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 17px; text-decoration: none; } .sm-simple a.current { background: #555555; color: #fff; } .sm-simple a.disabled { color: #cccccc; } .sm-simple a .sub-arrow { position: absolute; top: 48%; margin-top: -17px; width: 34px; height: 34px; overflow: hidden; font: bold 14px/34px monospace !important; text-align: center; text-shadow: none; background: rgba(0, 0, 0, 0.08); right: 10px; float: right !important; } .sm-simple a .sub-arrow::before { font-family: FontAwesome; content: "\F105"; } .sm-simple a.highlighted .sub-arrow::before { font-family: FontAwesome; content: "\F105"; } .sm-simple li { border-top: 1px solid rgba(0, 0, 0, 0.05); } .sm-simple > li:first-child { border-top: 0; } .sm-simple ul { background: rgba(179, 179, 179, 0.1); } .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active { font-size: 14px; border-left: 8px solid transparent; } .sm-simple ul ul a, .sm-simple ul ul a:hover, .sm-simple ul ul a:focus, .sm-simple ul ul a:active { border-left: 16px solid transparent; } .sm-simple ul ul ul a, .sm-simple ul ul ul a:hover, .sm-simple ul ul ul a:focus, .sm-simple ul ul ul a:active { border-left: 24px solid transparent; } .sm-simple ul ul ul ul a, .sm-simple ul ul ul ul a:hover, .sm-simple ul ul ul ul a:focus, .sm-simple ul ul ul ul a:active { border-left: 32px solid transparent; } .sm-simple ul ul ul ul ul a, .sm-simple ul ul ul ul ul a:hover, .sm-simple ul ul ul ul ul a:focus, .sm-simple ul ul ul ul ul a:active { border-left: 40px solid transparent; } .sm-title-nav { color: inherit !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; } .sm-title-nav, .sm-title-nav:hover, .sm-title-nav:focus, .sm-title-nav:active { background: transparent !important; } @media (min-width: 768px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/ /* start... (it's not recommended editing these rules) */ .sm-simple ul { position: absolute; width: 12em; } .sm-simple li { float: left; } .sm-simple.sm-rtl li { float: right; } .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li { float: none; } .sm-simple a { white-space: nowrap; } .sm-simple ul a, .sm-simple.sm-vertical a { white-space: normal; } .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a { white-space: nowrap; } /* ...end */ .sm-simple { background: transparent; } .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { padding: 20px 15px; } .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { background: #eeeeee; } .sm-simple a.current { background: #555555; color: #fff; } .sm-simple a.disabled { background: transparent; color: #cccccc; } .sm-simple a.has-submenu { padding-right: 27px; } .sm-simple a .sub-arrow { top: 50%; margin-top: -8px; width: 8px; height: 16px; font: 14px/16px monospace !important; background: transparent; float: right !important; } .sm-simple a.highlighted .sub-arrow::before { font-family: FontAwesome; content: "\F105"; } .sm-simple > li { border-top: 0; border-left: 0px solid #eeeeee; } .sm-simple > li:first-child { border-left: 0; } .sm-simple ul { border: 1px solid #bbbbbb; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .sm-simple ul a { border: 0 !important; } .sm-simple ul a.has-submenu { padding-right: 15px; } .sm-simple ul a .sub-arrow { float: right !important; } .sm-simple ul > li { border-left: 0; border-top: 0px solid #eeeeee; } .sm-simple ul > li:first-child { border-top: 0; } .sm-simple .scroll-up, .sm-simple .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px; } .sm-simple .scroll-up-arrow, .sm-simple .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #555555 transparent; } .sm-simple .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #555555 transparent transparent transparent; } .sm-simple.sm-rtl a.has-submenu { padding-right: 15px; padding-left: 27px; } .sm-simple.sm-rtl a .sub-arrow { float: right !important; padding-right: 15px; padding-left: 27px; } .sm-simple.sm-rtl.sm-vertical a.has-submenu { padding: 20px 15px; } .sm-simple.sm-rtl.sm-vertical a .sub-arrow { float: right !important; padding: 20px 15px; } .sm-simple.sm-rtl > li:first-child { border-left: 0px solid #eeeeee; } .sm-simple.sm-rtl > li:last-child { border-left: 0; } .sm-simple.sm-rtl ul a.has-submenu { padding: 20px 15px; } .sm-simple.sm-rtl ul a .sub-arrow { float: right !important; padding: 20px 15px; } .sm-simple.sm-vertical a .sub-arrow { float: right !important; } .sm-simple.sm-vertical li { border-left: 0; border-top: 0px solid #eeeeee; } .sm-simple.sm-vertical > li:first-child { border-top: 0; } } /*-------------------------------------------------- [TRANSITION] ----------------------------------------------------*/ /* Cubic Bezier Transition */ /*** Utilities ***/ /* Links */ a:hover { cursor: pointer; } /* Primary Link */ .primary-link { color: #65A0D0; font-weight: 600; } .primary-link:hover { color: #5194ca; } /* Rounded Element */ .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } /* Circle Element */ .circle { border-radius: 25px !important; } .circle-right { border-radius: 0 25px 25px 0 !important; } .circle-left { border-radius: 25px 0 0 25px !important; } .circle-bottom { border-radius: 0 0 25px 25px !important; } .circle-top { border-radius: 25px 25px 0 0 !important; } /* General utilities */ .display-none, .display-hide { display: none; } .hidden { display: none !important; } .primary-font { font-family: "Open Sans", sans-serif !important; } .bold { font-weight: 700 !important; } .thin { font-weight: 300 !important; } .uppercase { text-transform: uppercase !important; } .fix-margin { margin-left: 0px !important; } .border { border: 1px solid red; } .font-hg { font-size: 23px; } .font-lg { font-size: 18px; } .font-md { font-size: 14px; } .font-sm { font-size: 13px; } .font-xs { font-size: 11px; } .inline { display: inline; } .inline-block { display: inline-block; } .text-align-reverse { text-align: right; } /* Margin and padding utilities */ .no-space { margin: 0px !important; padding: 0px !important; } .no-padding { padding: 0px !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-auto { margin: auto !important; } .relative { position: relative; } .disabled { cursor: not-allowed; } /* IE8 & IE9 mode utilities */ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** Responsive Utils ***/ @media (max-width: 1024px) { .hidden-1024 { display: none; } } @media (max-width: 480px) { .hidden-480 { display: none; } } @media (max-width: 320px) { .hidden-320 { display: none; } } /*** Demo Utils ***/ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } /*** Users ***/ .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } /*** Top News Blocks(new in v1.2.2) ***/ .top-news { color: #fff; margin: 8px 0; } .top-news em { font-size: 13px; margin-bottom: 8px; margin-bottom: 0; font-style: normal; display: block; } .top-news em i { font-size: 14px; } .top-news span { font-size: 18px; margin-bottom: 5px; display: block; text-align: left; } .top-news a { display: block; text-align: left; padding: 10px; position: relative; margin-bottom: 10px; } .top-news a .top-news-icon { right: 8px; bottom: 15px; opacity: 0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); /*For IE8*/ } .top-news .btn + .btn { margin-left: 0; } /*** Block Images(new in v1.2.2) ***/ .blog-images { margin-bottom: 0; } .blog-images li { padding: 0; margin: 0; display: inline; } .blog-images li a:hover { text-decoration: none; } .blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; } .blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /*** Sidebar Tags ***/ .sidebar-tags li { padding: 0; } .sidebar-tags li a { color: #555; font-size: 12px; padding: 3px 5px; background: #f7f7f7; margin: 0 2px 5px 0; display: inline-block; } .sidebar-tags li a:hover, .sidebar-tags li a:hover i { background: #EEE; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebar-tags li a i { color: #777; } /*** Custom vertical inline menu ***/ .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 14px; font-weight: 300; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .ver-inline-menu li:hover a { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 14px; } .ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } @media (max-width: 767px) { .ver-inline-menu > li.active:after { display: none; } } /*** Separated List ***/ .list-separated { margin-top: 10px; margin-bottom: 15px; } .list-separated > div:last-child { border-right: 0; } @media (max-width: 767px) { .list-separated { /* 767px */ } .list-separated > div { margin-bottom: 20px; } } /*** Number & Chart Stats ***/ .number-stats { margin: 10px 0; } .number-stats .stat-number { display: inline-block; margin: 0 5px; } .number-stats .stat-number .title { font-size: 13px; margin-bottom: 3px; color: #B8C3C7; } .number-stats .stat-number .number { font-size: 27px; line-height: 27px; color: #7D8C9D; } .number-stats .stat-chart { display: inline-block; margin: 0 5px; } .number-stats > div { border-right: 1px solid #f5f5f5; } .number-stats > div:last-child { border-right: 0; } .number-stats .stat-left { float: right; } .number-stats .stat-left .stat-number { float: right; text-align: right; } .number-stats .stat-left .stat-chart { float: right; } .number-stats .stat-right { float: left !important; } .number-stats .stat-right .stat-number { float: left; text-align: left; } .number-stats .stat-right .stat-chart { float: left; } .number-stats .stat-number { float: left; text-align: left; } .number-stats .stat-chart { float: left; } /*** General User Record Listing ***/ .general-item-list > .item { padding: 10px 0; border-bottom: 1px solid #F1F4F7; } .general-item-list > .item:last-child { border-bottom: 0; } .general-item-list > .item > .item-head { margin-bottom: 5px; } .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after { content: " "; display: table; } .general-item-list > .item > .item-head:after { clear: both; } .general-item-list > .item > .item-head > .item-details { display: inline-block; float: left; } .general-item-list > .item > .item-head > .item-details > .item-pic { height: 35px; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .general-item-list > .item > .item-head > .item-details > .item-name { display: inline-block; margin-right: 10px; } .general-item-list > .item > .item-head > .item-details > .item-label { color: #C0C9CC; } .general-item-list > .item > .item-head > .item-status { color: #C0C9CC; top: 10px; position: relative; display: inline-block; float: right; } .general-item-list > .item > .item-head > .item-status > .badge { margin-top: -2px; } .general-item-list > .item > .item-body { color: #96a5aa; } /*** File dropzone ***/ .file-drop-zone { border: 2px dashed #ddd; padding: 30px; text-align: center; } .file-drop-zone.file-drop-zone-over { border-color: #aaa; } .ellipsis-50 { width: 50px; width: -webkit- 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ellipsis-100 { width: 100px; width: -webkit- 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ellipsis-150 { width: 150px; width: -webkit- 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ellipsis-200 { width: 200px; width: -webkit- 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ellipsis-1 { width: calc(100% - 3px); width: -webkit- calc(100% - 3px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } table.sem-borda td { border-top: 0 solid #fff !important; } .nowarp { white-space: nowrap; } .altura-maxima-213 { height: 213px; overflow-x: hidden; overflow-y: auto; } .h-sem-margem h1, .h-sem-margem h2, .h-sem-margem h3, .h-sem-margem h4, .h-sem-margem h5, .h-sem-margem h6 { margin-top: 0px; margin-bottom: 0px; } .help { cursor: help; } /*** Inbox Page ***/ .inbox { margin-bottom: 20px; } .inbox .inbox { margin-bottom: 0px; } .inbox .tab-content { overflow: inherit; } .inbox .inbox-loading { display: none; font-size: 22px; font-weight: 300; } /*Imbox Menu*/ .inbox .inbox-nav { margin: 0; padding: 0; list-style: none; } .inbox .inbox-nav li { position: relative; } .inbox .inbox-nav li a { color: #4d82a3; display: block; font-size: 15px; border-left: none; text-align: left !important; padding: 8px 14px; margin-bottom: 1px; background: #f4f9fd; } .inbox .inbox-nav li.active a, .inbox .inbox-nav li.active:hover a { color: #fff; border-left: none; background: #169ef4 !important; text-decoration: none; } .inbox .inbox-nav li.active b { top: 12px; right: -6px; width: 6px; position: absolute; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #169ef4; } .inbox .inbox-nav li:hover a { color: #4d82a3; background: #eef4f7 !important; text-decoration: none; } .inbox .inbox-nav li.compose-btn a { color: #fff; text-shadow: none; text-align: center; margin-bottom: 18px; background: #35aa47; } .inbox .inbox-nav li.compose-btn i, .inbox .inbox-nav li.compose-btn:hover i { top: 1px; color: #fff; font-size: 15px; position: relative; background: none !important; } .inbox .inbox-nav li.compose-btn a:hover { background-color: #1d943b !important; } /*Inbox Content*/ .inbox .inbox-header { overflow: hidden; } .inbox .inbox-header h1 { margin: 0; color: #666; margin-bottom: 10px; } .inbox .pagination-control { text-align: right; } .inbox .pagination-control .pagination-info { display: inline-block; padding-right: 10px; font-size: 14px; line-height: 14px; } .inbox tr { color: #777; font-size: 13px; } .inbox tr label { display: inline-block; margin-bottom: 0; } .inbox tr.unread td { font-weight: 600; } .inbox td i.icon-paper-clip { top: 2px; color: #d8e0e5; font-size: 17px; position: relative; } .inbox tr i.icon-star, .inbox tr i.icon-trash { cursor: pointer; } .inbox tr i.icon-star { color: #eceef0; } .inbox tr i.icon-star:hover { color: #fd7b12; } .inbox tr i.inbox-started { color: #fd7b12; } .inbox .table th, .inbox .table td { border: none; } .inbox .table th { background: #eef4f7; border-bottom: solid 5px #fff; } .inbox th.text-right { text-align: right; } .inbox th label.inbox-select-all { color: #828f97; font-size: 13px; padding: 1px 4px 0; } .inbox ul.inbox-nav { margin-bottom: 0; } .inbox ul.inbox-nav li { padding: 0; } .inbox ul.inbox-nav li span { color: #828f97; font-size: 12px; margin-right: 10px; } .inbox ul.inbox-nav i { color: #fff; padding: 1px 0; font-size: 15px; cursor: pointer; background: #d0dde4 !important; } .inbox ul.inbox-nav i:hover { background: #169ef4 !important; } .inbox td.text-right { width: 100px; text-align: right; } .inbox td.inbox-small-cells { width: 10px; } .inbox .table-hover tbody tr:hover > td, .inbox .table-hover tbody tr:hover > th, .inbox .table-striped tbody > tr:nth-child(odd) > td, .inbox .table-striped tbody > tr:nth-child(odd) > th { background: #f8fbfd; cursor: pointer; } .inbox .table-hover tbody tr:hover > td, .inbox .table-hover tbody tr:hover > th { background: #eef4f7; } /*Inbox Drafts*/ .inbox .inbox-drafts { padding: 8px 0; text-align: center; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } /*Inbox View*/ .inbox-view-header { margin-bottom: 20px; } .inbox-view-header h1 { color: #666; font-size: 22px; line-height: 24px; margin-bottom: 0 !important; } .inbox-view-header h1 a { top: -2px; color: #fff; cursor: pointer; font-size: 13px; padding: 2px 7px; line-height: 16px; position: relative; background: #b0bcc4; display: inline-block; } .inbox-view-header h1 a:hover { background: #aab5bc; text-decoration: none; } .inbox-view-header i.icon-print { color: #94a4ab; cursor: pointer; font-size: 14px; display: inline-block; padding: 6px 8px !important; background: #edf1f4 !important; } .inbox-view-header i.icon-print:hover { background: #e7ebef !important; } .inbox-view-info { color: #666; padding: 5px 0; margin-bottom: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .inbox-view-info strong { color: #666; margin: 0 10px 0 5px; } .inbox-view-info .inbox-info-btn { text-align: right; } .inbox-view-info .inbox-info-btn ul { text-align: left; } .inbox-view-info button { top: 2px; color: #94a4ab; font-size: 13px; margin-left: 4px; padding: 3px 10px; position: relative; background: #edf1f4; } .inbox-view-info button:hover { color: #94a4ab; background: #e7ebef; } .inbox-view { color: #666; padding: 15px 0 0; } .inbox-view a { color: #169ce9; } .inbox-attached { line-height: 16px; } .inbox-attached a { margin: 0 2px; } .inbox-attached img { height: auto; max-width: 250px; margin-bottom: 5px; } .inbox-attached span { margin-right: 3px; } .inbox-attached strong { color: #555; display: block; font-size: 13px; } .inbox-attached .margin-bottom-25 { margin-bottom: 25px; } .inbox-attached .margin-bottom-15 { margin-bottom: 15px; } /*Inbox Compose*/ .inbox-compose { margin-top: 1px; border: solid 1px #eee; } .inbox-compose-btn { padding: 8px 4px; background: #f0f6fa; } .inbox-compose-attachment { padding: 8px 8px; } .inbox-compose-attachment .btn { padding: 4px 10px; } .inbox-compose-btn button { color: #fff; font-size: 14px; margin-left: 4px; padding: 4px 10px; background: #c0cfdd; } .inbox-compose-btn button:hover { color: #fff; background: #4d90fe; } .inbox-compose-btn button i { margin-right: 3px; } .inbox-compose .inbox-form-group { margin-bottom: 0; position: relative; border-bottom: solid 1px #eee; } .inbox-compose .controls { margin-left: 85px; } .inbox-compose .inbox-form-group > label { width: 80px; float: left; color: #979797; text-align: right; } .inbox-compose .controls > input { border: none !important; box-shadow: none; } .inbox-compose .controls-to { padding-right: 55px; } .inbox-compose .controls-cc { padding-right: 20px; } .inbox-compose .controls-bcc { padding-right: 20px; } .inbox-compose .inbox-form-group a.close { top: 13px; right: 10px; position: absolute; } .inbox-compose .mail-to .inbox-cc-bcc { display: inline-block; top: 7px; right: 10px; color: #979797; font-size: 14px; cursor: pointer; position: absolute; } .inbox-compose .mail-to .inbox-bcc { margin-left: 5px; } .inbox-compose .mail-to inbox-cc:hover, .inbox-compose .mail-to inbox-bcc:hover { color: #777; } .inbox-compose .wysihtml5 { padding: 0px !important; margin: 0px !important; border: 0 !important; } .inbox-compose .wysihtml5-sandbox { padding: 0px !important; margin: 0px !important; display: block !important; border: 0 !important; margin-top: 5px; width: 100% !important; border-left: none; border-right: none; border-color: #eee; } .inbox-compose .wysihtml5-toolbar { border: 0; border-bottom: 1px solid #eee; } .inbox-compose .wysihtml5-toolbar > li { height: 34px; margin-right: 0; margin-bottom: 0; } .inbox-compose .wysihtml5-toolbar > li > a, .inbox-compose .wysihtml5-toolbar > li > div > a { background: #fff; } .inbox-compose .wysihtml5-toolbar > li > a:hover, .inbox-compose .wysihtml5-toolbar > li > div > a:hover { background: #f1f1f1; border-radius: 0; } .inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { background: #eee !important; } @media (max-width: 480px) { .inbox-compose .inbox-form-group > label { margin-top: 7px; } } /* * Title: jQuery Etalage plugin CSS * Author: Berend de Jong, Frique * Author URI: http://www.frique.me/ * Version: 1.3.1 (20120705.1) * * ------------------------------------ STYLE ------------------------------------ * Edit this section to style your thumbnails, zoom area, magnifier etc. * If the id of your Etalage instance is different, do a find/replace on #etalage. * ------------------------------------------------------------------------------- */ /* Etalage container (large thumb + small thumbs): */ #etalage { display: none; } /* Large thumbnail: */ #etalage .etalage_thumb { background: white center no-repeat; padding: 6px; } /* Large thumbnail - image (in case you want to add a border around the image within the frame) */ /* Small thumbnails: */ #etalage .etalage_small_thumbs li { background: white; margin: 10px; padding: 3px; } /* The one on the left that makes them slide */ /* The one on the right that makes them slide */ /* The currently active one */ /* Zoomed image area: */ #etalage .etalage_zoom_area, .etalage_zoom_area { background: white center no-repeat; padding: 6px; } /* Magnifier area (thumbnail hovering rectangle): */ #etalage .etalage_magnifier { background: white; border: 1px solid #bbb; } /* Icon that will apear at the left bottom of the large thumbnail (optional): */ #etalage .etalage_icon { width: 14px; height: 14px; } /* Hint that will apear at the top right of the large thumbnail (optional): */ #etalage .etalage_hint { width: 130px; height: 57px; } /* Description area (optional) */ #etalage .etalage_description { background: white; font-style: italic; margin: 10px; padding: 6px 10px; } /* * ------------------------------------ FUNCTIONALITY -------------------------------------- * The following CSS serves to make Etalage function properly. Don't edit or edit carefully. * ----------------------------------------------------------------------------------------- */ .etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint { display: none; } .etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description { margin: 0; padding: 0; border: 0; list-style: none; } .etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img { position: relative; } .etalage img, .etalage li { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .etalage, .etalage_small_thumbs li { float: left; } .etalage_right { float: right; } .etalage li { position: absolute; } .etalage img { vertical-align: bottom; max-width: none; } .etalage_magnifier { cursor: default; } .etalage_magnifier div, .etalage_small_thumbs { overflow: hidden; } .etalage_magnifier div img { display: none; } .etalage_icon, .etalage_hint { cursor: default; width: 0; height: 0; overflow: hidden; } .etalage_small_thumbs li.vertical { float: none; } .etalage_zoom_area { z-index: 996; } .etalage_zoom_area div { overflow: hidden; z-index: 997; } .etalage_zoom_preview { position: absolute; z-index: 998; } .etalage_zoom_img, .etalage_hint { z-index: 999; } .etalage { direction: ltr; float: none; } div.etalage_description { position: absolute; bottom: 0; left: 0; z-index: 999; } div.etalage_description.rtl { direction: rtl; text-align: right; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20AC"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270F"; } .glyphicon-glass:before { content: "\E001"; } .glyphicon-music:before { content: "\E002"; } .glyphicon-search:before { content: "\E003"; } .glyphicon-heart:before { content: "\E005"; } .glyphicon-star:before { content: "\E006"; } .glyphicon-star-empty:before { content: "\E007"; } .glyphicon-user:before { content: "\E008"; } .glyphicon-film:before { content: "\E009"; } .glyphicon-th-large:before { content: "\E010"; } .glyphicon-th:before { content: "\E011"; } .glyphicon-th-list:before { content: "\E012"; } .glyphicon-ok:before { content: "\E013"; } .glyphicon-remove:before { content: "\E014"; } .glyphicon-zoom-in:before { content: "\E015"; } .glyphicon-zoom-out:before { content: "\E016"; } .glyphicon-off:before { content: "\E017"; } .glyphicon-signal:before { content: "\E018"; } .glyphicon-cog:before { content: "\E019"; } .glyphicon-trash:before { content: "\E020"; } .glyphicon-home:before { content: "\E021"; } .glyphicon-file:before { content: "\E022"; } .glyphicon-time:before { content: "\E023"; } .glyphicon-road:before { content: "\E024"; } .glyphicon-download-alt:before { content: "\E025"; } .glyphicon-download:before { content: "\E026"; } .glyphicon-upload:before { content: "\E027"; } .glyphicon-inbox:before { content: "\E028"; } .glyphicon-play-circle:before { content: "\E029"; } .glyphicon-repeat:before { content: "\E030"; } .glyphicon-refresh:before { content: "\E031"; } .glyphicon-list-alt:before { content: "\E032"; } .glyphicon-lock:before { content: "\E033"; } .glyphicon-flag:before { content: "\E034"; } .glyphicon-headphones:before { content: "\E035"; } .glyphicon-volume-off:before { content: "\E036"; } .glyphicon-volume-down:before { content: "\E037"; } .glyphicon-volume-up:before { content: "\E038"; } .glyphicon-qrcode:before { content: "\E039"; } .glyphicon-barcode:before { content: "\E040"; } .glyphicon-tag:before { content: "\E041"; } .glyphicon-tags:before { content: "\E042"; } .glyphicon-book:before { content: "\E043"; } .glyphicon-bookmark:before { content: "\E044"; } .glyphicon-print:before { content: "\E045"; } .glyphicon-camera:before { content: "\E046"; } .glyphicon-font:before { content: "\E047"; } .glyphicon-bold:before { content: "\E048"; } .glyphicon-italic:before { content: "\E049"; } .glyphicon-text-height:before { content: "\E050"; } .glyphicon-text-width:before { content: "\E051"; } .glyphicon-align-left:before { content: "\E052"; } .glyphicon-align-center:before { content: "\E053"; } .glyphicon-align-right:before { content: "\E054"; } .glyphicon-align-justify:before { content: "\E055"; } .glyphicon-list:before { content: "\E056"; } .glyphicon-indent-left:before { content: "\E057"; } .glyphicon-indent-right:before { content: "\E058"; } .glyphicon-facetime-video:before { content: "\E059"; } .glyphicon-picture:before { content: "\E060"; } .glyphicon-map-marker:before { content: "\E062"; } .glyphicon-adjust:before { content: "\E063"; } .glyphicon-tint:before { content: "\E064"; } .glyphicon-edit:before { content: "\E065"; } .glyphicon-share:before { content: "\E066"; } .glyphicon-check:before { content: "\E067"; } .glyphicon-move:before { content: "\E068"; } .glyphicon-step-backward:before { content: "\E069"; } .glyphicon-fast-backward:before { content: "\E070"; } .glyphicon-backward:before { content: "\E071"; } .glyphicon-play:before { content: "\E072"; } .glyphicon-pause:before { content: "\E073"; } .glyphicon-stop:before { content: "\E074"; } .glyphicon-forward:before { content: "\E075"; } .glyphicon-fast-forward:before { content: "\E076"; } .glyphicon-step-forward:before { content: "\E077"; } .glyphicon-eject:before { content: "\E078"; } .glyphicon-chevron-left:before { content: "\E079"; } .glyphicon-chevron-right:before { content: "\E080"; } .glyphicon-plus-sign:before { content: "\E081"; } .glyphicon-minus-sign:before { content: "\E082"; } .glyphicon-remove-sign:before { content: "\E083"; } .glyphicon-ok-sign:before { content: "\E084"; } .glyphicon-question-sign:before { content: "\E085"; } .glyphicon-info-sign:before { content: "\E086"; } .glyphicon-screenshot:before { content: "\E087"; } .glyphicon-remove-circle:before { content: "\E088"; } .glyphicon-ok-circle:before { content: "\E089"; } .glyphicon-ban-circle:before { content: "\E090"; } .glyphicon-arrow-left:before { content: "\E091"; } .glyphicon-arrow-right:before { content: "\E092"; } .glyphicon-arrow-up:before { content: "\E093"; } .glyphicon-arrow-down:before { content: "\E094"; } .glyphicon-share-alt:before { content: "\E095"; } .glyphicon-resize-full:before { content: "\E096"; } .glyphicon-resize-small:before { content: "\E097"; } .glyphicon-exclamation-sign:before { content: "\E101"; } .glyphicon-gift:before { content: "\E102"; } .glyphicon-leaf:before { content: "\E103"; } .glyphicon-fire:before { content: "\E104"; } .glyphicon-eye-open:before { content: "\E105"; } .glyphicon-eye-close:before { content: "\E106"; } .glyphicon-warning-sign:before { content: "\E107"; } .glyphicon-plane:before { content: "\E108"; } .glyphicon-calendar:before { content: "\E109"; } .glyphicon-random:before { content: "\E110"; } .glyphicon-comment:before { content: "\E111"; } .glyphicon-magnet:before { content: "\E112"; } .glyphicon-chevron-up:before { content: "\E113"; } .glyphicon-chevron-down:before { content: "\E114"; } .glyphicon-retweet:before { content: "\E115"; } .glyphicon-shopping-cart:before { content: "\E116"; } .glyphicon-folder-close:before { content: "\E117"; } .glyphicon-folder-open:before { content: "\E118"; } .glyphicon-resize-vertical:before { content: "\E119"; } .glyphicon-resize-horizontal:before { content: "\E120"; } .glyphicon-hdd:before { content: "\E121"; } .glyphicon-bullhorn:before { content: "\E122"; } .glyphicon-bell:before { content: "\E123"; } .glyphicon-certificate:before { content: "\E124"; } .glyphicon-thumbs-up:before { content: "\E125"; } .glyphicon-thumbs-down:before { content: "\E126"; } .glyphicon-hand-right:before { content: "\E127"; } .glyphicon-hand-left:before { content: "\E128"; } .glyphicon-hand-up:before { content: "\E129"; } .glyphicon-hand-down:before { content: "\E130"; } .glyphicon-circle-arrow-right:before { content: "\E131"; } .glyphicon-circle-arrow-left:before { content: "\E132"; } .glyphicon-circle-arrow-up:before { content: "\E133"; } .glyphicon-circle-arrow-down:before { content: "\E134"; } .glyphicon-globe:before { content: "\E135"; } .glyphicon-wrench:before { content: "\E136"; } .glyphicon-tasks:before { content: "\E137"; } .glyphicon-filter:before { content: "\E138"; } .glyphicon-briefcase:before { content: "\E139"; } .glyphicon-fullscreen:before { content: "\E140"; } .glyphicon-dashboard:before { content: "\E141"; } .glyphicon-paperclip:before { content: "\E142"; } .glyphicon-heart-empty:before { content: "\E143"; } .glyphicon-link:before { content: "\E144"; } .glyphicon-phone:before { content: "\E145"; } .glyphicon-pushpin:before { content: "\E146"; } .glyphicon-usd:before { content: "\E148"; } .glyphicon-gbp:before { content: "\E149"; } .glyphicon-sort:before { content: "\E150"; } .glyphicon-sort-by-alphabet:before { content: "\E151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\E152"; } .glyphicon-sort-by-order:before { content: "\E153"; } .glyphicon-sort-by-order-alt:before { content: "\E154"; } .glyphicon-sort-by-attributes:before { content: "\E155"; } .glyphicon-sort-by-attributes-alt:before { content: "\E156"; } .glyphicon-unchecked:before { content: "\E157"; } .glyphicon-expand:before { content: "\E158"; } .glyphicon-collapse-down:before { content: "\E159"; } .glyphicon-collapse-up:before { content: "\E160"; } .glyphicon-log-in:before { content: "\E161"; } .glyphicon-flash:before { content: "\E162"; } .glyphicon-log-out:before { content: "\E163"; } .glyphicon-new-window:before { content: "\E164"; } .glyphicon-record:before { content: "\E165"; } .glyphicon-save:before { content: "\E166"; } .glyphicon-open:before { content: "\E167"; } .glyphicon-saved:before { content: "\E168"; } .glyphicon-import:before { content: "\E169"; } .glyphicon-export:before { content: "\E170"; } .glyphicon-send:before { content: "\E171"; } .glyphicon-floppy-disk:before { content: "\E172"; } .glyphicon-floppy-saved:before { content: "\E173"; } .glyphicon-floppy-remove:before { content: "\E174"; } .glyphicon-floppy-save:before { content: "\E175"; } .glyphicon-floppy-open:before { content: "\E176"; } .glyphicon-credit-card:before { content: "\E177"; } .glyphicon-transfer:before { content: "\E178"; } .glyphicon-cutlery:before { content: "\E179"; } .glyphicon-header:before { content: "\E180"; } .glyphicon-compressed:before { content: "\E181"; } .glyphicon-earphone:before { content: "\E182"; } .glyphicon-phone-alt:before { content: "\E183"; } .glyphicon-tower:before { content: "\E184"; } .glyphicon-stats:before { content: "\E185"; } .glyphicon-sd-video:before { content: "\E186"; } .glyphicon-hd-video:before { content: "\E187"; } .glyphicon-subtitles:before { content: "\E188"; } .glyphicon-sound-stereo:before { content: "\E189"; } .glyphicon-sound-dolby:before { content: "\E190"; } .glyphicon-sound-5-1:before { content: "\E191"; } .glyphicon-sound-6-1:before { content: "\E192"; } .glyphicon-sound-7-1:before { content: "\E193"; } .glyphicon-copyright-mark:before { content: "\E194"; } .glyphicon-registration-mark:before { content: "\E195"; } .glyphicon-cloud-download:before { content: "\E197"; } .glyphicon-cloud-upload:before { content: "\E198"; } .glyphicon-tree-conifer:before { content: "\E199"; } .glyphicon-tree-deciduous:before { content: "\E200"; } /*! * Bootstrap v3.3.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b87043efc73f343541f0) * Config saved to config.json and https://gist.github.com/b87043efc73f343541f0 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panel.mm-noanimation { -webkit-transition: none !important; transition: none !important; } .mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; } .mm-next:after, .mm-prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn:first-child { left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 0px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; } .mm-menu.mm-offcanvas.mm-opened { display: block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; } .mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after { content: none; } .mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after { left: 0 !important; } .mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after { right: 20px; } .mm-menu.mm-fx-menu-zoom { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } html.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-fx-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-fx-menu-fade { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } html.mm-opening .mm-menu.mm-fx-menu-fade { opacity: 1; } .mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel { -webkit-transition-property: none; transition-property: none; } .mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li { -webkit-transition: none .4s ease; transition: none .4s ease; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) { -webkit-transition-delay: .6s; transition-delay: .6s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) { -webkit-transition-delay: .7s; transition-delay: .7s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms; } .mm-menu.mm-fx-listitems-slide .mm-listview > li { -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-fx-listitems-fade .mm-listview > li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0; } html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-fx-listitems-drop .mm-listview > li { -webkit-transition-property: opacity,top; transition-property: opacity,top; opacity: 0; top: -25%; } html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media all and (max-width: 140px) { html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before { content: none; display: none; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 40px; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span { box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span { padding: 7px 10px 7px 20px; } .mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next { height: 34px; } .mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span { padding: 15px 10px 15px 20px; } .mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next { height: 50px; } .mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span { padding: 20px 10px 20px 20px; } .mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next { height: 60px; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } html.mm-iconbar body { overflow-x: hidden; } html.mm-iconbar .mm-page { background: inherit; min-height: 100vh; } html.mm-iconbar .mm-slideout { box-sizing: border-box; padding-right: 60px; -webkit-transform: translate(60px, 0); -ms-transform: translate(60px, 0); transform: translate(60px, 0); -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } .mm-menu.mm-iconbar { display: block; } .mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span { text-overflow: clip; white-space: normal; } .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker { opacity: 0; } html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s; } .mm-menu.mm-opened.mm-pagedim ~ #mm-blocker { background: inherit; } .mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker { background: #fff; } .mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker { background: #000; } .mm-menu.mm-popup { -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mm-menu.mm-popup.mm-opened ~ .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu.mm-popup.mm-opened ~ #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-opening .mm-menu.mm-popup { opacity: 1; } .mm-menu.mm-offcanvas.mm-right { left: auto; } html.mm-right.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-front #mm-blocker { z-index: 1; } html.mm-front .mm-menu.mm-offcanvas { z-index: 2; } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-offcanvas.mm-bottom { top: auto; } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 80%; min-height: 140px; max-height: 880px; } .mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); } .mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none; } .mm-menu.mm-shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-shadow-page.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-shadow-page.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-shadow-page.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) { box-shadow: false; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ''; display: block; clear: both; } .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next { width: auto; } .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; } html.mm-widescreen body { position: relative; } html.mm-widescreen #mm-blocker { display: none !important; } html.mm-widescreen .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 70% !important; margin-left: 30% !important; } html.mm-widescreen .mm-page { background: inherit; box-sizing: border-box; } html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body { overflow: auto; } .mm-menu.mm-widescreen { border-right-width: 1px; border-right-style: solid; display: block !important; width: 30% !important; min-width: 0 !important; max-width: none !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; z-index: 100 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-menu.mm-widescreen.mm-pageshadow:after { content: none; display: none; } .mm-menu.mm-autoheight { -webkit-transition: none .4s ease; transition: none .4s ease; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .mm-menu.mm-autoheight:not(.mm-offcanvas) { position: relative; } .mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) { display: block !important; } .mm-menu.mm-measureheight .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; } .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span { padding-right: 90px; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-columns { -webkit-transition-property: width; transition-property: width; } .mm-columns .mm-panels > .mm-panel { right: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; transition-property: width,transform; transition-property: width,transform,-webkit-transform; } .mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block !important; } .mm-columns .mm-panels > .mm-columns-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-columns-0 .mm-panels > .mm-panel { z-index: 0; } .mm-columns-0 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0; } html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 0px) { html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 0px) { html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-columns .mm-panels > .mm-columns-1 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-columns-1 .mm-panels > .mm-panel { z-index: 1; width: 100%; } .mm-columns-1 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-2 { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-columns-2 .mm-panels > .mm-panel { z-index: 2; width: 50%; } .mm-columns-2 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px; } html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(880px, 0); -ms-transform: translate(880px, 0); transform: translate(880px, 0); -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout { -webkit-transform: translate(-880px, 0); -ms-transform: translate(-880px, 0); transform: translate(-880px, 0); -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-3 { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-columns-3 .mm-panels > .mm-panel { z-index: 3; width: 33.34%; } .mm-columns-3 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px; } html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(1320px, 0); -ms-transform: translate(1320px, 0); transform: translate(1320px, 0); -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout { -webkit-transform: translate(-1320px, 0); -ms-transform: translate(-1320px, 0); transform: translate(-1320px, 0); -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-4 { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-columns-4 .mm-panels > .mm-panel { z-index: 4; width: 25%; } .mm-columns-4 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px; } html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(1760px, 0); -ms-transform: translate(1760px, 0); transform: translate(1760px, 0); -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout { -webkit-transform: translate(-1760px, 0); -ms-transform: translate(-1760px, 0); transform: translate(-1760px, 0); -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0); } } .mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top { width: 100%; max-width: 100%; min-width: 100%; } html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next { -webkit-transition-property: width,min-width,max-width,-webkit-transform; transition-property: width,min-width,max-width,-webkit-transform; transition-property: width,min-width,max-width,transform; transition-property: width,min-width,max-width,transform,-webkit-transform; } .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s; } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; } html.mm-dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-dropdown .mm-menu { z-index: 2; } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none; } .mm-menu.mm-tip:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-tipleft:before { left: 22px; } .mm-menu.mm-tipright:before { right: 22px; } .mm-menu.mm-tiptop:before { top: -8px; } .mm-menu.mm-tipbottom:before { bottom: -8px; } .mm-iconpanel .mm-panels > .mm-panel { -webkit-transition-property: left,-webkit-transform; transition-property: left,-webkit-transform; transition-property: transform,left; transition-property: transform,left,-webkit-transform; } .mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block !important; } .mm-iconpanel .mm-panels > .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; max-height: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .mm-subopened .mm-subblocker { opacity: .6; bottom: -100000px; } .mm-keyboardfocus a:focus { outline: 0; } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, 0.5); } .mm-navbars-bottom, .mm-navbars-top { background: inherit; border-color: inherit; border-width: 0; overflow: hidden; position: absolute; left: 0; right: 0; z-index: 3; } .mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar { border: none; padding: 0; position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbars-top { border-bottom-style: solid; border-bottom-width: 1px; top: 0; } .mm-navbars-bottom { border-top-style: solid; border-top-width: 1px; bottom: 0; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-navbar[class*=mm-navbar-content-] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-hasnavbar-top-1 .mm-panels { top: 40px; } .mm-hasnavbar-top-2 .mm-panels { top: 80px; } .mm-hasnavbar-top-3 .mm-panels { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } .mm-menu.mm-rtl { direction: rtl; } .mm-menu.mm-rtl.mm-offcanvas { right: auto; } .mm-menu.mm-rtl .mm-panel:not(.mm-opened) { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-rtl .mm-panel.mm-subopened { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0; } .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0; } .mm-menu.mm-rtl .mm-navbar .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-navbar .mm-prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after { left: 0; right: 20px; } .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) { padding-left: 10px; padding-right: 20px !important; margin-right: 0 !important; } .mm-menu.mm-rtl .mm-listview .mm-next { right: auto; left: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:before { left: auto; right: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span { margin-left: 50px; } .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter { left: 45px; right: auto; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span { padding-left: 90px; } .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle { left: 20px; right: auto !important; } .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span { padding-left: 80px; } .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span { padding-left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle { left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { margin-left: 50px; } .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { padding-left: 70px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle { left: 100px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] { left: 0; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-rtl.mm-iconpanel .mm-panel { -webkit-transition-property: right,-webkit-transform; transition-property: right,-webkit-transform; transition-property: transform,right; transition-property: transform,right,-webkit-transform; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 { right: 0; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 { right: 40px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 { right: 80px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 { right: 120px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 { right: 160px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 { right: 200px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 { right: 240px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened { border-left: none; border-right: 1px solid; border-color: inherit; } .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; position: relative; } .mm-search input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: 14px; line-height: 26px; display: block; box-sizing: border-box; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-search .mm-clear, .mm-search .mm-next { right: 0; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar > .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 15; -webkit-transition: right .4s ease; transition: right .4s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) { -webkit-transition: background .4s ease; transition: background .4s ease; } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.5); } input.mm-check, input.mm-toggle { position: absolute; left: -10000px; } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-check:before, label.mm-toggle:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-check, label.mm-toggle { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-check, a.mm-next + label.mm-toggle { right: 60px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle { right: 100px; } em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.75); }