/*@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');
@import url('http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic');*/
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');

body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background:url(../image/bg.png) repeat ;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'Indie Flower', cursive;
    font-weight: 700;
    letter-spacing: 0px;
}

h3, h4 {
    text-transform: none;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #595959;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.img-full {
    min-width: 100%;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,1);
    width:100%;
}

.box-featured {
    margin-bottom: 20px;
    padding: 30px 15px;
    width: 100%;
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #000000;
    background: rgba(0,0,0,0.0);
}

.footer-row {
    color:black;
}

.footer-row a {
    color:black
}

footer p {
    margin: 0;
    padding: 50px 0;
}

.poweredby {
    margin-top:10px;
    font-size:small;
    margin-bottom:10px;
    margin-right:10px;
}


/*Social Media*/
.social{
    position:absolute;
    right:0;
    padding-top:10px;
    text-align: right;
}

.social-share{
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.social-share li {
    display: inline-block;
}

ul.social-share li a {
    display: inline-block;
    color: #fff;
    background-color:#000000;
    background: rgba(0,0,0,0.8);
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
}

ul.social-share li a:hover {
    background: #fff;
    color: #000;
}
.logoarea {
   text-align:center;
    margin-top:15px;
    margin-bottom:10px;
}
.logo {
    max-width:300px;
    max-height:200px
}
.contact-header {
    color:white;
}
.social-header {
    color:white;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
}
.carousel-box {
    margin-bottom: 5px;
    padding: 15px 15px;
    background-color:transparent;
    background: rgba(0,0,0,0.2);
}
.btn-primary {
    background-color:dimgrey;
    color:#fff;
}
.btn-primary:hover {
    background-color:rgba(0,0,0,0.6);
    color:#fff;
}
.ProductAreaContainer {
    overflow: hidden; /* simple clearfix */
}
.ProductItem {
    width: 25%;
    box-sizing: border-box;
    padding: 13px;
    float:left;
  
}
table td {
        font-size: 1.1em;
        padding:5px;
      
    }
     table td p{
        font-size: 1.1em;
        padding:5px;
      
    }

/*Logo*/
.logoheader {
    text-align: center;
}

.logoheader img {
    width: 190px;
    margin-top:15px;
}

.logoheader i {
    background-color:#e2988c;
    width:fit-content;
    border-radius:0px 0px 5px 5px;
    padding:5px;
    color: white;
    float: left;
}

@media only screen and (max-width: 900px) and (min-width: 200px) {
    .logoheader img {
        width:40%;
    }

    .logoheader i {
        display:none;
    }
}

/*---------------------------------------------------------------------------------------
------------------------------NAVIGATION BAR---------------------------------------------
---------------------------------------------------------------------------------------*/

.navbar-default .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-default .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-default .navbar-nav .nav-link a:active {
    margin-top:-1px;
    border-top: 3px solid #e2988c;
}

.navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-default .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-default .navbar-nav .show > .nav-link,
.navbar-default .navbar-nav .active > .nav-link,
.navbar-default .navbar-nav .nav-link.show,
.navbar-default .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
    margin-top: -1px;
    border-top: 3px solid #e2988c;
}

.navbar-default .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-default .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-default .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-default .navbar-text a:focus, .navbar-default .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.bg-default {
    background-color: transparent !important;
    border-top: 1px solid #d6d6d6;
}

@media (max-width:900px) {
    .bg-default {
        border-top: none;
    }

    .navbar-default .navbar-nav .show > .nav-link,
    .navbar-default .navbar-nav .active > .nav-link,
    .navbar-default .navbar-nav .nav-link.show,
    .navbar-default .navbar-nav .nav-link.active {
        border-top: none;
    }
}

/*-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
------------------------------NAVIGATION TAB---------------------------------------------
---------------------------------------------------------------------------------------*/

.nav-tabs-def {
    border-bottom: 1px solid #d6d6d6;
}

    .nav-tabs-def .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs-def .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs-def .nav-link:focus, .nav-tabs-def .nav-link:hover {
            border-color: #e9ecef #e9ecef #ddd;
        }

        .nav-tabs-def .nav-link.disabled {
            color: #868e96;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs-def .nav-link.active,
        .nav-tabs-def .nav-item.show .nav-link {
            color: #495057;
            border-bottom: 3px solid #e2988c;
        }

/*-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------*/

.clearfix {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    margin-top: 15px;
    clear: both;
}

.menu-border {
    border-top: 1px solid #d6d6d6;
}

footer {
    background-color: #e2988c;
    font-size: 12px;
}

.product-image {
    width: 100%;
}

.cap-product {
    background-color: white;
    height: 60px;
    padding: 10px;
    text-align: center;
}

.foot {
    padding: 20px;
}
.caption {
    margin-top:10px;
}
.caption-prod {
    font-family: 'Indie Flower', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
    color: #373737;
    background-color: white;
    min-height: 65px;
    max-height: 65px;
    padding: 10px;
}

.caption-prod a {
    color: #373737;
}

.caption-prod a:hover {
    color: #e2988c;
}

.breadcrumb a {
    color:#999999;
}

/*---------------------------------------------------------------------------------------
------------------------------SHOPPING CART---------------------------------------------
---------------------------------------------------------------------------------------*/

.cart {
    background-color:#e2988c;
    width:fit-content;
    border-radius:0px 0px 5px 5px;
    padding:5px;
    color: white;
    margin-left:5px;

}
.cart-link, .cartlink:hover
{
 color:#ffffff;	
}

@media only screen and (max-width: 900px) and (min-width: 200px) {
    .cart {
        position: absolute;
        top:0;
        text-align:center;
    }
    .ProductItem {
        width:100%
    }
    .thumbnail img {
        padding: 0px;
        width: 100%;
        text-align:center;
    }
}

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

/*cart*/
.cartheader {
    background-color:#000;
    font-weight:bold;
    height:40px;
    color:white;
}
.cartheader td {
     padding-left:10px;
     padding-right:10px;
      border-right:none;
     border-left:none;
    }
.cartitem {
    
    color:#000;
}
.cartitem td {
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-right:none;
     border-left:none;
     border:solid 1px #e9e9e9;
     background-color:#f9f9f9;
     
    }
.cartitemalt {
    color:#000;
}
.cartitemalt td {
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-right:none;
     border-left:none;
     border:solid 1px #e9e9e9;
     background-color:#f5f5f5;
    }
.cartfooter {
   color:#000;
     height:30px;
     font-size:large;
     font-weight:bold;
}
.cartfooter td {
     border:none;

}
.titlehr {
    width: 100%;
    margin: 10px 0;
    border-width: 1px;
    border-style: solid;
}

/*Order Form*/
    .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.stepheadernumber {
    font-weight:bold;
    font-size:1.8em;
}        
.stepheaderdescription {
    display:block;
   font-size:1.0em;
} 


.processingtext {
      font-size:23px; font-weight:bold; padding-top:13px;
}
.previousbutton{
    margin-right:1px; padding:7px 13px 7px 13px; background-color:#e9e9e9; border: none; color:#848383; font-size:15px
}

.previousbutton:hover{
    background-color:#dbd6d6;
}
.nextbutton{
    margin-right:1px; padding:7px 13px 7px 13px; background-color:#C52727; border: none; color:white; font-size:15px
}

.nextbutton:hover{
    background-color:#b72626;
}
.modalDialog2 {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog2:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog2 > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 20px;
		border-radius: 5px;
		background: #fff;
		
	}

 #wizHeader li .prevStep
{
    background-color: #b4aeaf;
}
#wizHeader li .prevStep:after
{
    border-left-color:#546d87 !important;
}
#wizHeader li .currentStep
{
    background-color: #b72626;
}
#wizHeader li .currentStep:after
{
    border-left-color: #e64d3d !important;
}
#wizHeader li .nextStep
{
    background-color:#8d898a;
}
#wizHeader li .nextStep:after
{
    border-left-color:#8d898a !important;
}
#wizHeader
{
    text-align:center;
	-webkit-padding-start: 0;
}

#wizHeader li
{
   display:inline-block; margin:0 15px;
    font-size:15px;
    
}
#wizHeader li h3
{
   font-size:53px;
   font-weight:400;
   color:white

}
#wizHeader li a
{
    color: white;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
    min-width:120px
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 0px solid transparent;
    border-left: 0px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}        
#wizHeader li:first-child a
{
    padding-left: 10px;
}
#wizHeader li:last-child 
{
    padding-right: 0px;
}
#wizHeader li a:hover
{
    
}
#wizHeader li a:hover:after
{
    border-left-color: #ef1c22 !important;
}    
.wizardcontent
{
   background-color:#F5F5F5; padding-left:15px;padding-right:15px;padding-bottom:15px; margin-bottom:5px; border:solid 1px #e8e8e8; padding-top:15px; 
}
.row {
    margin-top:3px;
}
.formheader {
    margin-bottom:5px;
}
.confirmformheader {
    margin-bottom:5px;
    font-weight:bold;
}
.radiobuttonlist label {
    font-size:18px;
}
.radiobuttonlist td {
 font-weight:100;
  vertical-align:top;
}
.radiobuttonlist input{
    height: 13px;
    margin-right: 0.5em;
    padding-top:2px;
    line-height: 1.5em;
     vertical-align:top;
}
.radiobuttonlistitem-image {
display:block;
padding-top:15px;
}
.radiobuttonlistitem-div {
padding-top:15px;
font-weight: normal;
}
hr {
border-bottom:1px solid #eaeaea}
/*End Order Form*/

/*Product Listing*/
.productlistingprice {
    /*font-size:20px;
    color:#FF4486;*/
    min-height:25px;
    content:'';
}
 .productlistingprice:after {
    content: "\00a0";
 }
.productlistingprice .currency {
    font-size:15px;
    margin-right:1px;
}
.productlistingtitle {
    font-size:14px;
    display:block;
    color:black;
    min-height:40px;
}
.productlistingtitle a{
   font-weight:500;
   color:#4c4747;
}
.productlistingtitle a:hover{
   text-decoration:underline;
   color:#FF4486;
}

.crossprice {
    margin-left:5px;
    color:gray;
    text-decoration:line-through;
    font-size:15px;
}
/*End Product Listing*/

/*Product Detail*/
.product-desc h3{
    font-size:1.2em;
    margin-top:3px;
}
.product-desc p{
    font-size:0.9em;
}
.pricing-box {
    padding:10px;
    background-color:#f8f8f8;
    border:solid 1px #e8e8e8;
    margin-top:10px;
    margin-bottom:10px
}
.productdetailprice {
    font-size:25px;
    color:#FF4486;
    min-height:25px;
    content:'';
}
 .productdetailprice:after {
    content: "\00a0";
 }
.productdetailprice .currency {
    font-size:15px;
    margin-right:1px;
}
.product-desc table {
    margin-bottom:15px;
}
.product-desc table td {
     font-size:0.9em;
}
.spinner {
  width: 60px;
  height: 33px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}
#DivShareProduct {
    margin-top:10px;
    margin-bottom:10px;
    border-top:dashed 1px #e8e8e8;
    font-size:12px;
}
.jssocials-share-link { border-radius: 10%; }
.service-box {
    border:solid 1px #e8e8e8;
    padding:1px 5px 5px 15px;
    margin-bottom:20px;
}
.logistic-provider {
    max-height:35px; margin-right:5px;
}
.payment-provider {
    max-height:80px; 
}
label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:1px solid #e8e8e8;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid red;
}
label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + span{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + span{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid red;
}
.productcriteriaimagebox { height:40px; max-height:40px; max-width:40px; border:solid 1px #e8e8e8; }
.productcriteriatextbox {  height:40px; min-height:40px; max-height:40px; max-width:40px; border:solid 1px #e8e8e8; padding:5px; font-weight:500 }
/*End Product Detail*/
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  min-height:330px;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {

  margin-right: auto;
  margin-left: auto;
}
.thumbnail img {
    padding:0px;
    max-height: 300px;
     /*max-width: 300px;*/
     text-align:center;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
    height:115px;
}