body {
	background:url("/freemail/img/landing03/body_bg.jpg") repeat-x scroll 0 -30px transparent;
	font-size: 12px;	
}

select {height: 28px;}

.navbar-fixed-top {position:relative;height:25px}
.navbar-inner {background:none;box-shadow:none}
.navbar-inner {position:relative;}
.head_menu {
	position:absolute;
	right:0px;
	font-size:11px;
	color:#FFF
}

.title {
	font-weight: bold;
	color: #404040;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-nav-bar {
	padding-bottom: 5px;
}

.padding-left-0 {
	padding-left: 0px;
}

#check-email-title {
	font-size:18px;
	text-align: left;
	margin-top:5px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #808080;
}

.features_ico_1l {
    padding-top: 40px;
    height: 107px;
}

.features_ico {
    position: absolute;
    left: 10px;
    bottom: 15px;
    width: 108px;
    height: 107px;
    background: url("/freemail/img/landing03/feature_ico.png") no-repeat scroll 0 0 transparent;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    padding: 0 5px 0 5px;
    padding-top: 28px;
    text-align: center;
    line-height: 24px;
    text-shadow: 0 -1px 0 #ababab;
}

#first-feature .features_ico {
	padding-top: 38px;
}

.features_text {
    bottom: 20px;
    height: 108px;
    position: absolute;
    right: 15px;
    width: auto;
    color: #999999;
    font-size: 14px;
    left: 129px;
}

.features_h {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	height: 60px;
	border-bottom: 1px solid #EEE;
	color: #666;
	font-weight: bold;
	font-size: 19px;
	line-height: 25px
}

#features .col-xl-4 {
	max-width: 31.1%;
}

#first-feature {
	margin-left: 15px;
}

#second-feature {
	margin-left: 15px;
	margin-right: 15px;
}

#third-feature {
	margin-right: 15px;
}

.container {
	max-width: 986px;
}

.message {
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
}

#modal-from-dom .alert-info {
	background-color: #ddf4fb;
	border-color: #c6edf9;
}

#modal-from-dom .modal-lg {
    max-width: 650px;
}

#breadcrumb .row {
	background-color: #f5f5f5;
	padding: 10px;
}

#modal-from-dom .col-sm {
	width: 33%;
}

.ta_r {
	text-align: right;
}

.font-s-15 {
	font-size: 15px;
}

.steps_act {
	color:#0069D6;
	font-weight:bold;

}
.steps {
	text-align: center;
	color: #808080;
}

.steps-br {
	border-right: solid #bfbfbf 1px;
}

#step_loader {
	text-align: center;
}

#step1_error {
	padding-top: 0px;
	padding-bottom: 0px;
}

#step1_error {
	padding-bottom: 10px;
	padding-top: 10px;
}

.modal-body {
    padding-bottom: 0px;
}

.head_menu a {
	color:#FFF
}

.btn-default {
	border: 1px solid #ced4da;
	color: black;
}

.btn-default:hover {
	color: black;
}

.main_container {
	height:235px;
	background:url("/freemail/img/landing03/banner.jpg") no-repeat scroll 0 1px transparent;
}


.adr_container {
	height: auto;
	padding:5px 15px 5px 15px;
	background-color: #f4f4f4;
	border-radius: 5px;
	border: solid #9e9e9e 1px;
}

.features-bg {
	float: left;
	position: relative;
	height: 205px;
	margin-top: 15px;
	background-color: #f9f9f9;
	border-radius: 5px;
	border: solid #9e9e9e 1px;
}

#email-fields {
	padding-bottom: 15px;
}

#suggestion_container .table td, .table th {
    vertical-align: middle !important;
}

.btn-primary {
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd)
}

.btn-success {
	background-color: #57a957;
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
}

.adr_container .add-on {
	margin:0 -2px 0 -5px
}

.adr_container td {
	border:none;
}

.reload-image-btn {
	font-size: 13px;
	margin-left: 15px;
}

.adr_check_result_td .label {float: left;margin: 0 0 0;padding: 2px 10px;}
.adr_check_result_td img {float: left;margin: 2px 0 0 4px;}

.sugg_container {
	height: auto;
	padding:5px 15px 5px 15px;
	background-color: #f4f4f4;
	border-radius: 5px;
	border: solid #9e9e9e 1px;
}

.sugg_container table {width:100%;margin: 5px 0 0;}
.sugg_container .label {padding: 2px 10px;}
.features {padding: 0 0 0 10px;margin-top:10px}
.features_ico_2l {height: 76px;padding-top: 30px;}   
.tabs {width:920px;margin: 10px 0 0 5px}
form .clearfix {margin-bottom: 5px;}
fieldset {margin-bottom: 5px;padding-top: 10px;}
fieldset legend {font-size: 14px;}
.field_error {border-color: #EE5F5B;color: #B94A48;}
.foot {float:left}
.cert_foot {float:right}


@media only screen and (max-width: 1199px) {
	#email-fields .col-sm-5 {
		flex: 0 0 35%;
		max-width: 35%;
	}
}

@media only screen and (max-width: 992px) {	
	.features_text {
		font-size: 13px;
		height: 105px;
	}
	
	.features_h {
		font-size: 19px;
	}
}

@media only screen and (max-width: 940px) {	
	#email-fields .col-sm-5 {
		max-width: 35%;
	}
	
	#email-fields .col-sm-3 {
		max-width: 28%;
	}
}

@media only screen and (max-width: 905px) {	
	#features h4 {
		font-size: 21px;
	}
}

@media only screen and (max-width: 894px) {
	#features .col-xl-4 {
		max-width: 31%;
	}
	
	.features_h {
		font-size: 16px;
	}
	
	.features_text {
		font-size: 12px;
	}
}

@media only screen and (max-width: 856px) {
	#features .col-xl-4 {
		max-width: 30.9%;
	}

	.features_text {
		font-size: 11px;
		height: 100px;
	}
}

@media only screen and (max-width: 848px) {
	#email-fields  .col-sm-3 {
		flex: 1 0 100%;
		max-width: 100%;
	}

	#signupform_email_div {
		flex: 1 0 50% !important;
		max-width: 50% !important;	
	}
	
	#select_domain_list_div {
		flex: 1 0 50% !important;
		max-width: 50% !important;		
	}

	#btn_signup {
		width: 100%;
	}

	#register-btn {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 821px) {
	#features .col-xl-4 {
		max-width: 100%;
		flex: 100%;
	}
	
	#first-feature {
		margin-left: 15px;
		margin-right: 15px;
	}

	#second-feature {
		margin-left: 15px;
		margin-right: 15px;
	}

	#third-feature {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.features_h {
		font-size: 19px;
		height: 34px;
	}
	
	.features_ico {
		height: 106px;
		bottom: 13px;
	}
	
	.features_text {
		height: 101px;
		font-size: 15px;
	}
	
	.features-bg {
		height: 178px;
	}
}

@media only screen and (max-width: 800px) {
	.main_container {
		background-position: -25px 1px;
	}

}

@media only screen and (max-width: 775px) {
	.main_container {
		background-position: -45px 1px;
	}

}

@media only screen and (max-width: 600px) {
	#signupform_email_div {
		flex: 1 0 100% !important;
		max-width: 100% !important;
		padding-bottom: 12px;
	}
	
	#select_domain_list_div {
		flex: 1 0 100% !important;
		max-width: 100% !important;		
	}
	
	#signupform_city_div {
		max-width: 41.6% !important;
	}
}

@media only screen and (max-width: 575px) {
	#modal-from-dom .ta_r {
		text-align: left;
	}
	
	#signupform_areacode_div {
		max-width: 40%;
	}
	
	#signupform_telephone_div {
		max-width: 60% !important;
		flex: 1 0 60% !important;
	}
	
	#signupform_street_div {
		max-width: 70% !important;
	}
	
	#signupform_streetno_div {
		max-width: 30% !important;
	}
	
	#signupform_zip_div {
		max-width: 30% !important;
	}
	
	#signupform_city_div {
		max-width: 70% !important;
		flex: 1 0 70% !important;
	}
}

@media only screen and (max-width: 562px) {
	.nav-link {
		padding: .5rem 0.5rem;
	}
}

@media only screen and (max-width: 558px) {
	.features_h {
		font-size: 17px;
	}
}

@media only screen and (max-width: 505px) {
	.modal-footer > :not(:first-child) {
		margin-left: .0rem;
	}
	
	.finish-btn {
		font-size: 12px;
	}
}

@media only screen and (max-width: 491px) {
	#first-feature .features_h {
		height: 56px;
	}
	
	#first-feature .features_ico {
		height: 106px;
		bottom: 12px;
	}
	
	#first-feature {
		height: 198px;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.head_menu {
    	font-size: 10px;
    }
}

@media only screen and (max-width: 446px) {
	#features h4 {
		font-size: 17px;
	}
}

@media only screen and (max-width: 415px) {
	.finish-btn {
		padding: 5px;
		font-size: 11px;
	}
}

@media only screen and (max-width: 407px) {
	#third-feature .features_h {
		height: 56px;
	}
	
	#third-feature .features_ico {
		height: 112px;
	}
	
	#third-feature .features_text {
		height: 102px;
	}	
	
	#third-feature {
		height: 198px;
	}
	
	#third-feature .features_ico {
   		bottom: 6px;
   	}
   	
   	.form-control {
   		padding-right: 5px;
   		padding-left: 5px;
   	}
}

@media only screen and (max-width: 393px) {
	.nav-link {
		font-size: 10px;
	}
}

@media only screen and (max-width: 371px) {
	#check-email-title {
		font-size: 17px;
	}
}

@media only screen and (max-width: 362px) {
	.reload-image-btn {
		margin-left: 12px;
	}
}