div::-webkit-scrollbar {
	width: 5px;
	height:3px;
}

div::-webkit-scrollbar-track {
	background-color: #fff;
	border-left: 0px solid #ccc;
}

div::-webkit-scrollbar-thumb {
	background-color: #ccc;
}

div::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}

html, body {
    height: inherit !important;
	background-color: #f6f7fa !important;
}

/* new style */
		
.offer-content .responsive-table-row{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10) !important;
	position:relative;
	margin-top:24px;
}

#trContent .responsive-table-row{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10) !important;
	position:relative;
	margin-top:24px;
}

.group{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10) !important;
	position:relative;
	margin-top:24px;
}

.responsive-table-row.combine {
    margin-top: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border-top: 1px solid #D8DFE6 !important;
}

.responsive-table-row.combine:last-child {
	border-radius:0px 0px 10px 10px;
}
      
.page-wrap > section > .container{
	padding: 40px 0px 40px 0px;
}

.discount-price{
	color: #d90000;
}

.old-price{
	color: #c5c4c4;
	position:relative;
}

.old-price:before {
	position: absolute;
	content: "";
	left: -2px;
	top: 40%;
	right: 2px;
	border-top: 1px solid;
	border-color: inherit;
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	transform: rotate(-17deg);
	color: #bdbdbd;
	z-index: 90;
}

.responsive-table .responsive-table-head{
	color: #999999;
	font-weight: 500;
	border-radius:3px;
	margin-bottom:10px;
	font-size:16px;
}



.responsive-table-body .responsive-table-row .responsive-table-td{
	padding-top: 20px;
    padding-bottom: 20px;
}

.responsive-table-body .responsive-table-row .table-text-content{
	word-break: break-word;
	width: 100%;
}

.responsive-table-body .responsive-table-row .table-text-content strong{
	font-size:20px;
	font-weight:600;
	color:#333;
	white-space:nowrap;
}

.responsive-table-body .responsive-table-row .table-text-content p{
	font-size:16px;
	font-weight:500;
	color:#333;
	/*white-space:nowrap;*/
}




.responsive-table-body .responsive-table-row-header {
	padding-top:40px;
	padding-bottom:15px;
}
.responsive-table-body .responsive-table-row-header h3{
	margin:0px;
	font-size:18px;
	font-weight:900;
	color:#333;
}
.responsive-table-body .responsive-table-row.opportunity {
	/*border:2px solid #6b7077;*/
	-webkit-box-shadow:inset 0px 0px 0px 2px #6b7077;
    -moz-box-shadow:inset 0px 0px 0px 2px #6b7077;
    box-shadow:inset 0px 0px 0px 2px #6b7077;
}

.responsive-table-body .responsive-table-row.renew-product {
	/*border:2px solid #6b7077;*/
	-webkit-box-shadow:inset 0px 0px 0px 2px #d2d5d9;
    -moz-box-shadow:inset 0px 0px 0px 2px #d2d5d9;
    box-shadow:inset 0px 0px 0px 2px #d2d5d9;
	background-color:#f6f7fa;
}

.responsive-table-body .responsive-table-row .row-label{
	display:inline-block;
	padding-right:8px;
	padding-left:8px;
	font-size:11px; 
	position:absolute;
	left:0px;
	height:19px;
	line-height:19px;
	border-radius:2px 0px 0px 0px;
	letter-spacing: 1px;
	top:-5px;
	
}

.responsive-table-body .responsive-table-row .row-label.green-label{
	background-color:#00E180;
	color:#fff;
}

.responsive-table-body .responsive-table-row .row-label.orange-label{
	background-color:#ff7224;
	color:#fff;
}

.responsive-table-body .responsive-table-row .row-label.red-label{
	background-color:#ee0000;
	color:#fff;
}

.responsive-table-body .responsive-table-row .row-label.purple-label{
	background-color:#541188;
	color:#fff;
}

.responsive-table-body .responsive-table-row .row-label.black-label{
	background-color:#333;
	color:#fff;
}

.responsive-table-body .responsive-table-row .row-label.grey-label{
	background-color:#656d78;
	color:#fff;
}



.dropdown .fa {
     margin-left: 4px;
}


.responsive-table-body .responsive-table-row .price.discount{
	top:-3px;	
}


	
	
.responsive-table-body .dropdown .btn {
	border: 2px solid #999;
	margin-bottom: 2px;
	box-shadow: none;
	background:#fff;
	border-radius:6px;
}

.responsive-table-body .grey-discount .price.discount:after {
	z-index:0;
}

.responsive-table-body .dropdown .btn .fa{
	font-size:12px;
}
	
.responsive-table-body .dropdown .btn:focus, .responsive-table-body .dropdown .responsive-table-body .dropdown .btn:active:focus, .responsive-table-body .dropdown .btn.active:focus, .responsive-table-body .dropdown .btn.focus, .responsive-table-body .dropdown .btn:active.focus, .responsive-table-body .dropdown .btn.active.focus{

	background: #fff;
    border-radius: 6px;
	border: 2px solid #999 !important;
}

.responsive-table-body .dropdown-menu-left{
	right: auto;
    left: 0px;
}

.responsive-table-body .dropdown-menu{
	border: 2px solid;
	box-shadow: none;
}

.responsive-table-body .dropdown-menu li a{
	padding: 5px 10px;
}


.vertical-center {
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-right: -4px;
}

.order-price-header{
	height: 48px;
	vertical-align:middle;
	    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-price-header h3{
	font-size:16px;
	color: #222;
	margin:0px;
	padding:13px 0px;
	letter-spacing:0px;
}

.order-price-header .header-text{
	display:inline-block;
	padding-top:8px;
}

.order-price-header .header-text .order-number-text{
	font-size:11px;
	color:#ff7200;
	font-weight:300;
	display:block;
}

.order-price-header .header-text .order-number{
	font-size:14px;
	color:#999;
	font-weight:500;
	display:block;
}

.order-price-content{
	font-size: 18px;
	font-weight: 300;
	color: #222222;
	
	border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}

.order-price-content .alert.alert-danger{
	border-radius:0px;
	position:relative;
	background:#ff3300;
	font-size:14px;
	display: flex;
    align-items: center;
	padding-left: 10px;
    padding-right: 10px;
	margin:0px;
}

.order-price-content .alert.alert-success{
	border-radius:0px;
	position:relative;
	background:#81bc00;
	font-size:14px;
	display: flex;
    align-items: center;
	padding-left: 10px;
    padding-right: 55px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
		
}

.order-price-content .alert.alert-success .more .fa{
	font-size:16px;	
}

.order-price-content .alert.alert-success .more{
	color:#fff;
	position:relative;
}
.order-price-content .alert.alert-success .more.open{
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	padding-left:20px;
	height:45px;
}

.order-price-content .alert.alert-success .more.exits{
	padding-left:20px;
}
.order-price-content .alert.alert-success .more.open::before{
	content: "\f196";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color:#fff;
	position:absolute;
	left:3px;
	top:3px;
}

.order-price-content .alert.alert-success .more.exits::before{
	content: "\f147";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color:#fff;
	position:absolute;
	left:3px;
	top:3px;
}

.order-price-content .alert.alert-success .more.close::before{
	
}

.order-price-content .close-button{
	position:absolute;
	right:0px;
	top:5px;
	color:#ff7a67;
	font-weight:bold;
}

.order-price-content .close-button-text{
	position:absolute;
	right:10px;
	top:15px;
	color:#fff;
	font-weight:bold;
}

.order-price-content .close-button .fa{
	font-size:16px;
}


.order-price-row{
	/*padding:15px 10px 15px 10px;*/
	border-bottom:1px solid #f6f7fa;
	padding: 24px;
}


.order-price-content h3{ 
	margin:0px; 
	color: #ff7d01;
	font-size: 25px;
	font-weight: 600;
}

.order-price-content h5{ 
	font-size: 16px;
	font-weight: 400;
	margin:0px;
	margin-bottom:5px;
}

.responsive-table-row .dropdown > .btn{
	height: 40px;
	line-height: 38px;
	padding: 0px 10px;
	transition: inherit;
	position:relative;
	z-index:5;
	font-size: 16px;
    font-weight: 500;
}

.win-content div{
	white-space: nowrap;
}

.btn-default:active:hover, .btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus{
	border-color:#d2d5d9;
}

.responsive-table-row .dropdown.open > .btn{
	border-bottom:0px !important;
	background:#fff;
	z-index:5px;
	border-radius: 6px 6px 0px 0px !important;
}

.responsive-table-row .dropdown.open > .btn[aria-expanded="true"]{
	z-index:7 !important;
}

.responsive-table-row .dropdown.open .dropdown-menu{
	border: 2px solid #999;
	box-shadow: none;
	margin-top: -4px;
	z-index: 6;
	background:#fff;
}

.responsive-table-row .green{
	color:#81bc00;
}

.responsive-table-row .orange{
	color:#e66700;
	font-size:12px;
}

.responsive-table-row .row-label{
	display:inline-block;
	color:#fff;
}

.responsive-table-row .delete-button{
	font-size: 11px;
    text-decoration: none;
    border: 2px solid #6b7077;
    border-radius: 2px;
    padding: 1px 5px;
    text-decoration: none;
    font-weight: 500;
    color: #6b7077;
	display:inline-block;
	text-align:center;
}

.responsive-table-row .add-basket-button{
	font-size: 11px;
    text-decoration: none;
    border: 2px solid #ff7200;
    border-radius: 2px;
	padding: 1px 5px;
    text-decoration: none;
    font-weight: 500;
    color: #ff7200;
	display:inline-block;
	text-align:center;
}


.responsive-table-row .popover.confirmation,.responsive-table-row .popover.confirmation .popover-title {
	background-color:inherit !important;
	color:inherit !important;
	border:0px !important;
	width: 140px;
	background-color:#f7f7f7 !important;
}

.responsive-table-row .popover.confirmation .arrow {
	border-top-color:#f7f7f7;
}

.responsive-table-row .popover.confirmation .confirmation-buttons {
	 background:none;
}

.promo-code-row{
	font-size:14px;
	font-weight:400;
	border-bottom: 1px solid #f6f7fa;
	color:#333;
}

.promo-code-row a{
	color:#333;
}

.dropdown-loading{
	font-size:12px;
	display: inline;
	/*margin-top:-10px;*/
}


.domain_search {
	background-color:#FFF;
	padding-bottom:30px;
	padding-left:0;
	padding-right:0;
}

	.domain_search h1{
		font-weight:600;
	}

	.domain_search input {
		padding: 9px 10px 10px 10px;
		font-weight: 300;
		font-size: 18px;
		color: #424242;
		width:50%;
		margin-right:-4px;
		border:1px solid #ccc;
		border-right:0px;
		outline:none;	
	}

	.domain_search button {
		background: #81bc00;
		border: 0px;
		width: 15%;
		height: 48px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		position: relative;
		/*margin-left: -150px;*/
		    margin-top: -7px;
	}

		.domain_search button img {
			vertical-align: middle;
			margin-right: 5px;
		}

	.domain_search a {
		text-decoration: none;
		color: #fff;
		font-size: 18px;
		margin-right: 20px;
	}

		.domain_search a img {
			vertical-align: middle;
			margin-right: 10px;
		}
 

.order-services {
	border: 0px solid #c6c6c6;
	padding: 15px 0px;
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #FFF;
}

.order-services .col-centered {
	margin: auto;
	float: none;
}

.order-services .order-services-header {
	text-align: center;
}

	.order-services .order-services-header p {
		font-weight: 400;
	}

.order-services .box {
	text-align: center;
}

	.order-services .box h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
	}

	.order-services .box p {
		text-align: center;
		font-size: 14px;
		font-weight: 500;
	}

	.order-services .box img {
		margin-bottom: 10px;
	}

	
	.line {
  background-color: #333333;
  display: flex;
  justify-content: center;
  max-height: 3px;
  margin-top: 60px;
  position: relative;
  text-align: center;
  border-radius: 1.5px;
}
.line > span {
  position: relative;
  background-color: #81bc00;
  color: #ffffff;
  padding: 2px 9px 4px 37px;
  font-size: 16px;
  font-weight: 300;
  margin-top: -15px;
  border-radius: 3px;
  border: 3px solid #333333;
  align-self: flex-start;
  height: 33px;
}
.line > .arrow {
  position: relative;
  padding: 3px;
  height: 33px;
  width: 33px;
  border-radius: 3px;
  background-color: #333333;
  color: #81bc00;
  margin-right: -31px;
  margin-top: -15px;
  font-size: 18px;
  z-index: 9;
}
.line > .arrow > i {
  position: absolute;
  left: 5px;
  -webkit-animation: arrow-jump 1s infinite;
  -moz-animation: arrow-jump 1s infinite;
  -o-animation: arrow-jump 1s infinite;
  animation: arrow-jump 1s infinite;
}

@-webkit-keyframes arrow-jump {
  0% {
    opacity: 0;
    top: -10px;
  }
  50% {
    opacity: 1;
    top: 4px;
  }
  100% {
    opacity: 0;
    top: 10px;
  }
}

@media (max-width: 767px){
	.mobile-padding{
		padding-left:30px;
		padding-right:30px;
	}
	section div > div.row [class^="col-"] {
		margin-top: 0px;
	}	
}

@media screen and (max-width: 992px){
	section div > div.row [class^="col-"] {
		margin-top: 0px;
	}
}


/*
.step-header{
	background-color: #333;
    color: #FFF;
    font-weight: 500;
    line-height: 40px;
}

.step-row{
	padding:15px;
	background:#fff;
	font-size:17px;
}

.address-label{
	font-size:16px;
	text-align:left;
	position:relative;
}

.address-label .caret{
	position:absolute;
	right:0px;
	top:50%;
}

.address-dropdown{
	white-space:normal;
	background:none !important;
	border: 2px solid #bfbfbf;
	box-shadow:none; 
}

.address-dropdown:active, .address-dropdown.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.address-label p{color:#ccc; font-size:14px;}*/

.sweet-alert button.confirm[disabled] {
	color: white;
	}

.package-promo-text{
	padding-top:10px;
}

a.package-promo-text:hover{
	text-decoration:underline !important;
}

.combine {
	margin-top:0px !important;
}


.responsive-table-body  .combine  .responsive-table-td {
	padding-top: 5px !important;
    padding-bottom: 5px !important; 
}

/*
.responsive-table-body  .combine  > .responsive-table-td {
	padding-left: 40px !important;
}
*/

.responsive-table-body .combine .table-text-content p{
	font-size:15px;
}

.responsive-table-body  .combine  > .only-year{
padding-left: 10px !important;
}

.btn-red {
    background-color: #ee0000;
    color: #fff;
}

.btn-red:hover, .btn-red:focus, .btn-red.focus {
    background-color: #ee0000;
    color: #fff;
}

.only-year{
	min-width: 80px;
    font-size: 16px;
    font-weight: 500;
}

.product-sub-information-row strong{
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	color:#222 !important;
}

.product-sub-information-row span{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color:#666;
}

.product-sub-information-row a{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color:#006AE2;
}

.platform-radio-content input[type="checkbox"]:not(:checked) + label:after, .platform-radio-content input[type="radio"]:not(:checked) + label:after{
	display:none !important;
}

.platform-radio-content input[type="checkbox"]:not(:checked) + label:before, .platform-radio-content input[type="radio"]:not(:checked) + label:before{
	display:none !important;
}

.platform-radio-content input[type="radio"]:checked + label:before, .platform-radio-content input[type="radio"]:checked + label:after{
	display:none !important;
}

.product-sub-information-row{
	white-space: nowrap;
}
    
/* platform popup */
	
	.modal-bg{
		border-radius: 10px;
		background: radial-gradient(48.35% 100% at 82.16% 0%, #D8DFE6 10.09%, #FFF 100%);
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
		position:relative;
		padding:40px 0px;
	}
	 
	.c-button{
		position:absolute;
		right:15px;
		top:15px;
	}
	
	.platform-modal-title{
		
		font-size: 36px;
		font-style: normal;
		font-weight: 700;	
		background: linear-gradient(90deg, #006AE2 0%, #222 20.01%, #222 80.05%, #006AE2 100.06%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-align:center;
		display:inline-block;
		margin-bottom:30px;
	}
	
	.input[type="radio"]:checked + label:before{
		display:none !important;
	}
	
	.input[type="radio"]:checked + label:after{
		display:none !important;
	}
	
	.platform-content .platform-type {
		min-height: 286px !important;
	}

	
	.platform-content.linux.selected .bg-os{
		width: 207px; height: 24px;
		background: url('https://cdn.natrocdn.com/ResourceFiles/v1/images/webhosting/hosting-platform-sprite-os.png') -10px -10px;
	}
	
	.platform-content.linux .bg-os{
		width: 207px; height: 24px;
		background: url('https://cdn.natrocdn.com/ResourceFiles/v1/images/webhosting/hosting-platform-sprite-os.png') -10px -54px;
	}
	
	.o-row svg{
		margin-right:8px;
	}
	.mt-10{
		margin-top:10px !important;
	}
	.mt-20{
		margin-top:20px;
	}
	.o-row{
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		color:#666666;
		display: flex;
		align-items: center;
	}
	
	.platform-content{
			cursor:pointer;
			-webkit-box-shadow: inset 0 0 0 2px #e6e9ed;
			-moz-box-shadow: inset 0 0 0 2px #e6e9ed;
			box-shadow: inset 0 0 0 2px #e6e9ed;
			background:#fff;
			border-radius:10px;
			
			border-radius: 10px;
			background: #FFF;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);

		}
		
		.platform-content:hover{
			-webkit-box-shadow: inset 0 0 0 2px #222222;
			-moz-box-shadow: inset 0 0 0 2px #222222;
			box-shadow: inset 0 0 0 2px #222222;
			background:#fff;
			
		}
		
		.platform-content.selected{
			
			-webkit-box-shadow: inset 0 0 0 2px #082445;
			-moz-box-shadow: inset 0 0 0 2px #082445;
			box-shadow: inset 0 0 0 2px #082445;
			background:#fff;
		}
		
		.platform-content .platform-type .fa{
			font-size:80px;
		}
		
		.platform-content .sub-text{
			font-size:16px;
			color:#333;
			font-weight:500;
		}
		
		.platform-radio-content{
			display:flex;
			height:80px;
			padding-bottom: 2px;
			padding-right: 2px;
			padding-left: 2px;
			border-radius: 0px 0px 15px 15px;
			overflow: hidden;
		}
		
		.f-center{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		
		

		/*aa*/
		.location-content{
			padding:20px;
			cursor:pointer;
		}

		.location-content:hover{
			border-radius:2px;
			-webkit-box-shadow: inset 0 0 0 2px #e6e9ed;
			-moz-box-shadow: inset 0 0 0 2px #e6e9ed;
			box-shadow: inset 0 0 0 2px #e6e9ed;
			background:#f6f7fa;
		}

		.location-content.selected{
			border-radius:2px;
			-webkit-box-shadow: inset 0 0 0 2px #e6e9ed;
			-moz-box-shadow: inset 0 0 0 2px #e6e9ed;
			box-shadow: inset 0 0 0 2px #e6e9ed;
			background:#f6f7fa;
		}

		.location-content .platform-type .fa{
			font-size:80px;
		}

		.location-content .sub-text{
			font-size:16px;
			color:#333;
			font-weight:500;
		}

		/*aa*/

		.platform-name{
			font-size:25px;
		}
				
		input[type=radio].css-checkbox {
			position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
		}

		input[type=radio].css-checkbox + label.css-label {
			padding-left:28px;
			line-height:16px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}

		input[type=radio].css-checkbox:checked + label.css-label {
			background-position: 0 -16px;
		}
		label.css-label {
			background-image:url(/ResourceFiles/v1/images/webhosting/icons/radio-replacment.png);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		.platform-content input[type=radio].css-checkbox + label.css-label {
			padding-left:20px;
		}
		
		
		.platform-shadow{
			-webkit-box-shadow: 0px 0px 26px 3px rgba(129,188,0,1);
			-moz-box-shadow: 0px 0px 26px 3px rgba(129,188,0,1);
			box-shadow: 0px 0px 26px 3px rgba(129,188,0,1);
		}
		

		  #starter-upsell-popup-ex {
			display: none;
		}

		#starter-upsell-popup-ex .header {
			background-color: #81bc00;
			min-height: 335px;
		}

        #starter-upsell-popup-ex .header .h3 {
            color: White;
            font-weight: 400;
        }

		#starter-upsell-popup-ex .content {
			margin-top: -147px;
		}

		@media screen and (max-width: 992px) {
			#starter-upsell-popup-ex .content {
				margin-top: 0px;
			}
		}

	#starter-upsell-popup-ex .content img:first-child {
		min-width: 285px;
	}

		#starter-upsell-popup-ex .content .price-column {
			background-color: #444444;
			width: 285px;
			height: 285px;
			color: white;
			vertical-align: top;
			margin-left: -5px;
			margin-top: 66px;
		}

		#starter-upsell-popup-ex .content .price-row .plus {
			font-size: 40px;
			margin-top: -25px;
		}

		#starter-upsell-popup-ex .content .price-row .difference {
			font-size: 14px;
			color: #999999;
			margin-top: -15px;
		}


		
		
		
		.mx-auto{
			margin:auto;
		}
		
		.mt-20{
			margin-top:20px;
		}
		
		.platform-content.selected .platform-col.active{
			background:#fff;
		}
		
		.platform-content.selected .platform-col{
			background: rgba(216, 223, 230, 0.50);

			
		}
		
		
		

		.cpanel-col .bg-panel-icon{
			width: 73px; height: 16px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -245px -10px;
		}
		
		.plesk-col .bg-panel-icon{
			width: 68px; height: 28px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -178px;
		}
		
		.cpanel-col.active .bg-panel-icon{
			width: 73px; height: 16px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -98px -178px;
		}
		
		.plesk-col.active .bg-panel-icon{
			width: 68px; height: 28px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -87px -101px;
		}
		
		
		.platform-content.linux.selected .bg-system{
			width: 59px; height: 71px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -10px;
		}
		
		.platform-content.linux .bg-system{
			width: 59px; height: 71px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -89px -10px;
		}
		
		.platform-content.windows.selected .bg-system{
			
			width: 57px; height: 57px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -168px -10px;
		}
		
		.platform-content.windows .bg-system{
			width: 57px; height: 57px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -101px;
		}
		
		
		
		.platform-content .bt-2{
			border-top: 2px solid #e6e9ed;
		}
		
		.platform-content .br-1{
			border-right: 1px solid #e6e9ed;
		}
		
		.platform-content .bl-1{
			border-left: 1px solid #e6e9ed;
		}
/*
		.platform-content.selected .bt-2{
			border-top: 2px solid #222;
		}
		
		.platform-content.selected .br-1{
			border-right: 1px solid #222;
		}
		
		.platform-content.selected .bl-1{
			border-left: 1px solid #222;
		}
		*/
		.platform-content .platform-type{
			min-height: 195px;
			display: flex;
			align-items: center;
			flex-direction: column;
			padding-top:20px;
			padding-bottom:20px;
		}	
		
		.radio-content{
			height:25px;
		}
		
		.icon-content{
			height:30px;
			display: flex;
			align-items: center;
		}
		
		.modal-close-button {
			position: absolute;
			right: 30px;
			top: -5px;
			font-size: 25px;
			color: #466019;
		}

		/*ssss*/
		.extra-year-text{
			font-size: 17px;
			font-weight: normal;
		}
		
		.blink_me {
		  animation: blinker 1s linear infinite;
		}

		@keyframes blinker {  
		  50% { opacity: 0; }
		}
		
		.desc-sub-text{
			position: absolute;
			font-size: 12px;
			right: 27px;
			top: 14px;
			font-weight: 500;
		}
		
		.relative{
			position:relative;
		}
		
		.bg-linux_active {
			width: 59px; height: 71px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -10px;
		}

		.bg-linux_passive {
			width: 59px; height: 71px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -89px -10px;
		}

		.bg-plesk_active {
			width: 68px; height: 28px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -87px -101px;
		}

		.bg-plesk_passive {
			width: 68px; height: 28px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -178px;
		}

		.bg-windows_active {
			width: 57px; height: 57px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -168px -10px;
		}

		.bg-windows_passive {
			width: 57px; height: 57px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -10px -101px;
		}

		.bg-cpanel_active {
			width: 73px; height: 16px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -98px -178px;
		}

		.bg-cpanel_passive {
			width: 73px; height: 16px;
			background: url('/ResourceFiles/v1/images/webhosting/hosting-platform-sprite.png') -245px -10px;
		}
		
		
		.feast-campaign{
			background:url(/ResourceFiles/v1/images/campaign/bayram_kampanyasi/sure_secim_sayfasi/sure_secim_bg.png) no-repeat !important;
			background-size:cover !important;
		}
		
		.feast-campaign h2{
			color: #304b65 !important;
		}
		.feast-campaign span{
			color: #fff !important;
		}
		
		.text-light-green{
			color: #00e0b3;
		}
		
		.modal-close-button {
			position: absolute;
			right: 15px;
			top: -25px;
			font-size: 25px;
			color: #466019;
		}