/* Add here all your CSS customizations */
.notice{
  display: none;
}

/*#user_terms_condition {
    margin-bottom: 24px;
    margin-left: -29px;
}*/
div.ex2 {
  border-style: solid;
  border-color: #ff0000;
  text-align: center;
}
div.ex1 {
  text-align: center;
}

.alert-warning {
    color: #11100f !important;
    background-color: #e6c51a !important;
    border-color: #faebcc !important;
}

.body-container{
  position: relative;
  /* z-index: 1000; */
  /* left: 7%;*/
}

.test {
  width: 100%;
  height: 100%;
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.shipping-name {
    font-size: 10px;
}


/****************************************************************************/

@media screen and (max-width:800px) {
  .test{
    height: 1540px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 4%; */
  }
}

@media (max-width:1366px){
  .test{
    height: 1540px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 6% !important; */
  }
}

@media screen and (min-width: 801px) {
  .test{
    height: 1540px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 4%; */
  }
}

@media (max-width:1080px){
  .test{
    height: 1341px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 25px; */
  }
}

@media (max-width:990px){
  .test{
    height: 4003px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 92px; */
  }
}

@media (max-width:900px){
  .test{
    height: 2079px;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 92px; */
  }
}

@media (max-width:854px){
  .test{
    width: 100%;
    height: 100%;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 25px; */
  }
}

@media (max-width:800px){
  .test{
    width: 100%;
    height: 100%;
    background-image: url(/img/beach-background.jpg);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .body-container{
    /* left: 25px; */
  }
}

@media (max-width:767px){
 .test{
  width: 100%;
  height: 100%;
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  }
  .body-container{
    /* left: 25px; */
  }
}

@media (max-width:720px){
 .test{
  width: 100%;
  height: 100%;
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  }
  .body-container{
    /* left: 25px; */
  }
}

@media (max-width:568px){
 .test{
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  }
  .body-container{
    /* left: 0px; */
  }
}

@media (max-width:480px){
 .test{
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  }
  .body-container{
    /* margin-left: -13px !important; */

  }
}

@media (max-width:360px){
.test{
  width: 100%;
  height: 100%;
  background-image: url(/img/beach-background.jpg);
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  }
  .body-container{
    /* left: 25px; */
  }

}

.select2-container{
  width: 200px !important;
}

span.timer {
  border-style: solid;
  border-color: red;
}

 /*body{font-family: 'Source Sans Pro', sans-serif;}*/
  .sec-from {
    width: 330px;
    background-color: #fff;
    border: 1px solid;
    margin: 0px auto;
    border-radius: 5px;
    position: absolute;
    bottom: top;
    top: 155px;
    right: 180px;
  }
  .sec-from h2 {
    background: #424e4e;
    color: #fff;
    font-size: 18px;
    margin: 0;
    margin-top: 0px;
    padding: 0px 0px;
    text-align: center;
    font-family: 'Source Sans Pro', Tahoma, Arial;
  }
  .pad p {
  padding-bottom: 0px;
  }
  .sec-from h2 i {
    color: #ffae40;
    padding-right: 2px;
  }
  .sec-from .container{width: 100%;
    padding:0px;
  }
  .Item-Dimensions input[type="text"] {
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px;
  }
  .pad {
    background: #fff;
    padding: 5px 20px;
    border-radius: 0 0 4px 4px;
  }
  .pad h5 {
    font-size: 14px;
    color: #4d4d4d;
    font-weight: bold;
    text-transform: capitalize;

  }
  .Item-Dimensions {
    color: #4d4d4d;
    text-align: center;
  }
  .item-price {
    font-size: 12px;
    color: #4d4d4d;
    font-weight: bold;
  }
  .item-price input[type="text"] {
    padding: 0px 0px;
    width: 100%;
  }
  .item-type strong {
    text-align: center;
    font-size: 12px;
    padding: 0px 18px;
    margin: 0px;
  }
  .item-price p {
    padding: 0px;
    margin: 1px;
  }
  .would-you-like h5 {
    font-size: 12px !important;
    color: #f75309;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
    text-align: center;
  }
  .radio-btn {
    font-weight: 400;
    padding-bottom: 14px;
  }
  .btn-calculater .calculate {
    z-index: 9999999;
    background: yellow;
    width: 100%;
    background: #f75309;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 14px;
    padding: 10px 0px 10px;
    margin-bottom: 5px;
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
  }
  .btn-calculater .calculate:hover {background-color: #c64206;color: #fff;}
  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    /*height:510px;*/
  }

  .Item-Dimensions p {
    padding: 0px;
    margin: 0px;
  }
  input[type=checkbox], input[type=radio]
  {
    vertical-align:sub;
  }


  @media (max-width: 990px){
   .sec-from {
     top: 165px;
    }
  }

@media (max-width: 767px){
 .sec-from {
   top: 165px;
   position: unset;
   margin-bottom: 20px;
   margin-top: 20px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: auto;
    width: 100%;
}
}

@media (max-width: 320px){
 .sec-from {
   top: 165px;
   position: unset;
   margin-bottom: 20px;
   margin-top: 20px;
   width: 300px;
}
}

.border{
  border-bottom: 1px solid;
  padding-bottom: 16px;
  padding-top: 4px;
}

.radio-group{
  cursor:pointer;
}
.radio-group.selected{
  border: blue solid 1px;
}

.user_invoices_btn_tab{
  color: white;
}

/*eye icon on password field*/
.field-icon_with_hint {
  float: right;
  margin-left: -25px;
  margin-top: -44px;
  position: relative;
  z-index: 2;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.field-icon-business {
  float: right;
  margin-left: -25px;
  margin-top: -27px;
  position: relative;
  z-index: 2;
}
.field-icon-forget-pwd-hint {
  float: right;
  margin-left: -25px;
  margin-top: -67px;
  position: relative;
  z-index: 2;
}
.field-icon-forget-pwd {
  float: right;
  margin-left: -25px;
  margin-top: -47px;
  position: relative;
  z-index: 2;
}
.container{
  /*padding-top:50px;*/
  margin: auto;
}
/*end eye icon password field*/
.rectangle-border{
  /*margin:10px;*/
  border:1px solid #000;
  display:inline-block;
  /*float:none !important;*/
  border-radius:20px;
}

/*for header address*/
.header-address{
  font-size:15px;
  white-space: pre;
}
@media screen and (max-width: 768px) {
  .header-address {
     margin-top: 17px;
  }
}
/*end header address css*/

.phone_otp_field{
  width: 75% !important;
  display: initial !important;
}

.phone_no_field{
  width: 56% !important;
  display: initial !important;
}

.phone_country_code_field{
  width: 13% !important;
  display: initial !important;
}

/*font awesome icon size*/
.fa-6 {
  font-size: 20em !important;
  margin-right: .07142857em;
}
.fa-5 {
  font-size: 12em !important;
  margin-right: .07142857em;
}
/* end font awesome icon size*/
.text-center-important{
  text-align: center !important;
}

.custom-tooltip {
  width: 14px;
  height: 14px;
  margin: 0 3px;
  position: relative;
  top: 2px;
}

.invalid-feedback{
  color: red;
}

.nema-radio-btn{
  margin-top: 4px;
}

.bg-yellow{
  background-color: yellow;
}


/*gritter*/
.gritter-item p {
  color: white !important;
}