.groups-sticky.right {

	position: fixed;

	right: 0;

	z-index: 999;

	background: #fd4c52;

	width: 50px;

}

.rtl .groups-sticky.right {

    left: 0;

    right: auto;

}

.groups-sticky.left {

    position: fixed;

    left: 0;

    z-index: 999;

    background: #fd4c52;

    width: 50px;

}

.rtl .groups-sticky.left {

    right: 0;

    left: auto;

}

#groups > a {

	float: left;

	width: 100%;

	display: block;

	cursor: pointer;

	text-align: center;

	color: #fff;

    border-bottom: 1px solid rgba(255,255,255,.5);

    padding: 10px;

    height: 43px;

    position: relative;

}

#groups > a:hover {

    background-color: #ec3a01;

}

#groups > a > i {font-size: 20px;}

#groups i.fa-recent {

    background: url('../images/icon-recent.png') no-repeat;

    width: 23px;

    height: 10px;

    display: inline-block;

}

#groups > a span {

  background-color: #fd4c52;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  line-height: 22px;

  opacity: 0;

  padding: 10px;

  position: absolute;

  right: 100%;

  text-align: center;

  text-transform: capitalize;

  top: 0;

  transition: all 0.2s ease-in-out 0s;

  visibility: hidden;

  white-space: nowrap;

  width: auto;

}

.rtl #groups > a span {

    left: 100%;

    right: auto;

}

#groups > a:hover span {

  opacity: 1;

  transition: all 0.2s ease-in-out 0s;

  visibility: visible;

  width: auto;

}

#groups .text-color {

    color: #fd4c52;

}

#groups .popup {

    position: fixed;

    z-index: 999;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    height: 100%;

    min-height: 100%;

    max-height: 100%;

    overflow-y: auto;

    overflow-x: hidden;

    opacity: 1;

    background: rgba(0,0,0,.6);

}

#groups .popup-hidden {

    opacity: 0;

    top: -100%;

    bottom: 100%;

}

#groups .popup-screen {

    display: table;

    vertical-align: top;

    width: 100%;

    height: 100%;

}

#groups .popup-position {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

    padding: 40px;

}

@media screen and (min-width: 768px) {

    #groups .popup-position {

        padding: 40px;

    }

}

#groups .popup-container {

    display: block;

    margin: 0 auto;

    box-shadow: 0 0 6px 3px rgba(0,0,0,.1);

}

#groups .popup-small {

    max-width: 540px;

}

#groups .popup-html {

    padding: 0;

}

#groups .popup-header, #groups .popup-content, #groups .popup-footer {

    display: inline-block;

    vertical-align: top;

    width: 100%;

}

#groups .popup-header {

    position: relative;

    font-size: 16px;

    line-height: 22px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    background-color: #fd4c52;

}

#groups .popup-header > span > i {

    margin-right: 10px;

}

@media screen and (min-width: 768px) {

    #groups .popup-header {

        padding-top: 25px;

        padding-bottom: 25px;

    }

}

@media screen and (min-width: 768px) {

    #groups .popup-header {

        padding-left: 40px;

        padding-right: 70px;

    }

}

#groups .popup-close {

    position: absolute;

}

#groups .popup-close, #groups .popup-close i.fa {

    height: 40px;

    line-height: 40px;

    font-size: 13px;

}

#groups .popup-header .popup-close {

    top: 50%;

    margin-top: -20px;

    width: 40px;

    cursor: pointer;

    color: #fff;

    font-size: 2.2rem;

}

#groups .popup-header .popup-close:hover {

    opacity: 0.7;

}

@media screen and (min-width: 768px) {

    #groups .popup-header .popup-close {

        right: 20px;

    }

}

#groups i.fa {

    text-align: center;

}

#groups .popup-close i.fa {

    width: 100%;

    color: #fff;

}

#groups .popup-content {

    background: #fff;

}

@media screen and (min-width: 768px) {

    #groups .popup-content {

        padding: 40px 40px 20px;

    }

}

#groups .notification {

    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    min-height: 100%;

    max-height: 100%;

    padding: 20px;

    border-width: 1px;

    border-style: solid;

}

#groups .notification i.info-icon {

    position: absolute;

    top: 8px;

    width: 48px;

    height: 48px;

    line-height: 48px;

    font-size: 26px;

    cursor: default;

    left: 0;

}

#groups .notification p {

    font-size: 14px;

    margin: 0;

    padding: 0;

}

#groups .notification i.info-icon+p {

    padding-left: 28px;

}

@media screen and (min-width: 768px) {

    #groups .notification {

        margin-bottom: 40px;

    }

}

#groups .notification.gray {

    background-color: #eee;

    border-color: #d6d6d6;

    color: #737373;

}

#groups div.nav-secondary {

    width: 100%;

    padding-bottom: 40px;

}

#groups div.nav-secondary {

    float: left;

}

#groups div.nav-secondary ul, #groups div.nav-secondary ul li {

    list-style-type: none;

    margin: 0;

    padding: 0;

    width: 100%;

}

#groups div.nav-secondary>ul {

    float: left;

}

#groups div.nav-secondary li span.nav-action {

    width: 37px;

    height: 37px;

    position: relative;

    z-index: 10;

    cursor: pointer;

}

#groups div.nav-secondary li span {

    float: right;

}

#groups div.nav-secondary li span.nav-action .more {

    display: block;

}

#groups div.nav-secondary li span.nav-action i.fa {

    width: 37px;

    height: 37px;

    line-height: 37px;

    color: rgba(0,0,0,.3);

}

#groups div.nav-secondary li span i.fa {

    float: right;

}

#groups div.nav-secondary li span.nav-action .less {

    display: none;

}

#groups div.nav-secondary li.active>span.nav-action .more {

    display: none;

}

#groups div.nav-secondary li.active>span.nav-action .less {
#d7458F
    display: block;

}

#groups div.nav-secondary li a {

    position: relative;

    display: block;

    vertical-align: top;

    font-size: 16px;

    text-transform: uppercase;

    padding: 10px 0;

    color: #1a1a1a;

    border-top: 1px solid rgba(0,0,0,.15);

}

#groups div.nav-secondary li a:hover {

    color: #fd4c52;

    text-decoration: underline;

}

#groups div.nav-secondary li a {

    padding-right: 60px;

}

#groups div.nav-secondary>ul>li:first-child>a {

    border-top: none;

}

#groups div.nav-secondary ul.level-2, #groups div.nav-secondary ul.level-3 {

    display: none;

}

#groups div.nav-secondary>ul>li.active ul.level-2 {

    

}

#groups div.nav-secondary>ul>li>ul.level-2>li.active ul.level-3 {

    

}

#groups div.nav-secondary .nav-arrow {

    display: none;

}

#groups div.nav-secondary ul.level-2>li a:before,

#groups div.nav-secondary ul.level-3>li a:before {

    content: ' - ';

}

#groups div.nav-secondary ul.level-2>li>a,

#groups div.nav-secondary ul.level-3>li>a {

    font-size: 15px;

}

#groups div.nav-secondary ul.level-2>li>a {

    padding-left: 10px;

}

#groups div.nav-secondary ul.level-3>li>a {

    padding-left: 20px;

}

#groups .form-content,

#groups .form-content form,

#groups .form-content .form-box,

#groups .form-content .form-group {

    width: 100%;

}

#groups .popup-mysearch .form-content .form-box {

    text-align: center;

    position: relative;

}

@media screen and (min-width: 768px) {

    #groups .form-content .form-box {

        margin-bottom: 40px;

    }

}

#groups .form-content .form-box input.field,

#groups .form-content .form-box select.field {

    height: 50px;

    min-height: 50px;

    max-height: 50px;

    -webkit-appearance: none;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 10px 35px 10px 15px;

    font-size: 14px;

    line-height: 28px;

    font-weight: 400;

    border-radius: 5px;

    border: 1px solid #ccc;

}

#groups .form-content .form-box input.field:hover,

#groups .form-content .form-box select.field:hover {

    cursor: pointer;

}

#groups .form-content .form-box #button-search {

    text-align: center;

    background-color: #fd4c52;

    display: inline-block;

    border: 0px;

    border-radius: 30px;

    padding: 10px 40px;

    color: #fff;

    font-size: 18px;

}

#groups .form-content .form-box #button-search:hover {

    background-color: #ec3a01;

}

#groups .form-content .form-box input + i {

    display: inline-block;

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -7px;

    cursor: pointer;

}

#groups div.hr {

    float: left;

    width: 100%;

    clear: both;

}

#groups div.hr.show {

    visibility: visible;

    opacity: 1;

}

#groups div.hr.show {

    height: 1px;

    background: rgba(0,0,0,.15);

}

#groups .txt-center {

    text-align: center;

}

#groups .form-content .form-box .account-txt {

    text-transform: uppercase;

    color: #222;

    font-size: 12px;

}

#groups .form-content .form-box a.account-url:hover .account-txt {

    color: #fd4c52;

}

#groups .form-content .form-box a.account-url {

    height: 80px;

    display: inline-block;

}

#groups .form-content .form-box a > span > i.fa-history {

    background: url(../images/order-history.png) no-repeat;

    width: 46px;

    height: 37px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-history:before {

    content: "";

}

#groups .form-content .form-box a > span > i.fa-shoppingcart {

    background: url(../images/shopping-cart.png) no-repeat;

    width: 45px;

    height: 44px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-shoppingcart:before {

    content: "";

}

#groups .form-content .form-box a > span > i.fa-register {

    background: url(../images/icon-register.png) no-repeat;

    width: 38px;

    height: 43px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-register:before {

    content: "";

}

#groups .form-content .form-box a > span > i.fa-account {

    background: url(../images/icon-account.png) no-repeat;

    width: 48px;

    height: 38px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-account:before {

    content: "";

}

#groups .form-content .form-box a > span > i.fa-download {

    background: url(../images/icon-download.png) no-repeat;

    width: 46px;

    height: 40px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-download:before {

    content: "";

}

#groups .form-content .form-box a > span > i.fa-login {

    background: url(../images/icon-login.png) no-repeat;

    width: 53px;

    height: 41px;

    display: inline-block;

    content: "";

}

#groups .form-content .form-box a > span > i.fa-login:before {

    content: "";

}

#groups .form-content .form-box .product-thumb {

    margin: 0;

    padding: 0;

    border: 0px;

    text-align: center;

}

#groups .form-content .form-box .product-thumb .image {

    width: 100%;

    position: relative;

    border: 1px solid #e1e1e1;

    border-radius: 5px;

    padding: 5px;

    margin-bottom: 10px;

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

    overflow: hidden;

}

#groups .form-content .form-box .product-thumb .image .bt-sale {

    position: absolute;

    z-index: 3;

    top: 10px;

    right: 15px;

    font-size: 12px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    display: inline-block;

    width: 38px;

    height: 38px;

    border-radius: 50%;

    line-height: 38px;

    background-color: #ff5c00;

}

#groups .form-content .form-box .product-thumb .image .bt-new {

    font-size: 12px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    display: inline-block;

    width: 38px;

    height: 38px;

    z-index: 7;

    border-radius: 50%;

    line-height: 38px;

    position: absolute;

    background: #00abf0;

    top: 10px;

    left: 15px;

}

#groups .form-content .form-box .product-thumb .caption {

    height: 68px;

    min-height: 68px;

    max-height: 68px;

    padding: 0;

}

#groups .form-content .form-box .product-thumb .caption h4 a {

    font-size: 13px;

    color: #d7a51f;

    text-transform: capitalize;

    margin-bottom: 4px;

}

#groups .form-content .form-box .product-thumb .caption h4 a:hover {

    color: #fd4c52;

    text-decoration: underline;

}

#groups .form-content .form-box .price {

    margin: 0 0 10px 0;

    line-height: normal;

    color: #ff5c00;

    font-size: 16px;

    font-weight: 700;

}

#groups .form-content .form-box .price .price-new, #groups .form-content .form-box .price span.price {

    color: #ff5c00;

    font-size: 16px;

    font-weight: 700;

}

#groups .form-content .form-box .price .price-old {

    line-height: normal;

    padding: 0 5px;

    display: inline-block;

    text-decoration: line-through;

    color: #999;

    font-size: 13px;

    font-weight: normal;

}

#groups .form-content .form-box .product-thumb .button-group {

    border: 0;

    background: transparent;

}

#groups .form-content .form-box .product-thumb .button-group button {

    border: 0;

    height: 32px;

    line-height: 30px;

    min-width: 32px;

    padding: 0 15px;

    background: #ff5e00;

    color: #fff;

    border-radius: 18px;

    width: 105px;

    text-transform: none;

    float: none;

}

#groups .form-content .form-box .product-thumb .button-group button:hover {

    background-color: #ec3a01;

}

#groups table tr {

    background: transparent;

}

#groups table tr td {

    border-top: 0px;

    border-bottom: 1px solid #ddd;

    padding: 20px 8px;

}

#groups table tr td.first {

    padding-left: 0px;

}

#groups table tr td.last {

    padding-right: 0px;

}

#groups .cart-bottom table tr td {

    padding: 8px;

}

#groups table tr td.total-price,

#groups .cart-bottom table tr td.text-right {

    color: #fd4c52;

    font-weight: 700;

    font-size: 116.7%;

}

#groups .cart-bottom p > a {

    float: left;

    width: 50%;

    text-align: center;

    text-transform: uppercase;

    border: 0;

    border-radius: 0;

    background-color: #222;

    color: #fff;

    padding: 15px;

}

#groups .cart-bottom p > a:hover {

    opacity: 0.8;

}

#groups .cart-bottom p > a.btn-checkout {

    background-color: #fd4c52;

}