/*
html {
  font-family: 'Roboto', sans-serif;
}

body {
  font-size: 13px;
  line-height: 20px;
}
*/

.parent-span svg {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.parent-span:hover svg {
  fill: #ffffff !important;
}

.empty-cart {
    text-align: center;
}

.empty-cart img {
    width: 100%;
    max-width: 250px;
    margin: 42px auto 16px;
}

.empty-cart h2 {
    color: #999;
    font-size: 18px;
}

.sumary-cart {
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    font-weight: 400;
    margin: 16px 16px 16px 24px;
}

.store-cart-total strong{float:left; font-weight:500;}
.store-cart-total span{float:right; font-weight:500;}

.clear{clear:both!important;}
.half-bottom{margin-bottom:15px!important; display:block;}
.quarter-bottom{margin-bottom:5px!important;}
.quarter-top{margin-top:5px!important;}
.small-bottom{margin-bottom:10px!important; display:block;}
.small-top{margin-top:10px!important; display:block;}
.half-top{margin-top:15px!important; display:block;}
.full-bottom{margin-bottom:30px!important; display:block;}
.full-top{margin-top:30px!important; display:block;}
.no-border{border:none!important;}
.center-object{margin: auto; background-position:center!important;}
.box-shadow{box-shadow: 0px 2px 10px rgba(0,0,0,0.15);}
.center-item{margin-left:auto!important; margin-right:auto;}
.font-10{font-size:10px!important;}
.font-11{font-size:11px!important;}
.font-12{font-size:12px!important;}
.font-13{font-size:13px!important;}
.font-14{font-size:14px!important;}
.font-15{font-size:15px!important;}
.font-16{font-size:16px!important;}
.font-17{font-size:17px!important;}
.font-18{font-size:18px!important;}
.font-19{font-size:19px!important;}
.font-20{font-size:20px!important;}
.font-21{font-size:21px!important;}

.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize!important;}
.thin{font-weight:300!important;}
.ultrathin{font-weight:100!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.regular{font-weight:400!important;}
.regularbold{font-weight:500!important;}
.ultrabold{font-weight:900!important;}
.justify{text-align:justify!important;}
.italic{font-style: italic;}
.pointer{cursor:pointer;}

.ultrasmall-text{font-size:10px!important;}
.small-text{font-size:12px!important; margin-top:-5px; display:block; line-height:24px;}
.smaller-text{font-size:11px!important; margin-top:-5px; display:block;}
.normal-text{font-size:14px!important;}
.larger-text{font-size:26px!important;}
.large-text{font-size:28px!important;}
.huge-text{font-size:30px!important;}
.boxed-text{max-width:80%; margin:0 auto; text-align:center;}
.boxed-text-small{max-width:200px; margin:0 auto; text-align:center;}
.boxed-text-large{max-width:300px; margin:0 auto; text-align:center;}
.medium-line-height{line-height:30px;}
.large-line-height{line-height:40px;}
.small-text-icon i{padding-left:15px; width:25px; padding-right:10px;}
.small-text-icon i:first-child{padding-left:0px;}
.border-text{border-width:4px!important; padding:5px 0px 5px 15px; border-right:none!important; border-top:none!important; border-bottom:none!important;}
.color-green-light{color: #A0D468!important;}
.color-green-dark{color: #8CC152!important;}