/*-- Theme Name: MD Diagnostics - CO Breath Test Monitors Theme URI: https://www.mdd.org.uk Description: A theme for Wordpress Author: YoNet Web Design & SEO Author URL: https://www.yonet.co.uk Version: 1.0 --*/ body,html { font-family: 'PT Sans', sans-serif !important; scroll-behavior: smooth; } .pvc_stats { display: none; } p.restricted_country { background: #eb068c; border-radius: 50px; box-shadow: 2px 3px 0px #9e0b61; color: #fff !important; text-decoration: none !important; padding: 13px 26px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px !important; font-weight: 600; font-style: normal; text-transform: uppercase; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; } .space1 { width:100%; min-height: 40px; } .woocommerce-product-details__short-description p, .post-content p { margin-top:0 !important; margin-bottom: 20px !important; } .woocommerce div.product .flex-viewport { box-shadow: 0 0 10px #666; } .woocommerce div.product div.images .flex-control-thumbs { margin-top:20px !important; } .woocommerce div.product div.images .flex-control-thumbs li { box-shadow: 0 0 5px #666; padding:10px; margin:5px !important; display:table; } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { margin-left: 20% !important; } .woocommerce div.product div.images .flex-control-thumbs li { max-width: 100px; height:auto; } a.yith-wcqv-button { width: 100%; background:#3d9de6 !important; color:#fff !important; padding: 10px 40px !important; } a.yith-wcqv-button:hover { color:#95caf3 !important; background:#2781c5 !important; } .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: #3d9de6 !important; } a.yith-wcqv-button::before { content:"" !important; background: url('https://www.mdd.org.uk/wp-content/themes/md-diagnostics/images/magnifying1.svg') !important; background-repeat: no-repeat !important; color:red !important; display: block; } .woocommerce ul.products li.product .button { background: #FFD814; color: #0F1111; text-align: left !important; font-size: 14px; line-height: 20px !important; float: left; text-align: center !important; text-transform: uppercase; min-width: 65% !important; padding: 8px 8px !important; } button.wp-element-button { background: #FFD814 !important; color: #0F1111 !important; text-align: left !important; font-size: 14px; line-height: 20px !important; float: left; padding: 7px 20px !important; text-transform: uppercase; letter-spacing: 1px; margin-left: 5px !important; } #coupon_code { min-width:130px; } .woocommerce ul.products li.product .button:hover { background: #d9be31; color: #fff; } .woocommerce ul.products li.product .button:hover::before { filter: invert(96%) sepia(3%) saturate(11%) hue-rotate(86deg) brightness(102%) contrast(108%); } /*.woocommerce ul.products li.product .button::before { content:""; background: url('https://www.mdd.org.uk/wp-content/themes/md-diagnostics/images/cart-buy-now.svg'); width:20px; height:13px; display: block; position: absolute; top: 15px; right: 8px; }*/ .woocommerce table.shop_table .woocommerce-Price-amount:before { content:'' !important; } .woocommerce-billing-fields{ background: #fbfbfb; padding: 0 15px; } .woocommerce table.shop_table thead { background:#3d9de6; color:#fff; } .woocommerce table.shop_table { font-size: 17px !important; background:#f7f7f7; font-family: 'PT Sans',sans-serif !important; padding:20px; background:#fbfbfb; } .create-account { background:#f7f7f7; padding: 20px 20px !important; text-align: center; } .create-account span{ padding-left:20px !important; color:#333 !important; } .woocommerce table.shop_table .cart-subtotal { background:#f1f1f1 !important; border-top:1px solid blue !important; } .woocommerce table.shop_table .order-total { background:#ddd; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 8px 10px !important; background:#fff !important; } .prod-co ul li { max-width: 23%; float:left; } .calendly-badge-widget { right:100px !important; } .wpcf7 form .wpcf7-response-output { background: #3d9de6; padding: 8px 20px !important; color: #fff; text-align: center; border:none !important; } .prod-co .woocommerce-loop-product__title { min-height: 82px !important; margin-bottom: 10px !important; margin-top:20px; font-size:17px !important; } .prod-co button { float:right !important; } .prod-co a:hover { text-decoration: none; } .prod-co li { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; } .prod-co li:hover { opacity: 0.8; transform: translateY(5px); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .prod-co a h2:hover { color:#00a6ff !important; } .prod-co .yith-wcqv-button { margin-top:20px; } .prod-co .quantity .qty { max-width: 50px; padding-top: 0 !important; margin-top:0 !important; } .prod-co ul { list-style: none; padding-left: 0 !important; margin-left: 0 !important; overflow: hidden; } .prod-co { width:100%; overflow: hidden; } .prod-co span.price { width:100% !important; font-size: 19px !important; margin-bottom: 15px; display: block; } .prod-co input.qty { padding-left: 10px; } .prod-co .cart { margin-top:10px; } .prod-co .button { color:#fff; border:none; padding: 7px 20px; } .prod1-1 { background:#f7f7f7; overflow: hidden; } #post-2613 img { max-width: 100%; height: auto; } .prod1-2, .prod1-1 { overflow: hidden; padding: 7% 5%; margin-bottom:20px; } input[type=checkbox], input[type=radio] { margin-right:8px !important; } a.button_continue { background:#3d9de6 !important; min-width: 250px; border-radius: 25px; text-align: center !important; color: #fff !important; padding: 8px 20px !important; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background:#eb068c !important; min-width: 250px; font-size: 21px; border-radius: 25px; float:left !important; text-align: center !important; color: #fff !important; padding: 14px 10px !important; } .woocommerce-page #payment #place_order:hover { background:#AA0164 !important; } .woocommerce-checkout-payment { padding:30px 20px !important; background:#f7f7f7 !important; box-shadow: 0 0 5px #ccc; } .woocommerce-checkout.woocommerce-page .woocommerce form .form-row .input-checkbox { margin-top:11px !important; background-color: white; border: 2px solid red; } .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text { color:#eb068c !important; margin-left:25px; } .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text a { text-decoration: underline; color:#000; } img.tel1, .contact-desktop img.tel1 { max-width: 13px !important; height:auto; margin-top:-4px; margin-right:10px; color:#007cbe !important; } img.email { max-width: 20px !important; height:auto; margin-top:-4px; margin-right:10px; margin-left:20px; } .contact-desktop a{ color:#007cbe; margin-top: 3px; font-weight: bold; font-size: 17px; } .contact-desktop { text-align: right; margin-right:10px; padding-top: 30px; } .q-form { position: absolute; bottom:0; width:100%; } .single-a1 { position:relative; padding-top: 5%; } .img-search img { max-width: 80%; height:auto; } .img-search { padding-left: 0 !important; padding-right: 0 !important; } .default-search h2 a{ color:#3d9de6 !important; } .woocommerce-checkout .checkout .col-2 .notes { background:#f5f5f5; padding:4%; text-align: center; border-bottom:5px solid #00a6ff; border-top:5px solid #00a6ff; color: #00a6ff; } .searchform input { padding: 5px 5px 5px 10px !important; } .search-bar { width: 300px; display: inline-block; margin-right: auto; } .searchform-submit { border-radius: 50px; padding: 9px 10px; color: #fff; background-color: #00a6ff; border: none; font-family: inherit; font-size: 15px; margin-right:20px; } .searchform input { padding: 0.55em 0.7em; font-size: 18px; border:1px solid #ccc; box-shadow: 0 0 5px #ccc; border-radius: 5px; margin-right:5px; } .searchform { margin-bottom: 30px; } .d-search-row { border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; } .default-search { margin-top:40px; margin-bottom:40px; } .st0 { color:#337ab7; max-width: 10px !important; } .menu-item-6203 a:after, .menu-item-6199 a:after, .menu-item-6198 a:after { background: none !important; color:#333 !important; } /*li.menu-item-6203 a, li.menu-item-6199 a, li.menu-item-6198 a { font-size: 14px !important; color:#333 !important; padding-top: 20px !important; } li.menu-item-6203 a:hover, li.menu-item-6199 a:hover, li.menu-item-6198 a:hover { color:#40c8f4 !important; }*/ .log-in-top img { max-width: 17px; } .log-in-top { text-align: right; margin-right:3px; margin-top:20px; } .log-in-top a { color:#333; font-weight: bold; } .log-in-top a:hover { text-decoration: none; } .page-id-6086 .hero-image { min-height: 150px; } #video-container, #playpausebtn, #fullscreenbtn, #mutebtn, #curtimetext, #durtimetext, #seekslider, #volumeslider { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #video-container { position: relative; } div#video_controls_bar { position: absolute; background: #61676D; bottom: 0; left: 0; right: 0; margin: 0 auto 5% auto; width: 60%; height: 35px; padding-top: 10px; padding-bottom: 10px; padding-right: 5%; padding-left: 5%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } #video-container:hover #video_controls_bar { opacity: 1; } button#playpausebtn { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSI5MSA5MSAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA5MSA5MSAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBvcGFjaXR5PSIwLjk1IiBmaWxsPSIjRkZGRkZGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTkzLjI1OCw5MS4yMzlsMTQuNjkyLDcuNjgxYzEuMTQxLDAuNTk2LDEuMTQxLDEuNTYzLDAsMi4xNTkNCgkJbC0xNC42OTIsNy42ODNjLTEuMTQsMC41OTctMi4wNjQsMC4wMzctMi4wNjQtMS4yNDhWOTIuNDg3QzkxLjE5NCw5MS4yMDIsOTIuMTE4LDkwLjY0Myw5My4yNTgsOTEuMjM5eiIvPg0KPC9nPg0KPC9zdmc+DQo=); background-size: 100% 100%; background-repeat: no-repeat; width: 7%; height: 30px; cursor: pointer; border: 0; background-color: red; } button#playpausebtn:hover { cursor: pointer; } button#fullscreenbtn { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIG9wYWNpdHk9IjAuOTUiPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy41LDEyLjU1MWMwLDAuMzg1LTAuMzE0LDAuNjk5LTAuNjk5LDAuNjk5aC0xLjM5MmMtMC4zODUsMC0wLjQ3NywwLjIyMy0wLjIwNCwwLjQ5M2wxLjgxMSwxLjgwNA0KCQljMC4yNzIsMC4yNzEsMC4yNzIsMC43MTcsMC4wMDIsMC45ODlsLTAuNTA3LDAuNTFjLTAuMjcxLDAuMjczLTAuNzE0LDAuMjczLTAuOTg1LDBsLTEuNzgzLTEuNzk3DQoJCWMtMC4yNzEtMC4yNzMtMC40OTItMC4xODMtMC40OTIsMC4yMDJ2MS4zNWMwLDAuMzg1LTAuMzE0LDAuNjk5LTAuNjk5LDAuNjk5aC0wLjcyNmMtMC4zODYsMC0wLjctMC4zMTQtMC43LTAuNjk5di00Ljk3Ng0KCQljMC0wLjM4NiwwLjMxNC0wLjcsMC43LTAuN2g0Ljk3NmMwLjM4NSwwLDAuNjk5LDAuMzE0LDAuNjk5LDAuN1YxMi41NTF6IE0wLjUsMTIuNTUxYzAsMC4zODUsMC4zMTQsMC42OTksMC42OTksMC42OTloMS4zNQ0KCQljMC4zODUsMCwwLjQ3NiwwLjIyMywwLjIwNSwwLjQ5NGwtMS44MDEsMS44MDNjLTAuMjcyLDAuMjcxLTAuMjcyLDAuNzE3LDAsMC45ODhsMC41MTQsMC41MTRjMC4yNzEsMC4yNzIsMC43MTcsMC4yNzIsMC45ODgsMA0KCQlsMS44MDEtMS44MDFjMC4yNzItMC4yNzIsMC40OTUtMC4xOCwwLjQ5NSwwLjIwNXYxLjM0OGMwLDAuMzg1LDAuMzE0LDAuNjk5LDAuNjk5LDAuNjk5aDAuNzI2YzAuMzg1LDAsMC43LTAuMzE0LDAuNy0wLjY5OXYtNC45NzYNCgkJYzAtMC4zODYtMC4zMTQtMC43LTAuNy0wLjdIMS4xOTljLTAuMzg1LDAtMC42OTksMC4zMTQtMC42OTksMC43VjEyLjU1MXogTTE3LjUsNS40NDljMC0wLjM4NS0wLjMxNC0wLjY5OS0wLjY5OS0wLjY5OWgtMS4zOTINCgkJYy0wLjM4NSwwLTAuNDc2LTAuMjIyLTAuMjAyLTAuNDkybDEuODA2LTEuNzg0YzAuMjczLTAuMjcxLDAuMjc0LTAuNzE0LDAuMDAxLTAuOTg0bC0wLjUtMC40OTcNCgkJYy0wLjI3Mi0wLjI3MS0wLjcxNy0wLjI2OS0wLjk4OCwwLjAwNGwtMS43ODMsMS43OTdDMTMuNDcyLDMuMDY3LDEzLjI1LDIuOTc2LDEzLjI1LDIuNTlWMS4xOTljMC0wLjM4NS0wLjMxNC0wLjY5OS0wLjY5OS0wLjY5OQ0KCQloLTAuNzI2Yy0wLjM4NiwwLTAuNywwLjMxNC0wLjcsMC42OTl2NC45NzZjMCwwLjM4NSwwLjMxNCwwLjcsMC43LDAuN2g0Ljk3NmMwLjM4NSwwLDAuNjk5LTAuMzE0LDAuNjk5LTAuN1Y1LjQ0OXogTTAuNSw2LjE3NQ0KCQljMCwwLjM4NSwwLjMxNCwwLjcsMC42OTksMC43aDQuOTc2YzAuMzg1LDAsMC43LTAuMzE0LDAuNy0wLjdWMS4xOTljMC0wLjM4NS0wLjMxNC0wLjY5OS0wLjctMC42OTlINS40NDkNCgkJQzUuMDY0LDAuNSw0Ljc1LDAuODE0LDQuNzUsMS4xOTlWMi41OWMwLDAuMzg1LTAuMjIyLDAuNDc4LTAuNDk1LDAuMjA1bC0xLjgwMS0xLjhDMi4xODMsMC43MjIsMS43MzYsMC43MjEsMS40NjIsMC45OTENCgkJbC0wLjUwNywwLjVjLTAuMjczLDAuMjctMC4yNzQsMC43MTMtMC4wMDEsMC45ODNsMS43OTgsMS43ODRDMy4wMjQsNC41MjgsMi45MzQsNC43NSwyLjU0OSw0Ljc1aC0xLjM1DQoJCUMwLjgxNCw0Ljc1LDAuNSw1LjA2NCwwLjUsNS40NDlWNi4xNzV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==); background-size: 100% 100%; background-repeat: no-repeat; width: 7%; height: 40px; cursor: pointer; border: 0; background-color: blue; } button#mutebtn { width: 10%; background-color: green; } #curtimetext, #durtimetext { width: 5%; display: inline-block; vertical-align: middle; } input#seekslider { width: 35%; height: 20px; background-color: yellow; } input#volumeslider { width: 10%; background-color: red; } input[type='range'] { -webkit-appearance: none !important; background: #384047; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important; background: #6CBB7C; height: 20px; width: 20px; border-radius: 100%; cursor: pointer; } input[type="range"]::-webkit-slider-thumb:hover { -webkit-animation: pulse 1s infinite; } @-webkit-keyframes pulse { from { -webkit-box-shadow: 0 0 2px transparent; } 50% { -webkit-box-shadow: 0 0 10px #e74c3c; } to { -webkit-box-shadow: 0 0 2px transparent; } } @media screen and (max-width: 500px) { #curtimetext, #durtimetext { display: none; } #post-2 img.new-img { max-width: 100px !important; } } .page-id-6086 .hero-image h1 { padding-top:30px; font-size: 44px; } #customer_login .col-1, #customer_login .col-2 { width: 43%; float: left !important; border-style: solid; border-width: 2px; border-color: #3d9de6; border-radius: 5px; padding: 10px; margin: 5px; box-shadow: 0 0 25px #ccc; margin-left:20px; margin-right: 20px; margin-bottom: 70px; } .woocommerce-form-login__submit, .woocommerce-form-register__submit{ background: #3d9de6 !important; border-radius: 5px; border:none; padding: 7px 40px; color:#fff; } a.covid-1 { background-color: #3d9de6; color:#fff; padding: 8px 20px; margin-left:10px; border-radius: 50px; } .vid1 { margin-top:-30px; } @media screen and (max-width: 768px) { .prod-co ul li { max-width: 44%; float:left; } .q-form { position: relative; bottom:0; width:100%; } .single-a1 { position:relative; } .post-content { overflow: hidden; } .l-footer li a:before, .l-footer li a:before, .l-footer li a:before { content: none; color:#fff !important } .l-footer li { width: 49%; } .l-footer li a{ font-size: 14px !important; } .default .post { margin-bottom: 20px !important; } .woocommerce .col-1, form.register input, .woocommerce .col-2, form.login input { width: 100% !important; float: none !important; } .log-in-top a{ margin-top:-30px !important; } .page-id-6086 iframe { width:100%; height:320px !important; } } .postid-6066 h1 { font-size: 32px !important; } @media screen and (max-width: 800px) { .table-products table { table-layout: auto !important; } .wow{ animation-name: none !important; visibility: visible !important; } .banner-top-flash a { font-size: 21px !important; text-decoration: none; } } @font-face { /*font-family:"proxima-nova"; src:url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");*/ font-display:auto;font-style:normal;font-weight:300; } .banner-top-flash { text-align: center; width: 100%; -webkit-animation: blinking 2s infinite; /* Safari 4+ */ -moz-animation: blinking 2s infinite; /* Fx 5+ */ -o-animation: blinking 2s infinite; /* Opera 12+ */ animation: blinking 2s infinite; /* IE 10+, Fx 29+ */ }.banner-top-flash a:hover { color: #fff; } .banner-top-flash a { color: #fff; text-decoration: underline; } .banner-top-flash h1 { padding-top: 10px; font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 15px; } @-webkit-keyframes blinking { 0% { background-color: #00a6ff;} 25% { background-color: #1056c0;} 50% { background-color: #00a6ff;} 75% { background-color: #23527c;} 100% { background-color: #23527c;} } .list-slogans-2020 { margin-top:40px; display: none; } .list-slogans-2020 ul { padding-left: 0; margin-left: 15px; } .list-slogans-2020 ul li { list-style: none; color:#96e62b; font-weight: 700; font-size: 21px; } .list-slogans-2020 li:before { padding-left: 0px; content: "✓"; color:#96e62b; } .woocommerce-info a { color: #f7f7f7 !important; font-weight: bold !important; } p.rest { background: #0082c8 !important; color: #fff; display: inline-block; font-size: 20px !important; border-radius: 5px; font-size: 14px; line-height: 20px !important; padding: 10px 20px; } .prod-cat-mdd { } span.posted_in { width: 100%; display: block; font-size: 20px !important; } span.sku_wrapper .sku { font-weight: bold; color: #0082c8; } span.sku_wrapper { margin-bottom: 10px; width: 100%; display: block; font-size: 20px !important; } .prod-cat-mdd h1 { font-size: 27px !important; } .woocommerce-info:before { content:'' !important; } .woocommerce-info { background: #eb068c !important; color: #fff !important; border-top-color: #a30562 !important; outline: 1px dashed #fff; outline-offset: -10px; font-size: 15px !important; text-align: center; margin-bottom: 5px !important; } html ,body { font-style: normal; } .single-post .woocommerce .quantity .qty { float:left; margin-left: 0 !important; margin-right: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { box-shadow: 0px 0px 5px #ccc; } .hero-image2 h1 { padding-top: 10%; color: #fff !important; font-weight: bolder; font-size: 8vh !important; text-shadow: 1px 1px 1px #666; margin-bottom: 30px; margin-top:30px; text-align: left; } .hero-image2 h3 { color: #fff !important; text-shadow: 1px 1px 1px #666; margin-bottom: 30px; margin-top:30px; letter-spacing: 1px; line-height: 34px; text-align: left; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { background:#0082c8 !important; } ul.products .woocommerce .quantity .qty { width: 10px !important; } ul.products .woocommerce .quantity .qty { font-size: 4em !important; } .archive .quantity { display: inline-block;font-size: 4em !important; } .woocommerce ul.order_details li { padding-left: 10px !important; font-size: 12px !important; } .woocommerce ul.order_details li strong { padding-top: 15px; font-size: 16px !important; color: #3d9de6 !important; } .woocommerce ul.order_details { padding-left:0 !important; border:1px dashed #d3ced2; padding-top: 15px !important; padding-bottom: 10px !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 15px 10px !important; } .woocommerce-order h1, woocommerce-order h2 { } .woocommerce-order p, .woocommerce-order a, .woocommerce .woocommerce-customer-details address{ font-size: 16px; } .woocommerce-order { } .wave-single h1 { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; padding-top: 20px; font-family: futura-pt, sans-serif !important; color: #fff !important; font-weight: bold; text-shadow: 1px 1px 1px #333; font-size: 42px; letter-spacing: 0.016129032258064516em; text-align: center; } .wave-single h2:first-letter {text-transform: uppercase} .wave-single h2 { margin-top:0px !important; padding-bottom: 20px !important; text-transform:lowercase; color: #fff !important; font-weight: normal; text-shadow: 1px 1px 1px #333; font-size: 20px; line-height: normal !important; text-align: center; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .top-banner-home.wave-single { min-height: 450px !important; } .wave-single .list-slogans { margin-top:20px; } .wave-single .list-slogans li { color: #ccc !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin:10px !important; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.stock{ color:#00a6ff !important; font-size:17px !important; } #breadcrumbs span a { color:#00a6ff !important; } .post-8 a { color: #fff !important; } #error404 { margin-bottom: 40px; } button, input, select, textarea { } .img-top-1 { position: relative; display: table; } .img-top-1 img { width: 100%; max-height: 300px; } .overlay { z-index: 99; width: 70%; margin-left: 16%; vertical-align: middle; position: absolute; top: 26%; /* Obvious problem, cause it's arbitrary */ } .overlay h2 { text-align: center; color: red; font-size: 165%; font-weight: lighter; line-height: 2; } .padd-left .overlay2{ left:14px; } .img-top-12 { position: relative; display: table; } .img-top-12 img { width: 100%; max-height: 300px; } .overlay2 { z-index: 99; width: 70%; margin-left: 5%; vertical-align: middle; position: absolute; top: 26%; /* Obvious problem, cause it's arbitrary */ } .overlay2 h2 { text-align: center; color: #fff; font-size: 20px; font-weight: lighter; line-height: normal; } img.baby-plus { max-width: 90% !important; height: auto; } h1.cat-a { padding-top: 0 !important; text-align: center; } .img-top-1 h2 { text-decoration: none; color: #fff; font-size: 18px; } .prod-front-page2 img { width: 100%; height: auto; } .prod-front-page3 { margin-bottom: 0; background-repeat: no-repeat !important; background: #f5f5f5; background-size: 102%; padding-top: 20px; padding-bottom: 20px; box-shadow: 0 0 15px #ccc; } .prod-front-page3 img { width: 100%; height: auto; -webkit-filter: drop-shadow(0 0 0px 15px #000); filter: drop-shadow(0 0 0px 15px #000); } .img-top-1 h2:hover { text-decoration: none; } .top-banner-home h2 { color: #40c8f4; text-align: center; margin-top:60px; margin-bottom: 0 !important; padding-bottom: 0 !important; } .prod-front-page img { max-width: 100% !important; width: 100% !important; height: auto; } .single-post h1 { color: #00a6ff; margin-bottom: 30px; margin-top:30px; } .c-space { margin-bottom: 20px; } .aa img { max-width: 100% !important; width: 100% !important; height: auto; } .woocommerce ul.products li.product .price { color:#00a6ff !important; font-size: 24px; } @media all and (min-width: 960px) and (max-width:1240px) { .hero-image { min-height: auto !important; } .hero-image h1 { font-size: 35px !important; padding-top:4% !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; min-height: 470px !important; width:30% !important; } .woocommerce ul.products li.product .price { font-size: 0.5em !important; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none !important; } } .prod-front-page3 { display: none; } .postid-36 iframe { margin-left:15px; } @media all and (min-width: 150px) and (max-width:768px) { .prod-front-page3 { display: block; } p.video-dsktop-rp { display: none; } .postid-36 .mobile-single-prod iframe { margin-bottom:20px !important; margin-left:0 !important; } .postid-36 .post-content img { width: 100% !important; height:auto; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; } .top-banner-home { display: none; } } @media all and (min-width: 501px) and (max-width:960px) { .prod-front-page3 { display: none; } .prod-front-page3 img { width:100px !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 44% !important; float: left !important; min-height: 480px !important; } } .meta a { color: #40c8f4; margin-bottom: 30px; margin-top:30px; } .post-content4 img { /*width: 100% !important;*/ height: auto; } /*.wp-caption { width: 100% !important; }*/ .gallery-item img { max-width: 100%; height: auto; border:none !important; padding: 10px; } .top-banner-home img { width: 100%; max-width: 100%; height:auto; padding-top: 40px; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .txt-blue h1{ color: #40c8f4; text-align: center; margin-bottom: 30px; } .zoomh img { transition: transform .5s ease; } .zoomh:hover img { transform: scale(1.1); } .hey h2 { color: #40c8f4; text-align: center; margin-bottom: 30px; } .hey h1 { color:#fff !important; text-align: center; margin-top:20px; margin-bottom:0px; padding-bottom: 0; } .hey2 h1 { color: #fff; text-align: center; margin-top:20px; } .prod-front-page { margin-bottom: 0px; background-repeat: no-repeat !important; background: url('images/m1-01.png'); background-position: top center; background-size: 100%; background-position-y: -30px; min-height: 100px; padding-top: 20px; color: #fff; } .top-banner-home { margin-bottom: 0px; background-repeat: no-repeat !important; /* background: url('images/bg-mdd-02.png'); background: url('images/bg1-01.svg');*/ background: url('images/bg1-01-01.png'); background-position: top center; background-size:cover; min-height: 350px; color: #fff; } .cat1 { padding-top: 40px; padding-bottom: 40px; } .cat-s img{ width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; } .WebProduct-Title, .WebProduct-SubTitle { font-weight: bold !important; } .consumables-links { color: #3d9de6; font-size: 22px; text-align: center; padding-bottom: 30px; } .consumables-links a { background:#eb068c;border-radius:50px; box-shadow:2px 3px 0px #9e0b61; color:#fff !important; text-decoration: none !important; padding: 13px 26px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px !important; font-weight: 600; font-style: normal; text-transform: uppercase; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; margin-left:20px; margin-right:20px; margin-bottom: 20px; display: inline-block; } .consumables-links a:hover { background:#1173cd !important; box-shadow: 3px 3px 0px #000 !important; transform: translateY(5px); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .brouchere-download { text-align: center; } .blue-bg { overflow: hidden; margin-bottom: 30px; padding-top: 50px; padding-bottom: 50px; background-repeat: no-repeat !important; background: #40bef4 url('images/bg-co-check-pro.jpg'); background-position: center center; background-size: 100%; background-attachment: fixed; color: #fff; } div.spec-footer { margin-top:80px; margin-bottom: 40px; } div.spec-footer h2 { color: #104351 !important; display: inline-block } .spec-right { padding-top: 70px; } .newsletter { background: #329cc6; margin-top: 80px; margin-bottom: 80px; color: #fff; padding-top: 40px; padding-bottom: 40px; } .mc4wp-form-fields input[type=button], input[type=reset], input[type=submit] { position: relative; width: auto; padding: 1em 2.25em; color: #fff; background-color: #eb068c; border: none !important; font-family: inherit; font-size: 15px; line-height: normal; font-weight: normal; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none } .related-products h2 a, .related-products h2{ font-size: 18px; letter-spacing: 0.5px; color: #121212; line-height: 19px; font-weight: bold; margin-bottom: 0 !important; padding-bottom:15px !important; text-align: left; } a.read-more:hover { text-decoration: none !important; } a.read-more { font-size: 17px; letter-spacing: 0.5px; color: #094bb4; line-height: 13px; font-weight: 700; margin-top: 0 !important; padding-top:0 !important; text-align: left !important; } .img-products-related { text-align: center; } a.blue-btn1 { background: #00a6ff !important; padding: 10px 20px; color:#fff !important; margin-right:20px; border-radius: 5px; } button.center > .background-tint, button.small-center > .background-tint, button.center > .background-tint > div, button.small-center > .background-tint > div { background: #00a6ff !important; } a.blue-btn1:hover { background:#23527c; text-decoration: none; } .related-products img { width: 100%; max-width: 260px; height:auto; margin:0 auto; text-align: center; } .related-products { padding: 10px 30px 10px 30px; margin-bottom: 20px; min-height: 570px; } .related-products p { margin-top:0 !important; padding-top: 0 !important; font-size: 16px; min-height: 130px; text-align: left; margin-bottom: 0 !important; padding-bottom:15px !important; } .mc4wp-form-fields input[type=text], .mc4wp-form-fields input[type=email] { letter-spacing: 1px; color: #333; padding: 1em; background: #fff; border: 1px solid rgba(0, 0, 0, .12); font-family: inherit; font-size: 15px; line-height: normal; outline: none; -webkit-transition: background .3s ease-out, border .3s ease-out; -moz-transition: background .3s ease-out, border .3s ease-out; -ms-transition: background .3s ease-out, border .3s ease-out; -o-transition: background .3s ease-out, border .3s ease-out; transition: background .3s ease-out, border .3s ease-out } .newsletter h2 { font-weight: 300; letter-spacing: 1px; } .newsletter p, .newsletter h2 { color: #fff; text-align: center; } div.spec-footer h2:after { content: ''; background: #41bef5; margin-top: 5px; width: 100%; height: 2px; display: block } div.spec-footer p, div.spec-footer li { color: #2b85a5; margin-top: 10px !important; margin-bottom: 5px !important } .spec-right.cl36 { padding-top: 0 !important; } .blue-bg h2 { color: #fff !important; line-height: 28px !important; font-size: 24px !important; letter-spacing: 1px; } .blue-bg p { color: #fff !important; font-size: 18px !important; letter-spacing: 1px; } .blue-bg li { color: #fff !important; margin-bottom:17px; font-size: 19px !important; letter-spacing: 1px; } .tcenter1 { text-align: center; } .blue-bg ul { padding-left: 0; margin-left: 20px; } a.blue-btn { color: #fff !important; } a.blue-btn:hover, .spec-footer a:hover { opacity: 0.8; color: #fff; text-decoration: none; } td.tg-yw4l.tcenter { text-align: center; font-size:18px } .tg {border-collapse:collapse;border-spacing:0;border-color:#999;} .tg td{font-family:Arial, sans-serif;font-size:18px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#444;background-color:#93d9f8;} .tg th{font-family:Arial, sans-serif;font-size:16px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#fff;background-color:#26ADE4;} .tg .tg-yw4l{vertical-align:middle} @media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}} .brouchere-download a{ color: #fff !important; } .spec-footer a { color: #fff !important; } a.blue-btn, .spec-footer a { margin-top:20px; padding: 13px 26px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #649ed8; border-color: #649ed8; display: inline-block; margin-bottom: 30px; border-radius: 50px; } .list-slogans li:before { padding-left: 0px; content: "✓"; } .list-slogans li { color: #fff; list-style: none; text-shadow: 1px 1px 1px #333; font-size: 2rem; font-weight: 500; text-align: center; } .hero-image.prod1 h2 { margin-bottom: 30px; text-align: center; } .lactose-test { text-align: center; } .lactose-test a{ color:#333;font-size: 18px; } .hero-image.prod1 h1 { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; padding-top: 20px; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #333; font-size: 52px; letter-spacing: 0.016129032258064516em; text-align: center; } .hero-image2 { background-repeat: no-repeat; background-position: center center; background-size: 100% !important; min-height: 515px; background-attachment: fixed; text-align: right; } .single-a1 img { width: 100%; height: auto; margin-top:-5%; } .hero-image { background-repeat: no-repeat; background-size: cover !important; min-height: 115px; text-align: center; } a { } a.consumables-link, a.faqs-link { font-size: 24px; color: #3d9de6; font-weight: bold; letter-spacing: 1px; } .banner-overlay { position: relative; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(82, 82, 82, .9); max-height: 480px; } .hero-image h2 { color: #fff; letter-spacing: 0.016129032258064516em; font-size: 2.6rem; text-shadow: 1px 1px 1px #333; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .hero-image h1 { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; padding-top: 5%; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #333; font-size: 42px; letter-spacing: 0.016129032258064516em; } .meta { color: #ccc; } .cat1 h2 { color: #3d9de6; font-weight: bold; font-size: 24px; } .cat1 h2 a:hover { text-decoration: none; } .cat1 h2 a{ color: #382400; font-weight: bold; font-size: 34px; } .post-content { padding-top: 30px; padding-bottom: 120px; } .post-content b, .post-content strong { color:#094bb4; } .post-content h2 { color: #3d9de6; font-size: 24px; margin-bottom: 30px; margin-top:0; letter-spacing: 1px; line-height: 1.2em; font-weight: 700; -webkit-animation-duration: 1600ms; animation-duration: 1600ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .blue-footer p { font-size: 20px; letter-spacing: 1px; font-weight: 100 !important; } p.wht-c { color: #121212 !important; } .blue-footer a { color: #08131d; font-weight: bold; font-size: 17px; } .lactose-test h2 { display: inline-block; margin-top:0; padding-top: 0 !important; margin-bottom: 0 !important; } .lactose-test h2 a{ font-size: 20px !important; font-weight: 100 !important; color: #005d90 !important; } .blue-footer { background:#00a6ff !important; padding-top:20px; padding-bottom: 20px; color: #fff; text-align: center; border-top: 1px solid #004c75; } .post-content a { color: #005d90; } .safebreath { max-width: 100%; height: auto; } .links-footer { text-align: center; } .links-footer, .privacy-footer-bottom { margin:10px auto; } .primary-footer { max-width: 1050px; margin: 0 auto; } .footer-logo { text-align: center; } .social-footer { text-align: center; margin-top: 30px; } .social-footer .st0 { color: red; } .social-footer a { font-size: 2em; color: red; } .social-footer a:hover { text-decoration: none !important; } svg.svg-inline--fa.fa-facebook.fa-w-14, svg.svg-inline--fa.fa-linkedin.fa-w-14 { font-size: 2em; color: #00a6ff; }del .amount::before, ins .amount::before { margin-right: 5px; } #product-5548 .woocommerce-Price-amount::after { content: ' (£0.70 per mask) 50pc Box '; } .woocommerce-Price-amount::before { content: 'Price: '; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border:1px solid #f7f7f7; padding: 15px !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { min-height: 460px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { min-height: 75px; color: #666 !important; } ins .amount::before { content: 'Now:'; } svg:not(:root).svg-inline--fa { } .woocommerce-message { border-top-color:#0369ae !important; background:#049aff !important; color: #fff !important; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px !important; } .woocommerce-message::before { color: #fff !important; } .single-product.woocommerce .quantity .qty { line-height: 2.45em !important; margin-right:10px; margin-top:0 !important; } .woocommerce .quantity .qty { line-height: 31px !important; margin-left:11px; margin-top:14px; } .related .woocommerce div.product form.cart { margin-bottom: 0 !important; } .woocommerce div.product form.cart .button { padding: 13px 26px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #649ed8; border-color: #649ed8; display: inline-block; margin-bottom: 30px; } .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .wc-tabs-wrapper { } .woocommerce-tabs h2 { display: none; } .type-product .meta { display: none; } .svg-inline--fa.fa-w-14 { width: 2.875rem; margin-right: 10px; } .logo img{ width: 100%; max-width: 178px !important; height: auto; padding-top: 10px; padding-bottom: 30px; } #header { } .links-footer { text-align: center; } hr { margin-top:40px !important; margin-bottom: 40px !important; } .wp-caption-text { font-size: 12px; text-align: center; } img.alignright, .alignright { float: right; margin: 0 0 1em 1.2em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } #footer { border-top:1px solid #e8e8e8; } p, ul li, ol li { color: #595959; font-size: 18px; font-weight: 300 !important; margin: 24px 0 !important; font-style: normal; line-height: 1.6em; } ul li { margin-top: 0px !important; margin-bottom: 0 !important; } .default .post { margin-bottom: 80px; margin-top:20px; } .home-links a { color: #007bbf; font-weight: bold; } img { outline: none; } .post-12 a { color:#3d9de6; font-weight: 900; } .post-12 form { width:95%; } .wpcf7 p{margin-bottom:10px;} .wpcf7 label{display:block; width:100%; float:left;margin-bottom:15px; font-size: 15px; font-weight: 400; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{ margin-top:6px; margin-bottom:12px; font-size:17px; padding:8px 12px; width:100%; border:1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wpcf7-not-valid-tip { color:red; } .wpcf7 textarea{ font-weight: 100; margin-top:6px; margin-bottom:12px; font-size:17px; padding:8px 12px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #000; max-height: 150px; } .wpcf7 .label{float:left;} .wpcf7-submit{margin:0px 0px 0px 0px !important;} input.blue-button-form { background: #007cbe !important; border:none !important; border-radius:7px; padding-top: 12px; padding-bottom: 12px; } .btn-blue-2 { background: #007cbe !important; border:none !important; border-radius:3px; padding:8px 40px !important; color:#fff !important; font-weight: 100 !important; } input.wpcf7-form-control.wpcf7-submit { width: 100%; padding-top:10px; padding-bottom: 10px; } input.wpcf7-form-control.wpcf7-submit:hover { background: #3d9de6 !important; border:none !important; } .safebreath img { width: 100%; height: auto; } .nopadding { margin-left:0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Menu style created adpated by Marcin Choszczyk - www.yonet.co.uk */ .sf-menu li a:before, .sf-menu-footer li a:before, .sf-menu-privacy li a:before { content: "/"; display: inline-block; color: #ccc; margin-right:8px; } .sf-menu li:first-child a:before, .sf-menu-footer li:first-child a:before, .sf-menu-privacy li:first-child a:before { content: ''; display: none; } .sf-menu ul li a:before { content: ''; display: none; } ul.sub-menu { border:1px solid #f7f7f7; background:#fff; } .info-top { } .menu-header { padding-top:0px; margin-top:-20px; margin-bottom: 0px !important; display: grid; } nav.primary { } .sf-menu { } /* .menu-item-6094 a:after { content: ''; background: #007cbe; margin-top: -3px; margin-left:14px; width:90%; height: 5px; display: block } .menu-item-6094 a{ color:#007cbe !important; font-size: 14px !important; font-weight: 900 !important; }*/ .sf-menu li a { margin-left:5px; margin-right: 5px; line-height: 30px; font-weight: 600; color: #242424; font-size: 16px; letter-spacing: 0px; text-align:center; text-transform: uppercase; -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-font-smoothing: antialiased; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transition-timing-function: ease-out; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 14px; } .sf-menu ul { width: 200px; position: absolute; top: -999em; margin-top: -5px; margin-left: -19px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 10px; top: 33px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 309px; /* match ul width */ top: -6px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* Our skin for dropdown menu */ .sf-menu { /*background: url(images/menu-divider.png) no-repeat 0% 0%;*/ float: right; padding-top: 3px; } .sf-menu a { text-decoration: none; color: #13a; } .sf-menu li li { padding: 0; } .sf-menu li li:first-child { /*background: none;background: url(images/back-a.jpg) repeat-x;*/ } ul.sub-menu { box-shadow: 0px 5px 10px #666; } .sf-menu li li a { border: none !important; height: auto; overflow: hidden; padding: 13px 10px 13px 10px; line-height: 18px; background: #fff; font-size: 13px; text-transform: uppercase; width:100%; text-align: left; } .sf-menu li:hover > a, .sf-menu li.sfHover > a, .sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active { text-decoration: none; color:#094bb4; outline: 0; } .sf-menu li.current-menu-item > a { color:#094bb4; text-decoration: none; } .sf-menu li.current-menu-item > a:hover { color:#094bb4; text-decoration: none; } .sf-menu li a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 3px; bottom: 1px; left: 0; background-color: #00a6ff !important; transform-origin: bottom right; transition: transform 0.5s ease-out; } .sf-menu li a:hover:after { transform: scaleX(1); transform-origin: bottom left; } .sf-menu li a { -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-font-smoothing: antialiased; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transition-timing-function: ease-out; } /*-------------*/ .sf-menu-privacy li a { padding-left:5px; padding-right: 5px; line-height: 30px; font-weight: 600; color: #595959; font-size: 13px; text-align:center; text-transform: uppercase; -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-font-smoothing: antialiased; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transition-timing-function: ease-out; } .sf-menu-privacy, .sf-menu-privacy * { margin: 0; padding: 0; list-style: none; } .sf-menu-privacy { line-height: 14px; } .sf-menu-privacy ul { width: 180px; position: absolute; top: -999em; margin-top: -5px; margin-left: -19px; } .sf-menu-privacy ul li { width: 100%; } .sf-menu-privacy li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu-privacy li { float: left; position: relative; } .sf-menu-privacy a { display: block; position: relative; } .sf-menu-privacy li:hover ul, .sf-menu-privacy li.sfHover ul { left: 10px; top: 33px; /* match top ul list item height */ z-index: 99; } ul.sf-menu-privacy li:hover li ul, ul.sf-menu-privacy li.sfHover li ul { top: -999em; } ul.sf-menu-privacy li li:hover ul, ul.sf-menu-privacy li li.sfHover ul { left: 309px; /* match ul width */ top: -6px; } ul.sf-menu-privacy li li:hover li ul, ul.sf-menu-privacy li li.sfHover li ul { top: -999em; } ul.sf-menu-privacy li li li:hover ul, ul.sf-menu-privacy li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } nav.privacy-footer { max-width: 440px; margin:0px auto; } /* Our skin for dropdown menu */ .sf-menu-privacy { /*background: url(images/menu-divider.png) no-repeat 0% 0%;*/ float: right; padding-top: 3px; } .sf-menu-privacy a { text-decoration: none; color: #13a; } .sf-menu-privacy li li { padding: 0; } .sf-menu-privacy li li:first-child { /*background: none;background: url(images/back-a.jpg) repeat-x;*/ } .sf-menu-privacy li li a { border: none !important; height: auto; overflow: hidden; padding: 3px 10px 3px 10px; line-height: 18px; background: #fff; font-size: 13px; text-transform: uppercase; width:100%; text-align: left; } .sf-menu-privacy li:hover > a, .sf-menu-privacy li.sfHover > a, .sf-menu-privacy li > a:focus, .sf-menu-privacy li > a:hover, .sf-menu-privacy li > a:active { text-decoration: none; color:#00a6ff; outline: 0; } .sf-menu-privacy li.current-menu-item > a { color:#00a6ff; text-decoration: none; } .sf-menu-privacy li.current-menu-item > a:hover { color:#00a6ff; text-decoration: none; } /* ---------------------------------------------------------------------------------------- */ .l-footer { text-align: center; margin-top:20px; } .l-footer ul { display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline; } .l-footer li { float: left; padding: 2px 5px; list-style: none; } .l-footer li a:before, .l-footer li a:before, .l-footer li a:before { content: "/"; display: inline-block; color: #ccc; margin-right:8px; } .l-footer li:first-child a:before { content: ''; display: none; } .l-footer li a { padding-right: 10px; line-height: 30px; font-weight: 600; color: #595959; font-size: 13px; text-align:center; text-transform: uppercase; -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-font-smoothing: antialiased; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transition-timing-function: ease-out; } /* .sf-menu-footer, .sf-menu-footer * { margin: 0; padding: 0; list-style: none; } .links-footer { line-height: 14px; text-align: center; } .links-footer ul { display: inline-block; margin: 0; padding: 0; zoom:1; *display: inline; } .links-footer li { float: left; padding: 2px 5px; } .links-footer li:hover > a, .links-footer li.sfHover > a, .links-footer li > a:focus, .links-footer li > a:hover, .links-footer li > a:active { text-decoration: none; color:#00a6ff; outline: 0; } .links-footer li.current-menu-item > a { color:#00a6ff; text-decoration: none; } .links-footer li.current-menu-item > a:hover { color:#00a6ff; text-decoration: none; } nav.primary-footer { } */ /* ---------------------------------------------------------------------------------------- */ .prod-front-page, .prod-front-page2, .contact-mobile, .mobile-single-prod { display: none; } @media all and (min-width: 180px) and (max-width: 660px) { .hero-image h1 { font-size: 30px !important; padding-top: 14% !important; } .consumables-links a { width:100%; text-align: center; margin-right:0 !important; display: inline-block; } } @media all and (min-width: 180px) and (max-width: 960px) { .md-logo-disable { display: none; } .mc4wp-form-fields input[type=text], .mc4wp-form-fields input[type=email] { width: 100% !important; margin-bottom: 20px; } .mobile-single-prod { display: block; background: #36a0cd; color: #fff !important; text-align: center; } .mobile-single-prod h1 { color: #fff !important; text-shadow: 1px 1px 1px #666; } .mobile-single-prod img { max-width: 100%; } .logo { text-align: center; } .logo img { padding-top:30px; padding-bottom: 0; } .contact-desktop { display: none; } .contact-mobile h1 { /*color:#00a6ff;*/ color:#36a0cd; font-size: 28px; padding-bottom: 0; margin-bottom:0; } .contact-mobile { margin-top:10px; text-align: center; display: block; margin-bottom: 20px; color: #666 !important; } .contact-mobile p { margin-bottom: 0 !important; padding-bottom: 0 !important; margin-top:0 !important; color: #666 !important; font-weight: 700 !important; } .sf-menu-footer li { width: 33%; margin-bottom: 20px; } .sf-menu-footer li a { font-size: 10px; line-height: normal; margin-bottom: 20px; } .consumables-links a { max-width: 80%; } .privacy-footer li a { line-height: normal; margin-top:20px !important; } nav.privacy-footer { max-width: 500px; float:none !important; margin-top:40px !important; } .social-footer { width: 100%; display: inline-block; } .sf-menu-footer li a:before, .sf-menu-privacy li a:before { content: ""; } .sf-menu-privacy li { width: 33%; } .sf-menu-privacy li a { font-size: 9px; } .contact-mobile a { color: #337ab7; font-size: 24px; } .related-products { padding: 0; } .related-products h2 a, .related-products h2 { font-size: 2.8rem; line-height: normal; color: #337ab7; } .related-products img { margin-top: 30px; margin-bottom: 30px; } .related-products p { font-size: 16px; } .prod-front-page { background-position-x: -50px !important; background-size: cover; } .overlay h2 { text-align: center; color: #fff; font-size: 11px; font-weight: lighter; line-height: 1em; font-weight: bold; } .prod-front-page, .prod-front-page2 { display: block; } .single-post h1 { font-size: 23px !important; color: #0082c8; padding-top: 20px; font-weight: 700; } .list-slogans { padding-bottom: 30px; display: } .hero-image { background-size: cover !important; background-attachment: fixed !important; background-position: center center !important; background-repeat: no-repeat !important; min-height: 170px !important; } .hero-image h1 { } .post-content img { max-width: 100%; width: 100%; height: auto; } .wp-caption img { max-width: 100% !important; width: 100% !important; height: auto !important; } img.alignright, .alignright { max-width: 100% !important; width: 100% !important; height: auto !important; } .hero-image.prod1 h2 { font-size: 2.8vh; } .hero-image.prod1 h1 { font-size: 8vh; } .list-slogans ul{ padding-left: 0 !important; margin-left:0 !important; margin-bottom: 20px !important; } .list-slogans li { font-size: 20px;margin-bottom: 20px !important; } .blue-footer { margin-top: 40px; } } @media all and (min-width: 961px) and (max-width: 1200px) { } /*anim*/ @-webkit-keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @-moz-keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); visibility: visible } .delay { -webkit-animation-delay: .5s; animation-delay: .5s } @-webkit-keyframes ham-top { 50% { -webkit-transform: translate3d(0, 8px, 0) rotate(0deg); transform: translate3d(0, 8px, 0) rotate(0deg) } to { -webkit-transform: translate3d(0, 8px, 0) rotate(45deg); transform: translate3d(0, 8px, 0) rotate(45deg) } } @keyframes ham-top { 50% { -webkit-transform: translate3d(0, 8px, 0) rotate(0deg); transform: translate3d(0, 8px, 0) rotate(0deg) } to { -webkit-transform: translate3d(0, 8px, 0) rotate(45deg); transform: translate3d(0, 8px, 0) rotate(45deg) } } @-webkit-keyframes ham-middle { 50% { -webkit-transform: translate3d(-11px, 0, 0); transform: translate3d(-11px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg) } } @keyframes ham-middle { 50% { -webkit-transform: translate3d(-11px, 0, 0); transform: translate3d(-11px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg) } } @-webkit-keyframes ham-bottom { 30% { -webkit-transform: translate(15px, 5px) scale(50, 1); transform: translate(15px, 5px) scale(50, 1) } to { opacity: 0 } } @keyframes ham-bottom { 30% { -webkit-transform: translate(15px, 5px) scale(50, 1); transform: translate(15px, 5px) scale(50, 1) } to { opacity: 0 } } @-webkit-keyframes mist { 0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes mist { 0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes growDown { 0% { height: 0 } to { height: 100% } } @keyframes growDown { 0% { height: 0 } to { height: 100% } } .grow { -webkit-animation-name: growDown; animation-name: growDown } @-webkit-keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4); box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4) } 70% { -moz-box-shadow: 0 0 0 10px rgba(43, 206, 167, 0); -webkit-box-shadow: 0 0 0 10px rgba(43, 206, 167, 0); box-shadow: 0 0 0 10px rgba(43, 206, 167, 0) } to { -moz-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0); -webkit-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0); box-shadow: 0 0 0 0 rgba(43, 206, 167, 0) } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4); box-shadow: 0 0 0 0 rgba(43, 206, 167, 0.4) } 70% { -moz-box-shadow: 0 0 0 10px rgba(43, 206, 167, 0); -webkit-box-shadow: 0 0 0 10px rgba(43, 206, 167, 0); box-shadow: 0 0 0 10px rgba(43, 206, 167, 0) } to { -moz-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0); -webkit-box-shadow: 0 0 0 0 rgba(43, 206, 167, 0); box-shadow: 0 0 0 0 rgba(43, 206, 167, 0) } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden } to { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden } to { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden } to { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden } to { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden } to { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden } to { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } to { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: hidden } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } to { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: hidden } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden } to { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } to { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible } to { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } to { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } to { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible } to { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden } } @-webkit-keyframes rotate { 0% { -webkit-transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0); transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0) } to { -webkit-transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg); transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg) } } @keyframes rotate { 0% { -webkit-transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0); transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0) } to { -webkit-transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg); transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg) } } @-webkit-keyframes marquee { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-200vw, 0, 0); transform: translate3d(-200vw, 0, 0) } } @keyframes marquee { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-200vw, 0, 0); transform: translate3d(-200vw, 0, 0) } } /* Clear Floated Elements */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Always remember to compress your live stylesheet and keep an uncompressed backup */