@font-face {
    font-family: 'myFont';
    src: url("../fonts/LATO-REGULAR.TTF");
}
@font-face {
    font-family: 'myFontBold';
    src: url("../fonts/LATO-BOLD.TTF");
    font-weight: 700;
}


html,body {
    overflow-x: hidden !important;
}

body, p, a {
    font-family: 'myFont' !important;
    line-height: 1.5;
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5 {
    font-family: 'myFontBold' !important;
    font-weight: 700 !important;
    line-height: normal;
}

a:hover,
a{
    text-decoration: none!important;
}

.blue{
    color:#b13784;
    /* color:#0A2C7E; */

}
.blueBackgroud{
    background-color:#b13784;
}
.sliderText h2,
.quoTitle,
h1{
    font-size:35px!important;
}
.sliderText p,
h2{
    font-size:18px!important;
}

p,a,span,strong{
    font-size:14px!important;
}
p{
    margin-bottom: 0px!important;
}
.generalButton {
    background: transparent;
    border: 1px solid white;
    padding: 6px 0px;
    width: 120px;
    outline: none;
    transition:all 0.3s;
}
.generalButton:hover a{
    color:white;
    transition:all 0.3s;
}
.generalButton:hover {
    background: #0a2c7e;
    border-color: #0a2c7e;
    transition:all 0.3s;
}
.iClass {
    display: inline-block;
    float: none!important;
    vertical-align: middle;
}
.bClass{
    position: relative;
}
.aClass:after,
.bClass:before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.whiteOverLay:before{
    background-color: rgb(255,255,255,0.6);
}
.blackOverLay:before{
    background-color: rgb(0,0,0,0.6);
}
.hide{
    display: none;
}
.sectionTitle {
    text-align: center;
    font-size: 35px!important;
    padding-top: 35px;
    padding-bottom: 35px;
}
img{
    width:100%;
}
.scrollBackground,
.staticBackground{
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
}
.scrollBackground{
    background-attachment: fixed;
}
.sliderBanner {
    position: relative;
}
.sliderBanner img {
    width: 100%!important;
    max-width: none;
    height: 550px!important;
    object-fit: cover;
}
.sliderBanner figure {
    margin-bottom: 0;
}
.sliderText {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 0;
    transform: translateY(-50%);
    z-index:99;
}
.sliderText h2,.sliderText p{
    color:white;
}

/* header */
img.site-logo {
    max-width: 120px;
    object-fit: contain;
}
.nav-item {
    padding-left:15px;
}
.cartPosition{
    max-width: max-content;
    position: relative;
}
.navbar a {
    font-size: 18px;
    color:#476481!important;
}
span.cartQuantity {
    display: block;
    background: #FFCA1D;
    text-align: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    z-index:-1;
    right: -5px;
}

.header-slogan {
    padding-top: 15px;
    padding-bottom: 20px;
}
.header-slogan div.col-md-6.col-sm-12:last-child{
    text-align: right;
}
.header-slogan p {
    margin-bottom: 0;
    color: white;
    font-size: 24px;
    font-family: 'myFontBold'!important;
}
/* footer */
/*home*/
.searchInputRow {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    z-index: 99;
}
.searchInputRow p {
    margin-bottom: 20px!important;
}
.searchDetailRow {
    position: relative;
    top: 45%;
    transform: translate(-15%,-50%);
    width: 75%;
    left: 24%;
}
a.carousel-control-next, a.carousel-control-prev {
    z-index: 999;
}
.iconRow {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(12%, 1fr) );
    grid-column-gap: 10px;
}
.iconInnerRow {
   background:rgba(0,0,0,0.6);
   padding:40px 20px;
   grid-row: 1;
}
.iconInnerRow i {
    display: block;
    font-size: 30px!important;
    color: white;
}
.iconInnerRow span {
    font-size: 18px!important;
    color: white;
    display: block;
    margin-top: 15px;
}
.home-quoteRow {
    padding-top: 125px;
    padding-bottom: 125px;
    background: url(../images/footerpic.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home-quoteRow h2 {
    margin-bottom: 0;
}
.home-quoteRow p {
    margin-top: 5px;
}
.home-quoteRow p,.home-quoteRow h2 ,.home-quoteRow a {
    color: white;
}
.home-quoteRow .generalButton {
    float: right;
}

.home-quoteRow .col-md-9.iClass {
    width: 69%;
}

.home-quoteRow .col-md-3.iClass {
    width: 26%;
    padding-top: 25px;
}
/*footer*/
.footerInfo {
    background: #102A43;
    color: white;
    padding-top: 35px;
    padding-bottom: 35px;
}

.footerInfo h2, .footerInfo p, .footerInfo a {
    color: white;
}

.footerInfo ul {
    list-style: none;
    padding-left: 0;
}

.footerInfo ul li {
    margin-bottom: 10px;
}

.copyRight {
    background: #243A53;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
}

.copyRight ul {
    list-style: none;
    padding-left: 0;
    float: right;
    margin-bottom:0;
}

.copyRight ul li {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
}

.footerInfo a:hover,
.copyRight a:hover,
.copyRight a {
    color: white;
}
/* home */
.home-location {
    display: grid;
    grid-template-columns: auto auto auto auto;
}
.locationGroup {
    position: relative;
    overflow: hidden;
}
.locationGroup figure {
    margin-bottom: 0;
}
.locationGroup img {
    width: 100%;
    max-height: 550px;
    object-fit: cover;
}
.locationTitle {
    position: absolute;
    top: 50%;
    opacity:1;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 99;
}
.locationTitle p {
    color: white;
    opacity:1;
    font-size: 35px!important;
    transition:all 0.3s;
}
.locationGroup.bClass:before,
.locationGroup.aClass:after {
    height: 50%;
    background:rgba(0,0,0,0.6);
    transition:height 0.3s 0.3s;;
}
.locationGroup.aClass:after {
    top: inherit;
    bottom: 0;
}

.locationGroup:hover .locationTitle p{
    font-size:0px!important;
    opacity:0;
    transition:all 0.3s;
}
.locationGroup.aClass:hover:before,
.locationGroup.aClass:hover:after{
    height:0%!important;
    transition:height 0.3s 0.3s;
}
.home-picks {
    position: relative;
    background-color: #102A43;
    padding-top: 5px;
    padding-bottom: 20px;
    transition:all 0.7s;
}
.home-picks .sectionTitle{
    color: white;
}
.pickGroup {
    margin-bottom: 35px;
}

.picTypeInfo {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.7);
    padding: 14px 14px;
}
.pickGroup figure {
    position: relative;
    margin-bottom: 0;
    color: white;
    overflow: hidden;
}
.picTypeInfo p {
    display: inline-block;
    width:49%
}

.prices {
    text-align: right;
}
.category span {
    background: #FFCA1D;
    color: black;
    padding: 4px 10px;
    font-weight: bolder;
}
.pickDetail {
    color: #476481;
    background: white;
    padding: 20px;
    min-height: 120px;
}
.pickDetail h2 {
    color: black;
    font-weight: bolder;
}
.pickDetail span {
    font-size: 11px!important;
    margin-top: 10px;
    display: block;
}
.pickGroup img {
    width: 100%!important;
    max-width: none;
    height: 270px!important;
    transform: scale(1.0);
    object-fit: cover;
    transition: all 0.3s;
}
.pickGroup:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
}
.lightActive {
    background: white;
    transition:all 0.7s;
}
.lightActive .picTypeInfo{
    background: rgba(255,255,255,0.7);
    transition:all 0.7s;
}
.lightActive .prices {
    color: black;
    transition:all 0.7s;
}
.lightActive .pickDetail {
    background: #102A43;
    color: white;
    transition:all 0.7s;
}
.lightActive .sectionTitle{
    color:#102A43;
    transition:all 0.7s;
}
.lightActive .pickDetail h2{
    color: white;
    transition:all 0.7s;
}
.lightActive .category span {
    background: black;
    color: #FFCA1D;
    transition:all 0.7s;
}

button#onRow {
    text-align: center;
    width: 27px;
    height: 45px;
    border: 1px solid white;
    background: transparent;
    border-radius: 25% 25%;
    position: relative;
    outline: none;
}
button#onRow span {
    width: 11px;
    height: 11px;
    background: white;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left:7px;
    transition:all 0.7s;
    -webkit-animation: expand 1s infinite;
    animation: expand 1s infinite;
}
button#onRow.cliakAble{
    border: 1px solid black;
    transition:all 0.7s;
}
button#onRow.cliakAble span{
    top: 25px;
    background: black;
    transition:all 0.7s;
    -webkit-animation: initial;
    animation: initial;
}
.home-bonus{
    background-image: url("../images/promo-background.png");
    text-align: center;
    color: white;
    padding-top: 150px;
    padding-bottom: 150px;
}
.promoInfo * {
    margin-bottom: 10px!important;
    color:white;
    position: relative;
    z-index: 99;
}
.promoInfo p {
    font-size: 18px!important;
}
.home-blog {
    padding-bottom: 50px;
}
.blogShortText {
    color: #102A43;
    padding: 20px 0;
}

.blogShortText h2 {
    margin-bottom: 5px;
}
.blogGroup figure {
    margin-bottom: 0;
}
.buttonRows {
    padding-top: 25px;
}
.actionButtons {
    text-align: right;
    position: absolute;
    right: 2%;
    top: 1%;
}

@keyframes expand{
    0%,100%{
        transform:scale(1.0)
    }
    50%{
        transform:scale(1.3)
    }
   
}
/* about */
.whyChoose {
    padding-bottom: 65px;
}
.chooseType i {
    background: #0A2C7E;
    color: white;
    padding: 16px 0px;
    border-radius: 50%;
    font-size: 25px;
    width: 56px;
    height: 56px;
    text-align: center;
    vertical-align: top;
    margin-right: 15px;
}

.chooseType > * {
    width: 72%;
}
.chooseInfo p strong {
    display: block;
    margin-bottom: 5px;
}
.extraInfo {
    background: #ecececec;
    padding: 20px 0px;
    padding-top: 60px;
}
.extraInfo p {
    margin-bottom: 35px!important;
}
/* search */
.searchRow {
    background: white;
    padding-bottom: 0;
}
.searchRow .sectionTitle {
    color: black;
    text-align: left;
    padding-top: 0;
}
.searchInputs {
    text-align: center;
    margin-bottom: 50px;
}
.titleRow {
    margin-bottom: 25px;
}
.searchInputs .sectionTitle {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.searchInputs .form-group {
    text-align: left;
}
.searchInputs label {
    display: block;
    margin-top: 15px;
}
.searchIcons {
    position: relative;
}
.searchIcons:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 6px;
    right: 10px;
    color: black;
}
.searchIcons input {
    padding-right: 35px;
}
/* contact */
.contactInfo {
    padding-top: 65px;
    padding-bottom: 65px;
}

.contactInfo .sectionTitle {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}

.contactInfo .formInput {
    margin-top: 10px;
}

.inputPattern textarea {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 10px 10px;
    border-radius: .25rem;
}

.inputPattern button {
    width: 100%;
}

button.btn.btn-primary {
    background: #b13784;
    outline: none;
    border-color: #b13784;
   
}
.system button.btn.btn-primary {
    width: 300px;
    font-size: 16px;
}
.system.checkouts button.btn.btn-primary {
    width: 100%;
}

button.btn.btn-primary:hover {
    border-color: #0A2C7E;
    background: transparent;
    color: #0A2C7E;
}
.infoGroups {
    margin-top: 40px;
}
.infoGroups i {
    margin-bottom: 5px;
}
.contactInfo .chooseType {
    padding-left: 5%;
}
.notes,
.notes .sectionTitle,
.contactBanner .sectionTitle{
    text-align:center;
}
.notes br{
    display: none;
}
.notes .sectionTitle{
    color: #102A43;
}
.system .home-quoteRow,
.contact-page .home-quoteRow {
    display: none;
}
/* login */
span.input-group-append > button {
    height: 38px;
}
span#price {
    margin-bottom: 15px;
    display: block;
    font-size: 24px!important;
    color: black!important;
    font-weight: bolder;
}
.siteBar button {
    width: 100%;
    margin-bottom: 15px;
}
.registerSection .sliderText {
    width: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 60px 10px;
}
.registerSection .yelloButton{
    margin-top:15px;
}
.registerSection .sliderText h2,
.registerSection .sliderText p{
    color:#102A43;
}

.loginSection {
    padding-top: 3%;
    padding-left: 5%!important;
    padding-right: 5%!important;
}
nav.navbars {
    margin-bottom: 20px;
}
nav.navbars a{
    color: black!important;
}

.yellowButton,
.yelloButton {
    background: #FFCA1D!important;
    border-color: #FFCA1D!important;
    color:#102A43!important;
    outline:none!important;
}

nav.navbar i.fas {
    font-size: 16px;
}
.forms {
    padding-top: 35px;
    color: #102A43;
    padding-bottom: 35px;
}

.forms h2.sectionTitle {
    text-align: left;
    padding-bottom: 10px;
    padding-top: 0px!important;
    color: #102A43;
}
.profileSetting {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.profileSetting .iconRow {
    grid-template-columns: auto auto auto auto auto auto;
}
.profileSetting .iconInnerRow {
    background: #ecececec;
}
.profileSetting .iconInnerRow i{
    font-size: 45px!important;
}
.profileSetting .iconInnerRow i,
.profileSetting .iconInnerRow span {
    color: #0A2C7E;
}
.settingDesc {
    padding-bottom: 35px;
}
.system .inputPattern button {
    width: 150px;
    font-size: 12px;
}
.addressRow input {
    padding: 0;
    height: inherit;
    border: 0;
    outline:none;
    background-color: transparent;
    width:80%;
}

.addressRow .inputPattern {
    border: 1px solid #D9E2EC;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 25px;
    position:relative;
    cursor: pointer;
 
}
.addressRow .inputPattern:last-child{
    border: 0px solid;
    padding: 0px;
    padding-bottom: 0;
}
.addressRow i.fas.fa-trash {
    position: absolute;
    right: -10px;
    top: 35%;
    transform: translateY(-50%);
    z-index: 999;
    cursor: pointer;
}
.addressRow .inputPattern:last-child button, .addressRow .inputPattern:last-child span {
    display: inline-block;
    max-width: max-content;
    margin-right: 15px;
}
.saveTitle {
    padding-bottom: 0;
}
span.default {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    right: 30px;
    opacity:0;
    display:none;
    font-weight: bolder;
}
.SelectedRow .inputPattern{
    background: #FFCA1D;
    border: 1px solid #FFCA1D;
    color:#102A43;
}
.SelectedRow .default{
    opacity:1;
    display:none;
}
/* cart */
.numberingrow ul {
    list-style: none;
    padding-left: 0;
    text-align: center;
}
.numberingrow ul li {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top!important;
}


.numberingrow a {
    color: #476481;
    pointer-events: none;
}

span.number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0A2C7E;
    text-align: center;
    display: inline-block;
    color: white;
    vertical-align: middle;
    font-size: 16px!important;
    padding-top: 7px;
}

.numberingrow {
    border: 1px solid #D9E2EC;
    padding-top: 15px;
    margin-bottom: 35px;
}
.activePages span.number {
    background: #FFCA1D;
    color: #0A2C7E;
}
div.footerPayment {
    padding-top: 0!important;
}


.placeOrder {
    text-align: right;
}
.proceedRow span,.proceedRow button {
    display: inline-block;
    float: none;
    max-width: max-content;
}

button.coupon {
    border: 0;
    background: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}

.proceedRow {
    margin-top: 5px;
}

.proceedRow span {
    margin-right: 10px;
}

.proceedRow a {
    color: #0A2C7E;
}
.placeOrder ul.list-unstyled {
    margin-bottom: 0!important;
}
.bigPrices {
    font-size: 25px!important;
}
.figureCover {
    width: 25%;
}
.productDetail {
    padding-top: 15px;
    padding-bottom: 10px;
      /* Set the maximum height to show only two lines of text */
    max-height: 4.5em; /* You can adjust this value to control the number of lines */
    line-height: 1.75em; /* Match the line height to the font-size for two lines */

    /* Hide any text that overflows beyond the two lines */
    overflow: hidden;

    /* Display the ellipsis (...) to indicate text overflow */
    text-overflow: ellipsis;

    /* Enable multi-line text truncation */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Number of lines to show before truncation */

}
.cartItems td {
    padding-left: 0!important;
    border-top: 0px solid #dee2e6!important;
}
.cartItems img {
    /* width:100%!important;  */
    width:200px!important;
    max-width: none;
    height: 200px!important;
    margin-left: 50%!important;
    object-fit: cover;
    transform: translateX(-50%);
}
.details {
    width:100%;
}
.details td {
    width: 20%;
}
.details td:last-child {
    width: 30%;
}
.cartItems a,
.cartItems *{
    color:#102A43!important;
    font-size: 12px;
}
.cartItems a.text-dark {
    font-size: 25px!important;
}
tr.lItem > th:first-child {
    width: 1%;
}
.itemTotal {
    width: 10%;
    font-weight: bolder;
}
.itemTotal > p{
    position: relative;
    top: -23px;
}
.ordeHistory .itemTotal > p{
    top: -30px;
}
.cartListItem tbody > tr {
    border-bottom: 1px solid #eee;
}
.details tbody > tr {
    border-bottom: 0px solid;
}
.footerPayment .col-lg-6 {
    padding-left: 0;
}
table.details td > p:first-child {
    margin-bottom:.5rem !important;
    font-weight: bolder;
}
.selectOption {
    border: 1px solid  #ced4da;
    padding: 4px 6px;
    font-size: 11px;
    color: #ced4da;
    padding-right: 0;
}

.selectOption select {
    border: 0;
    padding: 0!important;
    height: auto;
    border-radius: 0;
    text-align: left;
    padding-left: 0!important;
    position: relative;
    left: -4px;
}

.selectOption select option {
    padding-left: 0!important;
    border: 0!important;
    outline: 0!important;
    position: relative;
    left: -2px;
}

.selectOption label {
    margin-bottom: 0;
}
.sameHeight input {
    height: 48px;
}
.system .selectOption  select.form-control{
    margin-bottom:0;
}
.summary .sectionTitle {
    text-align: left;
}
.payments .proceedRow {
    text-align: right;
}
.roundBox .sectionTitle {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.notesP {
    padding-top: 15px;
    padding-bottom: 15px;
}
.roundBox {
    padding: 20px;
    border: 1px solid #D9E2EC;
}
.roundBox ,
div.footerPayment {
    margin-left: 20px!important;
}
.status {
    color: white;
    padding: 4px 10px;
    border-radius: 14px;
}
.pending{
    background-color: #0A2C7E;
}
.shipped{
    background-color: #FFCA1D;
}
.cancelled{
    background-color: #E3081D;
}
.deliverd{
    background-color: #14B83A;
}
.orderHistoryList td{
    color: #334E67;
}
/* product */
.coverPhotoGallery {
    padding-left: 0!important;
}
.galleryPictures {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
    margin-bottom: 35px;
}
.item-gallerys {
    height: 60px;
    object-fit: cover;
}

figure.extraPhoto img,
.artTextRow p {
    margin-bottom: 35px!important;
}
.mainPhoto img {
    width: 100%!important;
    max-width: none;
    height: 250px!important;
    margin-left: 50%!important;
    object-fit: contain;
    transform: translateX(-50%);
}
.siteBar{
    border: 1px solid #D9E2EC;
    padding: 20px;
}
.cartItems {
    display: block;
    width: 100%;
}
.payments .ss,
.summarys .ss {
    width: 100%;
    padding-left:15px;
}
.summarys .footerPayment {
    margin-left: 0!important;
}
@media screen and (max-width: 1199px) 
{
    .registerSection .sliderText {
        width: 75%;
    }
    .itemTotal {
        width: 13%;
    }
}

@media screen and (max-width: 991px) 
{
    
	.footerInfo .col-md-4 {
	    margin-bottom: 20px;
	}
	.footerInfo h2 {
	    margin-bottom: 5px;
	}
	.copyRight {
	    text-align: center;
	}
	.copyRight ul {
	    float: none;
	    padding-top: 5px;
	}
	.copyRight ul li:first-child {
	    margin-left: 0;
	}
	.home-quoteRow {
		padding-top: 60px;
    	padding-bottom: 60px;
    	text-align:center;
    }
    .picTypeInfo p {
        width: 100%;
        text-align: center;
    }
    .picTypeInfo p:first-child{
        margin-bottom:5px!important;
    }
    .pickDetail {
        min-height: 180px;
    }
    .home-quoteRow .buttonRows .generalButton{
        text-align: center!important;
        float: none;
        margin-top: 20px;
    }
    .quoTitle {
        font-size: 24px!important;
    }
    span.cartQuantity {
        padding-top: 0px;
        top: -1px;
        right: -15px;
    }
    .chooseType > * {
        width: 100%;
        text-align: center;
    }
    .chooseType i {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
    .contactBanner:before{
        display:none;
    }
    .contactBanner .sliderText {
        position: static;
        transform: inherit;
        padding-top: 25px;
    }
    
    .contactBanner .contactInfo{
        padding-top: 0;
        padding-bottom: 0;
    }
    .contactBanner .sliderText h2, .contactBanner .sliderText p{
        color:black;
        text-align:center;
    }
  
   
}
@media screen and (max-width: 767px) 
{
    .home-location {
        display: grid;
        grid-template-columns: auto auto;
    }
    .locationTitle p {
        font-size: 18px!important;
    }
	.home-quoteRow .col-md-3.iClass
	.home-quoteRow .col-md-9.iClass {
		width:100%;
	}
	.home-quoteRow .generalButton {
	    float: none;
	    margin-top: 20px;
	}
	.home-quoteRow h2 {
	    margin-bottom: 15px;
    }
    .pickDetail{
        min-height: inherit!important;
    }
    .pickGroup img {
        height: inherit!important;
    }
    .header-slogan div.col-md-6.col-sm-12:last-child,
    .header-slogan{
        text-align:center;
    }
    .scrollBackground{
        background-attachment: inherit;
    }
    button#onRow{
        display:none;
    }
    .homeSlider p,
    .homeSlider .form-group,
    .homeSlider .iconRow{
        display:none
    }
    .whyChoose {
        padding-bottom: 20px;
    }
    .chooseType {
        margin-bottom: 20px;
    }
    .sliderBanner img {
        height: 350px!important;
    }
    .footerInfo ul li {
        margin-bottom: 0px;
    }
    .forms .pl-5 {
        padding-left: 20px!important;
        padding-right: 20px!important;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    .registerSection .sliderText {
        width: 100%;
        padding: 20px;
        position: static;
        transform: none;
    }
    .profileSetting .iconRow {
        display: block;
    }
    .profileSetting .iconInnerRow {
        margin-bottom: 20px;
    }
    .system select.form-control {
        margin-bottom: 20px;
    }
    .addressRow .inputPattern {
        width: 95%;
    }
    .addressRow i.fas.fa-trash {
        right: 10px;
    }
    span.default {
        top: 85%;
    }
    .addressRow input {
        width:100%;
    }
    
    .numberingrow {
        padding-left: 10px;
    }
    span.number {
        width: 16px;
        height: 16px;
        font-size: 8px!important;
        padding-top: 2px;
    }

    .numberingrow ul li {
        margin-right: 10px;
    }

    span.numberTitle {
        font-size: 10px!important;
    }
    .itemTotal {
        display: none;
    }
    .footerPayment .col-lg-6 {
        padding-right: 0;
    }
    .cartItems img {
        width: 100px!important;
        height: 100px!important;
    }
    .placeOrder .p-4 {
        padding-top: 0!important;
    }
    .footerPayment {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .footerPayment textarea {
        width: 90%;
        margin: 0 auto!important;
        display: block;
    }
    button.btn.btn-primary {
        font-size: 10px;
        padding: 3px;
    }
    .placeOrder ul.list-unstyled,
    .proceedRow{
        text-align: center;
    }
    button.coupon {
        display: block;
        margin:0 auto;
        width:100%;
    }
    .proceedRow span {     
        padding-bottom: 15px;
    }
    .system.ordeHistory button.btn.btn-primary {
        float: none!important;
        margin-top: 15px;
    }
    .system button.btn.btn-primary {
        width: auto;
        font-size: 10px;
        padding: 10px;
        margin: auto;
    }
    .roundBox, div.footerPayment{
        margin-left: 0px!important;
    }
    .card.payment {
        font-size: 13px;
    }
}
/* product carrousel */

.savedAddressTrash{
    margin: auto;
    margin-right: unset;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 15px;
}
.resultContainer {
    margin-top:.1rem;
    width: 100% !important;
    position: absolute;
}
.resultContainer ul{
    width: 100% !important;
    padding: 0 !important;
    height: auto;
    max-height: 200px;
    overflow: overlay;
    margin-bottom: 0;
}
.resultContainer ul li {
    background-color: white;
    color:black;
    list-style-type: none;
    border-radius: .25rem;
    animation: fadeIn .3s ease-in both;
    padding: 1rem;
    margin-bottom: 1px;
    text-align: left;
}
.resultContainer ul li:hover{
    background-color: #f8f8f8;
}
.resultContainer ul li:focus{
    background-color: #f8f8f8;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.capitalize {
    text-transform: uppercase;
}