/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}
.mt-120 {margin-top:120px !important;}
 
/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-10 {font-size: 10px !important;}
.font-12 {font-size: 12px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-20 {font-size: 20px !important;}
.font-22 {font-size: 22px !important;}
.font-24 {font-size: 24px !important;}
.font-26 {font-size: 26px !important;}
.font-28 {font-size: 28px !important;}
.font-30 {font-size: 30px !important;} 
.font-32 {font-size: 32px !important;} 
.text-left {
	text-align:left !important;
}
p {
	font-family: "anuphan";
}
#social {
    right: 10px;
}
.btn_strava {
    background-color: #fc4c02 !important;
    border-color: #fc4c02 !important;
    color:#fff !important;

}
ul.footer, .footercopy {  
	display:block;
	padding:5px 20px;
}
ul.footer li {
	float:left;
	padding: 5px;
}
.bg_decline {
    background: #dbdbdb !important;
    color: #000 !important;
}
.icon_lang {
	line-height: 30px !important;
	opacity: 0.4 !important;
}

.icon_lang_active {
	opacity: 0.9 !important;
}

.shop-styled-select { 
    border-radius: 3px;
    border: 1px solid #ddd;
    min-height: 30px;
    font-weight: 400;
	padding:10px;
}
.shop-styled-select .styled-select { 
	margin-right:10px;
}
.text-red  {
	color:#ff0000 !important
}
.text-white a {
	color:#fff !important
}
.avatar {
	max-width:100px;
	margin-right:15px;
}
.logo {
	max-height: 40px !important;
    margin-top: -10px !important;
}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
 
.content-left-wrapper {
	padding: 30px 15px 35px 15px !important;
}
.content-right {
	align-items: start !important;
}
 
.summary .wrapper {
    padding: 60px 10px;
}
#wizard_container {
    width: 90%;
}
button.backward {
    color: #fff !important; 
}

.homebtn {
    border: none;
    color: #fff;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-align: center;
    background: #198754;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 30px;
}
 a.homebtn:hover {
	color:#f8f8f8 !important;
    background: #1d9e61 !important;
}

.closedbtn {
    border: none;
    color: #8f8f8f;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-align: center;
    background: #f2f2f2;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 30px;
}
 a.closedbtn:hover {
	color:#f8f8f8 !important;
    background: #dddddd !important;
}

.btn-fb, .btn-fb:hover {
    font-family: 'Anuphan';
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    border-color: #3b5998!important;
    background-color: #3b5998!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 80%;
} 

.btn-google, .btn-google:hover {
    font-family: 'Anuphan';
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    border-color: #fff!important;
    background-color: #dd4b39 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 80%;
}
.btn-line, .btn-line:hover {
    font-family: 'Anuphan';
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    border-color: #06C755!important;
    background-color: #06C755!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 80%;
}
.nlogo img {
	max-height:75px;
}

.item-name {
	font-size:20px;
}
.item-title {
	font-size:16px;
} 

.item-price {
	font-size:16px;
}
.item-price strong{
	font-size:20px;
}

.presented_logo_cmc { 
    width: 250px;
    margin-top: 30px;
}
.presented_logo_st { 
    width: 250px;
    margin-top: 10px;
}

.submit-next { 
	font-size: 26px !important;
    width: 100%;
    margin-bottom: 0px;
}
.submit-back {
	background: #f5f5f5 !important;
    color: #000 !important;
}
@media (max-width: 767px){
	.col-xs-2 {
		flex: 0 0 auto;
		width: 16.6%;
	}
	.col-xs-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xs-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xs-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xs-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-xs-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-xs-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.content-left-wrapper {
		padding: 30px 15px 35px 15px !important;
	}
	.hidden-xs {
		display:none;
	}
	.nlogo img {
		max-height:45px !important;
	}

	.item-name {
		font-size:18px;
	}
	.provider-price { 
		padding:0px;
	}
	.presented_logo_cmc { 
		width: 200px;
		margin-top: 30px;
	}
	.presented_logo_st { 
		width: 200px;
		margin-top: 10px;
	} 
	
	.submit-next {
		width: 100% !important;
		padding: 20px !important;
		font-size: 24px !important;
		letter-spacing: 1px;
		position: fixed !important;
		left: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0px !important;
	}
	.divdis {
		text-align:center;
		margin-bottom:10px;
	}
}