@font-face {
    font-family: SourceSansProRegular;
    src: url(../fonts/SourceSansPro-Regular.otf);
}

@font-face {
    font-family: SourceSansProLight;
    src: url(../fonts/SourceSansPro-Light.otf);
}

@font-face {
    font-family: SourceSansProLightIt;
    src: url(../fonts/SourceSansPro-LightIt.otf);
}

@font-face {
    font-family: SourceSansProBold;
    src: url(../fonts/SourceSansPro-Bold.otf);
}

@font-face {
    font-family: SourceSansProSemibold;
    src: url(../fonts/SourceSansPro-Semibold.otf);
}

@font-face {
    font-family: handbrushcre;
    src: url(../fonts/handbrush_cre.ttf);
}

body{
	background: #f8f4f1;
}

a{
	
}

a:link {
    
}

a:hover {
  
}

a:visited {
    
}

a:active {
    
}

h2{
	font-family: SourceSansProLight;
	font-size: 20px;
	color: #000000;
	letter-spacing: 3px;
}

p{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}


.carousel-control{
	width: 5%;
}

.carousel-caption{
	right: 20%;
	left: 10%;
	top: 70px;
	text-shadow: none;
}

.caption1{
	text-align: left;
	width: 50%;
}

.caption3{
	text-align: left;
	width: 50%;
	margin-top: 5%;
}

.caption2{
	text-align: left;
	width: 50%;
	left: 45%;
	position: absolute;
}

.caption1 h1, .caption2 h1, .caption3 h1{
	font-family: SourceSansProLight;
	font-size: 46.89px;
	color: #745864;
	letter-spacing: 3px;
}

.caption1 p, .caption2 p, .caption3 p{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #745864;
	line-height: 27px;
}

.caption2 .b{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #745864;
	line-height: 27px;
}

.findOut{
	width: 158px;
	height: 35px;
	font-family: SourceSansProLight;
	font-size: 12px;
	color: #745864;
	background: #d7d5d3;
	text-align: center;
	padding-top: 8px;
	letter-spacing: 1px;
	border-radius: 35px;
}

.findOut:hover{
	background: #cccbc9;
}

.carousel-caption a{
	text-decoration: none;
}

.ourStory{
	
}

.ourStoryBack{
	background-image: url('../images/brush_bg_ourstory.png');
    background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	width: 100%;
	height: 98px;
	font-family: SourceSansProLight;
	font-size: 37px;
	color: #745864;
	line-height: 100px;
	letter-spacing: 4px;
	text-align: center;
}

.backCenter{
	background-position: center;
	padding-left: 0;
	text-align: center;
}

.ourGloryBack{
	background-image: url('../images/brush_bg_pureglory.png');
    background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	width: 100%;
	height: 98px;
	font-family: SourceSansProLight;
	font-size: 37px;
	color: #745864;
	line-height: 100px;
	letter-spacing: 4px;
	text-align: center;
	margin-top: 40px;
}

.founderBack{
	background-image: url('../images/brush_msgfounder.png');
    background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	width: 100%;
	height: 98px;
	font-family: SourceSansProLight;
	font-size: 37px;
	color: #745864;
	line-height: 100px;
	letter-spacing: 4px;
	text-align: center;
}

.dermaBack{
	background-image: url('../images/brush_dermatologist.png');
    background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	width: 100%;
	height: 98px;
	font-family: SourceSansProLight;
	font-size: 37px;
	color: #745864;
	line-height: 100px;
	letter-spacing: 4px;
	text-align: center;
}

.storyCon{
	text-align: center;
	line-height: 27px;
	min-height: 170px;
}
	
.storyPhoto1{
	padding-bottom: 25px;
	padding-left: 0px;
}

.storyPhoto2{
	padding-bottom: 25px;
	padding-right: 0px;
}

.gloryCon{
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

.gloryCon p{
	line-height: 27px;
}

.gloryConMobile p{
	line-height: 27px;
}

.allBottle{
	background-image: url('../images/all_bottle.png');
    background-repeat: no-repeat;
	background-position: center -20px;
	background-size:contain;
	max-height: 504px;
	height: 504px;
}

.dropdown-menu{
	min-width: 100%;
	left: 0px;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background: #e6c7c3;
}

.dropdown-menu li:hover + .navbar-default .navbar-nav{
	background: #d38784;
}

.navbar-default .navbar-nav>li>a{
	color: #000;
	letter-spacing: 0.4px;
}

.dropdown-menu li{
	height: 40px;
}
.dropdown-menu li a{
	height: 40px;
	padding-top:10px;
	font-family: SourceSansProLight;
	font-size: 15px;
	color: #010e1f;
	letter-spacing: 2px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #d38784;
}

@media screen and (min-width: 768px) {
	.dropdown-menu:before {
	  position: absolute;
	  top: -7px;
	  left: 100px;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #ccc;
	  border-left: 7px solid transparent;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  content: '';
	}

	.dropdown-menu:after {
	  position: absolute;
	  top: -6px;
	  left: 100px;
	  display: inline-block;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid #ffffff;
	  border-left: 6px solid transparent;
	  content: '';
	}
	
	.dropdown-menu2:before {
	  position: absolute;
	  top: -7px;
	  left: 115px;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #ccc;
	  border-left: 7px solid transparent;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  content: '';
	}

	.dropdown-menu2:after {
	  position: absolute;
	  top: -6px;
	  left: 115px;
	  display: inline-block;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid #ffffff;
	  border-left: 6px solid transparent;
	  content: '';
	}

	.dropdown:hover .dropdown-menu{
		display: block;
	}
	
	.dropdown:hover{
		
	}
	
	.navbar{
		background: none;
		border: none;
		box-shadow: none;
	}
	
	.navbar-nav{
		margin: 0 auto;
		float:none;
	}
	
	.navbar-default .navbar-nav>li>a{
		color: #00000;
	}
	
	.navbar-nav > li{
		width: 20%;
		text-align: center;
		font-family: SourceSansProRegular;
		font-size: 15px;
		color: #00000;
	}
	
	.dropdown-toggle{
		padding: 0;
	}
	
	.navbar-nav > li > a, .navbar-brand {
		padding-top:20px !important; 
		padding-bottom:0 !important;
		height: 50px;
	}
	.navbar {min-height:28px !important;}
}

.glyphicon-chevron-lefts{
	background-image : url(../images/arrow_left.png);
	width: 12px;
	height: 22px;
	position:absolute;
	top:45%;
	left: -30px;
	z-index:5;
	display:inline-block;
}

.glyphicon-chevron-rights{
	background-image : url(../images/arrow_right.png);
	width: 12px;
	height: 22px;
	position:absolute;
	top:45%;
	right: -30px;
	z-index:5;
	display:inline-block;
}

.daun_right{
	background-image: url('../images/daun_right.png');
    background-repeat: no-repeat;
    background-position: right top;
	min-height: 497px;
}

.daun_left{
	background-image: url('../images/daun_left.png');
    background-repeat: no-repeat;
    background-position: left top;
	min-height: 436px;
}

.kleio_bottle{
	background-image: url('../images/kleio_bottle.png');
    background-repeat: no-repeat;
    background-position: 220px;
	min-height: 371px;
}

.freeCon{
	width: 70%;
	margin: 0 auto;
}



.freeDetails{
	margin-left: 40px;
}

.freeName{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
	padding-top: 10px;
	background-image: url('../images/bottle_icon.png');
    background-repeat: no-repeat;
	min-height: 65px;
	padding-bottom: 20px;
	text-indent: 35px;
}

.freeDesc{
	font-family: SourceSansProLight;
	font-size: 12.26px;
	color: #000000;
}

.separator{
	background-image: url('../images/line_divider.png');
    background-repeat: no-repeat;
	min-height: 4px;
}

.signInCon{
	background-image: url('../images/line_divider_tgh.png');
    background-repeat: no-repeat;
	min-height: 344px;
	background-position: center top;
}

.sbottom{
	margin-top: 20px;
}

.zerotoxiCon{
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right:0px;
}

.bagIcon{
	background-image: url('../images/bag_icon.png');
    background-repeat: no-repeat;
	background-position: right;
	heigth: 20px;
}

.chemicals_info_box{
	background-color: #efe8e6;
	min-height: 600px;
	width: 100%;
	margin: 0 auto;
	align:center;
	position: relative;
	border-radius: 6px;
}

.user_testimoni{
	text-align: center;
	min-height: 530px;
}

.user_testimoniMob{
	text-align: center;
	min-height: 350px;
}

.user_testimoni p, .user_testimoniMob p{
	font-family: SourceSansProLightIt;
	font-size: 14.5px;
	color: #000000;
	padding-top: 10px;
}

.user_testimoni .username , .user_testimoniMob .username{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
	padding-bottom: 50px;
}

.message1{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
	padding-top: 10px;
	line-height: 27px;
}

.message2{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
	padding-top: 10px;
	line-height: 27px;
}

.founderName{
	font-family: SourceSansProBold;
	font-size: 18px;
	color: #000000;
	letter-spacing:2px;
	padding-bottom: 50px;
	margin-top:-13px;
}

.founderMsg{
	margin-top: 0px;
	width: 100%;
}

.contact{
	text-align: left;
}

.contact p{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
	letter-spacing:1px;
	line-height: 27px;
}

.footer{
	text-align: center;
	font-family: SourceSansProRegular;
	color: #b19a9e;
	font-size: 11px;
	letter-spacing:3px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.topMenu{
	font-family: SourceSansProRegular;
	color: #868686;
	font-size: 11px;
	
}

.topMenu ul{
	list-style: none;
	float: right;
}

.topMenu ul li{
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 20px;
	text-align: center;
	padding-top: 5px;
	letter-spacing: 1px;
}

.topMenu ul li a{
	color: #868686;
}

.btnSearch{
	margin-top: -10px;
	background-image: url('../images/magnifying_glass.png');
    background-repeat: no-repeat;
	background-position: 2px 3px;
	text-indent: 20px;
	border: 1px solid #868686;
	padding-top: 3px;
	padding-bottom: 3px;
	min-width: 150px;
}

.contact a{
	text-decoration: none;
	color: #000000;
}

.globetrottingCon{
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

.latestUpdateCon{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 30px;
}

/*sign in*/
.signin{
	text-align: center;
}

.form-control{
	border-radius: 0px;
}

.singInBtn{
	width: 122px;
	height: 35px;
	font-family: SourceSansProLight;
	font-size: 12px;
	color: #745864;
	background: #d7d5d3;
	text-align: center;
	padding-top: 8px;
	letter-spacing: 1px;
	border-radius: 35px;
}

.singInBtn:hover{
	background: #cccbc9;
}

.control-label{
	font-family: SourceSansProLight;
	font-size: 16px;
}

.phoneNo{
	width: 500px;
	height: 30px;
	font-family: SourceSansProLight;
	font-size: 16px;
}

.phone{
	background-image: url('../images/tel_icon.png');
    background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 150px;
	height: 23px;
	float: left;
	text-indent: 25px;
	color: #000000;
}

.mobile{
	background-image: url('../images/mobile_icon.png');
    background-repeat: no-repeat;
	width: 150px;
	height: 23px;
	float: left;
	text-indent: 25px;
	color: #000000;
}

.emailUs{
	background-image: url('../images/email_icon.png');
    background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 20px 15px;
	width: 150px;
	height: 23px;
	float: left;
	text-indent: 25px;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.addressIcon{
	background-image: url('../images/address.png');
    background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 26px;
	height: 23px;
	float: left;
	text-indent: 25px;
}

.addressShop{
	height: 23px;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.addressShop span{
	font-family: SourceSansProLight;
	font-size: 13px;
}

/*sign up*/
.formLeft{
	text-align: left;
}

h5{
	font-family: SourceSansProBold;
	font-size: 18.48px;
	color: #745864;
	margin-top: 30px;
}

.registerBtn{
	width: 171px;
	height: 35px;
	font-family: SourceSansProLight;
	font-size: 12px;
	color: #745864;
	background: #d7d5d3;
	text-align: center;
	padding-top: 8px;
	letter-spacing: 1px;
	border-radius: 35px;
	margin-top: 10px;
}

.registerBtn:hover{
	background: #cccbc9;
}

.error{
	padding-top: 7px;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: red;
}

/*product*/
.productList{
	font-family: SourceSansProLight;
	font-size: 16px;
}

.productList a{
	color: #000000;
	text-decoration: none;
}

.productList a:hover, .productList .selected{
	color: #ab7d86;
	font-family: SourceSansProBold;
}

.productTitle{
	font-family: SourceSansProLight;
	font-size: 28px;
	color: #000000;
}

.productFor{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #7c234b;
}

.productFor .orange{
	color: #f29e21;
}

.productFor .blue{
	color: #0033cc;
}

.productDesc span , .productIng span{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
}

.productDesc , .productIng{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.productIng{
	padding-top: 20px;
	padding-bottom: 10px;
}

.productItem{
	
}

.productImg{
	padding-bottom: 10px;
}

.productName{
	font-family: SourceSansProLight;
	font-size: 14px;
	color: #000000;
}

.productName a{
	font-family: SourceSansProLight;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.productPrice{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
}

.addToCart{
	width: 72px;
	height: 25px;
	cursor: pointer;
	ont-family: SourceSansProLight;
	font-size: 13px;
	color: #ffffff;
	background: #dcbbb3;
	text-align: center;
	padding-top: 4px;
	float: right;
}

.productStar{
	float: right;
}

.paddingEmpty{
	padding: 0;
}

.paddingLeft{
	padding-left: 0;
}

.productTotalReview a{
	font-family: SourceSansProLight;
	font-size: 13px;
	color: #000000;
	float: right;
}

hr{
	border-top: 1px solid #cccccc;
}

.blue{
	color: #0033cc;
}

.orange{
	color: #f29e21;
}

.productBenefitsTitle{
	font-family: SourceSansProSemibold;
	font-size: 24px;
	color: #745864;
}

.benefitName{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
}

.benefitFont{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.seeAlso{
	font-family: SourceSansProLight;
	font-size: 18px;
	color: #000000;
}

.seeAlsoThis a{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #745864;
}

.brushBack,.brushBackBenefits{
	background-image: url('../images/brush_area.png');
    background-repeat: no-repeat;
	background-position: -35px 0px;
	width: 100%;
	height: 117px;
	font-family: SourceSansProLight;
	font-size: 40px;
	color: #745864;
	line-height: 120px;
	letter-spacing: 4px;
	padding-left: 30px;
}

/*product details*/

.subLink{
	font-family: SourceSansProLight;
	font-size: 15px;
	color: #848484;
	height: 40px;
}

.productNameDetail{
	font-family: SourceSansProLight;
	font-size: 17px;
	color: #000000;
}

.productSizeDetail{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
	height: 35px;
}

.productReviewDetail{
	font-family: SourceSansProLight;
	font-size: 14px;
	color: #000000;
	height: 30px;
}

.productPriceDetail{
	font-family: SourceSansProBold;
	font-size: 26.89px;
	color: #000000;
	height: 80px;
}

.selQuantity{
	text-align: left;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
	height: 150px;
}

.selQuantity input{
	width: 40px;
	height: 40px;
}

.addToCartBtn{
	width: 100px;
	height: 35px;
	background: #dcbbb3;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #ffffff;
	padding-top: 5px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}

.detailBtn{
	width: 200px;
	height: 40px;
	padding-top: 6px;
	background: #ece6e6;
	border: 1px solid #eeeeee;
	float: left;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #666666;
	text-align: center;
	cursor: pointer;
}

.detailBtn.selected{
	background: #bfacac;
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #ffffff;
}

.detailBtn.last{
	margin-left: 5px;
}

.detailCon{
	background: #bfacac;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
}

.detailCon p{
    color: #ffffff;
}

.totalReviewDetail{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
	margin-top: 30px;
}

.reviewName{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #745864;
}

.reviewTitle{
	font-family: SourceSansProBold;
	font-size: 16x;
	color: #000000;
}

.reviewMsg{
	font-family: SourceSansProLight;
	font-size: 16x;
	color: #000000;
}

.reviewName span{
	font-family: SourceSansProLight;
	font-size: 14px;
	color: #999999;
}

.writeReviewBtn{
	width: 120px;
	height: 35px;
	background: #c5c5c5;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding-top: 6px;
	float: right;
	cursor: pointer;
	margin-top: 30px;
}

.postReviewBtn{
	width: 120px;
	height: 35px;
	background: #c5c5c5;
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding-top: 6px;
	float: right;
	cursor: pointer;
}

.reviewPhoto{
	width: 10%;
}

.selQuan{
	width: 50px;
}

/*swiper*/
.swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
		width: 200px;
    }
	.swiper-slide img{
        background-size: cover;
        background-position: center;
		width: 100%;
    }
    .gallery-top {
        height: 80%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active img{
        opacity: 1;
    }
	
.fullIInput{
	width: 100%;
	height: 30px;
	text-indent: 10px;
}

.fullIInputArea{
	width: 100%;
	height: 100px;
	resize: none;
}

.writeReview{
	font-family: SourceSansProRegular;
	font-size: 16px;
	color: #868686;
}

/*my acc*/
.myacctitle{
	font-family: SourceSansProBold;
	font-size: 29.88px;
	color: #000000;
}

.myacclist{
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.myacclistdetails{
	padding: 20px;
}

.myacclistdetails a{
	color: #000000;
}

.myName{
	color: #745864;
	font-size: 19.58px;
	font-family: SourceSansProBold;
}

.myAddress{
	font-family: SourceSansProLight;
	font-size: 16px;
}

.editLink{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.selOrder{
	width: 200px;
	height: 30px;
	text-align: center;
	margin-bottom: 20px;
}

.statusCom{
	color: #08b400;
	font-family: SourceSansProBold;
}

.manageTitle{
	color: #3282d3;
	font-family: SourceSansProBold;
	font-size: 18px;
}
/*my acc*/

.privacyFooter{
	background: #d7b6ba;
	width: 100%;
	height: 50px;
	text-align: center;
	padding-top: 16px;
	font-family: SourceSansProLight;
	font-size: 14px;
	color: #ffffff;
}

.privacyFooter a{
	text-decoration: none;
	color: #ffffff;
}

.privacyFooter a:hover{
	text-decoration: none;
	color: #ffffff;
}

.privacyPolicyCon h3{
	font-family: SourceSansProSemibold;
	font-size: 34px;
	padding-bottom: 20px;
}

.privacyPolicyCon h4{
	font-family: SourceSansProSemibold;
	font-size: 18px;
	padding-bottom: 20px;
}

.privacyPolicyCon p{
	font-family: SourceSansProLight;
	font-size: 13px;
}

.privacyPolicyCon b{
	font-family: SourceSansProSemibold;
	font-size: 13px;
}

.privacyPolicyCon ul{
	font-family: SourceSansProLight;
	font-size: 13px;
	padding: 15px;
	margin-top: -23px;
}

.privacyPolicyCon ul li{
	padding: 0;
}

.subLink a{
	text-decoration: none;
	color: #848484;
}

.comingSoon{
	font-family: SourceSansProSemibold;
	color: #745864;
}

.shoppingCartTitle{
	font-family: SourceSansProSemibold;
	font-size: 30px;
	color: #000000;
}

.shoppingCartTable tr{
	border-top: 1px solid #9e9e9e;
}

.shoppingCartTable tr th{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #745864;
}

.shoppingCartTable tr td{
	font-family: SourceSansProLight;
	font-size: 18px;
	color: #000000;
}

.shoppingCartTable tr td.itemPrice{
	font-family: SourceSansProBold;
	font-size: 18px;
	color: #000000;
}

.subTotalCon{
	width: 40%;
	float: right;
}

.subTotalCon tr td{
	font-family: SourceSansProLight;
	font-size: 18px;
	color: #000000;
}

.subTotalCon tr td.subTotalPrice{
	font-family: SourceSansProBold;
	font-size: 18px;
	color: #000000;
}

.subTotalCon tr td.grandTitle{
	font-size: 24px;
}

.subTotalCon tr td.grandTotalPrice{
	font-family: SourceSansProBold;
	font-size: 24px;
	color: #000000;
}

.subTotalCon tr td.gstMsg{
	font-family: SourceSansProLightIt;
	font-size: 14px;
}

.continueShopping a{
	font-family: SourceSansProLight;
	font-size: 18px;
	color: #000000;
}

.btnCheckOut{
	width: 288px;
	height: 53px;
	background: #dcbbb3;
	color: #ffffff;
	text-align: center;
	font-family: SourceSansProLight;
	font-size: 23.56px;
	padding-top: 8px;
	float: right;
	margin-bottom: 8px;
}

.checkOutSec span{
	font-family: SourceSansProLight;
	font-size: 18px;
	color: #000000;
}

.checkOutSec img{
	padding-top: 10px;
	padding-bottom: 10px;
}

.qty {
    width: 40px;
    height: 25px;
    text-align: center;
}

.step{
	width: 100%;
	height: 40px;
	background: #f8f4f1;
	border: 1px solid #bfacac;
	font-family: SourceSansProSemibold;
	font-size: 17px;
	padding-left: 30px;
	padding-top: 6px;
	color: #bfacac;
	margin-bottom: 30px;
}

.step.selected{
	width: 100%;
	height: 40px;
	background: #bfacac;
	border: 1px solid #bfacac;
	font-family: SourceSansProSemibold;
	font-size: 17px;
	padding-left: 30px;
	padding-top: 6px;
	color: #ffffff;
}

.checkoutTitle{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #745864;
	margin-bottom: 10px;
}

.checkoutForm p{
	font-family: SourceSansProLight;
	font-size: 14px;
	color: #000000;
}

.btnContinue{
	width: 108px;
	height: 33px;
	background: #dcbbb3;
	color: #ffffff;
	text-align: center;
	font-family: SourceSansProLight;
	font-size: 14px;
	padding-top: 6px;
	margin-bottom: 8px;
}

.btnProceed{
	width: 208px;
	height: 33px;
	background: #dcbbb3;
	color: #ffffff;
	text-align: center;
	font-family: SourceSansProLight;
	font-size: 14px;
	padding-top: 6px;
	margin-bottom: 8px;
	margin-top: 15px;
}

.agreeTerms{
	width: 15px;
	height: 15px;
}

.personName{
	font-family: SourceSansProBold;
	font-size: 16px;
	color: #000000;
}

.addressLine .personEmail{
	font-family: SourceSansProLight;
	font-size: 16px;
	color: #000000;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}