/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@700&family=Prompt:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&family=Prompt:wght@500&display=swap');	

.top-links-item > a{
	color:white;
}

#top-social a{
	color:white;
}
.heading-block{
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-family: 'Prompt', sans-serif;
	margin-bottom: 0;
}

.heading-block::after{
	margin-top:15px;
	width:150px;
}
.lead{
	font-family: 'Lexend Deca', sans-serif;
}

.pricing-table .card{
	padding: 25px 35px;
}

.sub-header{
	color: green;
	font-size: 26px;
}

.mr-2{
	margin-right: 10px;
}

.widget_links li, .widget_links li a{
	font-size: 16px;
	font-weight: 500;
}


/*** 

====================================================================
	CheckOut Sectioon
====================================================================

***/

.checkout-page{
	position:relative;
	padding:90px 0px 0px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;	
}

.checkout-page .default-links li{
	margin-bottom:20px;
	line-height:24px;
	padding:18px 30px;
	background:#f4f4f4;
	color:#303030;
	font-size:16px;
	font-weight:600;
	border-radius:5px;
	border-left:2px solid #f75928;
}

.checkout-page .default-links li a{
	color:#f75928;
}

.checkout-form{
	position:relative;
}

.checkout-form .checkout-title{
	position:relative;
	margin-bottom:20px;
}

.checkout-form .checkout-title h2{
	position:relative;
	color:#303030;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom:25px;	
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:6px;
	text-transform:capitalize;
	color:#303030;	
	font-size:16px;
	font-weight:400;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:22px;
	padding:12px 15px;
	height:48px;
	border-radius:5px;
	border:2px solid #f2f2f2;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-form textarea{
	resize:none;
	height:120px !important;	
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color:#f75928;	
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;	
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:500;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#0f1954;
}

.checkout-page .lower-content{
	position:relative;
	margin-top:60px;
	padding:80px 0px;
	box-shadow:0px -6px 5px #f5f5f5;
}

.checkout-page .lower-content .order-column{
	margin-bottom:40px;
}

.checkout-page .lower-content .column h2{
    position: relative;
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.checkout-page .lower-content .checkout-title{
	margin-bottom:25px;
}

/*Total Table*/

.checkout-page .lower-content .totals-table{
	position:relative;
	margin-bottom:40px;
	border:1px solid #f2f2f2;
}

.checkout-page .lower-content .totals-table li .col{
	padding:12px 20px;
}

.checkout-page .lower-content .totals-table li{
	line-height:24px;
	border-bottom:1px solid #f2f2f2;	
}

.checkout-page .lower-content .totals-table li .col.title{
	font-weight:600;
	color:#303030;
	font-size:16px;
	border-right:1px solid #f2f2f2;
}

.checkout-page .lower-content .totals-table li:last-child{
	border-bottom:none;
	margin-bottom:0px;
}

.checkout-page .lower-content .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color: #848484;
	font-weight: 400;
	font-size:16px;
}

/*Payment Option*/

.checkout-page .payment-options{
	position:relative;
	padding:30px 20px 40px;
	background-color:#ffffff;
	border:1px solid #f2f2f2;
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.checkout-page .payment-options li .radio-option{
	position:relative;		
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:inline-block;
	padding-left:30px;
	font-weight:500 !important;
	text-transform:capitalize;
	letter-spacing:1px;
	color:#333333;
	cursor:pointer;
}

.checkout-page .payment-options li .radio-option label strong{
	font-weight:600;	
	color:#303030;
	font-size:16px;
}

.checkout-page .payment-options li .radio-option label strong a{
	font-size:16px;
	color:#020e28;
	margin-left:30px;
	text-decoration:underline;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.checkout-page .payment-options li .radio-option label .small-text{
	display:block;
	padding-top:5px;
	letter-spacing:0px;
	text-transform:none;
	font-size:16px;
	color:#848484;
	font-weight:400;
	line-height:1.7em;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}

.checkout-page .payment-options .theme-btn{
	padding:11px 32px;
	margin-top:10px;
	margin-left:32px;
}


/*** 

====================================================================
	Login / Register Section
====================================================================

***/

.register-section{
	position:relative;
	padding:90px 0px 40px;
}

.register-section .form-column{
	margin-bottom:40px;	
}

.register-section .form-column h5{
	color:#303030;
	margin-bottom:25px;
	text-transform:uppercase;
}

.styled-form{
	position:relative;	
}

.styled-form .form-group.submit-text{
	font-size:14px;
	color:#808080;
	font-weight:400;
	margin-top:10px;
}

.styled-form .form-group{
	position:relative;
	margin-bottom:30px;
	font-size:16px;
	color:#848484;
}

.checkout-section .styled-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.styled-form .form-group .check-box{
	line-height:24px;
	font-size:15px;
	font-weight:normal;
	padding-top:5px;
	color:#272727;
}

.styled-form .form-group .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:15px;
	cursor:pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label{
	cursor:pointer;
}

.styled-form .form-group .adon-icon{
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px;
	color:#999999;
	z-index:2;
}

.styled-form .form-group .field-label{
	display:block;
	color:#272727;
	text-transform:capitalize;
	font-size:16px;
	margin-bottom:7px;
	font-weight:400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:30px;
	padding:8px 20px;
	height:50px;
	font-size:14px;
	border:1px solid #f4f4f4;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
	border-color:#f75928;	
}

.styled-form .form-group .theme-btn{
	min-width:150px;
	text-align:center;
	padding:11px 34px;	
}

.styled-form .remember-me{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
}

.styled-form .social-links a{
	position:relative;
	display:inline-block;
	font-size:14px;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background:#fc721e;
	margin:0px 0px 0px 5px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.styled-form .social-links a:hover{
	opacity:0.80;
}

.styled-form .social-links .facebook{
	background:#3b5998;	
}

.styled-form .social-links .twitter{
	background:#33ccfe;	
}

.styled-form .social-links .google-plus{
	background:#dd4b39;	
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .form-group{
	margin-bottom:20px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#000000;
	height:55px;
	font-size:16px;
	border-radius:0px;
	background:#fafafa;
	border:1px solid #fafafa;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#f75928;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	color:#000000;
	border:1px solid #fafafa;
	height:180px;
	background:#fafafa;
	resize:none;
	font-size:16px;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .theme-btn{
	cursor:pointer;
}

/*Error Section*/

.error-section{
	position:relative;
	padding:100px 0px 100px;
}

.error-section .content{
	position:relative;
	text-align:center;
}

.error-section h1{
	color:#222222;
	font-size:180px;
	line-height:1em;
	margin-bottom:10px;
}

.error-section h2{
	color:#222222;
	margin-bottom:10px;
}

.error-section .text{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight:300;
	margin-top:20px;
	line-height:1.5em;
	margin-bottom:30px;
}


/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	margin-bottom:20px;
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#000000;
	height:55px;
	font-size:16px;
	border-radius:0px;
	background:#fafafa;
	border:1px solid #fafafa;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#f75928;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	color:#000000;
	border:1px solid #fafafa;
	height:180px;
	background:#fafafa;
	resize:none;
	font-size:16px;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .theme-btn{
	cursor:pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}