@import url('all.css');
@import 'bootstrap.min.css';
@import 'bootstrap-select.min.css';
@import 'datepicker.min.css';

/* site fonts
font-family: 'Cabin', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/


/*
.form-control::-webkit-input-placeholder { color: #959595; }
.form-control:-moz-placeholder { color:#959595; opacity:1;}
.form-control::-moz-placeholder { color:#959595; opacity:1;}
.form-control:-ms-input-placeholder { color: #959595; }
*/


/*-------- custom gutter -----*/

.nav-link {
    padding: 0;
}

.gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
}

.gutter-20>[class^="col-"],
.gutter-20>[class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
}

.gutter-10>[class^="col-"],
.gutter-10>[class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.gutter-5.row {
    margin-right: -2.5px;
    margin-left: -2.5px;
}

.gutter-5>[class^="col-"],
.gutter-5>[class^=" col-"] {
    padding-right: 2.5px;
    padding-left: 2.5px;
}

.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
}

.gutter-0.row>[class^="col-"],
.gutter-0.row>[class^=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.paddingless {
    padding: 0 !important;
}

.marginless {
    margin: 0 !important;
}


/*-------- custom gutter // ends -----*/


/*-------- custom resets -----*/

html {
    font-size: 13px;
}

body {
    line-height: 1;
    background: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
}

a {
    color: #d60403;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #646464;
    text-decoration: none;
    outline: none;
}

button,
.btn {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    border: none;
}

button:hover,
button:focus,
button:active,
button:visited,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.btn:active:focus,
button:active:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none;
}

input {
    outline: 0;
    border: none;
}

.marginauto {
    margin: 0 auto;
    float: none;
}

.rmarginbtm {
    margin-bottom: 0 !important;
}

.rmargintop {
    margin-top: 0 !important;
}

.rmarginleft {
    margin-left: 0 !important;
}

.rmarginrgt {
    margin-right: 0 !important;
}

.xmargintop {
    margin-top: 27px;
}

.imgresponsive {
    width: 100%;
}

.alignright {
    text-align: right;
}

.form-control {}

.container-fluid.paddingless.align-items-normal {
    align-items: normal;
}


/*-------- custom resets // ends -----*/


/*home page */

.wrapper {
    position: relative;
}

.mainbannerbg {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -ms-background-size: 100% auto;
    text-align: center;
    padding-top: 50px;
}

.mainbannerbg p {
    font-size: 30px;
    font-family: 'Cabin', sans-serif;
    font-style: italic;
    margin: 0 0 25px;
    color: #fff;
}

.sitelogo {
    margin-bottom: 17px;
}

.mainslider {}

.mainslider img {
    width: 100%;
}

.pagecontent {
    margin-top: 20px;
    text-align: center;
}

.pagecontent p {
    font-size: 18px;
    font-family: 'Cabin', sans-serif;
    line-height: 36px;
    color: #2e2e2e;
    margin: 0 0 44px;
}

.downloadlinks {
    text-align: center;
}

.downloadlinks a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.pagecontent-img {
    margin-top: 100px;
    position: relative;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f0f0f0+64,f0f0f0+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 64%, #f0f0f0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 64%, #f0f0f0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 64%, #f0f0f0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    /* IE6-9 */
}

.pagecontent-img:after {
    content: '|';
    text-indent: -9999px;
    height: 50%;
    background: #bade9e;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pagecontent-img img {
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.howitworks {
    background: #f0f0f0;
    padding-bottom: 77px;
}

.howitworks h4 {
    color: #000000;
    font-size: 48px;
    font-weight: 500;
    font-family: 'Cabin', sans-serif;
    margin: 38px 0 50px;
    text-align: center;
}

.slidetext {
    display: block;
    color: #000;
    font-size: 16px;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    margin-bottom: 18px;
}

.processslide {
    padding: 0 10px;
}

.processslide img {
    width: 100%;
}

.sliderholder {
    padding-left: 55px;
    padding-right: 55px;
}

.processslide.slick-slide:focus {
    outline: none;
    box-shadow: none;
    border: 0;
}

.slick-prev:before {
    content: "\f060";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 900;
    color: inherit;
}

.slick-next:before {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 20px;
    color: inherit;
}

.slick-prev,
.slick-next {
    color: #a9aaaa;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #000;
    opacity: 1;
}

.mainslider .slick-prev,
.mainslider .slick-next {
    color: #a9aaaa;
}

.mainslider .slick-prev:hover,
.mainslider .slick-prev:focus,
.mainslider .slick-next:hover,
.mainslider .slick-next:focus {
    color: #fff;
    opacity: 1;
}

.innerpagebg {
    background-image: url(../images/innerpagebg.png);
}

.innerpageheader {
    padding-top: 40px;
    padding-bottom: 27px;
}

.mysharelist {
    background: #fff;
    margin-bottom: 85px;
}

.mysharelistheader {
    background: #f7f7f7;
    color: #2e2e2e;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 40px;
    padding: 33px 26px;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
}

.sharelistheaderbtn {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 48px;
    text-align: right;
    min-width: 79px;
}

.sharelistheaderbtn>a {
    display: inline-block;
    color: #2e2e2e;
    font-size: 24px;
    vertical-align: middle;
    margin-left: 5px;
}

.mylistcategory {
    background: #fff;
    color: #2e2e2e;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    padding: 20px 30px;
    border-bottom: 1px solid #d7d7d7;
    background: #fcfcfc;
}

.perlistitem {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.perlistitem .imageholder {
    width: 230px;
    float: left;
    text-align: center;
    padding: 0 10px;
}

.perlistitem .imageholder img {
    max-width: 100%;
}

.perlistitem .itemdetail {
    margin-top: -9px;
    float: left;
    width: calc(100% - 250px);
}

.perlistitem .itemdetail span {
    display: block;
}

.perlistitem .itemdetail .itemname {
    color: #2e2e2e;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 6px;
}

.perlistitem .itemdetail .itemdesc {
    color: #2e2e2e;
    font-weight: 400;
    font-family: 'Cabin', sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 13px;
}

.perlistitem .itemdetail .itemprice {
    color: #d60403;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 24px;
}

.perlistitem .itemdetail .itembtn {
    width: 240px;
    background: #d60403;
    border-radius: 25px;
    text-align: center;
}

.perlistitem .itemdetail .itembtn.withdropmenu {
    display: flex;
}

.perlistitem .itemdetail .itembtn>a {
    color: #fefefe;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    padding: 14px 15px;
    display: block;
}

.perlistitem .itemdetail .itembtn a.dropdown-item {
    color: #d60403;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    padding: 8px 20px;
}

.perlistitem .itemdetail .itembtn a.dropdown-item:hover {
    color: #fff;
    background: #d60403;
}

.greenbtn {
    background: #038600 !important;
    color: #fff;
}

.bluebtn {
    /* add by sidra */
    background: #17a2b8 !important;
    color: #fff;
}

.perlistitem .itemdetail .itembtn.greenbtn {
    background: #038600;
    color: #fff;
}

.perlistitem .itemdetail .itembtn.greenbtn a.dropdown-item {
    color: #038600;
}

.perlistitem .itemdetail .itembtn.greenbtn a.dropdown-item:hover {
    color: #fff;
    background: #038600;
}

.perlistitem .itemdetail .itembtn span.dropdown-toggle {
    width: 25px;
    border-left: 1px solid #ccc;
    height: 46px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

.creatyourlist {
    background: #d60403;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.creatyourlist span:before,
.creatyourlist span:after {
    content: '|';
    text-indent: -99999px;
    width: 29px;
    height: 29px;
    background: url(../images/giftwhiteicon.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

.creatyourlist span {}

.creatyourlist h3 {
    color: #fff;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.creatyourlist b {
    font-weight: 800;
    vertical-align: middle;
}

.creatyourlist p {
    color: #fff;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 36px;
    padding: 0 11%;
    margin: 0;
}

.sharelist_appdownload {
    margin-top: 28px;
}

.sharelist_appdownload a {
    display: inline-block;
    margin: 0 4px;
}

.creatyourlist p a {
    text-decoration: underline;
    color: #fff;
}

.signupfrom {
    padding: 0 6em;
    text-align: center;
}

.imageuploader {
    margin: 0 auto 18px;
    position: relative;
    cursor: pointer;
}

.imageuploader .imageholder {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    background: #d60403;
    display: flex;
    align-items: center;
}

.imageuploader .imageholder img {
    width: 100%;
}

.imageuploader .imagefile {
    position: absolute;
    height: 0;
    visibility: hidden;
    top: -9999px;
    left: -9999px;
}

.imageuploader .imageholder label {
    display: block;
    color: #fff;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 5px;
    width: 100%;
    padding-bottom: 5px;
    bottom: 0;
    cursor: pointer;
}

.signupfrom .inputholder {
    margin-bottom: 18px;
}

.signupfrom .inputholder.textfield {
    border: 1px solid #b7b7b7;
    border-radius: 35px;
    height: 65px;
    display: flex;
    background: #fff;
    align-items: center;
}

.signupfrom .inputholder span {

    /**width: 9%;
    text-align: right;**/
}

.signupfrom .inputholder span i {
    font-size: 20px;
    color: #c2c4ca;
}

.signupfrom .inputholder .input {
    width: 80%;
    color: #1a1a1a;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-left: 24px;
}

.signupfrom .inputholder.textarea {
    height: auto;
    padding: 15px 0;
    border-radius: 25px;
}

.signupfrom .inputholder.textarea textarea.input {
    width: 100%;
    color: #1a1a1a;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-left: 24px;
    margin-right: 24px;
    border: 0;
}

.signupfrom .inputholder.textarea textarea.input:focus {
    border: 0;
    outline: 0;
    box-shadow: none;
}

.signupfrom .inputholder .checkholder {
    padding-top: 10px;
    padding-bottom: 8px;
}

.signupfrom .inputholder .checkholder label {
    color: #4a4a4a;
    position: relative;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding-left: 45px;
    cursor: pointer;
}

.signupfrom .inputholder .checkholder a {
    color: #d60403;
}

.signupfrom .inputholder .checkholder input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.signupfrom .inputholder .checkholder span {
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px;
    border: 4px solid #d60403;
    border-radius: 100%;
    bottom: 0;
    margin: auto 0;
}

.signupfrom .inputholder .checkholder label span:after {
    content: '|';
    position: absolute;
    width: 19px;
    height: 19px;
    background: #fff;
    opacity: 0;
    text-indent: -9999px;
    display: block;
    top: 2px;
    left: 2px;
    border-radius: 100%;
}

.signupfrom .inputholder .checkholder input:checked~span:after {
    opacity: 1;
    background: #d60403;
    color: #d60403;
    display: block;
}

.signupfrom .inputholder .singupbtn,
.popupfriendslist .inputholder .singupbtn {
    height: 42px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    width: 232px;
    background: #d60403;
}

.headermenu {
    text-align: right;
    align-self: center;
}

.headermenu ul {
    margin: 0;
    padding: 0;
}

.headermenu ul li {
    color: #fff;
    font-size: 16px;
    /*text-transform: uppercase;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.headermenu ul li a {
    color: #fff;
    display: block;
    padding: 0 10px;
}

.headermenu ul li:last-child a {
    border-left: 1px solid #fff;
    padding-right: 0;
}

.headermenu ul li .user_proimg {
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.userdropdown {
    cursor: pointer;
}

.userdropdown .user_proimg {
    margin-right: 15px;
}

.userdropdownpallete {
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
    z-index: 1000;
    padding: 8px;
}

.userdropdownpallete ul li {
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
}

.userdropdownpallete ul li a {
    color: #686767;
    border: none;
    text-align: center;
    display: block;
    padding: 8px;
}

.userdropdownpallete ul li:last-child {
    border: none;
}

.userdropdownpallete ul li a:hover {
    background: #d60403;
    color: #fff;
}

.headermenu ul li .user_proimg img {
    width: 34px;
    height: 34px;
}

.mylistcategory span {
    font-size: 24px;
    color: #686767;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    display: block;
}

.statusinfo {
    text-align: center;
}

.statusinfo .statusvalue {
    color: #d60403;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 36px;
    display: block;
    margin-bottom: 15px;
}

.statusinfo .statusby {
    display: block;
    font-size: 24px;
    color: #686767;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.statusselector {
    display: inline-block;
    width: 100%;
}

.customselectstatus {
    background: #038600;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    border-radius: 25px;
    padding: 9px 20px;
    text-align: center;
}

.bootstrap-select .customselectstatus.dropdown-toggle .filter-option-inner {
    text-align: center;
    padding-right: 0;
}

.bootstrap-select.selectstatus .dropdown-menu li a {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 8px;
}

.bootstrap-select.selectstatus .dropdown-item.active,
.bootstrap-select.selectstatus .dropdown-item:active {
    background: #d60403;
    color: #fff;
}

.bootstrap-select .customselectstatus.dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    box-shadow: none;
    outline: 0 !important;
}

.mysharelist .suggestedgiftbtn {
    padding: 45px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.suggestedgiftbtn span {
    font-size: 36px;
    color: #3b3b3b;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.suggestedgiftbtn span img {
    vertical-align: top;
}

.suggestedgiftbtn a {
    width: 162px;
    height: 42px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    display: block;
    background: #038600;
    border-radius: 25px;
}

.statusinfo .loginbadge {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    background: #038600;
    display: block;
    padding: 15px 8px;
    text-align: center;
    margin: 0 15px;
    border-radius: 13px;
}

.addborderbottom {
    border-bottom: 1px solid #e9e9e9;
}

.loginpopup .modal-body {
    padding: 0;
    background-image: url(../images/popupbg.jpg);
    background-position: center bottom;
    -o-background-position: center bottom;
    -webkit-background-position: center bottom;
    -ms-background-position: center bottom;
    -moz-background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -o-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

.loginpopup .popheader,
.loginpopup .friendlistpopupheader {
    text-align: center;
    padding-top: 30px;
}

.loginpopup .friendlistpopupheader {
    display: none;
}

.loginpopup .popuptitle {
    font-size: 36px;
    color: #1a1a1a;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 0 0 30px;
    font-weight: 600;
}

.loginpopup .signupfrom {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0;
    padding-bottom: 0;
    background-image: none;
}

.loginpopup .signupfrom .inputholder.textfield {
    height: 44px;
    position: relative;
}

.loginpopup .signupfrom .inputholder .input {
    font-size: 18px;
}

.loginpopup .signupfrom .inputholder .singupbtn,
.popupfriendslist .inputholder .singupbtn {
    height: 44px;
    font-size: 16px;
}

.loginpopup .close {
    /* background: #fff; */
    border-radius: 100%;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 18px;
    height: 18px;
    z-index: 100;
    opacity: 1;
}

.loginpopup .close img {
    width: 70%;
}

.loginpopup .forgetpassword {
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.loginpopup .forgetpassword a {
    color: #1a1a1a;
    text-decoration: underline;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.loginpopup .signupfrom .inputholder.textfield.textarea {
    height: auto;
}

.seprator_or {
    display: flex;
    flex-grow: 1;
    color: #a8acb9;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.seprator_or span:first-child,
.seprator_or span:last-child {
    height: 2px;
    background: #e3e3e3;
    width: 44%;
}

.continueasguest {
    color: #2a2a2a;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: 35px;
}

.continueasguest a {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 600;
    text-decoration: underline;
}

.notregistered {
    color: #242424;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 20px 0 30px;
}

.notregistered a {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.facebooklogin {
    text-align: center;
}

.remainingdays {
    color: #686767;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    display: block;
    margin-top: 5px;
}

.togglebtngroup {
    overflow: hidden;
}

.togglebtngroup>a {
    color: #6d6d6d;
    vertical-align: middle;
    font-size: 30px;
    margin: 0 10px;
    display: inline-block;
    transform: translate(50px, 0);
    opacity: 0;
    transition: all 0.5s;
    height: 0;
}

.togglebtngroup>a:first-child {
    margin-left: 0;
}

.togglebtngroup>a:last-child {
    display: inline-block;
    transform: translate(0, 0);
    opacity: 1;
    margin-right: 0;
    height: auto;
}

.togglebtngroup>a.show {
    display: inline-block;
    transform: translate(0, 0);
    opacity: 1;
    height: auto;
}

.full_listholder {
    display: none;
}

.full_listholder.show {
    display: block;
}

.category_tab a i:before {
    transition: all 0.5s;
}

.category_tab.active i:before {
    content: "\f106";
}

.userdropdownpallete {
    display: none;
    width: 200px;
}

.userdropdownpallete.show {
    display: block;
    -webkit-animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out 1;
    animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out;
}

@-webkit-keyframes c-dropdown-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes c-dropdown-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes c-dropdown-move-up {
    from {
        margin-top: 10px
    }
    to {
        margin-top: 0
    }
}

@keyframes c-dropdown-move-up {
    from {
        margin-top: 10px
    }
    to {
        margin-top: 0
    }
}

.togglebtngroup.openbuttons>a {
    display: inline-block !important;
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    height: auto !important;
}

.suggestedgiftbtn.addborderbottom.statusinfo .loginbadge {
    height: auto;
    margin: 0;
    width: 244px;
}

.addspace {
    margin-left: 10px;
}

.perlistitem .itemdetail .itembtn.smallbtn {
    width: 140px;
}

.tooltip.bs-tooltip-bottom {}

.tooltip.bs-tooltip-bottom .tooltip-inner,
.tooltip.bs-tooltip-top .tooltip-inner {
    max-width: 200px;
    padding: 3px 10px;
    color: #686767;
    text-align: center;
    background: #fff;
    border-radius: .25rem;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #b7b7b7;
    top: 10px;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
    display: none;
}

.tooltip.bs-tooltip-bottom .arrow {
    display: none;
}

.sharelinktoggle {}

.sharedropdown {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 150px;
    left: auto;
    right: 0;
    margin: 0 auto;
}

.sharedropdown:before {
    content: "\f0de";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    color: #fff;
    margin: 0 auto;
    width: 24px;
    left: 0;
    right: 0;
    display: none;
}

.sharedropdown ul {
    margin: 25px 0 0;
    padding: 5px 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
    text-align: center;
}

.sharedropdown.withshareform {
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
    overflow: hidden;
}

.sharedropdown ul {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
}

.sharedropdown.withshareform .radiobuttonholder {
    padding: 5px 8px;
    margin-left: 0;
}

.sharedropdown.withshareform label {
    margin: 10px 0 0;
    display: block;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

#mylist_current {
    align-self: center;
}

.sharedropdown.withshareform .radiobuttonholder label:first-child {
    margin-top: 0;
}

.sharedropdown.withshareform input {
    vertical-align: middle;
}

.sharedropdown.open {
    display: block;
    -webkit-animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out 1;
    animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out;
}

.sharedropdown ul li {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
}

.sharedropdown ul li a {
    color: #656565;
}

#copysuccessmsg {
    font-size: 12px;
    background: #038600;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 80px;
    line-height: 15px;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

#copysuccessmsg.show {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.imageuploader label.removeimage {
    font-size: 14px;
    color: #828282;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    position: absolute;
    right: 13%;
    bottom: 58px;
    cursor: pointer;
    left: auto;
    margin: auto 0 auto 0;
    display: none;
}

.loginpopup .signupfrom.addpopuppadding {
    padding-bottom: 68px;
}

.signupfrom .inputholder .singupbtn.setwidth,
.popupfriendslist .inputholder .singupbtn {
    max-width: 270px;
}

.modal-dialog.row {
    max-width: 100%;
}

.loginpopup .signupfrom.fullwidthform {
    padding-left: 5%;
    padding-right: 5%;
}

.popheader h3 {
    font-size: 30px;
    color: #1a1a1a;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 0 0 15px;
}

.perlistaddbtn {
    padding: 30px 0;
    background: #f3f3f3;
    text-align: center;
}

.perlistaddbtn a {
    width: 165px;
    height: 42px;
    border-radius: 25px;
    background: #038700;
    line-height: 42px;
    font-weight: 400;
    font-family: 'Cabin', sans-serif;
    font-size: 18px;
    display: block;
    color: #fff;
    margin: 0 auto;
}

.customlistselect {
    background: none;
    color: #2e2e2e;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    border-radius: 25px;
    padding: 9px 20px;
    text-align: center;
    width: 100%;
}

.customlistselect .searchonamazon {
    font-size: 16px;
    color: #fff;
    background: none;
    border: 0;
    padding: 5px;
    height: 26px;
}

.customlistoption {
    color: #1a1a1a;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    background: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
    padding-left: 5px;
}

.bootstrap-select .customlistoption.dropdown-toggle .filter-option-inner {
    padding-right: 0;
}

.customlistselect .bootstrap-select .dropdown-item.active,
.customlistselect .bootstrap-select.dropdown-item:active {
    background: #d60403;
    color: #fff;
}

.customlistselect .bootstrap-select .dropdown-toggle:focus,
.customlistselect .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    box-shadow: none;
    outline: 0 !important;
}

.customlistselect .dropdown-item {
    font-size: 16px;
}

.customlistselect .dropdown-item.active,
.customlistselect .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #038600;
}

.calendaropen {
    cursor: pointer;
    font-size: 24px;
    color: #d1d1d1;
}

.deletelistbtn {
    width: 200px;
    height: 48px;
    background: #909090;
    color: #fefefe;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    border-radius: 25px;
}

.resetpasswordfields {
    display: none;
}

.resetpasswordfields.show {
    display: block;
}

.headermenu.absoluted {
    position: absolute;
    top: 0;
    right: 20px;
}

.c_group-btn {
    position: absolute;
    right: 0;
    top: 1;
    height: 42px;
    width: 80px;
    border-radius: 0 25px 25px 0;
    text-align: center;
}

.c_group-btn a {
    display: block;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #fff;
    background: #038700;
    line-height: 42px;
    border-radius: 0 25px 25px 0;
}

.loginpopup .signupfrom .inputholder.groupwithbtn .input {
    padding-right: 12px;
}

.headermenu.absoluted ul li {
    background: none;
    padding: 1px;
}


/*--#### NEW CSS FOR NEW LAYOUT STARTS ####--*/

.section_addpadding {
    padding-left: 50px;
    padding-right: 50px;
}

.otherpage_header {
    background: #f5f8fa;
}

.otherpage_logo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.otherpage_logo img {
    width: 120px;
}

.headermenu ul li .user_proimg {
    width: 34px;
    height: 34px;
}

.headermenu>ul>li {
    color: #2e2e2e;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 32px;
    padding: 4px;
    margin-left: -6px;
}

.userdropdown .user_proimg {
    margin-right: 6px;
}

.headermenu>ul>li .username i {
    font-size: 16px;
    margin: 0 10px;
    vertical-align: middle;
}

.pagetabs {
    background: #ebf2f6;
}

.pagetabs>a {
    display: inline-block;
    padding: 13px 50px;
    color: #101010;
    border-right: 4px solid #f5f8fa;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.pagetabs>a.activepagetab {
    background: #fff;
    color: #d60403;
}

.pagetabs>a svg,
.pagetabs>a .svg {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    width: 23px;
    max-height: 23px;
}

.pagetabs>a.activepagetab svg,
.pagetabs>a.activepagetab .svg {
    fill: #d60403;
}

.pagetabs>a:hover svg path,
.pagetabs>a:hover .svg path {
    fill: #d60403;
}

.pagetabs>a:hover {
    color: #d60403;
}

.pagetabs>a span {
    vertical-align: middle;
    display: inline-block;
    margin-top: 5px;
}

.pagetabs_content {}

.eachtab_content {
    display: none;
}

.eachtab_content.show {
    display: block;
}

.eachtab_content_header {
    padding-top: 13px;
    padding-bottom: 13px;
    align-items: center;
    justify-content: space-between;
}

.eachtab_content_title {
    padding: 12px 60px;
}

.eachtab_content_title h3 {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

.eachtab_content_innertabs {
    overflow: hidden;
    width: 0;
    transition: all ease-in 0.5s;
    height: 0;
    opacity: 0;
}

.button_createbtn {
    vertical-align: middle;
    display: inline-block;
    margin-left: auto;
    position: relative;
    width: 134px;
    height: 40px;
    background: #d60403;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
}

.button_createbtn:hover {
    background: #d60403;
    color: #fff;
}

.eachtab_content_innertabs .createlistbtn i {
    margin-right: 7px;
}

.eachtab_content_innertabs .current_inner_tab {
    background: #e7edf1;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    padding: 13px 30px;
    border-radius: 32px;
    font-size: 16px;
}

.eachtab_content_innertabs>a {
    font-weight: 400;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 13px;
    display: inline-block;
    vertical-align: middle;
}

.eachtab_content_innertabs>a:hover {
    color: #d60403;
}

.morelistholder {
    position: relative;
    display: none;
    vertical-align: middle;
}

.eachtab_content_innertabs a.morelistsbtn {
    background: #e7edf1;
    border-radius: 100%;
    height: 25px;
    color: #2e2e2e;
    width: 25px;
    padding: 0;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.eachtab_content_innertabs .morelistsdropdown {
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
    z-index: 1000;
    padding: 8px;
    height: 0;
    width: 250px;
    visibility: hidden;
}

.eachtab_content_innertabs .morelistsdropdown.show {
    display: block;
    visibility: visible;
    height: auto;
    -webkit-animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out 1;
    animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out;
}

.eachtab_content_innertabs .morelistsdropdown a {
    color: #686767;
    border: none;
    text-align: left;
    display: block;
    padding: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.eachtab_content_innertabs .morelistsdropdown a:hover {
    background: #d60403;
    color: #fff;
}

.eachtab_content_sharebtn {
    vertical-align: middle;
    display: inline-block;
    margin-left: auto;
    position: relative;
}

.eachtab_content_sharebtn button {
    font-weight: 400;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background: none;
    padding: 13px 10px;
}

.eachtab_content_sharebtn button i {
    color: #d60403;
    margin-right: 10px;
}

.eachtab_content_sharebtn .sharedropdown {
    right: 0;
}

.eachtab_content_sharebtn .sharedropdown ul {
    margin: 0 0 0;
}

.innertabs_content_header {
    background: #ebf2f6;
    padding-top: 7px;
    padding-bottom: 7px;
}

.innertabs_content_filter h4 {
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 8px 0 8px 30px;
}

.innertabs_content_filter h4 span {
    font-size: 12px;
    vertical-align: middle;
}

.innertabs_content_filter h4 span.occassiondate {
    display: block;
    color: #038700;
}

.innertabs_content_header .addgiftbtn,
.itemlistingcol_portion .search .addgiftbtn {
    background: #038700;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    width: 145px;
    height: 42px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 0 5px;
}

.innertabs_content_header .searchinlist {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 5px;
    width: calc(100% - 410px);
}

.searchinlist .searchbtn {
    width: 28px;
    height: 30px;
    background: none;
    border: 0;
    position: absolute;
    top: 8px;
    right: 10px;
    color: #2e2e2e;
    font-size: 15px;
}

.searchinlist .searchinput {
    height: 42px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background: #fff;
    border: 0;
    color: #2e2e2e;
    padding: 0 35px 0 20px;
    width: 100%;
    border-radius: 5px;
}

.innertabs_content_header .invitebtn {
    background: #fff;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    width: 100px;
    height: 42px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 0 5px;
}

.innertabs_content_header .settingbtn {
    background: none;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    width: 40px;
    height: 50px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 0 0 0 5px;
    padding: 0 5px;
}

.innertabs_content_header .settingbtn i {
    padding: 10px 3px;
}

.innertabs_content_header .settingbtn span {
    padding: 10px 2px;
}

.innertabs_per_product,
.related_product_slider {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fafbfc;
    border-bottom: 1px solid #fff;
}

.innertabs_per_product:hover {
    background: #f5f8fa;
}

.innertabs_per_product .imageholder {
    background: #fff;
    padding: 15px;
}

.innertabs_per_product .imageholder img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 200px;
}

.innertabs_per_product h5 {
    font-size: 18px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 13px 0 10px;
}

.innertabs_per_product p {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 10px;
}

.innertabs_per_product p a {
    color: #038600;
}

.innertabs_per_product .findonstore a {
    display: inline-block;
    height: 42px;
    border-radius: 5px;
    line-height: 44px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    background: #038600;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    vertical-align: middle;
}

.innertabs_per_product .findonstore a {
    color: #fff;
}

.innertabs_per_product .price {
    display: block;
    color: #d60403;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 10px;
    vertical-align: middle;
}

.innertabs_per_product .price.d-inline {
    display: inline-block !important;
}

.innertabs_per_product .date {
    display: block;
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 10px;
}

.innertabs_per_product .date img {
    margin-left: 15px;
}

.innertabs_per_product .date img {
    max-height: 23px;
}

.innertabs_per_product .suggestedbytext {
    display: block;
    color: #038600;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: -10px 0 10px;
}

.innertabs_per_product p .moreellipses {
    color: #d60403;
}

.innertabs_per_product p .morecontent span {
    display: none;
}

.innertabs_per_product .morelink {
    display: inline-block;
    color: #d60403;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.singlebutton {}

.singlebutton a,
.singlebutton a:focus {
    display: block;
    height: 42px;
    border-radius: 5px;
    line-height: 44px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-bottom: 7px;
    color: #fff;
}

.singlebutton a:hover {
    color: #fff;
}

.singlebutton .productstatustext {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 10px;
}

.reservebtn {
    background: #ff7200;
    color: #fff;
}

.doublebutton {
    margin: 0 -4px;
}

.doublebutton button {
    display: inline-block;
    height: 44px;
    width: calc(50% - 10px);
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 0 4px;
    margin-bottom: 7px;
}

.doublebutton a {
    display: inline-block;
    height: 44px;
    width: calc(50% - 10px);
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 0 4px;
    padding-top: 15px;
}

.doublebutton button i {
    font-size: 14px;
    vertical-align: middle;
    margin-top: -4px;
}

.redbtn {
    background: #d60403;
    color: #fff;
}

.doublebutton .redbtn {
    background: #d60403;
    color: #fff;
}

.productloadmore {
    display: block;
    width: 220px;
    margin: 0 auto;
    height: 44px;
    border-radius: 5px;
    line-height: 44px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    background: #e4e4e4;
    color: #9a9a9a;
    border-radius: 32px;
}

.productloadmore:hover {
    background: #e7edf1;
    columns: #2e2e2e;
}

.buttonsholder {
    padding-top: 7%;
}

.eachtab_content_friends_header {
    padding: 0 50px;
}

.eachtab_content_friends_header label {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    width: 170px;
    display: inline-block;
    vertical-align: middle;
}

.eachtab_content_friends_header span {
    display: inline-block;
    vertical-align: middle;
    color: #2e2e2e;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #eaf2f5;
    border-radius: 32px;
    padding: 4px 20px 4px 4px;
    margin: 0 7px;
}

.eachtab_content_friends_header span.sharedstatus {
    padding: 4px 20px;
}

.eachtab_content_friends_header span img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.eachtab_content_friends_header .shared_with_friends {
    margin-top: 13px;
}

.morelist_shared_with_friends {
    position: relative;
    display: none;
    vertical-align: middle;
}

.morelist_shared_with_friends_btn {
    background: #e7edf1;
    border-radius: 100%;
    height: 25px;
    color: #2e2e2e;
    width: 25px;
    padding: 0;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.dropdown_shared_with_friends {
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
    z-index: 1000;
    padding: 8px;
    height: 0;
    width: 250px;
    visibility: hidden;
}

.dropdown_shared_with_friends.show {
    display: block;
    visibility: visible;
    height: auto;
    -webkit-animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out 1;
    animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out;
}

.eachtab_content_friends_header .dropdown_shared_with_friends span {
    display: block;
    margin-bottom: 5px;
}

.innertabs_content_header .addgiftbtn.roundedbtn,
.itemlistingcol_portion .search .addgiftbtn.roundedbtn {
    border-radius: 32px;
}

.filteroptions {
    position: absolute;
    z-index: 1000;
    height: 0;
    opacity: 0;
    overflow: hidden;
    width: 166px;
    left: 0;
    margin: 0 auto;
    padding: 5px 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
}

.filteroptions li {
    display: block;
}

.filteroptions li a {
    color: #686767;
    border: none;
    text-align: center;
    display: block;
    padding: 5px 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.filteroptions li a:hover,
.filteroptions li a.active {
    background: #d60403;
    color: #fff;
}
.buttondropdown.current .filteroptions,
.filteroptions.show {
    height: auto;
    opacity: 1;
    overflow: visible;
    -webkit-animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out 1;
    animation: c-dropdown-fade-in .3s ease 1, c-dropdown-move-up .3s ease-out;
}

.buttondropdown {
    position: relative;
    padding: 0;
}

.buttondropdown>i {
    padding: .375rem .75rem;
    display: block;
}

.popheader h3 {
    color: #1a1a1a;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.signupfrom .inputholder.textfield {
    border: 1px solid #c2c4ca;
    font-size: 17px;
}

.loginpopup .modal-body {
    background-image: url(../images/popupbg.jpg);
    background-position: center bottom;
    -o-background-position: center bottom;
    -webkit-background-position: center bottom;
    -ms-background-position: center bottom;
    -moz-background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
}

.modal-content {
    border-radius: 37px;
    overflow: hidden;
}

.loginpopup .signupfrom .inputholder.textfield {
    height: 40px;
    position: relative;
}

.signupfrom .inputholder .input {
    height: 31px;
}

.loginpopup .signupfrom .inputholder .input {
    font-size: 14px;
}

.signupfrom .inputholder.textarea textarea.input,
.loginpopup .signupfrom .inputholder textarea.input {
    height: auto;
    font-size: 14px;
}

.popupsearchbtn .customlistselect {
    width: 302px;
    margin: 0 auto;
    background: #117d0f;
    font-size: 14px;
}

.popupsearchbtn .customlistselect .bootstrap-select>.dropdown-toggle.searchbtn {
    font-size: 14px;
    color: #fff;
}

.popupsearchbtn .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: center;
}

.inputholder.textfield.popupsearchbtn {
    background: none;
    border: 0;
}

.popupproductlist,
.popupproductdetail,
.popupfriendslist {
    min-height: 380px;
    display: none;
    margin: 5%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
}

.popupproductlist header,
.popupproductdetail header,
.popupfriendslist header {
    padding: 15px 20px;
}

.popupproductlist .popupproductlist_holder,
.popupproductdetail .popupproductlist_holder,
.popupfriendslist .popupfriendslist_holder,
.popupfriendslist .copytofriend,
.popupproductdetail .popupproductdetail_holder {
    padding: 15px 20px;
}

.popupproductlist header a,
.popupproductdetail header a,
.popupfriendslist header a {
    font-size: 24px;
    display: inline-block;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    vertical-align: middle;
}

.popupproductlist header h5,
.popupproductlist_holder header h5 {
    display: inline-block;
    width: calc(100% - 21px);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    vertical-align: middle;
    margin: 0;
}

.radiobuttonholder {
    text-align: left;
    margin-left: 24px;
}

.radiobuttonholder input {
    visibility: hidden;
    height: 0;
    width: 0;
}

.radiobuttonholder label {
    display: inline-block;
    margin-right: 10px;
    color: #1a1a1a;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

.radiobuttonholder label span,
.signupfrom .inputholder.radiobuttonholder label span {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #d60403;
    vertical-align: bottom;
}

.radiobuttonholder label.active span:after {
    content: '';
    text-indent: -9999px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #d60403;
}

.invitecontent {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15%;
    padding-right: 15%;
}

.invitecontent p {
    color: #1a1a1a;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    line-height: 24px;
    margin: 0 10% 20px;
}

.invitebuttons {
    text-align: center;
}

.invitebuttons a {
    display: inline-block;
    width: calc((100% / 2) - 26px);
    height: 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
    background: #fff;
    border-radius: 35px;
    border: 1px solid #c2c4ca;
    line-height: 40px;
    color: #2e2e2e;
    margin: 0 5px 20px;
    text-decoration: none !important;
}

.invitebuttons a i {
    margin-right: 10px;
}

.friendlistselector,
.backtofriendslist {
    display: none;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
    text-decoration: underline;
}

.popupfriendslist_holder ul,
.copytofriend ul {
    margin: 0;
    padding: 0;
}

.popupfriendslist_holder ul li,
.copytofriend ul li {
    display: block;
    position: relative;
}

.popupfriendslist_holder ul li label,
.copytofriend ul li label {
    display: block;
    cursor: pointer;
    vertical-align: middle;
    color: #2e2e2e;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 5px 10px;
    margin: 0;
    border-top: 1px solid #f6f6f6;
}

.popupfriendslist_holder ul li label span,
.copytofriend ul li label span {
    color: #038600;
    position: absolute;
    right: 36px;
    top: 19px;
}

.popupfriendslist_holder ul li label img,
.copytofriend ul li label img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px;
}

.popupfriendslist_holder ul li:first-child label,
.copytofriend ul li:first-child label {
    border-top: 0;
}

.popupfriendslist_holder ul li label.selected {
    background: #f5f8fa;
}

.popupfriendslist_holder ul li label.selected:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 300;
    color: #117d0f;
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 15px;
}

.popupproductlist_holder ul li label img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.popupfriendslist_holder ul li input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
}

.popupfriendslist .inputholder .singupbtn {
    display: block;
    margin: 0 auto;
}

.popupfriendslist .searchinlist {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 0 0 5px;
    width: calc(100% - 21px);
    border: 1px solid #f6f6f6;
}

.selectallfriends {
    font-size: 14px;
    color: #038600;
    border-radius: 5px;
    margin: 0 21px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
}

.selectallfriends:hover {
    color: #038600;
}

.selectallfriends.removeallfriends {
    color: #d60403;
}

.popupproductlist_holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.popupperproduct {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 10px;
}

.popupperproduct:hover {
    background: #f6f6f6;
}

.popupperproduct img {
    height: 90px;
    max-width: 100%;
    display: block;
    margin: 0 auto 10px;
}

.popupperproduct h6 {
    font-size: 15px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 6px;
    border-bottom: 1px solid #a1a1a1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popupperproduct .merchantname {
    display: block;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 15px;
}

.popupperproduct .price {
    display: block;
    color: #d60403;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0;
    font-size: 15px;
}

.popupproductdetail .popupproductdetail_holder .mainimage {
    height: 110px;
    max-width: 100%;
    margin: 0 auto 15px;
    display: block;
}

.popupproductdetail .popupproductdetail_holder h4 {
    font-size: 18px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 15px;
}

.popupproductdetail .popupproductdetail_holder .merchantimage {
    display: block;
    margin-bottom: 15px;
}

.popupproductdetail .popupproductdetail_holder .price {
    display: block;
    color: #d60403;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 18px;
}

.popupproductdetail .popupproductdetail_holder .buttonsholder {
    margin-bottom: 15px;
    position: relative;
}

.popupproductdetail .popupproductdetail_holder .buttonsholder a {
    display: inline-block;
    height: 30px;
    width: 140px;
    border-radius: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 0 4px;
    margin-bottom: 7px;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
    background: #d60403;
}

.popupproductdetail .popupproductdetail_holder .contentholder {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.popupproductdetail .popupproductdetail_holder .contentholder p {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 15px;
}

.popupproductdetail .popupproductdetail_holder .contentholder ul {
    margin: 0 0 15px;
    padding: 0;
}

.popupproductdetail .popupproductdetail_holder .contentholder ul li {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 7px;
}

.filteroptions.rightattach {
    left: auto;
    right: 0;
}

.innertabs_per_product .itembold {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 10px;
    display: block;
}

.innertabs_per_product h5 span {
    font-weight: 400;
}

.buynowvisitbtn,
.buynowvisitbtn:focus {
    height: 26px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    border-radius: 32px;
    vertical-align: middle;
    margin: 0 10px 10px;
    padding: 0 15px;
}

.buynowvisitbtn:hover {
    color: #fff;
}

.buynowvisitbtn.bluebtn {
    background: #2e7194;
}

.buynowvisitbtn.greenbtn {
    background: #2e942e;
}

.yourcartbox {
    display: flex;
    flex-direction: row;
    height: 218px;
    background: #f6f9fb;
    align-items: center;
    justify-content: center;
}

.carticon {
    font-size: 40px;
    color: #2e942e;
    padding: 0 10px;
}

.cartcontent .totalbudget {
    color: #2e2e2e;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    display: block;
}

.cartcontent .totalbudget i {
    font-style: normal;
    color: #d60403;
}

.cartcontent .totalprice {
    font-style: normal;
    color: #d60403;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    display: block;
    font-size: 30px;
}

.eachtab_content_breadcrumb {
    padding: 12px 60px 0;
}

.eachtab_content_breadcrumb ul {
    margin: 0;
    padding: 0;
}

.eachtab_content_breadcrumb ul li {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #2e2e2e;
    margin-bottom: 15px;
}

.eachtab_content_breadcrumb ul li a {
    color: #2e2e2e;
}

.eachtab_content_breadcrumb ul li a:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: 0 11px;
}

.productdetail_slider {
    display: flex;
    flex-direction: row;
}

#ninja-slider {
    background: none;
}

#ninja-slider .ns-img {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.thumbnailslider {
    width: 135px;
}

#thumbnail-slider div.inner {
    background: none;
    padding: 0;
}

#thumbnail-slider ul li {
    margin: 0;
    padding: 0;
    width: 129px !important;
    height: 135px !important;
}

#thumbnail-slider ul li.active {
    border-color: #2e7194;
}

#thumbnail-slider .thumb {
    background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.productdetail_content h4 {
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 16px;
}

.productdetail_content .price {
    color: #d60403;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    margin-bottom: 14px;
    display: block;
    font-weight: 700;
}

.productdetail_content .date {
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    display: block;
    margin-bottom: 14px;
}

.productdetail_content .date img {
    margin-left: 20px;
}

.productdetail_content .suggestedgreen {
    color: #038700;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 14px;
    display: block;
}

.productdetail_content p {
    color: #2e2e2e;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 20px;
}

.productdetail_content p .morelink {
    font-weight: 700;
    color: #2e2e2e;
}

.productdetail_slider,
.productdetail_content {
    margin-bottom: 50px;
}

.productdetail_slider img {
    width: 100%;
}

.productdetail_content .statusselector {
    width: calc(50% - 10px);
}

.statusselector .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.statusselector .bootstrap-select>.dropdown-toggle {
    height: 44px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
}

.rounded.statusselector .bootstrap-select>.dropdown-toggle,
button.rounded,
a.rounded {
    border-radius: 32px !important;
}

.statusselector.available .bootstrap-select>.dropdown-toggle {
    background: #038600 !important;
}

.statusselector.bought .bootstrap-select>.dropdown-toggle {
    background: #d60403;
}

.statusselector.reserved .bootstrap-select>.dropdown-toggle {
    background: #ff7200;
}

.statusselector .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 36px;
    text-align: center;
}

.statusselector .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: 0;
}

.statusselector .dropdown-toggle::after {
    position: absolute;
    right: 12px;
    top: 20px;
}

.statusselector .bootstrap-select .dropdown-toggle:focus,
.statusselector .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0 !important;
    color: #fff;
}

.statusselector .bootstrap-select .dropdown-menu li a {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.statusselector .bootstrap-select .dropdown-menu li a.availableopt {
    color: #038600;
}

.statusselector .bootstrap-select .dropdown-menu li a.boughtopt {
    color: #d60403;
}

.statusselector .bootstrap-select .dropdown-menu li a.reservedopt {
    color: #ff7200;
}

.statusselector .bootstrap-select .dropdown-menu li a.availableopt.selected,
.statusselector .bootstrap-select .dropdown-menu li a.availableopt.active,
.statusselector .bootstrap-select .dropdown-menu li a.availableopt:active {
    background: #038600;
    color: #fff;
}

.statusselector .bootstrap-select .dropdown-menu li a.boughtopt.selected,
.statusselector .bootstrap-select .dropdown-menu li a.boughtopt.active,
.statusselector .bootstrap-select .dropdown-menu li a.boughtopt:active {
    background: #d60403;
    color: #fff;
}

.statusselector .bootstrap-select .dropdown-menu li a.reservedopt.selected,
.statusselector .bootstrap-select .dropdown-menu li a.reservedopt.active,
.statusselector .bootstrap-select .dropdown-menu li a.reservedopt:active {
    background: #ff7200;
    color: #fff;
}

.singlebutton .statusselector {
    margin-bottom: 7px;
}

.related_product_slider {
    padding-bottom: 70px;
}

.related_product_slider img {
    width: 100%;
}

.related_product_slider h4 {
    font-size: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin: 24px 0 34px;
}

.related_product_slider .slider h5 {
    font-size: 18px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 10px;
}

.related_product_slider .slider p {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 10px;
}

.related_product_slider .slider .price {
    display: block;
    font-size: 20px;
    color: #d60403;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
}

.messageslider_nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.625rem;
    color: #353535;
    height: 26px;
    z-index: 1000;
}

.messageslider_prev {
    right: auto;
    left: -15px;
}

.messageslider_next {
    left: auto;
    right: -15px;
}

h5.add_adjustment {
    margin: 0 20px 20px 20px;
}

.singlebutton .statusselector a {
    line-height: 24px;
    border-radius: 0;
    margin-bottom: 0;
}

.multipleemailchoice {
    margin: 0 20px 20px;
    overflow: hidden;
    background: #fff;
    padding: 7px 20px 2px;
    border: 1px solid #c2c4ca;
    text-align: left;
    border-radius: 35px;
    cursor: text;
}

.giftlist {
    margin: 0 20px 20px;
    background: #fff;
    border: 1px solid #c2c4ca;
    text-align: left;
    border-radius: 35px;
    cursor: text;
}

span.email-ids {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding: 0px 4px;
    border-radius: 5px;
    line-height: 24px;
    color: #2e2e2e;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

span.cancel-email {
    border: 0px;
    width: 18px;
    display: block;
    float: right;
    text-align: center;
    margin-left: 2px;
    border-radius: 49%;
    height: 18px;
    line-height: 15px;
    margin-top: 3px;
    cursor: pointer;
}

.email-id-row {
    border: 1px solid #ccc;
}

.email-id-row input {
    border: 0;
    outline: 0;
}

span.to-input {
    display: block;
    float: left;
    padding-right: 11px;
}

.email-id-row {
    padding-top: 6px;
    padding-bottom: 7px;
    /*margin-top: 23px;*/
}

.all-mail {
    display: inline-block;
    text-align: left;
}

.enter-mail-id {
    background: none;
    border: 0px;
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding: 5px 0px;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
    color: #2e2e2e;
    margin-bottom: 5px;
}

.giftscreen_btn {
    background: #d60403;
    color: #ffffff;
    display: inline-block;
    width: calc((100% / 2) - 26px);
    height: 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: 35px;
    border: 1px solid #c2c4ca;
    line-height: 35px;
    margin: 6px 5px 20px;
}

.invitebuttons a.inviteviaemail {
    background: #d60403;
    color: #fff;
}

.invitebuttons a.list_btn {
    background: #117d0f;
    color: #fff;
}

.itemlistingcol {
    width: 356px;
    max-width: 356px;
    padding: 0;
}

.itemlistingcol_tabs {
    display: flex;
    flex-direction: row;
    flex-grow: 0 0 1;
}

.itemlistingcol_tabs a {
    width: 50%;
    display: block;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    border-top: 1px solid #fff;
    background: #ebf2f6;
}

.itemlistingcol_tabs a.active {
    color: #d60403;
    background: #fff;
}

.itemlistingcol_content,
.itemlistingcol_portion.mylist_portion {
    display: none;
}

.itemlistingcol_content .perfriendlist ul li img {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
}

.itemlistingcol_content.show,
.itemlistingcol_portion.show.mylist_portion {
    display: block;
}

.itemlistingcol_content .search {
    position: relative;
}

.itemlistingcol_content .search input[type="text"] {
    width: 100%;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    border-width: 0px;
    background: #fafcfd;
    padding: 15px 60px 15px 35px;
}

.itemlistingcol_content .search button {
    background: none;
    border-width: 0px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #2e2e2e;
    padding: 17px 15px 17px 0;
}

.collapselist {
    background: #fbfcfe;
}

.collapselist>a {
    padding: 15px 35px;
    font-size: 18px;
    color: #d60403;
    font-family: 'Roboto', sans-serif;
    background: #ebf2f6;
    font-weight: 500;
    display: block;
    position: relative;
}

.collapselist>a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 300;
    color: inherit;
    position: absolute;
    right: 35px;
    top: 16px;
}

.collapselist>a.open:after {
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
}

.collapselist ul {
    margin: 0;
    padding: 0;
    height: 0;
    min-height: 50px;
    visibility: hidden;
    overflow: hidden;
}

.collapselist ul.show {
    height: auto;
    visibility: visible;
    overflow: auto;
}

.collapselist ul li {
    padding: 25px 26px 25px 36px;
    display: block;
    position: relative;
    overflow: hidden;
}

.collapselist ul li.active {
    background: #f3f7fa;
}
.collapselist ul li span.brandimg a span{
    display: block;
}

.collapselist ul li span.brandcheckbox {
    float: right;
    color: #d60403;
    font-size: 18px;
    cursor: pointer;
}

.collapselist ul li span.brandcheckbox input {
    visibility: hidden;
    height: 0;
    width: 0;
}

.itemlistingcol_portion {
    padding: 0;
}

.itemlistingcol_portion .title {
    padding: 15px 20px;
    overflow: hidden;
}

.itemlistingcol_portion .title .imageholder {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.itemlistingcol_portion .title .imageholder img {
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.itemlistingcol_portion .title .text {
    float: left;
    width: auto;
}

.itemlistingcol_portion .title .addfriendbtnholder {
    float: left;
    width: auto;
    margin-top: 8px;
}

.itemlistingcol_portion .search {
    padding: 10px 20px;
    background: #ebf2f6;
    border-bottom: 1px solid #fff;
}

.itemlistingcol_portion .search .addgiftbtn {
    width: 145px;
}

.itemlistingcol_portion .search:after {
    content: '';
    position: relative;
    display: block;
    clear: both;
    width: 100%;
}

.itemlistingcol_portion .search form {
    position: relative;
    float: none;
    width: 350px;
    display: inline-block;
    vertical-align: middle;
}

.itemlistingcol_portion .search form input[type="text"] {
    width: 100%;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    background: #fbfcfe;
    height: 42px;
    padding: 0 52px 0 20px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.itemlistingcol_portion .search form button {
    background: none;
    border-width: 0px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #2e2e2e;
    padding: 13px 16px 13px 0;
}

.itemlistingcol_portion .addyourownbtn {
    float: right;
    height: 42px;
    line-height: 40px;
    width: 180px;
    text-align: center;
    font-size: 15px;
    color: #fefefe;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    background: #038700;
    border-radius: 5px;
}

.itemlistingcol_portion .productslisting {
    background: #f3f7fa;
    padding: 13px 15px;
    overflow: hidden;
    display: block;
}

.itemlistingcol_portion .productslisting.hide {
    display: none;
}

.itemlistingcol_portion .innertabs_content.productslisting_item_detail {
    background: #f3f7fa;
    padding: 13px 15px;
    overflow: hidden;
    display: none;
}

.itemlistingcol_portion .innertabs_content.productslisting_item_detail.show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.itemlistingcol_portion .innertabs_content [class^="col-"] {
    padding: 0 7px;
}

.itemlistingcol_portion .productslisting .perproduct {
    margin: 7px;
    width: calc((100% / 3) - 14px);
    float: left;
}

.itemlistingcol_portion .productslisting .perproduct a {
    display: flex;
    flex-direction: row;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background: #fff;
    padding: 7px;
}

.itemlistingcol_portion .productslisting .perproduct a>span {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.itemlistingcol_portion .productslisting .perproduct a span.imageholder {
    width: 117px;
    height: 128px;
    flex: 0 0 117px;
}

.itemlistingcol_portion .productslisting .perproduct a span.imageholder img {
    max-width: 100%;
    max-height: 128px;
    display: block;
    margin: 0 auto;
}

.itemlistingcol_portion .productslisting .perproduct a span.contentholder {
    padding: 5px;
}

.itemlistingcol_portion .productslisting .perproduct a span.contentholder .title {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
}

.itemlistingcol_portion .productslisting .perproduct a span.contentholder span.price {
    display: block;
    color: #d60403;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-top: 5px;
}

.perslide.slick-slide:focus {
    outline: 0 !important;
}

a.disabled,
button.disabled {
    opacity: 0.8;
    cursor: not-allowed;
    background: #efefef;
    color: #aaa;
}

.backtoproductlisting {
    display: inline-block;
    padding: 15px 0;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.btnholder::before {
    clear: both;
    content: '';
    display: block;
}

.btnholder {
    width: 100%;
    text-align: center;
}

.btnholder button {
    margin: 20px auto 50px;
}

.btn.disabled,
.btn:disabled {
    opacity: 1;
}

.statusselector .bootstrap-select.disabled .dropdown-toggle::after {
    display: none;
}

.giftideas_list {
    overflow: hidden;
    background: #f3f7fa;
}

.giftideas_list ul {
    margin: 0 -0.5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.giftideas_list ul li {
    display: flex;
    width: 50%;
    justify-content: center;
    border: 0.5px solid #fbfcfe;
    flex-direction: column;
    height: 130px;
    align-items: center;
    cursor: pointer;
}

.giftideas_list ul li img {
    width: 40px;
}

.giftideas_list ul li.active {
    background: #ebf2f6;
}

.giftideas_list ul li span {
    color: #2e2e2e;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Roboto', sans-serif;
    padding: 16px 10px;
    text-align: center;
    display: block;
}

.itemlistingcol_portion .title .giftideas_list_icon {
    max-height: 35px;
    width: auto;
    margin-right: 10px;
}

.itemlistingcol_portion .title span.giftideas_list_title {
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 3px;
}

.itemlistingcol_portion .title span.listownersub {
    color: #038700;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    display: block;
    margin-top: 3px;
}

.itemlistingcol_portion .search.innertabs_content_header {
    padding: 8px 20px;
}

.friendspage_list .innertabs_per_product h5,
.friendspage_list .innertabs_per_product p,
.friendspage_list .innertabs_per_product .price,
.innertabs_per_product .date {
    margin-bottom: 10px;
}

.perfriendlist {
    background: #f9fbfc;
}

.perfriendlist:first-of-type {
    margin-top: 50px;
}

.perfriendlist>a,
.perfriendlist>h6 {
    padding: 7px 30px;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: flex;
    position: relative;
    margin: 0;
    align-items: center;
}

.perfriendlist>a img,
.perfriendlist>h6 img {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
}

.perfriendlist>a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 300;
    color: inherit;
    position: absolute;
    right: 35px;
    top: 23px;
}

.findperfriend {
    background: #f9fbfc;
}

.findperfriend:first-of-type {
    margin-top: 50px;
}

.findperfriend>a,
.findperfriend>h6 {
    padding: 7px 30px;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: flex;
    position: relative;
    margin: 0;
    align-items: center;
}

.findperfriend>h6 img {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
}

.findperfriend .perfriendlist_title .actionbuttons {
    margin-left: auto;
    color: #2e2e2e;
}

.findperfriend .perfriendlist_title .actionbuttons a {
    margin-right: 6px;
    font-size: 15px;
    color: #2e2e2e;
}

.findperfriend .perfriendlist_title .actionbuttons a:last-child {
    margin-right: 0;
}

.findperfriend>a:after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    font-weight: 300;
    color: inherit;
    position: absolute;
    right: 35px;
    top: 23px;
}

.findperfriend .perfriendlist_title .name {
    position: relative;
    padding: 0 10px;
}

.perfriendlist.show>a {
    box-shadow: 0 0px 15px 0.5px rgba(0, 0, 0, 0.2);
    background: #fafcfd;
}

.perfriendlist.show>a:after {
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
}

.perfriendlist .perfriendlist_title .righticon {
    color: #2e2e2e;
}

.perfriendlist .perfriendlist_title .righticon.font-20 {
    font-size: 20px;
}

.perfriendlist .perfriendlist_title .actionbuttons {
    margin-left: auto;
    color: #2e2e2e;
}

.perfriendlist .perfriendlist_title .actionbuttons a {
    margin-right: 6px;
    font-size: 15px;
    vertical-align: middle;
}

.perfriendlist .perfriendlist_title .actionbuttons a:last-child {
    margin-right: 0;
}

.perfriendlist .perfriendlist_title .name {
    position: relative;
    padding: 0 10px;
}

.perfriendlist .perfriendlist_title .name .havemotification {
    width: 9px;
    height: 9px;
    background: #038700;
    position: absolute;
    right: -15px;
    top: 4px;
    border-radius: 100%;
}

.name .requeststatus {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-top: 3px;
}

.name .requeststatus.green {
    color: #038700;
}

.pergiftlist ul {
    margin: 0;
    padding: 0;
    background: #fff;
    border-top: 4px solid #f5f8fa;
}

.pergiftlist ul li {
    display: block;
    position: relative;
    margin-top: 1px;
    background: #fbfcfd;
}

.pergiftlist ul li a {
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: block;
    padding: 20px 30px 20px 35px;
    position: relative;
}

.pergiftlist ul li a span.createdfor {
    color: #038700;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    display: block;
    margin-top: 3px;
}

.pergiftlist ul li a:hover,
.pergiftlist ul li a.active {
    background: #eaf0f3;
    font-weight: 500;
}

.perfriendlist ul {
    margin: 0;
    padding: 0;
    background: #fbfcfd;
    display: none;
}

.perfriendlist.show ul {
    display: block;
}

.perfriendlist ul li {
    display: block;
    position: relative;
}

.perfriendlist ul li a {
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: block;
    padding: 15px 30px 15px 22%;
    position: relative;
}

.makelistfavourite {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.makelistfavourite input {
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
    right: -100px;
}

.makelistfavourite .staricon {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../images/starlinefav.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.makelistfavourite.favourite .staricon {
    background-image: url(../images/starfillfav.png);
}

.perfriendlist ul li a:hover,
.perfriendlist ul li a.active {
    background: #eaf0f3;
    font-weight: 500;
}

.perfriendlist ul li a i {
    position: absolute;
    right: 30px;
    top: 15px;
    color: #038700;
}

.chatpanel {
    border-radius: 5px 5px 0 0;
    width: 310px;
    position: fixed;
    bottom: 0;
    right: 50px;
    background: #fbfcfe;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.chatpanel .chatheader {
    padding: 10px 20px;
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #ebf2f6;
    border-radius: 0;
    position: relative;
    cursor: pointer;
}

.chatpanel .chatheader.chatlistname {
    border-radius: 5px 5px 0 0;
    background: #098c06;
    font-size: 16px;
    color: #fff;
}

.chatpanel .chatheader.chatlistname::after {
    display: none;
}

.chatpanel .chatheader span {
    margin-left: 8px;
}

.chatpanel .chatheader.chatlistname span {
    margin-left: 0;
}

.chatpanel .chatheader:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 300;
    color: inherit;
    position: absolute;
    right: 25px;
    top: 13px;
}

.chatpanel .chatbody {
    padding: 20px;
    background: #fbfcfe;
    display: none;
    padding-right: 10px;
}

.chatpanel .chatbody ul {
    margin: 0;
    padding: 0 10px 0 0;
    max-height: 380px;
    overflow-y: scroll;
}

.chatpanel .chatbody ul li {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #2e2e2e;
    display: block;
    line-height: 18px;
    margin-bottom: 38px;
}

.chatpanel .chatbody ul li>span {
    display: inline-block;
    vertical-align: bottom;
}

.chatpanel .chatbody ul li .imageholder {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chatpanel .chatbody ul li .imageholder img {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.chatpanel .chatbody ul li .text {
    /*width: calc(100% - 75px);*/
    display: inline-block;
    position: relative;
    padding: 7px 15px;
    background: #038700;
    border-radius: 12px;
    margin-right: 5px;
    max-width: 70%;
    word-wrap: break-word;
}

/* Other user chat (green bubble) */
[data-tabcontent="userChat"] .chatpanel .chatbody ul li.otheruserchat .text {
    background: #038700 !important;
    color: #fff !important;
    border-radius: 12px 12px 12px 0 !important;
}

/* Your own chat (white bubble) */
[data-tabcontent="userChat"] .chatpanel .chatbody ul li.userchat .text {
    background: #fff !important;
    border: 1px solid #c4c4c4 !important;
    color: #2e2e2e !important;
    border-radius: 12px 12px 0 12px !important;
    text-align: left !important;
}

.chatpanel .chatbody ul li.otheruserchat .text:after {
    position: absolute;
    content: '';
    background-image: url(../images/greenchatarrow.jpg);
    width: 11px;
    height: 10px;
    left: -10px;
    bottom: 0;
    display: block;
    border: 0;
    background-repeat: no-repeat;
}

.chatpanel .chatbody ul li.userchat {
    text-align: right;
}

.chatpanel .chatbody ul li.userchat .text {
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #2e2e2e;
    text-align: left;
    border-radius: 12px 12px 0 12px;
    white-space: inherit;
    line-break: anywhere;
}

.chatpanel .chatbody ul li.userchat .text:after {
    position: absolute;
    content: '';
    background-image: url(../images/whitechatarrow.png);
    width: 11px;
    height: 10px;
    right: -11px;
    bottom: -1px;
    display: block;
    border: 0;
    background-repeat: no-repeat;
}

/* Fix date placement */
[data-tabcontent="userChat"] .chatpanel .chatbody ul li .text .date {
    display: block !important;
    position: static !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    text-align: right !important;
    line-height: 1.2 !important;
}

/* Date color for other user's (green) chat */
[data-tabcontent="userChat"] .chatpanel .chatbody ul li.otheruserchat .text .date {
    color: #d8fbd8 !important; /* light green */
}

/* Date color for your (white) chat */
[data-tabcontent="userChat"] .chatpanel .chatbody ul li.userchat .text .date {
    color: #888 !important; /* grey for visibility */
}


.chatpanel .chatbody ul li .text .date {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /*color: #d8fbd8; !* lighter green text *!*/
    display: block;
    position: relative; /* 👈 no absolute */
    margin-top: 5px;
    text-align: right; /* 👈 aligns date to right inside bubble */
    line-height: 1.2;
}

.chatpanel .chatbody ul li.userchat .text .date {
    left: 0;
    right: auto;
}

.chatfooter {
    padding: 20px;
    background: #fff;
    display: none;
}

.chatfooter button {
    width: 85px;
    height: 28px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    background: #d60403;
    border-radius: 32px;
}

.chatfooter input {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #2e2e2e;
    display: inline-block;
    border: none;
    vertical-align: middle;
    width: calc(100% - 90px);
    height: 26px;
    white-space: inherit;
    line-break: anywhere;
}

.doublebutton.topcorner {
    position: absolute;
    top: -9px;
    right: 16px;
}

.doublebutton.topcorner button {
    display: inline-block;
    height: 24px;
    width: 23px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin: 0;
    margin-bottom: 7px;
    background: none;
}

.doublebutton.topcorner button i {
    font-size: 15px;
    vertical-align: middle;
    margin-top: 0;
    color: #888;
}

.registrationbg {
    background-image: url(../images/registerationbg.jpg);
    background-size: cover;
    background-position: center top;
    height: 100vh;
}

.registrationbg img {
    width: 100%;
    visibility: hidden;
}

.signupfrom #loginForm .inputholder.textfield,
.signupfrom #signupForm .inputholder.textfield {
    margin-bottom: 20px;
    padding: 0;
    border: 0;
    height: auto;
    border-radius: 0;
}

.signupfrom #loginForm .inputholder .input,
.signupfrom #signupForm .inputholder .input {
    height: 41px;
    background: #eff0f4;
    border-radius: 32px;
    color: #737477;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 27px;
    width: 100%;
}

.signupfrom #loginForm .inputholder .customlistselect,
.signupfrom #signupForm .inputholder .customlistselect {
    height: 41px;
    background: #eff0f4;
    border-radius: 32px;
    color: #737477;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding : 9px 20px;
    width: 100%;
    margin-left: 24px;
}

.signupfrom #loginForm.inputholder .checkholder label,
.signupfrom #signupForm .inputholder .checkholder label {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4f5362;
    padding-left: 30px;
}

.signupfrom #loginForm .inputholder .checkholder label a,
.signupfrom #signupForm .inputholder .checkholder label a {
    text-decoration: underline;
    color: #4f5362;
}

.signupfrom #loginForm .inputholder .checkholder span,
.signupfrom #signupForm .inputholder .checkholder span {
    width: 22px;
    height: 22px;
    border: 2px solid #d60403;
}

.signupfrom #loginForm .inputholder .checkholder label span:after,
.signupfrom #signupForm .inputholder .checkholder label span:after {
    content: "\f00c";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    opacity: 0;
    display: block;
    top: 0;
    left: 0;
    border-radius: 100%;
    font-family: "Font Awesome 5 Pro";
}

.signupfrom #loginForm .inputholder .checkholder input:checked~span:after,
.signupfrom #signupForm .inputholder .checkholder input:checked~span:after {
    opacity: 1;
    background: #d60403;
    color: #fff;
    display: block;
    padding: 2px;
}

.alignformcenter {
    align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -moz-align-self: center;
    -webkit-align-self: center;
}

.signupfrom #signupForm h4,
.signupfrom #loginForm h4 {
    font-size: 30px;
    color: #222328;
    text-transform: uppercase;
    margin: 10px 0;
    text-align: center;
}

.seprator_or {
    display: flex;
    flex-grow: 1;
    color: #a8acb9;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.seprator_or span:first-child,
.seprator_or span:last-child {
    height: 2px;
    background: #e3e3e3;
    width: 44%;
}

.signupfrom .forgetpassword a {
    font-size: 15px;
    color: #484848;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    margin-bottom: 10px;
    display: inline-block;
}

.btnwithtexttrash {
    height: 42px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    width: 165px;
    background: #919191;
}

.btnwithtexttrash:hover {
    color: #fff;
}

.btntrashicon {
    width: 35px;
    height: 35px;
    background: #c5c5c5;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
}

.btntrashicon i {
    color: #666666;
}

.guestmenu ul li {
    background: none;
}

.guestmenu ul li a {
    color: #646464;
}

.headermenu.guestmenu ul li:last-child a {
    border-left: 1px solid #646464;
}

.headermenu.guestmenu>ul>li {
    margin-left: -10px;
}

form .emptyinput,
.search .emptyinput,
.searchinlist .emptyinput {
    position: absolute;
    right: 40px;
    top: 0;
    font-size: 18px;
    cursor: pointer;
    bottom: 0;
    margin: auto;
    height: 18px;
    color: #2e2e2e;
}

.notificationpanel {
    border-top: 2px solid #fff;
}

.notificationpanel .inner {
    background: #fafbfc;
    padding: 30px 0;
}

.notificationpanel .search {
    padding: 10px 20px;
    background: #ebf2f6;
}

.notificationpanel .search form {
    position: relative;
    float: none;
    width: 350px;
    display: inline-block;
    vertical-align: middle;
}

.notificationpanel .search form input[type="text"] {
    width: 100%;
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Roboto', sans-serif;
    background: #fbfcfe;
    height: 42px;
    padding: 0 36px 0 20px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.notificationpanel .search form button {
    background: none;
    border-width: 0px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #2e2e2e;
    padding: 13px 26px 13px 0;
}

.notificationpanel .inner ul {
    margin: 0;
    padding: 0;
}

.notificationpanel .inner ul li {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 10px 15px;
    align-items: center;
    font-size: 16px;
    color: #2e2e2e;
}

.notificationpanel .inner ul li span a {
    color: #2e2e2e;
}

.notificationpanel .inner ul li:hover {
    background: #fdfdfe;
}

.notificationpanel .inner ul li .notificationtext {
    padding: 0 10px;
}

.notificationpanel .inner ul li .notificationtext a {
    color: #ff0400;
    text-decoration: underline;
}

.notificationpanel .inner ul li .notificationaction a {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}

.notificationpanel .inner ul li .notificationaction a:hover {
    text-decoration: underline;
}

.notificationpanel .inner ul li .notificationaction a.accept {
    color: #ff0400;
}

.notificationpanel .inner ul li .notificationaction a.declined {
    color: #4f5051;
}

.notificationpanel .inner ul li .eventbell {
    color: #ffa800;
    padding: 0 5px;
}

.user_profile_modal {}

.user_profile_modal_inner {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
}

.user_profile_modal_inner h4 {
    color: #2e2e2e;
    font-size: 36px;
    margin: 20px 0 0;
}

.user_profile_modal_inner .imageholder {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.user_profile_modal_inner .imageholder img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 100%;
}

.user_profile_modal_inner .content {}

.user_profile_modal_inner .content span {
    display: block;
    color: #2e2e2e;
    margin-top: 18px;
    font-size: 18px;
}

.user_profile_modal_inner .content span.unfriendbtn button {
    border: 0;
    background: none;
    padding: 0;
    color: #ff0000;
    font-size: 16px;
}

.morelistholder .slimScrollDiv {
    position: absolute !important;
    width: 250px !important;
    z-index: 1000 !important;
    right: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
}

.morelistholder .slimScrollDiv.show {
    display: block !important;
}

.morelistholder .slimScrollDiv .morelistsdropdown {
    width: 100% !important;
    right: 0 !important;
}

.morelistholder .slimScrollDiv .slimScrollBar {
    z-index: 1001 !important;
}

.signupfrom .inputholder .singupbtn,
.popupfriendslist .inputholder.doubleauthbtn .singupbtn {
    width: 150px;
    margin: 0 10px;
}

.captchaholder {
    margin-left: 27px;
}

.footer {
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
    background: #fff;
}

.footer ul {
    margin: 0 0 20px;
    padding: 0;
}

.footer ul li {
    display: inline-block;
    margin: 0 9px;
    vertical-align: middle;
}

.footer p {
    color: #6b6b6b;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Cabin', sans-serif;
    margin: 0 0 10px;
}

.footer p a {
    color: #000000;
}

.footer p b {
    font-weight: 700;
}

.footer ul li.jadukaro {
    display: none;
}


/*--#### NEW CSS FOR NEW LAYOUT ENDS ####--*/

.innertabs_content_productlist .innertabs_per_product p.text-secondary {
    padding: 7% 0;
}

.eachtab_content .itemlistingcol_portion p.text-secondary.mt-5 {
    padding: 15% 0;
    background: #fafbfc;
    margin-top: 0 !important;
}

.eachtab_content .itemlistingcol_portion .productslisting p.default_text {
    padding: 15% 0;
    margin-top: 0 !important;
}

.headermenu.absoluted .userdropdown span.username {
    color: #fff;
}

.multiplesharedlist h3 {
    font-size: 28px;
    color: #282822;
    padding: 0 15px 15px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.multiplesharedlist h3 span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}

.addfriend,
button.addfriend {
    height: 26px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    border-radius: 32px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 15px;
}

a.addfriend {
    line-height: 26px;
}

.multiplesharedlist h3 .addfriend {
    height: 26px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    border-radius: 32px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 15px;
}

.addfriend.disabled,
button.addfriend.disabled,
.multiplesharedlist h3 .addfriend.disabled {
    background: #ccc !important;
    color: #333;
}

.multiplesharedlist h3 img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

.multiplesharedlist .innertabs_per_product {
    border-bottom: 0;
    border-top: 1px solid #eaeaea;
}

.multiplesharedlist .perlistholder h4 {
    cursor: pointer;
    font-size: 20px;
    color: #282822;
    padding: 18px 15px;
    margin: 0;
    border-top: 1px solid #eaeaea;
    position: relative;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.multiplesharedlist .perlistholder h4:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 300;
    color: inherit;
    position: absolute;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
}

.multiplesharedlist .perlistholder h4.open:after {
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
}

.multiplesharedlist .innerlistholder {
    display: none;
}

.multiplesharedlist .innerlistholder.show {
    display: block;
}

.multiplesharedlist .listtype {
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.multiplesharedlist .listtype i {
    color: #676767;
}

.multiplesharedlist span.date {
    display: block;
    color: #2e2e2e;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin: 5px 0 0;
    vertical-align: middle;
}

.multiplesharedlist .date i {
    color: #676767;
}

.no_fav_brands {
    padding: 0 26px 0 36px;
    font-size: 16px;
    color: #d60403;
}

.no_brands {
    padding: 0 26px 0 36px;
    font-size: 14px;
    color: #d60403;
}

.sitelogo {
    padding-top: 12px;
}

.sitelogo img {
    max-height: 48px;
    max-width: 136px;
}

.headernav {
    text-align: right;
    padding-top: 0;
    padding-bottom: 0;
}

#headermenuholder {
    text-align: right;
    justify-content: flex-end;
}

.sitemenu,
.siteloginmenu {
    padding: 30px 0;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

.sitemenu ul,
.siteloginmenu ul {
    margin: 0;
    padding: 0;
}

.sitemenu ul li,
.siteloginmenu ul li {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    margin: 0 10px;
    display: inline-block;
}

.sitemenu ul li a,
.siteloginmenu ul li a {
    font-size: 16px;
    color: #000;
}

.sitemenu ul li a.active {
    color: #d51f26;
}

.siteloginmenu ul li {
    margin: 0 0;
    padding: 0 5px;
}

.siteloginmenu ul li:first-child {
    border-right: 1px solid #000;
}

.slick-initialized .slick-slide {
    display: flex;
}

.slick-initialized .slick-slide:focus {
    outline: 0;
}

.sitebanner {
    background-image: url(../images/mainsliderbg.jpg);
    background-size: 100% auto;
    background-position: center bottom;
    background-color: #fff;
    background-repeat: no-repeat;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 13px;
    padding: 0;
    margin: auto;
    list-style: none;
    text-align: center;
    z-index: 10;
    right: -4%;
    height: 66px;
    top: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 0 17px;
    padding: 0;
    cursor: pointer;
    background: #d41f25;
    border-radius: 100%;
}

.slick-dots li.slick-active {
    background: none;
    background-image: url(../images/sliderbullets.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: -4px;
    background-position: center;
}

.bannerslider {
    padding-bottom: 30px;
}

.bannerslider .sideimage {
    text-align: right;
}

.bannerslider .sideimage img {
    display: inline-block;
    margin-right: 10%;
    max-width: 100%;
    max-height: 510px;
    width: auto;
}

.bannerslider p {
    font-size: 20px;
    color: #262626;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 15px;
}

.bannerslider h3,
.bannerslider p.heading,
.bannerslider h1.heading {
    font-size: 36px;
    color: #d51f26;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 48px;
    margin: 0 0 15px;
}

.downloadappbtns a {
    display: inline-block;
    vertical-align: middle;
    width: 157px;
    height: 52px;
    margin-right: 12px;
}

.downloadappbtns a img {
    max-width: 100%;
}

.extensionsection {
    text-align: center;
}

.extensionsection h2,
.extensionsection h3 {
    font-weight: 500;
    font-size: 46px;
    color: #000;
    margin: 0 0 20px;
}

.extensionsection p {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
    margin: 0 0 20px;
    line-height: 30px;
}

.sepratorbar {
    width: 1px;
    border-left: 1px dashed #acacac;
    margin: 30px auto 20px;
    height: 70px;
}

.extensionsbtn a {
    display: inline-block;
    margin: 0 15px;
}

.doublebox {}

.doublebox .perbox {
    padding: 70px;
    text-align: center;
    background: #f8f8f8;
    margin-top: 30px;
}

.doublebox .perbox img {
    margin-bottom: 30px;
}

.doublebox .perbox span.heading {
    font-size: 36px;
    color: #1b1b1b;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}

.doublebox .perbox p {
    font-size: 16px;
    line-height: 30px;
    color: #1b1b1b;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
}

.howitworks {
    background-image: url(../images/mainsliderbg.jpg);
    background-size: 100% auto;
    background-position: center bottom;
    background-color: #fff;
    background-repeat: no-repeat;
}

.howworkimages {
    text-align: right;
    margin-top: 30px;
}

.howworkimages img {
    margin-right: 10%;
    display: none;
}

.howworkimages img.show {
    display: inline-block;
    max-height: 500px;
}

.howitworks h3 {
    font-size: 48px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.howitworksnav {
    margin-top: 30px;
}

.howitworks ul {
    margin: 0;
    padding: 0;
    position: relative;
}

.howitworks ul:before {
    content: '!';
    text-indent: -9999px;
    position: absolute;
    top: 30px;
    left: 24px;
    width: 1px;
    height: 90%;
    border-left: 1px dashed #da0605;
    border-radius: 100%;
}

.howitworks ul li {
    display: block;
    cursor: pointer;
}

.howitworks ul li .text {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #9d9d9d;
    line-height: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
    display: inline-block;
    width: calc(100% - 85px);
    vertical-align: middle;
}

.howitworks ul li.active .text {
    color: #1b1b1b;
}

.howitworks ul li .number {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    line-height: 45px;
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    position: relative;
    background: #da0605;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 25px;
}

.howitworks ul li.active .number::after {
    content: '!';
    text-indent: -9999px;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 50px;
    height: 50px;
    border: 1px solid #da0605;
    border-radius: 100%;
}

.brandslist {
    text-align: center;
}

.brandslist h4,
.brandslist h3 {
    font-size: 48px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.brandslist p {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
    margin: 0 0 20px;
    line-height: 30px;
}

.brandslist ul {
    margin: 0;
    padding: 0;
}

.brandslist ul li {
    display: inline-block;
    vertical-align: middle;
    width: calc((100% / 6) - 20px);
    padding: 10px;
}

.brandslist ul li img {
    max-width: 100%;
}

.contactussection {
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: url(../images/contactussectionbg.jpg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
}

.contactussection h5,
.contactussection h3 {
    font-size: 48px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.contactussection p {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
    margin: 0 0 20px;
    line-height: 30px;
}

.contactussection form {
    display: flex;
    flex-wrap: wrap;
}

.contactussection form .form-control {
    height: 50px;
    border: 1px solid #e1e1e1;
    color: #9a9a9a;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 16px;
    border-radius: 8px;
    padding-left: 20px;
}

.contactussection form .form-control::-webkit-input-placeholder {
    color: #9a9a9a;
}

.contactussection form .form-control:-moz-placeholder {
    color: #9a9a9a;
    opacity: 1;
}

.contactussection form .form-control::-moz-placeholder {
    color: #9a9a9a;
    opacity: 1;
}

.contactussection form .form-control:-ms-input-placeholder {
    color: #9a9a9a;
}

.contactussection form textarea.form-control {
    height: auto;
}

.contactussection form .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.contactussection form button {
    border-radius: 32px;
    width: 300px;
    height: 50px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    background: #da0605;
    color: #fff;
}

#homesection {
    transition: all ease-in-out 0.3s;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

#homesection.makesticky {
    position: fixed;
    width: 100%;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    background: #fff;
}

#homesection.makesticky .sitelogo img {
    width: 40%;
}

#homesection.makesticky .sitemenu,
#homesection.makesticky .siteloginmenu {
    padding: 25px 0;
}

#extensions::before,
#howitwork::before,
#brands::before {
    display: block;
    content: ' ';
    margin-top: -50px;
    height: 50px;
    visibility: hidden;
    position: relative;
}

#extensions,
#howitwork,
#brands,
#contactus {
    overflow: hidden;
    position: relative;
}

#contactus::before {
    display: block;
    content: ' ';
    margin-top: -30px;
    height: 30px;
    visibility: hidden;
    position: relative;
}

.userdropdown {
    border: 0 !important;
}

.userdropdown .user_proimg {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.userdropdown .user_proimg img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.userdropdownpallete ul li {
    display: block;
}

.userdropdownpallete ul li:first-child {
    border-right: 0;
}

.addtogifticon {
    vertical-align: top;
    margin-top: -3px;
}

.addtogifticon span {
    display: block;
}

.addtogifticon img {
    width: 15px;
}

.signupfrom {
    padding: 2em 6em;
}

.signupfrom h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 10%;
    line-height: 24px;
}

.footersocial img {
    width: 45px;
    height: 45px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}

img.grappetitelogo {
    height: 21px;
    display: inline-block;
    width: 20px;
}

.faqspanel h3 {
    display: inline-block;
    float: left;
    margin-top: 7px;
}

.eachfaq {
    margin: 20px 0;
    padding: 0 20px;
}

.eachfaq .innerfaq {
    display: none;
}

.eachfaq.open .innerfaq {
    display: block;
}

.faqspanel h5 {
    font-size: 22px;
    color: #1a1a1a;
    padding: 20px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    cursor: pointer;
}

.faqspanel h5 span:after {
    content: "\f107";
    font-size: 22px;
    color: #e90b0a;
    vertical-align: middle;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    margin-left: 10px;
}

.faqspanel .open h5 span:after {
    content: "\f106";
}

span.play-button-over {
    position: absolute;
    top: 100px;
    transform: translate(-50%, -50%);
    left: 50%;
}

.play-button-over i {
    border-radius: 100%;
   /* padding: 12px;*/
    padding-top: 12px;
    padding-left: 3px;
    border: 3px solid;
    width: 50px;
    text-align: center;
    height: 50px;
    font-size: 1.50rem;
    color:#d60403;
}

.play-button-over i:hover{
    color:#d60403;
}
.play-button-over b {
    font-size: 1.25rem;
    color:#d60403;
}

.play-button-over b:hover {
    color:#d60403;
}

.videoholder {
    max-width: 555px;
    border: 3px solid black;
}

.notificationpanel.faqspanel .inner {
    background: none;
}

.footer .downloadappbtns {
    margin-bottom: 20px;
}

.footer .disclaimer-text {}

.footer .disclaimer-text p {
    color: #686767;
    font-weight: 400;
    font-style: italic;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
}

.footer .disclaimer-text p strong {
    color: #000000;
    font-weight: 700;
    font-style: italic;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin: 0;
}

.statusselector.button_createbtn .bootstrap-select>.dropdown-toggle {
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    height: 40px;
    background: #d60403;
}

.statusselector.button_createbtn .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 32px;
    text-align: center;
}

.statusselector.button_createbtn .bootstrap-select .dropdown-menu li a {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    color: #101010;
}

.statusselector.button_createbtn .dropdown-item.active,
.statusselector.button_createbtn .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ebf2f6;
}

.statusselector.button_createbtn .bootstrap-select .dropdown-menu li a.selected {
    color: #fff;
    background-color: #d60403;
}

.friendlistselector.font-20,
.backtofriendslist.font-20 {
    font-size: 17px;
}

.blogbanner{
    position: relative;
}

.blogbanner .imageholder img{
    width: 100%;
    max-width: 100%;
}

.blogbanner .textoverlay{
    position: relative;
    padding: 25px;
    background: #f8f8f8;
    width: 60%;
    bottom: 150px;
    margin: auto;
    text-align: center;
}

.blogbanner .textoverlay h1{
    font-size: 36px;
    color: #1b1b1b;
    font-weight: 600;
    margin:0;
}

.perblog{
    margin-top:45px;
    text-align: center;
}
.perblog .imageholder img{
    width:100%;
    max-width:100%;
}
.perblog .text{
    padding: 20px 20px 0;
}
.perblog .text h3{
    font-size: 36px;
    color: #1b1b1b;
    font-weight: 600;
    margin:0 0 12px;
}
.perblog .text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 30px;
    margin-bottom: 15px;
}
.perblog .text a{
    color: #da0605;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: underline;
}
.loadmorebtn{
    text-align: center;
}
.loadmorebtn button, .loadmorebtn a{
    width: 300px;
    height:50px;
    background: #d6d6d6;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    display:block;
    margin:50px auto;
    border-radius:32px;
}
.loadmorebtn button i{
    margin-right:5px;
    font-size:18px;
}
.loadmorebtn button:hover, .loadmorebtn a:hover{
    background: #da0605;
    color: #fff;
}
.loadmorebtn button.disabled, .loadmorebtn a.disabled{
    background: #f1f1f1;
    color: #fff;
}

.loadmorebtn button.disabled:hover, .loadmorebtn a.disabled:hover{
    background: #f1f1f1;
    color: #fff;
}
.loadmorebtn.viewmorebtn button, .loadmorebtn.viewmorebtn a {
    background: #da0605;
    color: #fff;
    margin:50px auto 30px;
    line-height: 50px;
}
.loadmorebtn.viewmorebtn  button:hover, .loadmorebtn.viewmorebtn  a:hover{
    background: #d6d6d6;
    color: #fff;
}
.homeblogs>p{
    margin: 0 15%;
}
.singleblog{

}
.singleblog .imageholder{
    margin-bottom:20px;
}
.singleblog .imageholder img{
    width:100%;
}
.singleblog .blogcontent{}
.singleblog .blogcontent p a {
    text-decoration: underline;
}
.singleblog .blogcontent h1{
    font-weight:600;
    color: #1b1b1b;
    line-height:40px;
    margin:0 0 15px;
    font-size: 34px;
}
.singleblog .blogcontent>p{
    font-family: 'Open Sans', sans-serif;
    color: #545454;
    font-size: 16px;
    line-height: 28px;
    margin: 30px 0 0;
}
.singleblog .blogcontent blockquote{
    color: #a1a1a1;
    border-left:2px solid #d51f26;
    margin: 30px 50px 0;
}
.singleblog .blogcontent blockquote p{
    padding:0 28px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
    font-size: 18px;
    color: #a1a1a1;
}

.singleblog .blogcontent h2{
    color: #333333;
    font-weight:600;
    font-size: 22px;
    margin:30px 0 0;
}
.singleblog .blogcontent h3{
    color: #333333;
    font-weight:600;
    font-size: 22px;
    margin:30px 0 0;
}
.singleblog .postmeta{}
.singleblog .postmeta span{
    display: inline-block;
    vertical-align: middle;
    color: #a6a6a6;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.singleblog .postmeta span.break{
    margin: 0 7px;
}
.singleblog .postmeta span.event{
    color: #d51f26;
}
.singleblog .blogcontent>ul{
    margin: 0 0 0 15px;
    padding: 0;
}
.singleblog .blogcontent>ul li{
    color: #545454;
    font-size: 16px;
    display: block;
    margin-top:20px;
    padding-left: 30px;
    position: relative;
}
.singleblog .blogcontent>ul li:before{
    display: inline-block;
    vertical-align: top;
    color: #d51f26;
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
    font-weight: 700;
    width: 13px;
    height: 100%;
    position: absolute;
    left: 7px;
}
.singleblog .blogsocialbar {
    display:flex;
    justify-content:space-between;
    border:2px solid #eceff1;
    padding:30px 20px;
    margin-top:30px;
}
.singleblog .blogsocialbar ul{
    margin:0;
    padding:0;
}
.singleblog .blogsocialbar ul li{
    display: inline-block;
    font-size: 14px;
    color: #a6a6a6;
    font-style: italic;
    font-weight: 600;
}
.singleblog .blogsocialbar ul li a{
    color: #a6a6a6;
}
.singleblog .blogsocialbar ul li a:hover{
    color:#d51f26;
}
.singleblog .blogsocialbar .blogtaglist{}
.singleblog .blogsocialbar .blogtaglist li:after{
    content: ',';
    position: relative;
    font-size: 14px;
}
.singleblog .blogsocialbar .blogtaglist li:last-child:after{
    display:none;
}
.singleblog .blogsocialbar .blogsociallist{}
.singleblog .blogsocialbar .blogsociallist ul li{
    margin-right:16px;
    font-size: 18px;
}
.singleblog .commentsection{
    margin-top: 50px;
}
.singleblog .aboutauthor{
    display: flex;
}
.singleblog .aboutauthor .imageholder{
    width: 120px;
    height: 120px;
    margin-right: 20px;
    flex: 0 0 120px;
}
.singleblog .aboutauthor .authordetail{]
}
.singleblog .aboutauthor .authordetail h5{
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
    font-size:18px;
}
.singleblog .aboutauthor .authordetail p{
    color: #545454;
    line-height:25px;
    font-size:15px;
    margin-bottom:20px;
}
.singleblog .aboutauthor .authordetail ul{
    margin:0;
    padding:0;
}
.singleblog .aboutauthor .authordetail ul li{
    display:inline-block;
    margin-right:10px;
}

.singleblog .aboutauthor .authordetail ul li a{
    color:#bfbfbf;
    font-size:16px;
}
.singleblog .aboutauthor .authordetail ul li a:hover{
    color:#d51f26;
}
.singleblog .blogpager{
    border-top:2px solid #eceff1;
    margin-top:50px;
    display: flex;
    justify-content: space-between;
}
.singleblog .blogpager .blogarrow{
    padding: 40px 0 20px;
}
.singleblog .blogpager .blogarrow a{
    display:block;
}
.singleblog .blogpager .blogarrow a span{
    display: block;
}
.singleblog .blogpager .blogarrow a span:first-child{
    color: #999;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 15px;
}
.singleblog .blogpager .blogarrow a i{
    font-size: 13px;
}
.singleblog .blogpager .blogarrow:last-child{
    text-align:right;
}
.textmakered {
    color: #d51f26 !important;
}
.singleblog .blogpager .blogarrow a span:last-child{
    font-weight: 500;
    color: #333333;
    font-size: 18px;
    line-height: 22px;
    max-width: 275px;
}
.singleblog .relatedblog{
    margin-top:30px;
    margin-bottom:30px;
}
.singleblog .relatedblog hr {
    padding: 0;
    margin: 0;
    border-top:2px solid #eceff1;
}
.singleblog .relatedblog>div{
    margin-top:40px;
}
.singleblog .relatedblog>div:first-child{margin-top:0;}
.singleblog .relatedblog a{
    display:block;
    color: #333333;
}
.singleblog .relatedblog a img{
    width:100%;
}
.singleblog .relatedblog a span{
    display: block;
}
.singleblog .relatedblog a span.title{
    font-weight:600;
    font-size:15px;
    line-height:21px;
    margin-top: 12px;
}
.singleblog .relatedblog a span.date{
    color: #a6a6a6;
    margin-top: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.sidebar{}
.sidebar .newsletter{
    padding: 44px 25px;
    text-align:center;
    background: #f7f7f7;
    margin-bottom:34px;
}
.sidebar .newsletter h5{
    color:#333333;
    font-size:16px;
    text-transform: uppercase;
    margin-bottom:15px;
    font-weight: 600;
}
.sidebar .newsletter p{
    color: #999999;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.sidebar .newsletter form{}
.sidebar .newsletter input[type="text"]{
    height:44px;
    width:100%;
    border: 1px solid #eceff1;
    margin-bottom: 10px;
    font-size: 15px;
    color: #a6a6a6;
    font-family: 'Open Sans', sans-serif;
    padding:0 15px;
}
.sidebar .newsletter button{
    font-size: 15px;
    color: #fff;
    background: #d51f26;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    height:44px;
    width:100%;
}
.sidebar .popularposts{}
.sidebar .popularposts h5{
    color:#333333;
    font-weight: 700;
    font-size:22px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.sidebar .popularposts ul{
    margin: 0;
    padding:0;
}
.sidebar .popularposts li{
    display: block;
    margin-bottom: 25px;
}
.sidebar .popularposts li span.imageholder{
    width: 104px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}
.sidebar .popularposts li span.imageholder img{
    max-width: 100%;
}
.sidebar .popularposts li span.text{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
}
.sidebar .popularposts li span.text a{
    display:block;
}
.sidebar .popularposts li span.text a .title{
    display:block;
    color:#333333;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}
.sidebar .popularposts li span.text a .date{
    display:block;
    font-size: 15px;
    color:#a7a7a7;
    font-family: 'Open Sans', sans-serif;
}
.sidebar .downloadappbanner{
    margin-top: 40px;
}
.sidebar .downloadappbanner a{
    display:block;
}
.sidebar .downloadappbanner a img{
    max-width:100%;
}

/*--#### NEW CSS FOR NEW LAYOUT ENDS ####--*/

@media only screen and (max-width: 1480px) {}

@media only screen and (min-width: 1480px) {}

@media only screen and (max-width: 1200px) {}

@media only screen and (min-width: 1020px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (min-width: 1600px) {}

@media only screen and (min-width: 1900px) {}

@media only screen and (min-width: 768px) and (max-width: 992px) {}

@media only screen and (min-width: 980px) {
    .togglebtngroupmb {
        display: none;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1060px) {}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}

@media only screen and (max-width: 991px) {
    .perlistitem .itemdetail .itemname {
        text-align: center;
        margin-top: 40px;
    }
    .perlistitem .itemdetail .itemdesc {
        text-align: center;
    }
    .perlistitem .itemdetail .itemprice {
        text-align: center;
    }
    .statusinfo {
        margin-top: 30px;
    }
    .perlistitem .itemdetail .itembtn,
    .statusselector {
        margin: 0 5px;
    }
    .perlistitem .btnholder {
        justify-content: center;
    }
    .statusinfo .loginbadge {
        margin: 0 auto;
        width: 55%;
    }
    .sharelistheaderbtn {
        position: relative;
        text-align: center;
        right: auto;
    }
    .eachtab_content_header {
        justify-content: center;
    }
    .eachtab_content_title {
        text-align: center;
        width: 100%;
    }
    .eachtab_content_sharebtn {
        margin-left: 0;
    }
    .eachtab_content_innertabs .createlistbtn {
        width: 62px;
    }
    .eachtab_content_sharebtn button {
        width: 40px;
        padding: 0 6px;
        text-align: center;
    }
    .eachtab_content_sharebtn button i {
        margin: 0;
    }
    .eachtab_content_sharebtn button>span {
        display: none;
    }
    .eachtab_content_innertabs {
        margin-left: 15px;
    }
    .innertabs_content_filter h4 {
        text-align: center;
        padding: 5px 0 10px;
    }
    .eachtab_content_innertabs .current_inner_tab {
        padding: 11px 10px;
        font-size: 14px;
    }
    .innertabs_content_header .settingbtn {
        width: 38px;
    }
    .innertabs_content_header .settingbtn span {
        display: none;
    }
    .eachtab_content_innertabs .morelistsdropdown {
        width: 200px;
    }
    .innertabs_content_header .addgiftbtn.roundedbtn {
        width: 140px;
        margin-bottom: 10px;
    }
    .innertabs_content_filter .mobilecenter {
        text-align: center;
    }
    .productdetail_content {
        text-align: center;
    }
    .productdetail_content .doublebutton>button {
        display: inline-block;
        height: 44px;
        width: calc(49% - 10px);
    }
    .yourcartbox {
        height: 116px;
    }
    .navbar-toggler {
        position: absolute;
        font-size: 26px;
        right: -35px;
        top: 10px;
    }
    #headermenuholder {
        text-align: right;
        justify-content: flex-end;
        position: absolute;
        top: 45px;
        width: 200px;
        right: -24px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 5px 0 #c1c1c1;
        z-index: 100;
    }
    .sitemenu,
    .siteloginmenu {
        display: block;
        padding: 0;
    }
    .sitemenu ul li,
    .siteloginmenu ul li {
        display: block;
        margin: 5px 5px 20px;
    }
    .siteloginmenu ul li:first-child {
        border-right: 0;
    }
    #homesection.makesticky .sitemenu,
    #homesection.makesticky .siteloginmenu {
        padding: 0;
    }
    .signupfrom {
        padding: 2em 6em;
    }

    .sidebar .newsletter{
    }

    .sidebar .downloadappbanner {
        text-align:center;
    }
}

@media only screen and (max-width: 767px) {
    .perlistitem .imageholder {
        width: 100%;
    }
    .perlistitem .itemdetail {
        padding: 20px;
        text-align: center;
        width: 100%;
    }
    .perlistitem .itemdetail .itemname {
        color: #2e2e2e;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 6px;
    }
    .perlistitem .itemdetail .itembtn a {
        margin: 0 auto;
    }
    .mysharelistheader {
        font-size: 35px;
    }
    .mylistcategory {
        font-size: 30px;
    }
    .perlistitem .itemdetail .itembtn {
        margin: 0 auto;
    }
    .perlistitem .itemdetail .itembtn span.dropdown-toggle {
        text-align: left;
    }
    .signupfrom {
        padding-left: 40px;
        ;
        padding-right: 40px;
    }
    .signupfrom .inputholder span {
        width: 11%;
        text-align: right;
    }
    .signupfrom .inputholder span.fa.fa-calendar {
        width: auto;
    }
    .innerpageheader {
        text-align: center;
    }
    .headermenu {
        text-align: center;
        align-self: center;
    }
    .headermenu {
        margin-bottom: 20px;
    }
    .statusinfo {
        margin-top: 0;
    }
    .otherpage_logo {
        text-align: center;
    }
    .pagetabs>a {
        padding: 12px 20px;
    }
    .pagetabs>a span {
        display: none;
    }
    .pagetabs {
        justify-content: center;
    }
    .eachtab_content_friends_header label {
        margin-bottom: 9px;
    }
    .eachtab_content_friends_header span {
        margin: 0;
    }
    .innertabs_per_product h5 {
        font-size: 16px;
        line-height: 18px;
        margin: 13px 0 10px;
    }
    .innertabs_per_product p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px;
    }
    .innertabs_per_product .price {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .buttonsholder {
        padding-top: 0;
    }
    .innertabs_per_product .date {
        margin: 0 0 10px;
    }
    .eachtab_content_innertabs .createlistbtn {
        margin-right: 5px;
    }
    .eachtab_content_innertabs .current_inner_tab {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    .buynowvisitbtn {
        margin-bottom: 20px;
    }
    .signupfrom .inputholder.doubleauthbtn .singupbtn {
        margin-bottom: 10px;
    }
    .howworkimages {
        text-align: center;
    }
    .howworkimages img {
        margin-right: 0;
        display: none;
        max-height: 250px;
    }
    .howitworksnav {
        margin-top: 30px;
        text-align: center;
    }
    .brandslist ul li {
        width: calc((100% / 3) - 20px) !important;
    }
    .bannerslider .sideimage {
        text-align: center;
    }
    .bannerslider .sideimage img {
        margin-right: 0;
        max-height: 250px;
    }
    .slick-dots {
        display: none !important;
    }
    .navbar-toggler {
        position: relative;
        font-size: 26px;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
        width: 50px;
    }
    #headermenuholder {
        justify-content: center;
        position: absolute;
        left: auto;
        right: 10%;
        margin: auto;
        text-align: center;
    }
    .sitemenu,
    .siteloginmenu {
        text-align: center;
    }
    .sitebanner {
        text-align: center;
    }
    .bannerslider h3 {
        font-size: 28px;
        line-height: 33px;
    }
    .bannerslider p {
        font-size: 16px;
        line-height: 25px;
    }
    .contactussection {
        background-size: cover;
        background-position: center bottom;
    }
    #homesection.makesticky .sitelogo img {
        max-width: 100px;
        margin-bottom: 0;
    }
    #homesection.makesticky .sitelogo {
        margin-bottom: 10px;
    }
    #homesection .col-xs-11 {
        width: 80%;
    }
    #homesection .col-xs-1 {
        width: 20%;
    }
    .registrationbg {
        display: none;
    }
    .homeblogs>p{
        margin: 0;
    }
    .perblog .text h3 {
        font-size: 26px;
    }

    .blogbanner .textoverlay {
        position: relative;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .blogbanner .textoverlay h1 {
        font-size: 26px;
    }

    .singleblog .blogcontent blockquote {
        margin: 30px 0 0;
    }

    .singleblog .blogcontent h1{
        font-size:28px;
        line-height: 34px;
    }
}

@media only screen and (max-width :680px) {
    .mainbannerbg {
        background-size: auto 41%;
        -o-background-size: auto 41%;
        -ms-background-size: auto 41%;
        -webkit-background-size: auto 41%;
        -moz-background-size: auto 41%;
    }
    .mysharelist .suggestedgiftbtn {
        display: block;
        text-align: center;
        padding: 20px;
        ;
    }
    .suggestedgiftbtn span {
        display: block;
    }
    .suggestedgiftbtn a {
        display: block;
        margin: 20px auto 0;
    }
    .statusinfo .loginbadge {
        margin: 0 auto;
        width: 90%;
    }
    .suggestedgiftbtn.addborderbottom.statusinfo .loginbadge {
        width: auto;
        margin: 20px auto 0;
    }
    .sharedropdown {
        left: auto;
        right: 0;
    }
    .headermenu.absoluted {
        position: relative;
        top: -30px;
    }
    .innertabs_content_header .searchinlist {
        width: 100%;
        margin-bottom: 10px;
    }
    .mobilecenter {
        text-align: center;
    }
    .text-right.mobilecenter {
        text-align: center !important;
    }
    .innertabs_content_header .addgiftbtn,
    .innertabs_content_header .invitebtn {
        width: 90px;
    }
    .innertabs_per_product .imageholder img {
        max-height: 150px;
    }
    .dropdown_shared_with_friends {
        width: 220px;
    }
    .itemlistingcol,
    .itemlistingcol_portion {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .itemlistingcol_portion .search form {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 580px) {
    .mainslider .sliderholder {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mainslider .sliderholder .processslide {
        padding: 0;
    }
    .pagecontent-img {
        margin-top: 80px;
    }
    .downloadlinks a {
        margin-bottom: 20px;
    }

    .doublebox .perbox {
        padding:30px;
    }
    .contactussection h5, .contactussection h3 {
        font-size: 38px;
    }

    .singleblog .blogsocialbar {
        flex-wrap: wrap;
        text-align: center;
    }
    .singleblog .blogsocialbar .blogtaglist {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .singleblog .blogsocialbar .blogsociallist {
        flex: 0 0 100%;
    }
    .singleblog .blogpager {
        flex-wrap: wrap;
        text-align: center;
    }
    .singleblog .blogpager .blogarrow{
        flex:0 0 100%;
        text-align:center;
        padding: 20px 0 10px;
    }

    .singleblog .blogpager .blogarrow:last-child {
        text-align: center;
    }

    .singleblog .blogpager .blogarrow a span:last-child {
        max-width: 100%;
        display: block;
        text-align:center;
    }
}

@media (max-width: 576px) {
    .related_product_slider {
        text-align: center;
    }
    .related_product_slider .imageholder {
        margin-bottom: 20px;
    }
    .messageslider_next {
        left: auto;
        right: 0;
    }
    .messageslider_prev {
        right: auto;
        left: 0;
    }

    .contactussection form button,
    .loadmorebtn button {
        width: 260px;
    }

    .downloadappbtns a{
        margin:0;
        margin-top:10px;
    }
    .downloadappbtns a img{
        margin:0 auto;
    }
}

@media only screen and (max-width: 480px) {
    .mainbannerbg {
        background-size: auto 36%;
        -o-background-size: auto 36%;
        -ms-background-size: auto 36%;
        -webkit-background-size: auto 36%;
        -moz-background-size: auto 36%;
    }
}

@media only screen and (max-width: 420px) {
    .mainbannerbg {
        background-size: auto 34%;
        -o-background-size: auto 34%;
        -webkit-background-size: auto 34%;
        -ms-background-size: auto 34%;
        -moz-background-size: auto 34%;
    }
    .signupfrom .inputholder span {
        width: 15%;
        text-align: right;
    }
    .signupfrom .inputholder .input {
        width: 75%;
    }
    .suggestedgiftbtn span {
        font-size: 28px;
    }
    .suggestedgiftbtn span img {
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 380px) {
    .mainbannerbg {
        background-size: auto 30%;
        -o-background-size: auto 30%;
        -moz-background-size: auto 30%;
        -webkit-background-size: auto 30%;
        -ms-background-size: auto 30%;
    }
}

@media only screen and (max-width: 330px) {
    .mainbannerbg {
        background-size: auto 25%;
        -o-background-size: auto 25%;
        -webkit-background-size: auto 25%;
        -ms-background-size: auto 25%;
        -moz-background-size: auto 25%;
    }
}

.updatelist{

    background: #038700;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    height: 30px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 2px 5px;
}

.deletelist{

    background: #d60403;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    height: 30px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 2px 5px;
}
select:focus-visible{
   outline: none;
}

#toast-container > .toast-info {
    background-image:none !important;
}

#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 15px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 1.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-info {
    background-color: #d60403;
}

.toast-message a{
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
}


/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background: #13161e;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: 'Montserrat', sans-serif;
	z-index: 1000;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-accept {
    color:#fff;
	background: #da0605;
    border: 1px solid #da0605;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 9pt;
    font-family: 'Roboto', sans-serif;
    line-height: 9pt;
    min-width: 84px;
    overflow: hidden;
    padding: 9pt 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
	box-shadow: 0 0 0 1px #da0605, 0 0 0 1px #da0605;
}
button#gdpr-cookie-accept:hover {
	background:none;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
    display: none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

#gdpr-cookie-types {
    display: none;
}
.singleblog .blogcontent>ul li {
    color: #545454;
    font-size: 16px;
    display: block;
    margin-top: 20px;
    padding-left: 30px;
    position: relative;
}
.floatingaddtogiftbtn.buynowvisitbtn.greenbtn {
    display: none;
    position: fixed;
    top: 20%;
    right: 10px;
    z-index: 1000;
}
.floatingaddtogiftbtn.buynowvisitbtn.greenbtn.active {
    display: inline-block;   
}
.floatingaddtogiftbtn.buynowvisitbtn.greenbtn svg {
    width: 14px;
    fill: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}
.floatingaddtogiftbtn.buynowvisitbtn.greenbtn span {
    display: inline-block;
    vertical-align: middle;
}


.blogcontent p > img,
.blogcontent p > strong > img{ 
    max-width: 100%;
}
.blogcontent p strong a img{
    max-width: 100%;
    max-height: 75px;
    width: auto !important;
}
.blogcontent p strong a {
    margin: 0 10px 20px;
    display: inline-block;
}
.blogcontent p strong a:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 991px) {
    .blogcontent p > img,
    .blogcontent p > strong > img{ 
        width: auto !important;
        height:  auto !important;
    }
}