@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');


#topNavBar .navbar-header {
    /*background: white;*/
    height: 86px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
#bottomNavBar.navbar-default .navbar-collapse li a {
    padding: 0px 9px;
}
#bottomNavBar .navbar{
    min-height: 35px !important;
}
#bottomNavBar.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

#bottomNavBar.navbar .navbar-collapse {
    text-align: center;

}
#bottomNavBar.navbar-default .navbar-collapse{

    padding:5px 0px 0px 0px !important;
}
.navbar-default .navbar-collapse li.dropdown.open .dropdown-menu{
    /*margin-top: 5px;*/
}
.productImage{
    max-height: 260px;
    width: 100%;
}
/*@media(min-width: 767px) {*/
/*    #bottomNavBar.navbar .navbar-collapse{*/
/*        width: 100%;*/
/*    }*/
/*}*/
#bottomNavBar.navbar-default .navbar-collapse li a {
    padding: 12px 17px;
}
#bottomNavBar .navbar-nav>li{
    margin-bottom: -12px;
}
.navbar-default .navbar-collapse li a{
    color: black;
}
.navbar-default{
    box-shadow: none;
}
#bottomNavBar{
    border-radius: 0px;
}

.headerLogo img{
    width: 90px;
    padding: 10px;
    margin-top: -10px;
}
.latestProductprice{
    font-size: 14px;
}
.latestProductprice{
    color: #9A9A9A;
    margin-top: 5px;
    font-weight: 600;
}
.borderRight{
    border-right: 2px solid #EFEFEF;
}
.headerFlex{
    padding: 3px 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
}
.version2 .cart-dropdown, .version3 .cart-dropdown{
    top: 0px;
    right:0px;
    /*height: 30px*/
}
.searchInput {
    height: 35px;
    width: 300px;
    border: 2px solid #FF549E;
    padding-left: 10px;
}
.searchButton {
    /*background: #FF549E;*/
    background: rgba(245,163,149,1);
    background: -moz-linear-gradient(left, rgba(245,163,149,1) 0%, rgba(255,85,156,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,163,149,1)), color-stop(100%, rgba(255,85,156,1)));
    background: -webkit-linear-gradient(left, rgba(245,163,149,1) 0%, rgba(255,85,156,1) 100%);
    background: -o-linear-gradient(left, rgba(245,163,149,1) 0%, rgba(255,85,156,1) 100%);
    background: -ms-linear-gradient(left, rgba(245,163,149,1) 0%, rgba(255,85,156,1) 100%);
    background: linear-gradient(to right, rgba(245,163,149,1) 0%, rgba(255,85,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a395', endColorstr='#ff559c', GradientType=1 );
    padding: 3px 10px;
    height: 35px;
    color:white !important;
    margin-top: -2px;
    margin-left: -3px;
    letter-spacing: 3px;
}
.searchButton:hover {
    background: #00033F;
}

#bottomNavBar.navbar-default .navbar-collapse li a{
    letter-spacing: 3px;
    font-family: 'Playfair Display', serif;
}
.productKnow {
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}

.productText {
    font-size: 20px;
    letter-spacing: 4px;
    font-family: 'Playfair Display', serif;
    padding: 20px 0px;
}
.headerFlex{
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}
.headerFlex .productRange{
    font-weight: bold;
    margin-right: 10px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 3px;
}
.headerFlex .tab-bottom {
    background:  #F82099; flex: 1; height: 2px
}
.productRange{
    margin: 0px;
}
.freed{
    display: flex;
    align-items: center;
}
.featureCircle {
    border-radius: 50%;
    position: relative;
    z-index: 9;
}
.featureCircle img{
    width:180px;
}
.featureSquare {
    z-index: 1;
    font-family: 'Playfair Display', serif;
}
.featureSquare .upperText {
    margin-left: 20px;
    color: #54024A;
    font-size: 18px;
    margin-bottom: 5px;
}
.featureSquare .lowerText {
    margin-left: 20px;
    color: #54024A;
    font-size: 20px;
    margin-top: 5px;
}
.footer.version2 {
    background: #FFE5F0;
}
.footer p {
    letter-spacing: 1px;
    text-align: justify;
}

.topMenuBar .active a{
    color: black !important;
}
.topMenuBar .active a::after {
    position: absolute;
    content: '';
    bottom: 8px;
    left: 10px;
    width: calc(100% - 20px);
    height: 2px;
    background: #FFCBE1;
}
/*#sharecontainer {*/
/*    padding: 20px 0px*/
/*}*/
.shareFlex {
    display: flex;
}
.shareFlex1 {
    text-align: center;
    flex:1;
    color:white
}
.shareFlex1 div {
    margin-bottom:10px;
    font-size: 16px;
}
.shareFlex1 div:nth-of-type(1){
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.shareFlex2 div:nth-of-type(1){
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.shareFlex2 li img {
    width: 30px;
    height: 30px
}
.shareFlex2 li {
    width: 31px;
    height: 31px;
    padding:0px;
    margin: 0px 5px;
}

.newProductCard {
    position: relative;
    width: 100%;
    max-height: 285px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}
.newProductImage {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.newProductText{
    background: #00033F;
    padding: 10px 0px
}
.newProductText span {
    color: #fff;
    font-weight: 700;
    line-height: 0;
}
.newProductBgImage {
    width: 100%;
    height:100%;
    background-size: cover;
    background-position: center;
    transition: all 1s;
}
.newProductCard:hover .newProductBgImage {
    transform: scale(1.1, 1.1);
}
.newProductCard:hover {
    transition-delay: 0.1s;
    -webkit-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
}

.selectedProduct {
    display: flex;
    flex-wrap: wrap;
}
.selectedProduct .flex1 {
    flex: 1;
    margin: 0px 20px;
}
.selectedProduct .flex2 {
   flex: 1;
    min-width: 200px;
}
.selectedProduct .statusForm {
    max-width: 400px;
}
.selectedProduct .productName {
    color: black;
    font-family: 'Playfair Display', serif;
    max-height: none;
}
.selectedProduct .productPrice {
    color: black;
    font-family: 'Playfair Display', serif;
}
.singleProduct .media .media-body .tabArea .nav-tabs li.active a {
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    color: black;
    border-bottom: 2px solid black;
}

.selectedProduct .nav-tabs {
    border-bottom: 2px solid #ddd;
}

.singleProduct .media .media-body .tabArea .tab-content {
    padding: 10px 0px;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    word-wrap: break-word;
}
@media (min-width: 480px) {
    .singleProduct .media .media-body .tabArea .nav-tabs li a {
        padding: 10px
    }
}
@media (min-width: 992px) {
    .singleProduct .media .productSlider {
        width: 450px;
    }
}

.inputFlex {
    display: flex;
}
.inputFlex img {
    align-self: center;
    width: 20px;
    height:20px;
    margin-right: 10px;
}
.inputFlex .formInput {
    flex: 1
}
.inputFlex .formInput label {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0px;
    font-family: 'Playfair Display', serif;
}
.pinError {
    border-bottom: 2px solid red !important;
}
.inputFlex .formInput input {
    border:0px;
    border-bottom: 2px solid #ddd;
    width: 100%;
}

.singleProduct .media .media-body {
    display: block;
}
.selectedProduct .inputBtn {
    width: 100%;
    border:none;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
}
.selectedProduct .statusButton {
    background: #F81795;
}
.selectedProduct .cartButton{
    background: #00033B;
}
#datepicker .ui-datepicker {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #fff;
}
.ui-helper-clearfix {
    min-height: 0px;
}

#datepicker thead * {
    color: #484747;
    font: 300 18px Roboto;
    background: #fff;
}

#datepicker table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 5px 1rem;
    text-align: center;
}
#datepicker tbody * {
    font: 300 1.5em Roboto;
    text-align: center;
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background: white;
}
#datepicker .ui-datepicker .ui-state-hover, #datepicker .ui-datepicker .ui-state-active{
    background: black !important;
    color: white;
}
.ui-datepicker-calendar a {
    color: #515151;
    line-height: 2rem;
    height: 2rem;
    font-size: 1.5em;
    font-weight: 300;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
}
.ui-datepicker .ui-state-default {

    background: white !important;
    padding: 0 !important;
    color: #515151 ;
}
.planFlex {
    display: flex;
    cursor: pointer;
    margin: 15px 20px
}
.planFlex  .flexFirst{
    flex: 1;
    text-align: center;
    border: 1px solid #d6d6d6;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding-left: 20px;
}
.planFlex  .flexFirst input {
    margin-right: 10px;
}
.planFlex  .flexSecond {
    background: #F5E7E6;
    color: black;
    padding: 10px 15px
}
.timeFlex {
    display: flex;
    cursor: pointer;
    margin: 10px 20px;
    justify-content: center;
}

.timeFlex  .flexFirst {
    text-align: center;
    border: 1px solid #d6d6d6;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 10px 20px;
    padding-left: 20px;

}
.timeFlex  .flexFirst input {
    margin-right: 10px;
}
#calendarModal {
    display: block;
    visibility: hidden;
    overflow: hidden;
}
#calendarModal.in {
    visibility: visible;
}
#datetimeshipping {
    text-align: left;
    padding-left: 10px;
    border-bottom: 2px solid #DCDCDC;
    color: #444;
    position: relative;
    display: none;
    cursor: pointer;
}
#deliverydateofmonth {
    font-size: 3em;
    line-height: 100%;
    margin-right: 5px;
}
#deliverymonth {
    top: 10%;
}
#deliverymonth, #deliveryweekday {
    text-transform: uppercase;
    position: absolute;
    font-size: 0.9em;
}
#deliveryweekday {
    bottom: 10%;
}
#shippingmethod {
    top: 10%;
}
#shippingmethod, #timeslot {
    position: absolute;
    right: 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.9em;
}
#timeslot {
    bottom: 10%;
}


.cart-dropdown ul.dropdown-menu, .top-right .cart-dropdown ul.dropdown-menu{
    background: #ffffff;
    border: 2px solid #efefef;
}
.cartListInner .checkBtnArea .btn-primary, .pager button{
    background-color: #F71A93;
}
.cartListInner .table-responsive .table thead tr th, .orderBox .table-responsive .table thead tr th{
    background-color: #00033A;
}
.cartListInner .table-responsive .table thead tr{
    border-color:#00033A;
}
.btnReset {
    border-color: #00033D;
    color:#00033D;
}

.btnReset:hover {
    background: #00033D;
    border-color: #00033D;
    color:white;
}
.form-control.error {
    border: 1px solid red !important;
}
label.error {
    display: none !important;
}
.contactHeading {
    color: #00033D;
    font-family: freightMedium;
}
.loginMenu {
    width: 200px !important;
}
.loginMenu li{
    color: white;
    padding-left: 0px !important;
}
.loginMenu li a {
    color: white !important;
}

.pageHeaderImage{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    background-image:url(../../img/banner/cart.jpg)
}
.carousel-control.left, .carousel-control.right{
    background-image: none;
}
.cartSideButton {
    width:20px
}.loginMenu
.btn-petalawish {
    background-color: white ;
    /* color: white; */
    /* border-radius: 10px; */
    padding: 10px 20px;
    font-weight: bold;
    background: transparent;
    border: 2px solid #F71A93;
    color: white;
}

.btn-petalawish:hover {
    background-color: #F71A93;
    color: white;
}

/*material buttons*/

.md-button.raised {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
}

.md-button.raised:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}
/*/material buttons*/
.btn-signup {
    background: #00033F;
}
.btn-login {
    background: #00033F;
}
@media (max-width: 767px) {
    .searchInput {
        height: 35px;
        width: 200px;
        border: 2px solid #00033F;
        padding-left: 10px;
    }
    .freed {
        flex-wrap: wrap;
        justify-content: center;
    }
    .cart-dropdown {
     flex: 1;
        text-align: right;
    }
    .selectedProduct {
        display: block;
    }
    .cartSideButton {
        width:65px !important;
        height: 20px !important;
        line-height: 0px !important;
    }
    .pageHeaderImage {
        height: 70px;
    }
    .stepsWrapper .innerWrapper {
        padding: 10px 10px 0px;
        border-width: 2px;
    }
    .stepsWrapper .innerWrapper.stepsPage .cartListInner .totalAmountArea {
        border-width: 2px;
    }
    .cartListInner .checkBtnArea .btn-primary, .pager button {
        width: 100%;
    }
    .safeTagline {
        line-height: 1em;
    }
    .productCarousel .carousel-inner,.singleProduct .media .productSlider #carousel .item img {
        min-height: 350px;
        max-height: 430px;
        width: 100%;
    }
    .loginMenu {
        min-width: 90px !important;
        width: 90px !important;
    }
}
.btn-petalawish{
    background: white
}
@media (max-width: 1500px) {
    #bottomNavBar.navbar-default .navbar-collapse li a {
        padding: 12px 20px;
    }
    .maxWidth850 {
        max-width: 800px;
    }
}