/*------------------------ Master Head Banner ------------------------*/

.nav__item a {
	padding: 10px!important;
}

.nav__item:hover, .nav__item a:hover{
	background-color: #f9f9f9!important;
}

.opc-banner {
	min-height: 450px;
}
.mst-banner {
	width: 100%;
	height: 300px;
}
/*------------------------ Master Head Text Banner ------------------------*/

.mst-text {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mst-text h2 {
	margin: 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: 300;
	text-align: center;
}
@media (min-width:48em) {
	.mst-text {
		justify-content: flex-start;
	}
	.mst-text h2 {
		font-size: 1.8em;
		text-align: left;
		width: 50%;
	}
}
/*------------------------ Other Page Control Text ------------------------*/

.opc {
	margin-top: -12px;
}
.opc-text {
	padding: 1em;
}
.opc-text h1 {
	font-size: 2.3em;
	color: #fff;
	text-align: center;
	margin: 0.5em 0 0 0;
	padding: 0;
}
@media (min-width:48em) {
	.opc-text h1 {
		margin: 0;
		padding: 0.5em 0;
	}
}
.opc-text p {
	font-size: 15.5px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	letter-spacing: 0.5px;
}
/*------------------------ Banner Hosting Page------------------------*/

.sdh-banner {
	background-image: url(../images/mst-banner/vhostweb-banner1.jpg);
	background-color: #0005A5;
	background-position: center;
	background-size: cover;
}
.vps-banner {
	background-image: url(../images/mst-banner/vhostweb-banner2.jpg);
	background-color: #381463;
	background-position: center;
	background-size: cover;
}
.dcs-banner {
	background-image: url(../images/mst-banner/vhostweb-banner3.jpg);
	background-color: #0005A5;
	background-position: center;
	background-size: cover;
}
.rsh-banner {
	background-image: url(../images/mst-banner/vhostweb-banner4.jpg);
	background-color: #36536A;
	background-position: center;
	background-size: cover;
}
.win-banner {
	background-image: url(../images/mst-banner/vhostweb-banner5.jpg);
	background-color: #55AAF0;
	background-position: center;
	background-size: cover;
}
.lin-banner {
	background-image: url(../images/mst-banner/vhostweb-banner6.jpg);
	background-color: #B27F19;
	background-position: center;
	background-size: cover;
}
.cloud-banner {
	background-image: url(../images/mst-banner/vhostweb-banner1.jpg);
	background-color: #3CB2FF;
	background-position: center;
	background-size: cover;
}
.webbuilder-banner {
    background: linear-gradient(45deg, rgb(255, 255, 255, 0.5), #009FFF), url(../images/mst-banner/banner-webbuilder.jpg);
	background-color: #009FFF;
	background-position: center;
	background-size: cover;
}
.onlinemarketing-banner,
.seo-banner {
	background: linear-gradient(45deg, rgb(255, 255, 255, 0.5), #009FFF), url(../images/mst-banner/banner-onlinemarketing.jpg);
	background-color: #FF5A2F;
	background-position: center;
	background-size: cover;
}
.webdesign-banner {
	background: linear-gradient(45deg, rgb(255, 255, 255, 0.5), #644AA5), url(../images/mst-banner/banner-webdesign.jpg);
	background-color: #644AA5;
	background-position: center;
	background-size: cover;
}
@media (max-width:48em) {
	.webbuilder-banner h2 {
		/*color: black;*/
	}
}

@media (min-width:48em) {
	.sdh-banner {
		background-image: url(../images/mst-banner/vhostweb-banner1.jpg);
	}
	.vps-banner {
		background-image: url(../images/mst-banner/vhostweb-banner2.jpg);
	}
	.dcs-banner {
		background-image: url(../images/mst-banner/vhostweb-banner3.jpg);
	}
	.rsh-banner {
		background-image: url(../images/mst-banner/vhostweb-banner4.jpg);
	}
	.win-banner {
		background-image: url(../images/mst-banner/vhostweb-banner5.jpg);
	}
	.lin-banner {
		background-image: url(../images/mst-banner/vhostweb-banner6.jpg);
	}
	.cloud-banner {
		background-image: url(../images/mst-banner/vhostweb-banner1.jpg);
	}
	.webbuilder-banner {
		background-image: url(../images/mst-banner/vhostweb-banner2.jpg);
	}
	.onlinemarketing-banner,
	.seo-banner{
		background-image: url(../images/mst-banner/vhostweb-banner3.jpg);
	}
	.webdesign-banner {
		background-image: url(../images/mst-banner/vhostweb-banner4.jpg);
	}
}
/*------------------------ Banner Other Pages ------------------------*/

.ctrl-banner {
	width: 100%;
	height: 450px;
	position: absolute;
	z-index: -2;
	background-color: #0005A5;
}
/*------------------------ Opacity Banner ------------------------*/

.filter-banner {
	background-color: rgba(0, 54, 88, 0);
	width: 100%;
	height: 450px;
	position: absolute;
	z-index: -2;
}
.ssl-banner {
	background-image: url(../images/mst-banner/vhostweb-banner6.jpg);
	background-position: center;
	background-size: cover;
}
.domain-banner {
	background-image: url(../images/mst-banner/vhostweb-banner5.jpg);
	background-position: center;
	background-size: cover;
}
.pay-banner {
	background-image: url(../images/mst-banner/vhostweb-banner4.jpg);
	background-position: center;
	background-size: cover;
}
.cus-banner {
	background-image: url(../images/mst-banner/vhostweb-banner3.jpg);
	background-position: center;
	background-size: cover;
	height: 300px
}
.tip-banner {
	background-image: url(../images/mst-banner/vhostweb-banner2.jpg);
	background-position: center;
	background-size: cover;
}
.about-banner {
	background-image: url(../images/mst-banner/vhostweb-banner1.jpg);
	background-position: center;
	background-size: cover;
}
/*------------------------ Overview (use in VPS Page & Dedicate Page) ------------------------*/

.opc .hosting {
	background-color: transparent;
	padding: 10px 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
}
@media (min-width:48em) {
	.opc .hosting {
		background-color: transparent;
		padding: 20px 0;
		margin: 0;
		text-align: left;
		overflow: visible;
	}
}
.opc .hosting .heading-2 {
	margin: 0;
}
.opc .hosting .heading-3 {
	margin: 0;
	font-size: 40px;
	font-weight: 300;
}
.opc .hosting__text {
	font-size: 15.5px;
	font-weight: 300;
}
.opc .hosting .imp {
	color: #0072bc;
	font-size: 15.5px;
	margin: 30px 0 0
}
.top-hosting {
	text-align: center;
	display: inherit;
}
.top-hosting img {
	width: 100px;
	margin-top: 1em;
}
.top-hosting h1 {
	font-size: 2.5rem;
	font-weight: 300;
}
@media (min-width:48em) {
	.top-hosting {
		background-color: transparent;
		padding: 35px 0 10px 0;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.top-hosting img {
		margin-right: 2em;
	}
}
/*------------------------ OS Option (use in VPS/Dedicate/SSL Page) ------------------------*/

.opc .os-option {
	min-height: 950px;
	margin: 5em 0 0 0;
	padding: 0.8em 0 3em 0;
	background-color: #0005A5;
}
@media (min-width:48em) {
	.opc .os-option {
		min-height: 490px;
		margin: 5em 0 0 0;
		padding: 0.8em 0 3em 0;
		background-color: #0005A5;
	}
}
.opc .os-option .heading-2 {
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
}
@media (min-width:48em) {
	.opc .os-option .heading-2 {
		font-size: 2.4rem;
	}
}
.opc .flex-container {
	display: inherit;
	justify-content: center;
	margin-bottom: 2em;
}
.ssl-option .flex-container {
	margin-bottom: 5em;
}
.opc .flex-container__img {
	width: 210px;
	margin: 0 auto 20px auto;
}
@media (min-width:48em) {
	.opc .flex-container {
		display: flex;
		justify-content: space-between
	}
	.opc .flex-container__img {
		display: block
	}
}
.opc .flex-container__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%
}
@media (min-width:48em) {
	.opc .flex-container__content {
		display: flex;
		justify-content: space-between
	}
}
.opc .flex-container .item {
	width: 100%;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
	margin: 0 10px 50px 10px;
	color: #3CB2FF;
}
.item .title {
	color: #fff;
}
.item .os-type {
	display: flex;
	border: 1px solid #fff;
	padding: 10px;
	border-width: 0 0 1px 0;
	min-height: 75px;
	align-items: center;
}
.item .os-type img {
	width: 30px;
	margin-right: 10px;
}
.opc .item ul {
	list-style: none;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
.opc .item ul li::before {
	content: "\2022";
	color: #3CB2FF;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
@media (min-width:30em) {
	.opc .flex-container .item {
		width: 100%
	}
}
@media (min-width:48em) {
	.opc .flex-container .item {
		width: 45%;
		text-align: left
	}
}
.opc .flex-container .item p {
	margin: 0
}
/*------------------------ Validation Type (use in SSL/Tips/Domain Advantages/How to Pay Page) ------------------------*/

.val-type, .domain-adv {
	width: 100%;
	text-align: center;
	margin: 1em 0;
}
@media (min-width:30em) {
	.val-type, .domain-adv {
		width: 60%;
	}
}
@media (min-width:48em) {
	.val-type {
		width: 33%;
		height: calc(100% - 1em);
		overflow: hidden;
	}
	.about-text {
		width: 33.33%;
	}
	.domain-adv {
		width: 24.8%;
	}
}
.val-type p, .about-text p, .domain-adv p, .clr-card p {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	padding: 0 10px;
}
.val-type h2, .about-text h2, .domain-adv h2, .clr-card h2 {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0 10px;
}
.val-type img, .domain-adv img, .clr-card img {
	width: auto;
	vertical-align: middle;
}
/*------------------------ Domain Resgistration Page (Advantages Section) ------------------------*/

.adv-bg {
	background: #0005A5;
	padding: 1em;
}
@media (min-width:48em) {
	.adv-bg {
		background:#0005A5;
		height: 100%;
		overflow: hidden;
	}
}
/*------------------------ Color Card (Use in Domain Registration/How to Pay Page) ------------------------*/

.clr-card {
	width: 100%;
	text-align: center;
	margin: 1em 0;
	height: auto;
	border-radius: 10px;
	position: relative;
	transition: all 0.5s ease;
}
.clr-card:hover {
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}
.clr-card a {
	color: #fff;
}
@media (min-width:30em) {
	.clr-card {
		width: 60%;
	}
}
@media (min-width:48em) {
	.clr-card {
		width: 23%;
	}
}
.cover-link {
	padding: 1em 1em 5em 1em;
}
.domain-type {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.domain-type span {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0 5px;
}
@media (min-width:48em) {
	.domain-type span {
		width: auto;
	}
}
.go-down {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
}
.go-down p {
	font-size: 1rem;
	font-weight: 300;
	padding-top: 1em;
	margin: 0;
}
.dh-card {
	min-height: 150px;
	margin: 3em 0;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}
.dh-card .orange-card {
	border: 1px solid #0005A5;
	border-width: 10px 0 0 0;
	border-radius: 10px;
}
.dh-card .green-card {
	border: 1px solid #7DC344;
	border-width: 10px 0 0 0;
	border-radius: 10px;
}
.dh-card .blue-card {
	border: 1px solid #0072BC;
	border-width: 10px 0 0 0;
	border-radius: 10px;
}
.dh-card .orange-card a {
	color: #0005A5;
	transition: all 0.5s ease;
}
.dh-card .orange-card a:hover {
	color: #002136;
}
.dh-card .green-card a {
	color: #7DC344;
	transition: all 0.5s ease;
}
.dh-card .green-card a:hover {
	color: #468315;
}
.dh-card .topic {
	padding: 2em;
	text-align: center;
}
.dh-card .topic h2 {
	font-size: 2rem;
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.dh-card .search {
	background-color: #F8F8F8;
	padding: 2em;
}
/*------------------------ About us Page ------------------------*/

.about-img {
	width: 100%;
	background-color: #0005A5;
	display: flex;
}
.about-img-one, .about-img-group {
	width: 100%;
}
.about-img-one img, .about-img-group img {
	width: 100%;
	float: left;
	border: 1px solid #fff;
	object-fit: cover;
}
.about-img-one img {
	height: 100%;
}
.about-img-group img {
	height: 50%;
}
@media (min-width:48em) {
	.about-img {
		width: 66.67%;
	}
	.about-img-one, .about-img-group {
		width: 50%;
	}
}
/*------------------------ Tips for choosing a web host ------------------------*/

.tips-bg {
	background: #0005A5;
	position: relative;
	padding: 1em;
}
.tips-ans {
	position: relative;
	bottom: 0;
	left: 0;
	padding: 1em;
}
.tips-ans h2 {
	color: #fff;
}
@media (min-width:48em) {
	.tips-bg {
		background: #0005A5;
		min-height: 64%;
	}
	.tips-ans {
		position: relative;
		min-height: 36%;
	}
	.about-text .tips-bg {
		background: #0005A5;
		height: 100%;
	}
}
/*------------------------ OS Addition (use in VPS Page & Dedicate Page) ------------------------*/

.opc .addition {
	padding: 10px 0;
	background-color: #fff;
}
.opc .addition .card {
	min-height: 150px;
	padding-top: 10px;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	top: -100px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}
.opc .addition .heading-2 {
	color: #000;
	font-size: 2rem;
	font-weight: 300;
}
@media (min-width:48em) {
	.opc .addition .heading-2 {
		font-size: 2.4rem;
	}
}
.addition .card .control {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.addon {
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: 10px 10px 0 10px;
}
.addon img {
	width: 60px;
	margin: 10px 0 0 0;
}
.addon .text, .choose .text {
	font-size: 18px;
	font-weight: 500;
	padding: 0 10px;
	color: #3CB2FF;
}
.choose {
	width: 100%;
	padding: 1em;
	text-align: center;
}
@media (min-width:30em) {
	.choose {
		width: 50%;
	}
}
@media (min-width:48em) {
	.choose {
		width: 33%;
	}
}
.choose img {
	width: 80px;
}
@media (min-width:48em) {
	.addon {
		width: 50%;
		padding: 10px 40px;
	}
}
.opc .content ul {
	list-style: none;
	color: #000;
	font-weight: 500;
	padding: 0 0 0 25px;
}
.opc .content ul li::before {
	content: "\2022";
	color: #3CB2FF;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.note {
	background-color: #F8F8F8;
	text-align: center;
	padding: 2em 2em 1em 2em;
	border-radius: 0 0 10px 10px;
}
.note .title {
	font-size: 18px;
	font-weight: 500;
	color: #3CB2FF;
}
.note a {
	text-decoration: none;
	color: #3CB2FF;
	transition: all 0.5s ease;
}
.note a:hover {
	text-decoration: none;
	color: #0072BC;
}
.manual {
	margin: 1em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.manual div {
	border: 1px solid #B5B5B5;
	border-width: 0 0 1px 0;
	padding: 10px;
	width: 100%;
}
.manual div:first-child {
	border-width: 0 0 1px 0;
}
.manual div:last-child {
	border-width: 0 0 0 0;
}
@media (min-width:48em) {
	.manual div {
		border: 1px solid #3CB2FF;
		border-width: 0 0 0 2px;
		padding: 0 15px;
		width: auto;
	}
	.manual div:first-child {
		border-width: 0 0 0 0;
	}
	.manual div:last-child {
		border-width: 0 0 0 2px;
	}
}
.manual a {
	text-decoration: none;
	color: #000;
	transition: all 0.5s ease;
}
.manual a:hover {
	text-decoration: none;
	color: #3CB2FF;
}
/*------------------------ Table All Control ------------------------*/

.table-clean-win, .table-clean-lin, .table-solid, .table-ssl, .table-domain {
	overflow-x: scroll;
}
.table-clean-win table, .table-clean-lin table, .table-solid table, .table-ssl table, .table-domain table {
	width: 100%;
	min-width: 530px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin-top: 2em;
}
.table-clean-win img, .table-clean-lin img, .table-solid img, .table-ssl img {
	width: auto;
	vertical-align: middle;
}
.table-clean-win tr td span, .table-clean-lin tr td span {
	color: #EB5533;
}
/*------------------------ Table Window ------------------------*/

.table-clean-win th, .table-clean-win td {
	padding: 10px 5px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-weight: 300;
}
@media (max-width:48em) {
	.table-clean-win th, .table-clean-win td {
		padding: 5px;
	}
}
.table-clean-win th:first-child {
	width: 240px;
}
.table-clean-win th h2 {
	color: #0072BC;
	font-size: 20px;
	font-weight: 300;
}
.table-clean-win th h4 {
	color: #0072BC;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
.table-clean-win td:first-child {
	font-weight: 400;
	text-align: left;
}
.table-clean-win tr:nth-child(2) {
	background: #3CB2FF;
}
.table-clean-win tr:nth-child(2) td:nth-child(3) {
	background: #21A7FF;
}
.table-clean-win tr:nth-child(2) td:nth-child(4) {
	background: #0294F4;
}
.table-clean-win tr:nth-child(2) td:nth-child(5) {
	background: #0086DE;
}
.table-clean-win tr:nth-child(2) td:nth-child(6) {
	background: #0072BC;
}
.table-clean-win tr:nth-child(2) td:nth-child(7) {
	background: #0061A0;
}
.table-clean-win td img {
	width: 20px;
	height: auto;
}
/*------------------------ Table Linux ------------------------*/

.table-clean-lin th, .table-clean-lin td {
	padding: 10px 5px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-weight: 300;
}
@media (max-width:48em) {
	.table-clean-lin th, .table-clean-lin td {
		padding: 5px;
	}
}
.table-clean-lin th:first-child {
	width: 240px;
}
.table-clean-lin th h2 {
	color: #FF7F00;
	font-size: 20px;
	font-weight: 300;
}
.table-clean-lin th h4 {
	color: #FF7F00;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
.table-clean-lin td:first-child {
	font-weight: 400;
	text-align: left;
}
.table-clean-lin tr:nth-child(2) {
	background: #FF7F00;
}
.table-clean-lin tr:nth-child(2) td:nth-child(3) {
	background: #E67200;
}
.table-clean-lin tr:nth-child(2) td:nth-child(4) {
	background: #D86B00;
}
.table-clean-lin tr:nth-child(2) td:nth-child(5) {
	background: #CE6600;
}
.table-clean-lin tr:nth-child(2) td:nth-child(6) {
	background: #C46100;
}
.table-clean-lin tr:nth-child(2) td:nth-child(7) {
	background: #B45900;
}
.table-clean-lin td img {
	width: 20px;
	height: auto;
}

/*------------------------ Table Web Design ------------------------*/

.table-clean-wd th, .table-clean-wd td {
	padding: 10px 5px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-weight: 300;
}
@media (max-width:48em) {
	.table-clean-wd th, .table-clean-wd td {
		padding: 5px;
	}
}
.table-clean-wd th:first-child {
	width: 240px;
}
.table-clean-wd th h2 {
	color: #644AA5;
	font-size: 20px;
	font-weight: 300;
}
.table-clean-wd th h4 {
	color: #644AA5;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
.table-clean-wd td:first-child {
	font-weight: 400;
	text-align: left;
}
.table-clean-wd tr:nth-child(2) {
	background: #7458B0;
}
.table-clean-wd tr:nth-child(2) td:nth-child(3) {
	background: #61469C;
}
.table-clean-wd tr:nth-child(2) td:nth-child(4) {
	background: #5A4095;
}
.table-clean-wd tr:nth-child(2) td:nth-child(5) {
	background: #4F3588;
}
.table-clean-wd tr:nth-child(2) td:nth-child(6) {
	background: #4F3588;
}
.table-clean-wd tr:nth-child(2) td:nth-child(7) {
	background: #4F3588;
}
.table-clean-wd td img {
	width: 20px;
	height: auto;
}

/*------------------------ Table Online Marketing ------------------------*/

.table-clean-om th, .table-clean-om td {
	padding: 10px 5px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-weight: 300;
}
@media (max-width:48em) {
	.table-clean-om th, .table-clean-om td {
		padding: 5px;
	}
}
.table-clean-om th:first-child {
	width: 240px;
}
.table-clean-om th h2 {
	color: #EB5533;
	font-size: 20px;
	font-weight: 300;
}
.table-clean-om th h4 {
	color: #EB5533;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
.table-clean-om td:first-child {
	font-weight: 400;
	text-align: left;
}
.table-clean-om tr:nth-child(2) {
	background: #F43B24;
}
.table-clean-om tr:nth-child(2) td:nth-child(3) {
	background: #DB2917;
}
.table-clean-om tr:nth-child(2) td:nth-child(4) {
	background: #D12413;
}
.table-clean-om tr:nth-child(2) td:nth-child(5) {
	background: #BB2112;
}
.table-clean-om tr:nth-child(2) td:nth-child(6) {
	background: #BB2112;
}
.table-clean-om tr:nth-child(2) td:nth-child(7) {
	background: #BB2112;
}
.table-clean-om td img {
	width: 20px;
	height: auto;
}

/*------------------------ Table SEO ------------------------*/

.table-clean-seo th, .table-clean-seo td {
	padding: 10px 5px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-weight: 300;
}
@media (max-width:48em) {
	.table-clean-seo th, .table-clean-seo td {
		padding: 5px;
	}
}
.table-clean-seo th:first-child {
	width: 240px;
}
.table-clean-seo th h2 {
	color: #EB5533;
	font-size: 20px;
	font-weight: 300;
}
.table-clean-seo th h4 {
	color: #EB5533;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
.table-clean-seo td:first-child {
	font-weight: 400;
	text-align: left;
}
.table-clean-seo tr:nth-child(2) {
	background: #F43B24;
}
.table-clean-seo tr:nth-child(2) td:nth-child(3) {
	background: #DB2917;
}
.table-clean-seo tr:nth-child(2) td:nth-child(4) {
	background: #D12413;
}
.table-clean-seo tr:nth-child(2) td:nth-child(5) {
	background: #BB2112;
}
.table-clean-seo tr:nth-child(2) td:nth-child(6) {
	background: #BB2112;
}
.table-clean-seo tr:nth-child(2) td:nth-child(7) {
	background: #BB2112;
}
.table-clean-seo td img {
	width: 20px;
	height: auto;
}

/*------------------------ Table Freeze------------------------*/

@media (max-width:48em) {
	.freeze table {
		margin-left: 0;
	}
	.freeze th:first-child {
		position: -webkit-sticky; /*-- for Safari --*/
		position: sticky;
		background: #fff;
		left: -1px;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, .2);
	}
	.freeze td:first-child {
		width: 16%;
		min-width: 120px;
		position: -webkit-sticky; /*-- for Safari --*/
		position: sticky;
		background: #fff;
		left: -1px;
		z-index: 99;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, .2);
	}
	.freeze .c1-lo2 {
		padding: 3px 10px;
	}
	.freeze .c2-lo2 {
		padding: 27px 10px;
	}
	.btn-scroll {
		position: absolute;
		content: '';
		width: 100px;
		height: 100px;
		background: url(../images/icon/server-options/btn-scroll.svg);
		background-repeat: no-repeat;
		z-index: 999;
		left: 50%;
		transform: translate(-50%, 100%);
	}
}
/*------------------------ Table Color Shade ------------------------*/

tr.blue-shade {
	height: 15px;
	font-size: 0px;
}
tr.blue-shade td {
	padding: 0;
}
@media (max-width:48em) {
	tr.blue-shade td:first-child {
		background: #3CB2FF;
		height: 16px;
	}
}
tr.yellow-shade {
	height: 15px;
	font-size: 0px;
}
tr.yellow-shade td {
	padding: 0;
}
@media (max-width:48em) {
	tr.yellow-shade td:first-child {
		background: #FF7F00;
		height: 16px;
	}
}
tr.purple-shade {
	height: 15px;
	font-size: 0px;
}
tr.purple-shade td {
	padding: 0;
}
@media (max-width:48em) {
	tr.purple-shade td:first-child {
		background: #644AA5;
		height: 16px;
	}
}
tr.orange-shade {
	height: 15px;
	font-size: 0px;
}
tr.orange-shade td {
	padding: 0;
}
@media (max-width:48em) {
	tr.orange-shade td:first-child {
		background: #FF5A2F;
		height: 16px;
	}
}
tr.red-shade {
	height: 15px;
	font-size: 0px;
}
tr.red-shade td {
	padding: 0;
}
@media (max-width:48em) {
	tr.red-shade td:first-child {
		background: #EB5533;
		height: 16px;
	}
}
/*------------------------ Table Order Button ------------------------*/

tr.table-order td {
	background: #F8F8F8 !important;
}
tr.table-win-topic td {
	background: #F8F8F8 !important;
	border-width: 1px 0 1px 0;
	color: #3CB2FF;
}
@media (max-width:48em) {
	tr.table-win-topic td:first-child {
		border-width: 1px 1px 0 1px;
	}
}
tr.table-lin-topic td {
	background: #F8F8F8 !important;
	border-width: 1px 0 1px 0;
	color: #FF7F00;
}
@media (max-width:48em) {
	tr.table-lin-topic td:first-child {
		border-width: 1px 1px 0 1px;
	}
}
tr.table-wd-topic td {
	background: #F8F8F8 !important;
	border-width: 0 1px 0 1px;
	color: #644AA5;
}
@media (max-width:48em) {
	tr.table-wd-topic td:first-child {
		border-width: 1px 1px 0 1px;
	}
}
tr.table-om-topic td {
	background: #F8F8F8 !important;
	border-width: 0 1px 0 1px;
	color: #EB5533;
}
@media (max-width:48em) {
	tr.table-om-topic td:first-child {
		border-width: 1px 1px 0 1px;
	}
}
tr.table-seo-topic td {
	background: #F8F8F8 !important;
	border-width: 0 1px 0 1px;
	color: #EB5533;
}
@media (max-width:48em) {
	tr.table-seo-topic td:first-child {
		border-width: 1px 1px 0 1px;
	}
}
/*------------------------ Table Solid ------------------------*/

.table-solid th h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin: 0;
}
.table-solid th, .table-solid td {
	padding: 10px;
}
.table-solid td img {
	margin-right: 5px;
}
.table-solid tr {
	border: 1px solid #ddd;
	font-weight: 300;
}
.table-solid tr:nth-child(2) {
	background-color: #DDD;
	font-weight: 500;
}
.table-solid td:first-child {
	width: 26%;
	min-width: 255px;
}
.table-solid td:nth-child(2) {
	width: 22%;
	min-width: 200px;
}
.table-solid td:nth-child(n+3) {
	width: 13%;
	min-width: 86px;
}
.table-solid .promotion tr:first-child {
	background-color: #0005A5;
}
.table-solid .normal table {
	margin-top: 5em;
}
.table-solid .normal tr:first-child {
	background-color: #0005A5;
}
/*------------------------ Table SSL ------------------------*/

.table-ssl th {
	color: #fff;
	background-color: #0005A5;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	text-align: left;
}
.table-ssl th, .table-ssl td {
	padding: 10px 5px;
}
.table-ssl td:nth-child(2) {
	width: auto;
	min-width: 190px;
}
.table-ssl td:nth-child(3) {
	color: #7DC344;
}
.table-ssl td:nth-child(7) {
	width: auto;
}
.table-ssl td:nth-child(8) {
	width: auto;
}
.table-ssl td:nth-child(9) {
	text-align: center;
}
.table-ssl a {
	color: #3CB2FF;
	transition: all 0.5s ease;
}
.table-ssl a:hover {
	color: #0072BC;
}
.table-ssl .service-icon {
	width: 20px;
	height: auto;
}
.table-ssl tr {
	border: 1px solid #ddd;
	font-weight: 300;
}
.table-ssl tr:nth-child(odd) {
	background-color: #F8F8F8;
}
/*------------------------ Table Domain ------------------------*/

.table-domain {
	padding: 0 2em 2em 2em;
}
.table-domain th {
	color: #fff;
	background-color: #0005A5;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	text-align: left;
}
.table-domain th, .table-domain td {
	padding: 1em;
	border: 1px solid #DDD;
	text-align: center;
}
.table-domain td:first-child {
	text-align: left;
}
tr.table-domain-topic td {
	background: #F8F8F8;
	border-width: 1px 0 1px 0;
	color: #000;
	text-align: center !important;
}
/*------------------------ Promotion Tag ------------------------*/

.promotion-tag, .discount-tag {
	position: relative;
}
.promotion-tag::after {
	content: url('../images/icon/dedicate-server-page/label.png');
	margin-left: -5px;
    margin-top: -20px;
    position: absolute;
}
.discount-tag::after {
	content: url('../images/icon/label-discount.svg');
	margin-top: -10px;
	position: absolute;
}
/*------------------------ OS Hosting Card ------------------------*/

.os-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}
.os-card .wl-card {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	margin: 20px 0;
	transition: all 0.5s ease;
	border: 1px solid #ddd;
	background: #fff;
}
@media (min-width:48em) {
	.os-card .wl-card {
		width: 48%;
		position: relative;
	}
}
.os-card .wl-card:hover {
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
	border: 1px solid #fff;
}
.os-card .wl-card a {
	text-decoration: none;
	color: #000;
}
/*------------------------ Window & Linux Hosting Control Card ------------------------*/

.wl-card img {
	width: auto;
}
.wl-card .arrow {
	position: relative;
}
@media (min-width:48em) {
	.wl-card .arrow {
		position: absolute;
		width: 92%;
		bottom: 2%;
	}
}
.wl-card .window-card h2 {
	color: #3CB2FF;
	font-size: 1.5rem;
	font-weight: 300;
}
.wl-card .linux-card h2 {
	color: #FF7F00;
	font-size: 1.5rem;
	font-weight: 300;
}
/*------------------------ Window & Linux Hosting Card ------------------------*/

.window-card, .linux-card {
	padding: 0 1em 1em 1em;
}
@media (min-width:48em) {
	.window-card, .linux-card {
		padding: 0 1em 2em 1em;
	}
}
.window-card p, .linux-card p {
	font-weight: 300;
}
.window-card ul, .linux-card ul {
	list-style: none;
	color: #000;
	font-weight: 300;
	padding: 0 0 0 25px;
	text-align: left;
}
.window-card ul li span {
	color: #3CB2FF;
}
.linux-card ul li span {
	color: #FF7F00;
}
.window-card ul li::before {
	content: "\2022";
	color: #3CB2FF;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.linux-card ul li::before {
	content: "\2022";
	color: #FF7F00;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
/*------------------------ Window & Linux Gradient Line ------------------------*/

.window-line {
	background: rgb(60, 178, 255);
	background: -webkit-linear-gradient(left, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
	background: -o-linear-gradient(left, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
	background: linear-gradient(to right, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
	height: 10px;
	border-radius: 8px 8px 0 0;
}
.linux-line {
	background: rgb(248, 153, 33);
	background: -webkit-linear-gradient(left, rgba(248, 153, 33, 1) 0%, rgba(255, 78, 0, 1) 100%);
	background: -o-linear-gradient(left, rgba(248, 153, 33, 1) 0%, rgba(255, 78, 0, 1) 100%);
	background: linear-gradient(to right, rgba(248, 153, 33, 1) 0%, rgba(255, 78, 0, 1) 100%);
	height: 10px;
	border-radius: 8px 8px 0 0;
}
/*------------------------ SSL Card ------------------------*/

.ssl-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.ssl-card .pro-card {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	margin: 20px 0;
	transition: all 0.5s ease;
}
@media (min-width:30em) {
	.ssl-card .pro-card {
		width: 60%;
		margin: 20px auto;
	}
}
@media (min-width:48em) {
	.ssl-card .pro-card {
		width: 48%;
	}
}
.ssl-card .pro-card:hover {
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}
.ssl-card .pro-card a {
	text-decoration: none;
	color: #000;
}
/*------------------------ SSL Promotion Card ------------------------*/

.pro-card img {
	width: auto;
}
.pro-card .arrow {
	position: relative;
}
@media (min-width:48em) {
	.pro-card .arrow {
		text-align: right;
		position: absolute;
		right: 0;
		bottom: -8%;
	}
}
/*------------------------ SSL Blue/Green/DarkBlue Card ------------------------*/

.in-card {
	padding: 20px;
	min-height: 150px;
	display: inherit;
	position: relative;
}
.bank .in-card {
	padding: 5px;
	display: inherit;
	position: relative;
}
.card-text, .card-text-op {
	width: 100%;
	position: relative;
}
.card-text h2 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: center;
	margin: 5px;
}
.bank .card-text h3 {
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	margin: 5px 0;
}
.card-text-op h2 {
	color: #3CB2FF;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: center;
	margin: 5px 0;
}
.card-text p {
	font-weight: 300;
	text-align: center;
	margin: 10px 0;
}
.card-text-op p {
	font-weight: 300;
	text-align: center;
	margin: 10px 0;
	color: #fff;
}
@media (min-width:48em) {
	.in-card {
		display: flex;
		position: relative;
	}
	.bank .in-card {
		display: inherit;
		position: relative;
	}
	.card-text h2, .card-text-op h2 {
		text-align: left;
		margin: 0 0 0 10px;
	}
	.card-text p, .card-text-op p {
		font-weight: 300;
		text-align: left;
		margin-left: 10px;
	}
}
/*------------------------ SSL Background Color ------------------------*/

.blue-line {
	background: #0072BC;
	height: 10px;
	border-radius: 8px 8px 0 0;
}
.green-line {
	background: #468315;
	height: 10px;
	border-radius: 8px 8px 0 0;
}
.ssl-bg-blue {
	background: rgb(60, 178, 255);
	background: -webkit-linear-gradient(left, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
	background: -o-linear-gradient(left, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
	background: linear-gradient(to right, rgba(60, 178, 255, 1) 0%, rgba(0, 114, 188, 1) 100%);
}
.ssl-bg-green {
	background: rgb(125, 195, 68);
	background: -webkit-linear-gradient(left, rgba(125, 195, 68, 1) 0%, rgba(70, 131, 21, 1) 100%);
	background: -o-linear-gradient(left, rgba(125, 195, 68, 1) 0%, rgba(70, 131, 21, 1) 100%);
	background: linear-gradient(to right, rgba(125, 195, 68, 1) 0%, rgba(70, 131, 21, 1) 100%);
}
.ssl-bg-darkblue {
	background: rgb(0, 64, 105);
	border: 1px solid #3CB2FF;
}
/*------------------------ Tooltip ------------------------*/

.tooltip {
	position: relative;
}
.tooltip span {
	color: #000 !important;
}
.info .tooltip::after {
	content: url('../images/icon/i-info-remark.svg');
	margin-left: 0;
	position: absolute;
	margin-top: -35px;
	width: 15px;
}
.info .tooltip .tooltiptext {
	visibility: hidden;
	width: 100%;
	background-color: rgba(0, 0, 0, 1);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	bottom: 70%;
	right: 0;
	font-weight: 300;
	font-size: 16px;
	list-style: none;
}
.info .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
.info .tooltip:hover .tooltiptext {
	visibility: visible;
}
@media (max-width:48em) {
	.tooltip {
		position: relative;
	}
	.tooltip span {
		color: #fff !important;
	}
	.table-clean-win .tooltip::after {
		content: url('../images/icon/i-info-win.svg');
		margin-left: 0;
		position: absolute;
		margin-top: -7px;
		width: 15px;
	}
	.table-clean-lin .tooltip::after {
		content: url('../images/icon/i-info-lin.svg');
		margin-left: 0;
		position: absolute;
		margin-top: -7px;
		width: 15px;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 100%;
		background-color: rgba(0, 0, 0, 1);
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		z-index: 1;
		bottom: 90%;
		right: 0;
		font-weight: 300;
		font-size: 16px;
	}
	.tooltip .tooltiptext::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: black transparent transparent transparent;
	}
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
}
/*------------------------ WHOIS Search Input ------------------------*/

.domain-search {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: flex;
	position: relative;
}
@media (min-width:48em) {
	.domain-search {
		width: 65%;
	}
}
.domain-search .btn-group {
    height: 55px;
    color: #fff;
    border-radius: 0 6px 6px 0;
}
.btn-whois {
	min-width: 130px;
    border: none;
    background: #0072BC;
}
.btn-domain {
    min-width: 55px;
    border: 1px solid #B5B5B5;
    border-width: 1px 1px 1px 0; 
    background: #fff;
}
.domain-search input {
	width: 100%;
	padding: 15px 20px;
	font-size: 15px;
	font-weight: 300;
	border: 1px solid #B5B5B5;
	border-radius: 6px 0 0 6px;
	border-width: 1px 0 1px 1px;
	margin: auto;
}
.domain-search .btn-group img {
	width: 20px;
	vertical-align: middle;
}
.domain-search input::-webkit-input-placeholder {
	color: #000;
}
/*------------------------ Payment Input ------------------------*/

.ctrl-pay h2 {
	font-size: 1.5rem;
	font-weight: 500;
	color: #0072BC;
}
.payment-form {
	width: 90%;
	padding: 1em 0;
	border: 1px solid #B5B5B5;
	border-width: 1px 0 0 0;
	margin: 2em auto;
}
.pay-field {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
	position: relative;
}
@media (min-width:48em) {
	.pay-field {
		margin: 1.5em 0;
	}
}
.pay-field .head {
	text-align: left;
	width: 100%;
	padding: 10px 0;
}
@media (min-width:48em) {
	.pay-field .head {
		text-align: right;
		width: 30%;
		padding: 10px;
	}
	.contact-form .pay-field .head {
		text-align: right;
		width: 40%;
		padding: 10px;
	}
}
.pay-field span {
	color: #EB5533;
}
.pay-field .date span {
	color: #0072BC;
}
.pay-field .radio {
	width: auto;
	display: inline-grid;
	padding: 0 20px;
}
.radio input[type=radio] {
	position: absolute;
	margin-top: 5px;
	margin-left: -20px;
}
.field-normal, .field-group {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.field-normal input, .field-normal textarea, .field-group input, .field-group select {
	padding: 10px 5px;
	font-size: 15px;
	font-weight: 300;
	border-radius: 5px;
	border: 1px solid #B5B5B5;
}
.field-normal input, .field-normal textarea {
	width: 100%;
}
.field-group input {
	width: 70%;
}
.field-group select, .field-group span {
	width: calc(30% - 10px);
	height: 45px;
	margin: auto 0 auto 10px;
	padding: 10px 0;
	color: #000;
}
@media (min-width:48em) {
	.field-normal, .field-group {
		width: 50%;
		position: relative;
	}
	.field-normal input, .field-normal textarea, .field-group input {
		width: 70%;
	}
	.field-group select, .field-group span {
		width: calc(30% - 10px);
	}
	.contact-form .field-normal {
		width: 60%;
	}
	.contact-form .field-normal input, .contact-form .field-normal textarea {
		width: 100%;
	}
}
.recaptcha {
	display: none;
}
@media (min-width:48em) {
	.recaptcha {
		display: initial;
	}
}
/*------------------------ How to pay ------------------------*/

.pay-info p {
	text-align: left;
	margin-bottom: 0;
}
.pay-info h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
	text-align: left;
}
.pay-address {
	width: 100%;
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	border-radius: 10px;
	margin: 2em 0;
}
.pay-address p {
	text-align: center;
}
.pay-ref {
	color: #000;
	text-align: left;
}
.bank-type {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.bank-type .bank {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	margin: 20px 0;
	transition: all 0.5s ease;
	background-color: #F8F8F8;
	border: 1px solid #DDD;
}
@media (min-width:48em) {
	.bank-type .bank {
		width: 33%;
	}
}
.bank-type .bank img {
	width: 70px;
	height: 70px;
	margin: 10px auto;
}
/*------------------------ Whois Form ------------------------*/

.whois-form {
	width: 90%;
	padding: 1em 0 0 0;
	border: 1px solid #B5B5B5;
	border-width: 1px 0 0 0;
	margin: 1em auto 0 auto;
}
.whois-field {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
}
.whois-field .head {
	text-align: left;
	width: 100%;
	padding: 0 10px;
	margin: auto 0;
}
.whois-field .result {
	text-align: left;
	color: #0072BC;
	font-weight: 300;
	width: 100%;
	padding: 0 10px;
	word-break: break-all;
}
.bank .head {
	text-align: center;
	width: 100%;
	padding: 0 10px;
	margin: auto 0;
}
.bank .result {
	text-align: center;
	color: #7DC344;
	font-weight: 300;
	width: 100%;
	padding: 0 10px;
	word-break: break-all;
}
@media (min-width:48em) {
	.whois-field {
		display: flex;
	}
	.whois-field .head {
		text-align: right;
		width: 30%;
	}
	.whois-field .result {
		width: 70%;
	}
	.bank .head {
		text-align: left;
		width: 46%;
	}
	.bank .result {
		width: 54%;
		text-align: left;
	}
}
/*------------------------ Whois Form No Result ------------------------*/

.no-result {
	text-align: center;
	color: #B5B5B5;
	font-size: 16px;
	font-weight: 300;
}
/*------------------------ Form Option ------------------------*/

.baht span {
	color: #000;
}
.remark p {
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
}
@media (min-width:48em) {
	.remark p {
		width: 70%;
	}
}
.remark a {
	text-decoration: none;
	color: #3CB2FF;
	transition: all 0.5s ease;
}
.remark a:hover {
	text-decoration: none;
	color: #0072BC;
}
.spec-form {
    width: 90%;
    border: 1px solid #B5B5B5;
    border-width: 1px 0 0 0;
    margin: 1em auto;
}
.spec-field {
	width: 100%;
	margin: 10px 0;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}
.spec-field .head {
	width: 30%;
	padding: 0 10px;
	font-weight: 500;
}
.spec-field .result {
	width: 70%;
	padding: 0 10px;
	font-weight: 300;
}
/*------------------------ Required Fields------------------------*/

#commentForm {
	width: 100%;
}
#commentForm label.error, #commentForm input.submit {
	margin: 0;
	position: absolute;
	bottom: -20px;
}
#signupForm {
	width: 670px;
}
#signupForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}
#newsletter_topics label.error {
	display: none;
	margin-left: 103px;
}
form.cmxform label.error, label.error {
	color: #EB5533;
	font-style: italic;
	font-size: 14px;
	font-weight: 300;
	margin: 2px 10px;
}
input.error {
	border: 1px solid #EB5533;
}
/*------------------------ Our Customer ------------------------*/

.our-customer {
	margin: 2em 0;
	text-align: center;
}
.our-customer img {
	width: 55%;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
	transition: all 0.5s ease;
	background: #fff;
}
.our-customer img:hover {
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
	transform: scale(1.1);
}
@media (min-width:30em) {
	.our-customer img {
		width: 25%;
	}
}
@media (min-width:48em) {
	.our-customer img {
		width: 16.6%;
		float: left;
	}
}
/*------------------------ Contact us ------------------------*/

.contact {
	margin: 1em 0;
}
.contact h1 {
	font-size: 2.5rem;
	font-weight: 300;
	color: #0072BC;
	margin: 0;
}
.contact-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5em;
}
.contact-form .address,
.contact-form .line {
	margin: 1.5em;
	position: relative;
}
.contact-form .address::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 27px;
	margin-left: -1.5em;
	background: url(../images/icon/i-map-mark.svg);
	background-repeat: no-repeat;
}
.contact-form .line::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 26px;
	margin-left: -1.5em;
	background: url(../images/icon/i-brand-line.svg);
	background-repeat: no-repeat;
}
.contact-form {
	width: 100%;
}
.address h2, .contact-form h2 {
	color: #0072BC;
	font-size: 1.5rem;
	font-weight: 300;
	border: 1px solid #B5B5B5;
	border-width: 0 0 1px 0;
	padding: 10px 0;
}
@media (min-width:48em) {
	.contact-form {
		width: 48%;
	}
}
.contact-form .line a {
	color: #00C300;
	transition: all 0.5s ease;
}
.contact-form .line a:hover {
	color: #7DC344;
}
/*------------------------ Button Order Control ------------------------*/

.btn-order-sky,
.btn-order-orange,
.btn-order-yellow,
.btn-order-carrot,
.btn-order-green,
.btn-order-red,
.btn-order-purple{
	min-width: 125px;
	border-radius: 25px;
	color: #fff;
	font-weight: 300;
	padding: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease;
	border: none;
}
.btn-order-sky img,
.btn-order-orange img,
.btn-order-yellow img,
.btn-order-carrot img,
.btn-order-green img,
.btn-order-red img,
.btn-order-purple img{
	width: 20px;
	height: 17px;
	margin-right: 5px;
}
.btn-order-sky span,
.btn-order-orange span,
.btn-order-yellow span,
.btn-order-carrot span,
.btn-order-green span,
.btn-order-red span,
.btn-order-purple span{
	color: #fff !important;
}
.ctrl-submit {
	text-align: center;
	margin: 1em auto 0 auto;
	border: 1px solid #B5B5B5;
	border-width: 1px 0 0 0;
	padding: 1.5em 0;
}
.btn-submit {
	min-width: 120px;
	border-radius: 25px;
	color: #fff;
	font-weight: 300;
	padding: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease;
	border: none;
}
p a {
	text-decoration:underline;
}
/*------------------------ Button Order Blue ------------------------*/

.btn-order-sky, .btn-submit {
	background: #3CB2FF;
}
.btn-order-sky:hover, .btn-submit:hover {
	background: #0072BC;
}
/*------------------------ Button Order Orange ------------------------*/

.btn-order-orange {
	background: #0005A5;
}
.btn-order-orange:hover {
	background: #002136;
}
/*------------------------ Button Order Yellow ------------------------*/

.btn-order-yellow {
	background: #F4C914;
}
.btn-order-yellow:hover {
	background: #C49E03;
}
/*------------------------ Button Order Carrot ------------------------*/

.btn-order-carrot {
	background: #FF7F00;
}
.btn-order-carrot:hover {
	background: #D86B00;
}
/*------------------------ Button Order Green ------------------------*/

.btn-order-green {
	background: #7DC344;
}
.btn-order-green:hover {
	background: #61A827;
}
/*------------------------ Button Order Red ------------------------*/

.btn-order-red {
	background: #EB5533;
}
.btn-order-red:hover {
	background: #AD190D;
}
/*------------------------ Button Order Purple ------------------------*/

.btn-order-purple {
	background: #644AA5;
}
.btn-order-purple:hover {
	background: #442A95;
}

/*------------------------ Color ------------------------*/

.clr-white {
	color: #FFF;
}
.clr-yellow {
	color: #F4C914;
}
.clr-carrot {
	color: #FF7F00;
}
.clr-sky {
	color: #3CB2FF;
}
.clr-green {
	color: #7DC344;
}
.clr-red {
	color: #EB5533;
}
.clr-purple {
	color: #644AA5;
}
.clr-orange {
	color: #FF5A2F;
}
/*------------------------ Background Color ------------------------*/

.bg-tranparent {
	background-color: transparent;
}
.bg-orange {
	background-color: #0005A5;
}
.bg-green {
	background-color: #7DC344;
}
.bg-blue {
	background-color: #0072BC;
}
.bg-violet {
	background-color: #542F7E !important;
}
/*------------------------ Text Align ------------------------*/

.tf {
	text-align: left;
}
/*------------------------ Clear Both use in About us and Our Customer Pages ------------------------*/

.clear-both {
	clear: both;
}
/*------------------------ Margin ------------------------*/

.mt-1 {
	margin-top: 0.75em !important;
}
/*------------------------ Border Radius ------------------------*/

.radius-bottom {
	border-radius: 0 0 8px 8px !important;
}

/*website builder icon spacing*/
h4.heading-4 i.fab, h4.heading-4 i.fas{
	width: 50px;
	text-align: center;
}
.heading-2.grad sup {
	background: linear-gradient(45deg, #ff0000, #ffff00);
	background-clip: text;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: -2px;
  top: 50%;
  right: -2px;
  border-top: 2px solid;
  border-color: #FF0000B0;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}