#tfl-loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
#tfl-loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
#tfl-loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#tfl-loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#tfl-loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #222;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#tfl-loader-wrapper .loader-section.section-left {
left: 0;
}
#tfl-loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #tfl-loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #tfl-loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #tfl-loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #tfl-loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.no-js #tfl-loader-wrapper {
display: none;
}
.tfl-wsc-close {
cursor: pointer;
position: absolute;
}
@font-face {
font-family: 'Woo-Side-Cart';
src:  url(//knippleaggregates.com/wp-content/plugins/tfl-core/assets/css/fonts/Woo-Side-Cart.eot?79hb0k);
src:  url(//knippleaggregates.com/wp-content/plugins/tfl-core/assets/css/fonts/Woo-Side-Cart.eot?79hb0k#iefix) format('embedded-opentype'),
url(//knippleaggregates.com/wp-content/plugins/tfl-core/assets/css/fonts/Woo-Side-Cart.ttf?79hb0k) format('truetype'),
url(//knippleaggregates.com/wp-content/plugins/tfl-core/assets/css/fonts/Woo-Side-Cart.woff?79hb0k) format('woff'),
url(//knippleaggregates.com/wp-content/plugins/tfl-core/assets/css/fonts/Woo-Side-Cart.svg?79hb0k#Woo-Side-Cart) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="tfl-wsc-icon-"], [class*=" tfl-wsc-icon-"] { font-family: 'Woo-Side-Cart' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tfl-wsc-icon-cross:before {
content: "\e909";
}
.tfl-wsc-icon-basket5:before {
content: "\e900";
}
.tfl-wsc-icon-basket4:before {
content: "\e901";
}
.tfl-wsc-icon-basket6:before {
content: "\e902";
}
.tfl-wsc-icon-basket1:before {
content: "\e903";
}
.tfl-wsc-icon-basket2:before {
content: "\e904";
}
.tfl-wsc-icon-basket3:before {
content: "\e905";
}
.tfl-wsc-icon-spinner:before {
content: "\e97a";
}
.tfl-wsc-icon-spinner2:before {
content: "\e97b";
}
.tfl-wsc-icon-checkmark:before {
content: "\ea10";
}
@keyframes tfl-wsc-spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.tfl-wsc-icon-atc {
margin-left: 5px
}
.tfl-wsc-icon-atc.tfl-wsc-active {
display: inline-block;
-webkit-animation: tfl-wsc-spin 575ms infinite linear;
animation: tfl-wsc-spin 575ms infinite linear
}
.tfl-wsc-updating {
display: none;
text-align: center;
z-index: 1
}
.tfl-wsc-updating .tfl-wsc-icon-spinner2 {
position: absolute;
-webkit-animation: tfl-wsc-spin 575ms infinite linear;
animation: tfl-wsc-spin 575ms infinite linear;
display: inline-block;
font-size: 30px;
z-index: 1;
color: #000;
bottom: 10px
}
.tfl-wsc-uopac,
.tfl-wsc-updating {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute
}
.tfl-wsc-uopac {
background-color: #f0f0f0;
opacity: .7
}
body.tfl-wsc-active { }
.tfl-wsc-modal.tfl-wsc-active .tfl-wsc-opac {
top: 0;
left: 0;
right: 0;
position: fixed;
bottom: 0;
background-color: #000;
z-index: 99999;
opacity: .5
}
.tfl-wsc-container {
position: fixed;
z-index: 999999;
background-color: #fff;
top: 0;
bottom: 0;
max-width: 90%;
width: 350px;
right: -350px;
}
.tfl-wsc-content{
position: relative;
font-size: 14px;
}
.tfl-wsc-content .tfl-wsc-img-col a:not(.tfl-wsc-remove){
display: block;
height: 79px;
width: 79px;
border: 1px solid #d8d8d8;
padding: 5px;
}
.tfl-wsc-header {
position: relative;
padding:30px 15px;
}
.tfl-wsc-basket { cursor: pointer;
}
.tfl-wsc-basket , .tfl-wsc-container{
transition: right .5s;
}
.tfl-wsc-close {
transform: translateY(-50%);
top: 50%;
right: 20px
}
.tfl-wsc-body {
overflow-y: auto;
position: relative;
overflow-x: hidden;
}
.tfl-wsc-product {
padding: 15px;
width: 100%;
display: inline-block;
border-top: 1px solid #eee;
}
.tfl-wsc-img-col {
float: left;
text-align: center
}
a.tfl-wsc-remove {
margin-top: 5px;
display: inline-block;
text-transform: uppercase;
font-size: 10px
}
.tfl-wsc-sum-col {
display: inline-block;
margin-left: 10px;
float: left
}
a.tfl-wsc-remove{
border: 0;
height: 25px;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
background: #e8f5e9;
border-radius: 5px;
color: #828282 !important;
font-size: 14px;
margin-right: 0;
margin-top: 0;
position: absolute;
left: -8px;
top: -10px;
}
a.tfl-wsc-remove:hover{
background: #348e38;
color: #fff!important;
}
a.tfl-wsc-pname {
word-wrap: break-word;
display: block;
width: 100%
}
.tfl-wsc-price {
margin: 3px 0
}
.tfl-wsc-sum-col .variation {
overflow: auto;
font-size: 12px;
margin: 5px 0;
}
.tfl-wsc-sum-col .variation dt {
display: inline-block;
margin: 0 3px 0 0;
float: none
}
.tfl-wsc-sum-col .variation dd {
display: inline-block;
margin: 0 5px 0 0;
float: none
}
.tfl-wsc-footer,
.tfl-wsc-footer a.button {
width: 100%;
text-align: center;
display: block;
}
.tfl-wsc-subtotal {
text-align: center;
font-weight: 700;
font-size: 20px
}
.tfl-wsc-footer {
position: absolute;
bottom: 0;
box-sizing: border-box;
border-top: 1px solid #eee;
}
.tfl-wsc-modal.tfl-wsc-active .tfl-wsc-container {
right: 0
}
.tfl-wsc-mgn {
margin: 10px 0;
display: block
}
input.tfl-wsc-qty::-webkit-inner-spin-button,
input.tfl-wsc-qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.tfl-wsc-ecnt {
padding:15px;
font-size:20px;
display:block;
color:#282f39;
}
.tfl-wsc-shiptxt {
padding: 0 15px;
display: block;
font-size: 13px
}
.tfl-wsc-notice-box{
left: 0;
right: 0;
bottom: 50px;
position: fixed;
z-index: 100000;
}
.tfl-wsc-notice-box > div{
display: table;
margin: 0 auto;
background-color: #333;
padding: 10px 20px;
color: white;
font-weight: 500;
font-size: 15px;
}
.tfl-wsc-notice ul.woocommerce-error a.button{
display: none;
}
.tfl-wsc-notice ul.woocommerce-error{
margin: 0;
}
.tfl-wsc-ptotal span.amount{font-size: 14px;}
.tfl-wsc-product.tfl-wsc-bundled-child{
border: 0;
}