#templateBody{
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #656565;
}
.kaushan-script-font { font-family: 'Kaushan Script', cursive;}
.pink-text{
 color: #f655ac;
}
/* Section 1 CSS */
.sec-1 {
    background: url(../images/mainbg.png) no-repeat center right;
    background-size: cover;
    padding: 25px 0px;
}
.sec-2 {
    background: #6754e2;
    padding: 30px 0px;
}
/* White Timer css */ 
.white-timer-portion {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
} 
.white-timer-box {
    width: 50px;
    height: 50px;
    line-height: 1.42857143;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border: 3px solid #ffffff;
    border-radius: 50%;
} 
.white-timer-label {
    width: 50px;
    font-size: 14px;
    line-height: 200%;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 400;
} 
.white-timer-colon-group {  
    height: 45px; 
    width: 5px; 
    position: relative;
} 
.white-timer-colon.colon-top {  
    position: absolute; 
    top: 35%; 

} 
.white-timer-colon { 
    background: #ffffff; 
    border-radius: 100%; 
    width: 5px; 
    height: 4px; 
} 
.white-timer-colon.colon-bottom { 
    position: absolute; 
    bottom: 35%; 
} 
.white-timer-colon-group-margin { 
    height: 14px; 
    width: 5px; 
    position: relative; 
} 
/* Footer CSS */
.footer-section{
	background: #6754e2;
	padding: 30px 0;
}
/* Social Icon CSS */

.social-icon a {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 21px;
    margin-left: 18px;
    text-decoration: none;
}
.social-icon a.fb{margin-left: 0;}
.instant-btn a {
    border-radius: 5px;
    background: #f8970d;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 13px 12px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    font-size: 18px;
}
.header-section{
	background: #f655ac;
	padding: 15px 0px;
}
.fashion-range-shape{
	border: 1px solid #ffffff;
	padding: 20px 15px 25px;
}
.summer-special{
	background: #ffffff;
	padding: 8px;
}
.v-bottom{ vertical-align: text-bottom;}
#templateBody .inp-phold .form-control, 
#templateBody .inp-phold .form-control:focus { 
    display: block; 
    width: 100%; 
    height: 50px; 
    padding: 6px 26px; 
    font-size: 16px; 
    line-height: 1.42857143; 
    color: #333333;
    background-color:#ffffff; 
    background-image: none; 
    border: 1px solid #bcbcbc; 
    border-radius: 5px; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    outline: none; 
} 
#templateBody ::-webkit-input-placeholder {color: #bcbcbc !important;font-size: 16px;} 
#templateBody ::-moz-placeholder {color: #bcbcbc !important;font-size: 16px;} 
#templateBody ::-ms-input-placeholder {color: #bcbcbc !important;font-size: 16px;} 
#templateBody ::-moz-placeholder {color: #bcbcbc !important;font-size: 16px;} 
.sec-3{
	background: #fbfaff;
	padding: 30px 0px;
}
.sec-4{
	background: #ebeeff;
    padding: 30px 0px;
}
.sec-5{
	background: url(../images/sec-5.png) no-repeat left bottom;
    padding: 30px 0px;
}
.black-text1{ color: #333333;}
.blue-text1{ color: #6754e2;}
/*Media Css*/ 
@media (min-width: 768px){ 
	.sec-1{
		padding: 90px 0px 70px;
	}
	.sec-2{
		padding: 70px 0px;
	}
	.sec-3{
		padding: 80px 0px 50px;
	}
	.sec-4{
		background: url(../images/sec-4.png) no-repeat center top;
		background-size: cover;
		padding: 80px 0px 70px;
	}
	.sec-5{
		padding: 45px 0px 20px;
		background: #ffffff url(../images/sec-5.png) no-repeat top left;
	}
	.white-timer-portion {
		padding-left: 10px;
		padding-right: 10px;
	} 
	.white-timer-box {
		width: 82px;
		height: 82px;
		font-size: 33px;
	} 
	.white-timer-label {
		width: 82px;
		font-size: 16px;
	} 
	.white-timer-colon-group {
		height: 60px;
	} 
	.instant-btn a {
		font-size: 20px;
	}
	.footer-section{
		padding: 60px 0px 40px; 
	}
	.social-icon a {
		height: 60px;
		width: 60px;
		font-size: 22px;
	}
} 
@media (max-width: 768px){
.mx-xs-auto{
	display: bloak;
	margin-left: auto;
	margin-right: auto;
}
}