.modal-content {
    border: medium none;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
	
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;

}
.modal-body {
    float: left;
    width: 100%;
}
.modal-footer {
    float: left;
    width: 100%;
}
.modal-dialog {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    margin: 30px auto;
    width: 600px;
}
.modal-content .modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modal-content .modal-header .modal-title {
    color: #FFFFFF;
    font-family: Source sans pro;
    font-size: 17px;
    font-weight: lighter;
    letter-spacing: 0.3px;
}
.modal-body input, .modal-body textarea {
    border: 1px solid #C7C7C7;
    float: left;
    font-family: open sans;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 10px 13px;
    width: 100%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.modal-body input:hover, .modal-body textarea:hover {
    border: 1px solid #FFFFFF;
	
    -webkit-box-shadow: 0 0 4px #D9D9D9;
    -moz-box-shadow: 0 0 4px #D9D9D9;
    -ms-box-shadow: 0 0 4px #D9D9D9;
    -o-box-shadow: 0 0 4px #D9D9D9;
    box-shadow: 0 0 4px #D9D9D9;
}
.modal-header .close {
    margin-top: 1px;
}
/* BLUE COLOR */
.blue{
    background-image: url("../images/blue.jpg");
    background-size: 100% 100%;
    border: 1px solid #5cb2c9;

	    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;	
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;	
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;	
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;	
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;	
}
/* My Cart */


.my-cart {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBDBDB;
    float: left;
    margin-top: 30px;
    width: 100%;
}

.cart-heading {
    background: none repeat scroll 0 0 #F7F7F7;
    float: left;
    padding: 15px 0px;
    width: 100%;
}
.cart-heading h2 {
    color: #5E5E5E;
    display: table;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    margin: 0 auto;
    text-align: center;
}
.cart-product {
    width: 40%;
    float: left;
    padding:0 20px;
}
.cart-price {
    width: 20%;
    float: left;
    padding:0 20px;
}
.cart-quantity {
    width: 20%;
    float: left;
    padding:0 20px;
}
.cart-total {
    width: 20%;
    float: left;
    padding:0 20px;
}

.my-cart > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.my-cart li:nth-child(2n+1){
    background:#fdfdfd;
}

.my-cart:last-child{
    border-bottom:0;
}
.my-cart li {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #FFFFFF;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.my-cart li > div {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DBDBDB;
    float: left;
    min-height: 47px;
    padding: 10px 20px;
    position: relative;
}
.my-cart li > div:last-child{
    border-right:none;
}


.cart-product > a i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    color: #444444;
    height: 100%;
    left: 0;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 25px;
}
.cart-product > h6 {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 16px;
    margin: 6px 0 2px 20px;
    text-transform: uppercase;
}
.cart-product > img {
    border: 1px solid #C7C7C7;
    float: right;
    margin-top: 0px;
    width: 35px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.cart-price > h6 {
    color: #444444;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 11px;
    margin: 3px auto 0;
    padding: 6px;
    text-align: center;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.cart-quantity select {
    border: 1px solid #EBEBEB;
    display: table;
    float: none;
    font-family: open sans;
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
    width: 50%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.cart-total > h6 {
    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin: 6px 0;
    text-align: center;
    width: 100%;
}
.my-cart li > div:last-child {
    border-right: medium none;
}
.my-cart li:last-child div a {
    color: #FFFFFF;
    font-family: open sans;
    font-size: 13px;
    line-height: 11px;
    padding: 10px 11px;
    
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.cart-product > input {
    border: 1px solid #EBEBEB;
    float: left;
    font-family: open sans;
    font-size: 12px;
    height: 35px;
    letter-spacing: 0.25px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 215px;

    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.cart-total-sec p {
    color: #444444;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 10px;
    margin: 0;
    padding: 19px 0;
    text-align: center;
    width: 50%;
}

.cart-total-sec span {
    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 0;
    text-align: center;
    width: 50%;
}
.calc-shipping-sec select {
    border: 1px solid #EBEBEB;
    float: left;
    font-family: open sans;
    font-size: 14px;
    height: 31px;
    padding: 3px 0 0;
    width: 100%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.calc-shipping-sec li {
    padding: 9px 15px;
}
.calc-shipping-sec li input {
    border: 1px solid #EBEBEB;
    float: left;
    font-family: open sans;
    font-size: 13px;
    padding: 5px 10px;
    width: 100%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.calc-shipping-sec li a {
    float: right;
    font-size: 13px;
    padding: 5px 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


/* Billing */
.billing {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.billing-form {
    float: left;
    margin-bottom: 30px;
    padding: 0 5% 0 0;
    width: 50%;
}
.billing label {
    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 10px;
    margin: 0;
    padding-bottom: 10px;
    width: 100%;
}
.billing-form span {
    color: #28AB7C;
}
.billing-form > input {
    border: 1px solid #EBEBEB;
    color: #000000;
    float: left;
    font-family: open sans;
    font-size: 11px;
    height: 33px;
    letter-spacing: 0.25px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 100%;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.billing-form > input:focus {
    border: 1px solid #A0A0A0;
}
.billing-form.full-form {
    width: 100%;
}
.billing-form select {
    border: 1px solid #EBEBEB;
    float: left;
    font-family: open sans;
    font-size: 14px;
    height: 33px;
    padding: 4px 0;
    width: 100%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.billing h3 {
    float: left;
    font-family: raleway;
    font-size: 16px;
    letter-spacing: 0.25px;
    margin: 0;
    width: 100%;
}
.billing > p {
    color: #6E6E6E;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.25px;
    margin: 0;
    padding: 10px 0 30px;
    width: 100%;
}
.billing textarea {
    border: 1px solid #EBEBEB;
    float: left;
    margin: 10px 0;
    width: 100%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.payment {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.payment > ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    float: left;
    margin: 0;
    padding: 15px;
    width: 100%;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.payment-desc  .payment-desc  span:last-child{
    margin-bottom:0;
}
.payment a {
    float: left;
}
.payment li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.payment-method {
    float: left;
    width: 100%;
}
.payment-method > label {
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.25px;
}
.payment-desc {
    float: left;
    width: 100%;
}
.payment-desc > span {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 25px;
    padding: 15px;
    position: relative;
    width: 100%;

    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.payment-desc > span:before {
    border-bottom: 6px solid #222222;
    border-left: 6px solid;
    border-right: 6px solid;
    content: "";
    left: 22px;
    position: absolute;
    top: -5px;
}
.payment a {
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    letter-spacing: 0.25px;
    padding: 7px 10px;
    text-decoration: none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
/* BLACK COLOR */
.black{
    background-image: url("../images/black.jpg");
    background-size: 100% 100%;
    border: 1px solid #414a58;

        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;   
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
}
a.black {
    color: #FFFFFF;
    font-family: open sans;
    letter-spacing: 0.25px;
    text-decoration: none;
}
button.black {
    color: #FFFFFF;
    font-family: open sans;
    letter-spacing: 0.25px;
}
a.black:hover {
    background: none repeat scroll 0 0 #4D5665;
    border: 1px solid #4D5665;
    color: #FFFFFF;
}
button.black:hover {
    background: none repeat scroll 0 0 #4D5665;
    border: 1px solid #4D5665;
    color: #FFFFFF;
}
.progress .black {
    border: medium none;

        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}



/* GRAY COLOR */
.gray{
    background-image: url("../images/gray.jpg");
    background-size: 100% 100%;
    border: 1px solid #aeb4be;

        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;   
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset;    
}
.progress .gray {
    border: medium none;

        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


.buttonSave {
    background-color: #f0ad4e;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.35px;
    margin: 0px 0px 0px 0px;
    outline-style: none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}