@charset "UTF-8";
/* CSS Document */

/* **** Loopia test tiadFoycs9 **** */
	
/* **** GENERAL **** */
body{
	-webkit-text-size-adjust: none;
}
a.unformatted-link{
	text-decoration: none !important;
	font-weight: normal !important;
}
a.uncolored-link{
	color: #333 !important;
}
a.force-formatted-link, .table-specs td a.force-formatted-link{
	text-decoration: underline !important;
	font-weight: bold !important;
	background:none !important;
	padding-right:0 !important;
	}
a.open-new-window::after{
	font-family: 'Font Awesome 5 Pro';
	content: '\f08e';
	margin-left: 0.3em;
	display: inline-block;
}

a.expand::before, a.collapse::before{
	font-family: 'Font Awesome 5 Pro';
	content: '\f196';
	margin-right: 0.5em;
} 
a.collapse::before{
	content: '\f147';
}
img, embed, object, video, iframe {
	max-width: 100%;
}
.img-next-to-text{
	vertical-align: sub;
}
.image-border{
	border: 1px dotted #999;
}
.image-solid-border {
	border:1px solid #ddd;
}
strong, b{
	font-weight: bold;
}
.hidden{
	display: none;
}
.strikethrough{
	text-decoration: line-through;
}
.underline{
	text-decoration: underline;
}
.sketchy-underline, .sketchy-underline-bright{
	background: url('../images/decoration/underline.png') no-repeat 0 1.1em;
	padding-bottom: 0.3em;
}
.sketchy-underline-bright{
	background: url('../images/decoration/underline_yellow.png') no-repeat 0 1.1em;
}
.config-row strong{
	color: #333;
}
.figure_right, .figure_left, .figure_right_small, .figure_right_smaller, .figure_right_tiny{
	float: right;
	margin: 0 0 0.5em 2.189%;
	width: 36.494%;
	text-align: right;
}
.figure_right_small{
	width: 25%;
}
.figure_right_smaller{
	margin: 0 0 0.5em 1.8%;
	width: 10%;
}
.figure_right_tiny{
	max-width: 65px;
	}
.figure_right_big {
	float:right;
	width:50%;
}
.figure_left, .figure_left_small, .figure_left_tiny{
	float: left;
	margin: 0 2.189% 0.5em 0;
	text-align: left;
}

.figure_left_small{
	margin: 0 0.8em 0 0;
	max-width: 63px;
}

.figure_left_tiny{
	margin: 0.5em 0.5em 0 0;
	max-width: 52px;
}

.figure_full, .figure_full_video {
	margin-bottom: 0.5em;
	width: 100%;
}
.figure_full img {
	width:100%;
}
.figure_full_video{
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}
.figure_full iframe{
	width: 100%;
}
.figure_full_video iframe, .figure_full_video object, .figure_full_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.figure_right_start{
	width: 10em;
}
.campaign-box-start	.figure_right_start{
	width: 36.494%;
}
.textalign-right, .text-align-right{
	text-align: right !important;
}
.textalign-center, .text-align-center{
	text-align: center !important;
}
.text-uppercase {
	text-transform:uppercase;
}
.vertical-align-top{
	vertical-align: top;
}
.no-wrap, .no-linebreak{
	white-space:nowrap;
}
.font-weight-normal{
	font-weight: normal !important;
}
.show-mobile{
	display: none !important;
}
.show-small-screen{
	display: none;
}
.caption{
	font-size: 11px;
	font-style: oblique;
	color: #777;
}
.figure_right h3, .figure_left h3{
	font-weight: bold;
}
.small-text{
	font-size: 0.7em !important;
	line-height: 1.4em;
	font-weight: normal;
}
ol.general_list, ul.general_list{
	list-style-image:url('../images/icons/list-bullet-arrow.png');
	list-style-position: outside;
	padding: 0 1.5em;
}
ol.general_list{
	list-style-image: none;
	list-style:decimal;
}
ol.general_list li, ul.general_list li{
	margin-bottom: 0.5em;
}
ol.general_list li.subli, ul.general_list li.subli{
	margin-left: 1.2em;
}
ol.general_list p, ul.general_list p{
	font-size: 1em;
	margin: 0 0 1.2em 0;
}
ul.tick-list li {
	padding-left:1.5em;
	line-height:1.2em;
	background:url(../images/cz_objects/yes.svg) 0 50% no-repeat;
	background-size:16px 16px;
	margin-bottom:0.5em;
} 
dl{
	font-size: 0.8em;
	line-height: 1.3em;
}
dl dt {
	margin: 0;
	padding: 0.1em 0 0 1em;
	background: url(../images/icons/list-bullet-arrow.png) no-repeat;
	background-position: top left;
	font-weight: bold;
	color: #769A4C;
}
dl dd {
	padding: 0.2em 0 1em 1em;
}
em, i{ 
	font-style:italic;
}
tt{
	font-family: "Courier New", Courier, mono;
	background-color: #e9e9e9;
}
label {
	margin-right: 0.3em;
	margin-bottom: 0.3em;
}
.list-label{
	color: #fff;
    background: #da1000;
    padding: 0.2em 0.5em;
    font-size: 0.7em;
    text-transform: uppercase;
    margin-left: 0.2em;
    vertical-align: bottom;
    font-weight: bold;
}
.hr{
	border-bottom: 1px dotted #bbb;
	margin: 1em 0;
}
.hr-grey{
	display: block; 
	height: 1px;
	border: 0; 
	border-top: 1px solid #ddd;
	margin: 1em 0; 
	padding: 0;
}
.container.hr {
	border-bottom: 1px solid #d3d3d3;
}
.sub-label{
	font-weight: bold;
}
input{
	border: 1px solid #888;
	padding: 0.4em 0.5em;
	font-size: 12px;
}
input[type=text], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=date], textarea {
	color: #555;
	width: 95%;
}
.form-group input {
	padding: 0.7em 1em;
	width:100%;
	border-radius:0;
}
.form-group label {
	font-weight:bold;
}
input[type="radio"], input[type="checkbox"]{
	border: 0;
}
.checkbox-indent{
	padding-left: 1.8em !important;
	text-indent: -1.8em;
}
input[type="submit"]{
	-webkit-appearance: none;
}
textarea{
	height: 8em;
}
select{
	font-size: 15px;
	margin-bottom: 0.4em;
}
pre, .code {
	font: 1em "Courier New", Courier, monospace;
	border: 1px #AAB677 solid;
	background: #e4f0b3;
	padding: 0.5em;
	margin: 0.6em 0 0.6em 0;
}
.green{
	color: #00AC41 !important;
}
.red {
	color: #da1000 !important;
}
.yellow{
	color: #EACA49 !important;
}
.grey{
	color: #999 !important;
}
.background-grey {
	background: #ececec !important;
}
.white-text {
	color:#fff !important;
}
.no-border{
	border: 0 !important;
}
.border-top{
	border-top: 1px solid #ccc;
}
.border-dashed {
	border: 1px dashed #ccc !important;
}
.label-icon{
	width: 20px;
	margin-right: 0.3em;
	vertical-align:bottom;
}
.get-started-box .label-icon{
	margin: 0 0.1em 0 1em;
}
.checkbox-label {
	cursor: pointer;
	color: #777;
	height: 32px;
	width: 32px;
	display: block;
	background: url(../images/other/checkbox_empty.png) no-repeat;
	background-size: 32px !important;
}
.checkbox-label-checked {
	background: url(../images/other/checkbox_full.png) no-repeat;
	background-size: 32px !important;
}
.c_disabled{
	opacity: 0.3;
	filter:alpha(opacity=30);
}
.radiobtn-label{
	cursor: pointer;
	color: #777;
	height: 32px;
	width: 32px;
	display: block;
	background: url(../images/other/radio_empty.png) no-repeat 0 -3px;
	float: left;
	background-size: 32px !important;
}
.radiobtn-label-checked{
	background: url(../images/other/radio_full.png) no-repeat 0 -3px;
	background-size: 32px !important;
}
.btn, .btn-alt, .btnHref, .btnDelete, .btnDelete-alt, .ctaBtn, .ctaBtn-alt, .btnDeleteRow, .dnsedit-subdomain-delete a, .btn-inactive, .btn-alt-inactive, .btn:disabled, .btnDelete:disabled, .btn-alt:disabled, .btnDelete-alt:disabled{
	-webkit-appearance: none;
}

.btn-alt{
	background: none;
	color: #1d9acb !important;
}

.ctaBtn-alt{
	background: #fff;
	color: #1d9acb !important;
	border-color: #1d9acb;
}
a.login::before{
	font-family: 'FontAwesome';
	content: '\f090';
	margin-right: 0.7em;
}
a.add-user::before{
	font-family: 'FontAwesome';
	content: '\f234';
	margin-right: 0.7em;
}
a.order::before{
	font-family: 'FontAwesome';
	content: '\f07a';
	margin-right: 0.7em;
}
a.power::before{
	font-family: 'FontAwesome';
	content: '\f011';
	margin-right: 0.7em;
}
a.reboot::before{
	font-family: 'FontAwesome';
	content: '\f01e';
	margin-right: 0.7em;
}
a.settings::before{
	font-family: 'FontAwesome';
	content: '\f013';
	margin-right: 0.7em;
}
a.add::before{
	font-family: 'FontAwesome';
	content: '\f067';
	margin-right: 0.5em;
}
a.remove::before{
	font-family: 'FontAwesome';
	content: '\f068';
	margin-right: 0.5em;
}
a.remove-circle{
	color: #cf0404 !important;
}
a.remove-circle::before{
	font-family: 'FontAwesome';
	content: '\f056';
	margin-right: 0.3em;
}
a.add-circle{
	color: #1d9acb !important;
}
a.add-circle::before{
	font-family: 'FontAwesome';
	content: '\f055';
	margin-right: 0.3em;
}

.logout .btnHref{
	font-size: 12px;
}
a.big-button, a.big-button:hover, a.big-button-alt, a.big-button-alt:hover, input.big-button, input.big-button-alt, a.big-button-alt-inv, a.big-button-alt-inv:hover, input.big-button-alt-inv{
	color: #fff !important;
	font-weight: normal !important;
	font-size: 1rem;
	text-decoration: none;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	padding: 0.5em 1em;
	margin: 0 0.5em 0.5em 0;
	display: inline-block;
	text-align: center;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	background: #1d9acb;
	border-radius: 1.4em;
}
a.big-button-alt, a.big-button-alt:hover, input.big-button-alt, a.big-button-alt-inv, a.big-button-alt-inv:hover, input.big-button-alt-inv{
	background:#fff;
	color:#1D9ACB !important;
	padding:0.5em 1em;
	font-weight:bold !important;
	text-decoration:none;
	border:2px solid #1D9ACB;
	border-radius:4em;
	display:inline-block;
	margin-top:1em; 
	box-shadow: none;
}
a.big-button-alt-inv, a.big-button-alt-inv:hover, input.big-button-alt-inv{
	background: none;
	color: #fff !important;
	border-color: #fff;
	font-weight: 400 !important;
}
a.big-button-upg, a.big-button-upg:hover, input.big-button-upg{
	color: #fff !important;
	font-weight: normal !important;
	font-size: 1em;
	text-decoration: none;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	padding: .5em 1em;
	margin: 0 .5em .5em 0;
	display: inline-block;
	text-align: center;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
	background: #51AD48;
	border-radius: 1.4em;
}
.intelecomchat .ui-resizable {
	position: fixed !important;
}

.start-box a.big-button, .start-box a.big-button-alt{
	font-size: 1.1em;
}
.start-box h2{
	font-size: 21px;
}
.extra a.big-button, .extra a.big-button-alt, .extra a.big-button-upg{
	width: 92.8%;
	font-size: 1em;
	padding: 0.7em 3%;
	margin: 0;
}
.big-button-larger{
	padding: 0.6em 1.4em !important;
	border-radius: 4em !important;
	font-size: 1.1em !important;
}
.btnDelete:hover, .btnDelete, .btnDeleteRow, .dnsedit-subdomain-delete a{
	background: #cf0404;
	color: #fff !important;
	border-color: #cf0404;
}
.btnDelete-alt{
	background: none;
	color: #cf0404 !important;
}
.disabled, .loopia-dnsedit-subdomain-delete.disabled {
	color: #bbb !important; 
	background: #ddd !important;
	border: 1px solid #ddd !important;
	pointer-events: none;
}
.btn-inactive, .btn-alt-inactive, .btn:disabled, .btnDelete:disabled, .btn-alt:disabled, .btnDelete-alt:disabled  {
	color: #bbb !important; 
	background: #ddd !important;
	border: 1px solid #ddd !important;
	pointer-events: none;
}
#loopia_domain_bulk_edit_submit.btn{
	padding: .2em .7em;
	font-size: 11px;
}
.btnBack{
	color: #777 !important;
	text-decoration: none;
	font-weight: normal !important;
	float: right;
	padding: 0.5em 0 0 1em;
	background: url('../images/icons/green-arrow-left-small.gif') no-repeat left 0.9em;
}
#top-buttons{
	width: 100%;
	margin-bottom: 1.5em;
}
#top-buttons a, .closeBtn, .backBtnPopup{
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal !important;
	text-decoration: none;
	color: #999 !important;
	margin-right: 1em;
	padding: 0.5em 0.5em 0.5em 2.2em;
	border: 1px solid #999 !important;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	border-radius: 4em;
	/*background: url(../images/other/home.png) no-repeat 0.5em 0.35em;*/
	padding-left: 0.5em;
}
#top-buttons a::before, .closeBtn::before, .backBtnPopup::before, #top-buttons a.back-btn::before{
	font-family: 'FontAwesome';
	content: '\f015';
	color: #999;
	margin-right: 0.2em;
}

#top-buttons a{
	margin-right: 0.5em;
}
#top-buttons a.back-btn::before{
	content: '\f060';
}
.closeBtn::before{
	content: '\f00d';
}
.general-form-box, .cz-search-box{
	margin-bottom:3%;
	background: #f2f2f2;
	padding: 3%;
	overflow:hidden;
}
.search-form-box{
	background: #d0ebfb;
	padding: 10px;
	width: calc(100% - 20px);
}
.search-form-box .search_frame{
	border-radius: 0;
	padding: 5px;
	width: calc(100% - 10px);
}
.search-form-box .search_frame input[type="text"]{
	font-size: 1.1em;
}
.search-form-box .search_frame input[type="submit"]{
	background-position: 100% 37%;
}	
.seats_count{
	width: auto !important;
	max-width: 40px;
	}
.rs-campaign-terms{
	width: 95%;
	font-size: 11px;
	margin-top: 0.3rem;
	font-style: oblique;
	line-height:1.2em;
}
.rs-campaign-terms span{
	margin-left: 3%;
	color: #555;
}
.search-form-box-start{
	padding: 3%;
}
.terms-form-box{
	font-size: 0.8em;
}
.general-form-box input[type=text], .general-form-box input[type=password], .more-config-settings-box input[type=text], .get-started-box input[type=text], .get-started-box input[type=email], .general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea, .general-form-box input[type=number], .more-config-settings-box input[type=number], .get-started-box input[type=number], .general-form-box input[type=tel], .more-config-settings-box input[type=tel], .get-started-box input[type=tel], .general-form-box input[type=email], .general-form-box input[type=url], .more-config-settings-box input[type=url], .get-started-box input[type=url], .more-config-settings-box input[type=email], .general-form-box select, .more-config-settings-box input[type=password] {
	width: 60%;
	margin: 0 0 0.4em 0;
	padding: 5px;
	box-sizing:border-box; 
}
.general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea{
	float: left;
}
 .form-ta-sub{
 	display: inline-block;
 	width: calc(100% - 1.6em);
 	margin-left: 1.6em;
 	margin-top: 0.3em;
 }
 .form-ta-sub textarea{
 	display: block;
 	width: 100%;
 	height: 4.5em;
 }	
.general-form-box h3, .more-config-settings-box h3{
	font-size: 1.3em;
}
.general-form-box h4{
	font-size: 1em;
	font-weight: bold;
}
.general-form-box h1{
	font-size: 1.5em;
}
.general-form-box p, .more-config-settings-box p{
	font-size: 13px;
}
.general-form-box table{
	font-size: 0.8em;
}
.general-form-box input, .general-form-box textarea{
	font-size: 14px;
}
.backBtnPopup {
	float: right;
	margin-right: 0.8em;
}
.closeBtn{
	float: right;
	/*background-image: url(../images/other/close.png);
	background-position: 0.5em 0.4em;
	margin-right: 0;*/
}
.switch-object .closeBtn, #login_form_box .closeBtn, #logout_form_box .closeBtn, .loopia-search-choice-box .closeBtn {
	padding: 0;
	margin: -0.8em -0.8em 0 0;
	width: 27px;
	height: 26px;
}
.switch-object h3, #login_form_box h3, #logout_form_box h3{
	padding: 0.4em 0 0 0;
}
.close-button {
	width:28px;
	float:right;
	margin: -0.4em 0 0 0 !important;
}
/* BankID specific styles */
#bankid{
	display: inline-block;
	width: 100%;
	margin-bottom: 0.5em;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	padding: 0.5em 0;
}
#bankid .btnHref{
	font-size: 0.7em;
	max-width: 55px;
	text-align: center;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	line-height: 1.1em;
}
#bankid .btnHref span{
	display: inline-block;
	font-size: 0.8em;
}
#bankid img{
	width: 33px;
	float: right;
	margin-left: 0.3em;
}	
#bankid .login_form_link{
	float: left;
	margin-top: 0;
	width: 60%;
	padding-top: 0.3em;
	line-height: 1.25em;
}
.general-form-box .bankid-img{
	height: 27px;
}
.content .main.bankid {
	width:98%;
}
#bankidButton {
	display:none;
}
.bankid .figure_right_big {
	visibility:hidden;
}
.bankid .config-box .providers {
	list-style:none;
}
.bankid .config-box .providers a{
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	border-radius: 4em;
	padding: 0.5em 1em;
	margin: 0 0.5em 0.5em 0;
	background: none repeat scroll 0 0 #1D9ACB;
	color: #FFF !important;
	border: 1px solid #777;
	font-weight: normal !important;
	margin-top:10px;
}
.bankid-sign-buttons input, .bankid-sign-buttons form {
	float:left
} 
.bankid-status-content {
	width:47%;
	float:left;
}
/* BankID specific styles for mobile devices */
.content .main.bankid input.mobile-bankid{
	font-family:Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	width:100%;
	box-sizing: border-box;
}
.content .main.bankid input[type="text"].mobile-bankid {
	width:calc(100% - 0.5em);
	padding-right:0 !important;
}
.content .main.bankid a.mobile-bankid {
	display:block;
	text-align:center;
	width:100%;
	padding: 0.7em 0;
	font-size:0.925rem;
}
#bankidalternate, #bankidalternate2 {
	display:none;
}
#bankidalternate3 {
	display:block;
}
/* End BankID all styles */
#login_form_box ul li{
	border-bottom: 1px solid #CCC;
	padding: 0.3em 0;
	font-size: 0.85rem;
	line-height: 1.4em;
	color: #333;
}
#login_form_box ul li a{
	text-decoration: none;
}
#login_form_box .extra-fwd-link{
	display: block;
	margin-bottom: 0.7em;
}
#login_form_box .btnHref{
	font-size: 0.8em;
	margin: 1em 0 0 0;
	float: right;
}
.block{
	display: block;
}
.content .extra .btn{
	font-size: 0.7em;
}
.clear{
	clear: both;
}
.clear-left-margin{
	margin-left: 0 !important;
}
.clear-bottom-margin{
	margin-bottom: 0 !important;
}
.clear-top-margin{
	margin-top: 0 !important;
}	
.clear-bottom-padding{
	padding-bottom: 0 !important;
}
.bottom-margin{
	margin: 0 0 0.5em 0 !important;
}
.small-bottom-margin{
	margin: 0 0 0.3em 0 !important;
}
.clear-margins, .no-margins, .no-margin{
	margin: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.top-bottom-padding{
	padding: 0.5em 0 !important;
}
.top-bottom-margin{
	margin: 0.5em 0 !important;
}
.no-background {
	background:none !important;
}
.auto-width{
	width: auto !important;
}
.hide-overflow{
	overflow: hidden;
}
.word-break{
	word-break: break-all;
}
.divider, .divider-dotted{
	clear: both;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #aaa;
	margin: 1em 0;
}
.divider-dotted{
	border-bottom: 1px dotted #aaa;
}
.example{
	color: #888;
	font-size: 0.8em;
}
.list-icon{
	width: 2em;
	margin: 0 0.5em 0.5em 0;
	vertical-align: top;
}
.list-tag, .list-tag-alt {
	background: none repeat scroll 0 0 #da1000 !important;
	border-radius: 1.2em 0.3em 0.3em 1.2em !important;
	color: #FFFFFF !important;
	font-size: 12px;
	margin-left: 0.5em;
	padding: 0 0.6em 0 0.9em !important;
	/*text-transform: uppercase;*/
	white-space:nowrap;
	vertical-align: bottom;
	display: inline-block !important;
	border: 0 !important;
}
.list-tag-alt {
	background: #51AD48 !important;
}
a.list-tag-alt{
    vertical-align: baseline;
    text-decoration: none;
}

.list-tag.campaign-message{
    color: #ffe63c !important;
    border-radius: 0.3em 0 0.3em 0.3em !important;
    text-transform: none;
    background: -webkit-linear-gradient(225deg, transparent 50%, #900 50%), -webkit-linear-gradient(45deg, #CF0404, #CF0404), -webkit-linear-gradient(135deg, #CF0404, #CF0404), -webkit-linear-gradient(225deg, transparent 5px, #CF0404 5px);
    background: -moz-linear-gradient(225deg, transparent 50%, #900 50%), -moz-linear-gradient(45deg, #CF0404, #CF0404), -moz-linear-gradient(135deg, #CF0404, #CF0404), -moz-linear-gradient(225deg, transparent 5px, #CF0404 5px);
    background: -o-linear-gradient(225deg, transparent 50%, #900 50%) -o-linear-gradient(45deg, #CF0404, #CF0404), -o-linear-gradient(135deg, #CF0404, #CF0404), -o-linear-gradient(225deg, transparent 5px, #CF0404 5px);
    background: linear-gradient(225deg, transparent 50%, #900 50%), linear-gradient(45deg, #CF0404, #CF0404), linear-gradient(135deg, #CF0404, #CF0404), linear-gradient(225deg, transparent 5px, #CF0404 5px) !important;
    -webkit-background-size: 7px 7px, 52% 100%, 52% 52%, 52% 52% !important;
    -moz-background-size: 7px 7px, 52% 100%, 52% 52%, 52% 52% !important;
    background-size: 7px 7px, 52% 100%, 52% 52%, 52% 52% !important;
    background-position: 100% 0, 0 0, 100% 100%, 100% 0 !important;
    background-repeat: no-repeat !important;
    padding: 0 1em 0 0.8em !important;
}

/*** GET STARTED BOX AND MORE***/
.get-started-box{
	font: 0.9em/1.4em Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	margin: 0.5em 0 1.5em 0;
	width: 100%;
	display: inline-block;
}
.start-box, #loopia_home_nps_box{
	font: 0.9em/1.4em Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	margin: 0 0 1.5em 0;
	border: 1px solid #dad794;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #fffdd7;
	padding: 3%;
	width: 94%;
	display: inline-block;
}
ul.step-by-step li{
	margin: 0 -0.8em 0 0;
	padding: 0 0 0.65em 0;
	list-style-type: none;
	background: url(../images/cz_objects/add_small.png) no-repeat;
	background-position: 0 0.3em;
}
ul.step-by-step li.goto{
	background-image: url(../images/cz_objects/goto_small.png);
}
ul.step-by-step li a{
	color: #fff !important;
	font-weight: normal !important;
	text-decoration: none;
	padding: 0 1em 0 41px;
	display: block;
	font-size: 18px;
}
ul.step-by-step li a span{
	background: #1d9acB;
	display: block;
	padding: 0.6em 1em;
	border-radius: 1.1em;
}
ul.step-by-step li a span.example {
	color: #e5e5e5;
	font-size: 13px;
	padding: 0;
}
ul.step-by-step li a span span span.regular-price-strikethrough{
    background: none;
    display: inline;
    padding: 0;
    border-radius: 0;
    color: #c3975c !important;
}
.get-started-image, .get-started-image-large, .get-started-image-small{
	float: right;
	width: 35%;
	margin: auto 0 auto 0.5em;
}
.get-started-image-large{
	width: 45%;
}
.get-started-image-small{
	width: 27%;
}
.get-started-box p, .start-box p{
	font-size: 13px;
}
p.preamble{
	color: #333;
	font-size: 1.1em;
	line-height: 1.4em;
	font-style: normal;
	margin: 0 0 0.7em 0;
}
/* Start of NPS */
#loopia_home_nps_box h2{
	font-size: 1.4em;
}
#loopia_home_nps_box label{
	display: block;
}
.nps-table {
	display: inline-block;
	margin-top: 5px;
	width: 100%;
}
.nps-table label {
	float: left;
	margin-top: 5px;
	white-space: nowrap;
}
.nps-table label input {
	margin: 0 5px 5px 0;
}
.nps-grade00, .nps-grade01, .nps-grade02, .nps-grade03, .nps-grade04, .nps-grade05, .nps-grade06, .nps-grade07, .nps-grade08, .nps-grade09, .nps-grade10{
	float: left;
	width: 7%;
	padding: 1%;
}
.nps-grade00 { background: #d10019;}
.nps-grade01 { background: #e7211c;}
.nps-grade02 { background: #ef4d1e;}
.nps-grade03 { background: #f16420;}
.nps-grade04 { background: #f07b22;}
.nps-grade05 { background: #f19023;}
.nps-grade06 { background: #f1d628;}
.nps-grade07 { background: #f5e429;}
.nps-grade08 { background: #fbf41c;}
.nps-grade09 { background: #8eea30;}
.nps-grade10 { background: #11b832;}
/* End of NPS */
/* *** MESSAGE BOXES *** */
.account-info-box, .error-box, .success-box, .warning-box, .confirm-box, .info-box, .help-box{
	background: #ffe7e7 ;
	margin: 0.5em 0 1.3em 0;
	padding: 1.5% !important;
	clear: both !important;
}
.account-info-box ul, .error-box ul, .success-box ul, .warning-box ul, .confirm-box ul, .info-box ul, .help-box ul {
	margin-bottom:0;
}
.messagebox-compact{
	padding: 1.5% !important;
}
.messagebox-sub{
	background-color:  #fff;
	border: 1px dotted #ccc;
	display: block;
	clear: both;
	margin-left: 0 !important;
	padding: 1em;
	margin: 0.5em 0;
	-webkit-border-radius: 0.4em !important;
	-moz-border-radius: 0.4em !important;
	border-radius: 0.4em !important;
}
.messagebox-sub table{
	width: auto;
	margin: 0;
	font-size: 12px;
}
.messagebox-sub table td{
	height: 1.7em;
	padding: 0 1.5em 0 0;
}
.account-info-box p, .error-box p, .success-box p, .warning-box p, .confirm-box p, .form-box p, .info-box p, .help-box p{
	font-size: 0.8rem;
	margin-bottom: 0.5em;
}
.account-info-box h2, .error-box h2, .success-box h2, .warning-box h2, .confirm-box h2, .form-box h2, .info-box h2, .help-box h2{
	font-weight: 400;
	font-size: 1.4em;
}
.account-info-box h2, .error-box h2, .success-box h2, .warning-box h2, .confirm-box h2, .form-box h2, .info-box h2, .help-box h2,
.account-info-box h3, .error-box h3, .success-box h3, .warning-box h3, .confirm-box h3, .form-box h3, .info-box h3, .help-box h3,
.account-info-box h4, .error-box h4, .success-box h4, .warning-box h4, .confirm-box h4, .form-box h4, .info-box h4, .help-box h4{
	color: #000;
}
.account-info-box a{
	color: #e00 !important;
}
.account-info-box li, .confirm-box li, .error-box li, .success-box li, .warning-box li, .info-box li, .help-box li{
	margin: 0;
	padding: 0.6em 0 0.6em 3em !important;
	font-size: 0.9em;
	font-size: 0.9rem;
	line-height: 1.3em;
	background: url(../images/other/info-tiny.png) no-repeat 0 50%;
	color: #000 !important;
}
.account-info-box li li, .confirm-box li li, .error-box li li, .success-box li li, .warning-box li li, .info-box li li, .help-box li li{
	background: none !important;
	padding: 0 !important;
	list-style: disc;
	margin-left: 1.6em;
}
.account-info-box{
	border: 1px solid #F66;
	-webkit-box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
	-moz-box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
	box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
}
.error-box{
	background: #B70000  !important;
}
.success-box{
	background: #269820  !important;
}
.warning-box, .info-box{
	background: #FFDC50  !important;
}
.confirm-box{
	background: #FFDC50  !important;
}
.help-box{
	background: #e8f8ff !important;
	border: 1px solid #308bb1 !important;
	margin-right: 0;
}
.form-box{
	background: #fff;
	border: 1px dotted #ccc;
	padding: 2.5%;
	margin: 0.5em 0.6em 1.3em 0;
	-webkit-border-radius: 0.4em !important;
	-moz-border-radius: 0.4em !important;
	border-radius: 0.4em !important;
	clear: both !important;
}
.account-info-box li{
	background: url(../images/other/warning-tiny.png) no-repeat 0 50% !important;
}
.confirm-box li{
	background: url(../images/other/info-tiny.png) no-repeat 0 50% !important;
}
.error-box li{
	background: url(../images/other/error-tiny.png) no-repeat 0 50% !important;
}
.success-box li{
	background: url(../images/other/success-tiny.png) no-repeat 0 50% !important;
}
.help-box li{
	background: url(../images/other/help-tiny.png) no-repeat 0 50% !important;
}
.error-box li ul li, .info-box li ul li, .success-box li ul li, .confirm-box li ul li{
	background: none;
	padding: 0;
}
.error-box li, .success-box li, .error-box h2, .success-box h2, .error-box, .success-box, .error-box li a, .success-box li a, .error-box h2 a, .success-box h2 a, .error-box a, .success-box a{
	color: #fff !important;
}
.error-box li, .success-box li, .warning-box li, .confirm-box li, .info-box li{
	padding-left: 3.5em;
}
.error-box div, .success-box div,  .warning-box div,  .confirm-box div, .info-box div{
	margin-left: 3.2em;
}
.confirm-box div#invoice_preview, .confirm-box div.invoice-preview {
	margin-left:0;
}
#confirm_object_closing{
	z-index: 2000;
	position: absolute;
	left: 50%;
	top: 35%;
	width: 85%;
	max-width: 600px;
}
#confirm_object_closing .confirm-box{
	position: relative;
	left: -50%;
	-webkit-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
	box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
}
.form-box label{
	display: block;
}
table.opening_hours{
	width: auto;
	margin: 1.5em 0 0 0;
}
table.opening_hours td{
	font-size: 11px;
	padding: 0.1em 0.4em 0.1em 0;
}
.texterror{
	background: #ffdede;
	border: 1px solid #f66;
	-webkit-box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
	-moz-box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
	box-shadow: 0 0 5px 1px rgba(230, 0, 0, 0.7);
}
.error-label{
	color: #C00;
	margin-bottom: 0.3em;
}
.error-label-right{
	color: #C00;
	padding-left: 0.5em;
	white-space: nowrap;
	font-size: 11px;
}
.error-label-down{
	color: #C00;
	padding: 0.3em 0 0 0.5em;
	font-size: 11px;
}
.help-box a{
	color: #308bb1 !important;
}
.campaign-box{
	background: #a70014;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 1em;
	margin: 0.5em 0 0.3em 0;
	border-radius: 0;
	clear: both;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	position: relative;
	text-align:center;
}

.campaign-box:before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: #900 #fff;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.disclaimer{
	font-size: 14px;
	line-height: 1.4em;
	color: #999;
	margin: 0 0 1em 0;
	font-style: oblique;
}
.campaign-box .yellow{
	color: rgb(255, 210, 24);
}
.campaign-box .figure_right{
	margin-top: -1.1em;
	margin-bottom: -0.45em;
	margin-left: 0.3em;
	width: 4.5em;
}
.product-wrapper{
	padding: 2.5%;
	width: 94%;
	background: #F4F4F4;
	border: 1px #DDD solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	margin: 0 0 1em 0;
}
.product-wrapper .figure_left, .product-wrapper .figure_right{
	width: 5.5em;
	margin-left: 1.5em;
}
.product-wrapper .figure_left{
	width: 5.5em;
	margin: 0 1.5em 0 0;
}
.product-wrapper-half-left {
	width:43.4%;
	margin: 0 2% 3% 0;
	float:left;
}
.product-wrapper-half-right {
	width:43.4%;
	margin: 0 0 3% 0;
	vertical-align: top;
	float: left;
}
.product-wrapper-third {
	width:28.5%;
	margin: 0 2% 3% 0;
	vertical-align: top;
	padding:1.5%;
	float:left;
}
.product-wrapper-third-last {
	width:28.5%;
	margin: 0 0 3% 0%;
	vertical-align: top;
	padding:1.5%;
	float:left;
}
.product-wrapper-order {
	padding-top: 0.5em;
}
.product-wrapper-image {
	width:85%;
	margin:0 auto;
	clear:both;
}
.product-wrapper-half-left h3, .product-wrapper-half-right h3, .product-wrapper-third h3, .product-wrapper-third-last h3 {
	display:block;
	min-height:40px;
	font-size: 1.3em;
	overflow:hidden;
	text-overflow:ellipsis;
	letter-spacing:-0.01em;
}
.product-wrapper-third h3, .product-wrapper-third-last h3 {
	font-size:1.1em !important;
}
.product-wrapper-half-left h2, .product-wrapper-half-right h2, .product-wrapper-third h2, .product-wrapper-third-last h2 {
	font-style: italic;
	font-size:1em;
	color: #aaa;
	margin-bottom:0.2em;
}
/* **** TABLES **** */
table{
	width: 100%;
	font-size: 0.75em;
	line-height: 1.3em;
	margin: 2em 0;
}
td{
	height: 1.8em;
	margin: 0;
	padding: 0.7em 0.4em 0.2em 0.4em;
}
.table-specs tr:nth-child(even), .table-gdpr tr:nth-child(even) {
	background: #fff;
}
.table-specs tr:nth-child(odd), .table-gdpr tr:nth-child(odd) {
	background: #f5fcdc;
}
.table-specs tr:first-child, td.table_bottom, td.table_top, .table-gdpr tr:first-child {
	background: #e4f0b3; font-weight: bold;
}
.table-specs tr, .table-gdpr tr{
	border-bottom: #AAB677 1px solid;
	border-top: #AAB677 1px solid;
}
.table-gdpr tr td:first-child{
	width: 25%;
}
.table-specs td a{
	font-weight: normal;
	text-decoration: none;
	color: #333 !important;
	
	background: url(../images/icons/info-alt.png) no-repeat right;
    background-size: contain;
    padding-right: 18px;
}
.no-bg{
	background: none !important;
	}
.no-border{
	border: 0 !important;
}
.line-through{
	text-decoration: line-through !important;
}
.to_pay {
	font-size: 1.6em;
	font-weight: bold;
}
.share-box{
	width: 100%;
}
.share-box-icons{
	float: left;
	margin-right: 0.8em;
}
.share-box-text{
	font-style: oblique;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333;
	padding: 0.3em 0;
}
.credit-card-logos, .credit-card-logos-rs{
	background: url(../images/order/credit_cards.png) no-repeat;
	margin-top: 0.5em;
	width: 170px;
	height: 27px;
}
.credit-card-logos-rs{
	background: url(../images/order/credit_cards_rs.png) no-repeat;
}
/* *** OBJECT LISTS TABLE VERSION *** */
table.object-list .object-list-view-header td{
	font-style: oblique;
	padding-bottom: 0.2em;
	height: auto;
}
table.object-list tr{
	border-bottom: 1px solid #ccc;
	color: #555;
}
table.object-list td{
	padding: 0.3em 0.2em;
	vertical-align: middle;
}
table.object-list .object-icon{
	width: 28px;
}
table.object-list .object-icon img{
	width: 22px;
}
table.object-list .btnHref{
	font-size: 11px;
	float: right;
	padding: .04em .7em;
	margin: 0 0 0 .2em;
}	
table.object-list .account-note{
	font-size: 9px;
	line-height: 11px;
	color:#C00;
	float: right;
	clear: both;
	margin-bottom: -0.5em;
}
table.object-list .pending{
	color: #bbb;
	cursor: default !important;
}	
table.object-list .pending img{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
/* **** COLS **** */
.col{float: left;}
.col1of3{width: 36%;}
.col2of3, .col3of3{width: 32%;}
.col1of2{width: 59%; float: left;}
.col2of2{width: 38%; float: left; margin-left: 2%;}
.icon-col{ width: 1.5em; }
.date-col{ width: 6.5em; }
/* **** Percentage **** */
.perc100{ width:100% !important; clear: both; display: inline-block;}
.perc80{ width: 78% !important; float: left !important; margin-right: 1.9%;}
.perc75{ width: 73% !important; float: left !important; margin-right: 1.9%;}
.perc70{ width: 68% !important; float: left !important; margin-right: 1.9%;}
.perc66{ width: 64% !important; float: left !important; margin-right: 1.9%;}
.perc55{ width: 53% !important; float: left !important; margin-right: 1.9%; }
.perc50{ width: 48% !important; float: left !important; margin-right: 1.9%; }
.perc45{ width: 43% !important; float: left !important; margin-right: 1.9%; }
.perc40{ width: 38% !important; float: left !important; margin-right: 1.9%; }
.perc35{ width: 33.3% !important; float: left !important;  margin-right: 1.9%; }
.perc33{ width: 31.3% !important; float: left !important;  margin-right: 1.9%; }
.perc33.textalign-right, .perc33.text-align-right{ width: 33% !important; float: left !important;  margin-right: 0; }
.perc32{ width: 29.3% !important; float: left !important;  margin-right: 1.9%; }
.perc32.textalign-right, .perc32.text-align-right{ width: 32% !important; float: left !important;  margin-right: 0; }
.perc30{ width: 28% !important; float: left !important; margin-right: 1.9%; }
.perc25{ width: 23% !important; float: left !important;  margin-right: 1.9%;}
.perc20{ width: 18% !important; float: left !important;  margin-right: 1.9%; }
.perc20.textalign-right, .perc20.text-align-right{ width: 20% !important; margin-right: 0 !important;}
.perc15{ width: 13% !important; float: left !important;  margin-right: 1.9%; }
.perc15.textalign-right, .perc15.text-align-right{ width: 15% !important; margin-right: 0 !important;}
.perc10{ width: 8% !important; float: left !important;  margin-right: 1.9%; }
.perc10.textalign-right, .perc10.text-align-right{ width: 10% !important; float: left !important;  margin-right: 0; }
.perc5{ width: 3% !important; float: left !important;  margin-right: 1.9%; }
.no-perc{; float: left !important;  margin-right: 1.9%;}
/* **** Float **** */
.float_right{float: right !important; margin-left: 0.5em; }
.float_left{float: left; margin-right: 0.5em;}
/* **** HEADER **** */
#login-btn-general{
	display: none;
}
#login-btn-general, #logged-in-user{
	display: none;
	border: 0;
	padding-left: 4px;
}
a#logged-in-user, a#logged-in-user:hover{
	color: #FED72E !important;
	display: inline-block;
	text-decoration: none;
	font-size: 0.9em;
	text-align:center;
}
a.flagbtn{
	margin-left: 2px;
}
.flagbtn img{
	vertical-align: bottom;
}
#search_box{
	margin: 16px 0 0 0;
}
#search_form_box{
	clear: both;
	color: #fff;
	font-size: 0.9em;
}
.search_frame{
	background: #fff;
	border: 1px solid #888;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.get-started-box .search_frame_order input[type="text"]{
	font-size: 1em;
}
.search_frame input[type="text"], .search_frame input[type="url"], .loopia-search-choice-box input[type="text"]{
	border: 0;
	background: none;
	width: 69% !important;
	margin-bottom: 0 !important;
	padding:10px;
}
.search_frame input[type="submit"], .loopia-search-choice-box input[type="submit"]{
	border: 0;
	cursor: pointer;
}
.main .search_frame input[type="text"],.main .search_frame input[type="url"]{
	width: 90% !important;
	margin-bottom: 0;
}
.main .search_frame input[type="submit"]{
	width: 5%;
}
.main .searched input[type="text"]{
	width: 81.5% !important;
}
.main .searched input[type="submit"]{
	width: 13%;
	background: #888;
	border-radius: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	margin: 0 0 0.6em 0;
	padding: 0.4em 0.3em;
	white-space:nowrap;
}
.main .search_frame_order{
	padding:0.3em 0.2em;
}
.main .search-form-box-start .search_frame_order{
	width:100%;
	box-sizing:border-box;
}	
.main .search_frame_order input[type="text"], .main .search_frame_order input[type="url"]{
	width: 78% !important;
	width: calc(100% - 8.3em) !important;
	font-size: 16px;
}	
.main .search-form-box-start .search_frame_order input[type="text"], .main .search-form-box-start .search_frame_order input[type="url"]{
	width: 78% !important;
	width: calc(100% - 7.3em) !important;
}
.sitebuilder-modal .search_frame_order input[type="submit"]{
	/*width: 6em !important;*/
	width: auto !important;
	margin: -0.2em -0.9em 0.1em 0.5em !important;
	border: 3px solid #fff;
	background: #1d9acb !important;
	background: #51AD48 !important;
}
.domain-info.campaign-price span, .product-info .campaign-price{
	background-color: #c00;
	padding: 0.2em 0.6em 0.2em 0.6em;
	color: #ffdf00 !important;
	/*border-bottom: 2px solid #900;*/
	border-radius: 1em;
	margin-left: -0.3em;
	white-space: nowrap;
}
.regular-price-strikethrough{
	color: #999 !important;
	font-size: 0.9em;
	text-decoration: line-through !important; 
}
.campaign-price{
	white-space: nowrap;
}
span.large-price{font-size: 1.4em; color:#da1000;}
span.large-price span{font-size:1.5em; font-weight: bold;}
.product-box .campaign-price, .product-box .campaign-price span, #domain_list span.campaign-price, .select-row-label span.campaign-price, .invoice-preview span.campaign-price{
    color: #da1000 !important;
}
.price-container{
	font-size: 0.9rem;
	line-height: 1.3;
}
.price-container .price{
	font-size: 1.8em;
}
.campaign-label, .product-box .config-setting h2 span.campaign-label{
	font-size: 0.7rem !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #da1000 !important;
	}

.discount-price{
	font-size: 1.2em;
	display: inline-block;
	color: #f3d400;
	padding: 0.4em 0.6em;
	margin-botton: 0.3em;
	border-radius: 0.2em 0em 0.2em 0.2em;

	background:
		-webkit-linear-gradient(225deg, transparent 50%,   #900 50%),
		-webkit-linear-gradient(45deg,  #CF0404, #CF0404),
		-webkit-linear-gradient(135deg, #CF0404, #CF0404),
		-webkit-linear-gradient(225deg, transparent 10px,  #CF0404 10px);
	background:
		-moz-linear-gradient(225deg, transparent 50%,   #900 50%),
		-moz-linear-gradient(45deg,  #CF0404, #CF0404),
		-moz-linear-gradient(135deg, #CF0404, #CF0404),
		-moz-linear-gradient(225deg, transparent 10px,  #CF0404 10px);
	background:
		-o-linear-gradient(225deg, transparent 50%,   #900 50%)
		-o-linear-gradient(45deg,  #CF0404, #CF0404),
		-o-linear-gradient(135deg, #CF0404, #CF0404),
		-o-linear-gradient(225deg, transparent 10px,  #CF0404 10px);
	background:
		linear-gradient(225deg, transparent 50%,   #900 50%),
		linear-gradient(45deg,  #CF0404, #CF0404),
		linear-gradient(135deg, #CF0404, #CF0404),
		linear-gradient(225deg, transparent 8px,  #CF0404 8px);


	-webkit-background-size: 14px 14px, 50% 100%, 50% 50%, 50% 50%;
	-moz-background-size: 14px 14px, 50% 100%, 50% 50%, 50% 50%;
	background-size: 11px 11px, 51% 100%, 51% 51%, 51% 51%;
	background-position: 100% 0, 0 0, 100% 100%, 100% 0;
	background-repeat: no-repeat;					
}

.discount-price .large{
	font-size: 1.5em;
	font-weight: bold;
}

.select-row-label span.campaign-price{
	font-weight: bold;
	font-size: 1.3em;
	}	

.red.regular-price-strikethrough{
	font-size: 1.1em !important; 
}

.product-info .campaign-price{
	margin: 0;
	/*border-radius: 0;*/
	border-radius: 0.2em 0em 0.2em 0.2em;
	font-size: 1.5em;
	display: inline-block;
	text-align: center;
	position: relative;
}
.product-info .campaign-price span, #domain_list span.campaign-price, .invoice-preview span.campaign-price{
	font-weight: 600;
	}

.product-info .campaign-price:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: #900 #fff;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}


.product-info-label {
	background: #51AD48;
    display: inline-block;
    padding: 0.6em 0.8em 0.5em;
    border-radius: 0.4em;
    font-size: 0.75em;
    color: #fff;
    float: right;
    margin-top: 0.4em;
	margin-bottom: 0.5em;
	width: calc(100% - 1.6em);
    text-align: center;
}

.product-info-label img{
    height: 2.2em;
    margin: -0.4em -0.5em -0.5em 0.3em;
    vertical-align: middle;
}

.domain_price_examples{
	width: 95%;
	font-size: 11px;
	margin-top: 0.3rem;
	font-style: oblique;
	line-height: 16px;
}
.domain_price_examples span{
	margin-right: 0.6rem;
	white-space: nowrap;
	color: #555;
	text-shadow: 0 0 3px #FFFFFF;
}
.domain_price_examples .campaign{
	color: #c00;
	font-weight: bold;
	font-size: 13px;
}
.domain_price_examples.news{
	background: #999;
	padding: 0.2em 0.8em;
	border-radius: 0.3em;
	width: 97%;
	width: calc(100% - 1.6em);
	background: #1d9acb;
}	
.domain_price_examples.news span{
	text-shadow: none;
	color: #fff;
}
.domain_price_examples.news .campaign{
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: underline;
}
.regular-price{
	font-size: 0.9em;
	color: #999;
	font-style: italic;
	text-decoration: line-through;
}	
.main_image{
	width: 100%;
	height: 359px;
	background-size: 631px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 1.3em;
}
.main_image_start{
	height: 339px;
}
.main_image_cta{
	padding: 0.7rem 1rem;
	position: relative;
	bottom: -270px;
}
.main_image_start .main_image_cta{
	bottom: -260px;
}
.main_image_cta h3{
	margin-bottom: 0.2em !important;
}	
/* TEST (migrate with main_image_start) */	
.main_image_start_embed{
	background-size: 800px;
	height: 259px;
	background-position: right -5px;
}
.main_image_start_embed h1.main_headline{
	padding: 15px 15px 15px 22px;
	color: #333;
}
.main_image_start_embed h4{
	padding: 0 15px 0 22px;
	max-width: 204px;
	width: 30%;
	line-height: 1.5em;
	color: #333;
	font-size: 0.95em;
	text-shadow: 0 0 3px #FFFFFF;
}
.main_image_start_embed .main_image_cta{
	position: static;
}
/* /END TEST */





.carousel .narrower{
	width: 90% !important; /* remove this if solved so that carousel is loaded quicker and search box not gets to wide on load */
}
.search_frame .loading{
	background: url(../images/other/ajax-loader_18x18.gif) no-repeat 80% 59% !important;
}
.search_frame .dirty{
	background: url(../images/header/clear_search_small.png) no-repeat 80% 50% !important;
}
.search_frame.loading{
	background: url(../images/other/ajax-loader_30x30.gif) no-repeat 97% !important;
}
.submit-loader {
	background: url(../images/other/ajax-loader_30x30.gif) no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 30px;
	margin: 0 0 0.5em 0.2em;
	vertical-align: middle;
	width: 30px;
}
.switch-object .search_frame input[type="text"], .switch-object .search_frame input[type="url"], .loopia-search-choice-box input[type="text"]{
	width: 72% !important;
}
#login_form_box, .switch-object, #logout_form_box{
	display:none;
	position:absolute;
	z-index:1000;
	background: #fff;
	border:1px solid #9b9b9b;
	top: 70px;
	right:10px;
	padding:1em;
	width:240px;
	box-shadow: 2px 4px 10px 0 rgba(0,0,0,0.5);
	text-align:left;
}
@media (min-width:992px) {
	#login_form_box, .switch-object, #logout_form_box {
		top:90px;
	}
}
#login_form_box h3, #logout_form_box h3{
	float: left;
}
a#login_form_box{
	display: block;
	font-size: 0.8em;
	margin: 0 5px 0 90px;
}
#login_form_box .btn{
	font-size: 0.85em;
	float: left;
}
#login_form_box label{
	color: #333;
	font-size: 0.85em;
	clear: both;
	display: block;
}
a.login_form_link{
	font-size: 0.85em;
	float: right;
	margin-top: 1.3em;
}
#top-banner{
	width: 100%;
	margin-top: 0.5em;
	clear: both;
	display: inline-block;
}
.content-banner{
	/*background: #1d9acB;*/
	background: #51AD48;
	width: 95%;
	color: #fff;
	padding: 2.5%;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	margin-bottom: 1em;
	/*border: solid 1px #8aabb8;*/
	font-size: 1.3em;
	line-height: 1.2em;
	text-align: center;
	display: inline-block;
}
.content-banner-clickable{
	background: #1D9ACB;
}
.content-banner-clickable a{
	color: #fff !important;
	text-decoration: none;
	font-weight: normal !important;
}
.content-banner-clickable a span{
	font-size: 0.6em; 
	font-weight: bold; 
	line-height: 1.4em; 
	display: block !important; 
}
.content-banner h2{
	color: #fff;
	margin-bottom: 0.3em;
}
.content-banner p{
	font-size: 0.55em;
}
.content-banner.auto-payment{
	background-image: url(../images/footer/visa_mastercard.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    padding: 2.5% 100px;
    width: calc(100% - 200px);
	}
#login_form_box #username, #login_form_box #password{
	width: 90%;
	margin-bottom: 0.5em;
}
.leads-form h2{
	color: #000;
	font-size: 1.7em;
	line-height: 1.3em;
	margin-bottom: 0;
	text-align: center;
}
.leads-form{
	display: inline-block;
    padding: 0.8em 1em;
    width: calc(100% - 2em);
	background: #CFE09B;
	background: #efefef;
	background: #E7F0CD;
    border: 1px dotted #bbb;
}
/* **** FOOTER **** */
#footer{
	width: 100%;
}
#footer .col1of2{
	width: 70%;
}
#footer .col2of2{
	width: 29%;
	margin-left: 0;
}
#footer p{
	margin-bottom: 0.8em;
}
#footer .creditcard-logos
{
	width: 96.23%;
}
.rs-payment-brand{
	text-align: center;
	padding-bottom: 0 !important;
}
.rs-payment-brand-content{
	padding: 0.5em 0.5em 0 0.5em;
	display:inline-block;
}
.rs-payment-brand-content div{
	float: left;
	margin-right: 0.4em;
}
.rs-payment-brand-content  .rs-payment-brand-section{
	margin: 0 0.5em;
}
.rs-payment-brand div img{
	height: 30px;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.rs-payment-brand .rs-payment-brand-item img{
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.rs-payment-brand .rs-payment-brand-item{
	width: 60px;
}
#footer .perc100{
	text-align: center;
	display: inline-block;
	padding-top:  0.6em;
	margin-top: 0.3em;
	border-top: 1px solid #999;
}
#footer .perc50footer {
	width: 48%;
}
#footer .right {
	float: right;
	text-align: right;
	padding: 0 0.1% 0 0;
}
#footer .left {
	float:left;
	text-align: left !important;
}
#footer .left img{
	max-width:200px;
}
#footer a{
	text-decoration: none;
	color: #666 !important;
}
#footer .flagbtn{
	font-size: 0.8em;
	margin: 0.5em;
	display: inline-block;
}
.flagbtn img{
	width: 1.8em;
}
/* **** CONTENT **** */
.content {
	background: #fff;
	display: inline-table;
	margin-bottom: 1em;
	padding-bottom: 1.5em;
	width: 100%;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	position:relative;
}
.content .main {
	float: left;
	width: 69.2222222%; /* 650px / 900px (-2% för margin) */
	width: 70%;
	margin-top: 1em;
	margin-right: 4%;
	min-height: 300px;
}
.main_col1of3, .main_col2of3, .main_col3of3{
	width: 30.65%;
	float: left;
	margin-right: 4%;
	box-sizing:border-box;
}
.main_col3of3{
	margin-right: 0;
}
.main_col1of2{
	margin-right: 2%;
}
.main_col2of2{
	margin-left: 2%;
}
.main_col1of2, .main_col2of2{
	width: 48%;
	float: left;
	max-width:100%;
	box-sizing:border-box;
}
.main_col1of2 h2, .main_col2of2 h2{
	font-size: 1.25em;
	margin: 1em 0 0.3em 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.main_col1of2.smaller-title h2, .main_col2of2.smaller-title h2 {
	font-size: 1em;
}
.main_col1of2 div, .main_col2of2 div{
	font-size: 0.8em;
	line-height: 1.3em;
	margin-bottom: 0.4em;
}
.main_col1of2 ul, .main_col2of2 ul, .main_col1of3 ul, .main_col2of3 ul, .main_col3of3 ul {
	font-size:0.8125em;
	line-height:normal;
	margin:0 0 0.5em 0;
	display:inline-block;
}
.main_col1of2 ul li, .main_col2of2 ul li, .main_col1of3 ul li, .main_col2of3 ul li, .main_col3of3 ul li {
	padding:0.5em 0 0.35em 0px;
	border-bottom:none;
}
.main_col1of2 ul li::before, .main_col2of2 ul li::before, .main_col1of3 ul li::before, .main_col2of3 ul li::before, .main_col3of3 ul li::before{
	font-family: 'Font Awesome 5 Pro';
    content: '\f00c';
    color: #31a040;
    font-size: 1em;
    margin-right: 0.3em;
    vertical-align: bottom;
}
.main_col1of2, .main_col2of2, .main_col1of3, .main_col2of3, .main_col3of3 {
	max-width:100%;
}
.main a{
	font-weight: bold;
}
.main_col2of2.api ul, .main_col1of2.api ul {
	display:initial;
}
.main_col2of2.api li, .main_col1of2.api li {
	border-bottom: 1px solid #ccc;
	padding: 0.3em 0;
	background:none;
	font-size:initial;
}
.main_nocol{
	width: 99%;
	display: inline-block;
}
/* **** LINKS **** */
.PDF-link{
	padding: 4px 10px 4px 24px;
	background: url(../images/icons/icon-pdf.gif) 0 2px no-repeat;
}
/* ***** SCAPS ***** */
.scap-icon{	float: right; font-family: 'WebFont'; color: #acacac; } /* IF USING ICON FONT */
/* **** EXTRA **** */
.extra-col{
	float: left;
	display: block;
	width: 23.777777%; /* 250px / 900px (-4% för padding) */
}
.content .extra, .of-extra {
	float: left;
	width: 92%;
	background: #ececec;
	color: #333;
	padding: 8%;
	margin-top: 0.75em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
.content .extra ul li a, .content .extra ol li, .content .extra ul li, .main_col2of2 li a, .main_col1of2 li a{
	text-decoration: none;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #333 !important;
	font-weight:normal !important;
}
.content .extra ul li, .content .extra ol li, .main_col2of2 li, .main_col1of2 li, .switch-object ul li{
	border-bottom: 1px solid #ccc;
	padding: 0.3em 0;
}
.content .extra ul li a{
	font-size: 1em;
}
.content .extra ol{
	list-style: inside;
	list-style-type: decimal;
}
.content .extra h2{
	font-size: 1.2em;
	line-height: 1.1em;
}
.inside-content{
	padding: 0 1.5% 0 2.5%;
}
.perc20 .figure_full{
	margin: 0;
}
.extra .fb-sidebar, .extra .fb-sidebar-large{
	border: 1px #ddd solid;
	overflow:hidden;
	width:99%;
	height:66px;
	background: #fff;
	margin-bottom: 5px;
}
.extra .fb-sidebar-large{
	height:210px;
	border: 0 ;
	border-bottom: 1px #ddd solid !important;
}
.pluginBoxContainer{
	border: 0 !important;
}
.extra .date, .main_col2of2 li .date, .main_col1of2 li .date{
	font-size: 0.85em;
	font-style: italic;
	color: #888;
	margin: 0.4em 0;
}
.extra-fwd-link{
	font-size: 0.85rem;
	padding: 0 0 0 1em;
	background: url(../images/icons/green-arrow-right-small.gif) no-repeat 0 0.2em;
	text-decoration: none !important;
	color: #333 !important;
	margin-top: 0.5em;
}
/* BOXES ON START PAGE */
.package-start-box{
	font: 0.75em/1.4em Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	float: left;
	padding: 1.9%;
	margin: 0 2% 3% 0;
	width: 27.7%;
	border: 1px solid #dad794;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #fffdd7;
	min-height: 240px;
}
.package-start-box-1of2, .package-start-box-2of2{
	width: 44.8%;
}
.package-start-box-3, .package-start-box-2of2{
	margin-right: 0;
}
.package-start-image, .package-start-image-single-box{
	float: right;
	width: 40%;
	margin-left: 5px;
	text-align: right;
}
.package-start-image-single-box{
	width: 29%;
}
.package-start-info{
	color: #666666;
	font-style:italic;
	padding: 0.5em 0;
}
.package-start-price{
	display: block;
	margin: 0.3em 0;
	font-family: Source Sans Pro,Helvetica,Arial, Helvetica, sans-serif;
	padding-left:  0.1em;
	color: #333;
}
.package-start-price.regular-price-strikethrough{
	font-size: 0.8em;
}
.package-start-price.campaign-price, .table-specs .campaign-price{
	margin-top: 0.2em;
	font-weight: bold;
	color: #da1000;
}
.table-specs .campaign-price{
	font-size: 1.2em;
}
.package-start-price span{
	font-size: 1.7em;
}
.smaller-price-text span{
	font-size: 1.4em;
}
.package-start-price.regular-price-text {
	color:#777;
}
.regular-price-text span {
	font-size:1rem;
	color:#777;
}
.config-setting h2 span.smaller-price-text {
    font-size: 0.7em !important;
}
.package-start-box ul li{
	padding-left: 1.3em;
}
.package-start-box ul{
	margin-top: 0;
}
.package-start-order{
	padding-top: 1em;
}
.package-start-moreinfo{
	float: right;
	padding-top: 0.95em;
}
.package-start-order-btn{}
.package-start-box h2{
	margin-bottom: 0;
	font-size: 1.4em;
}
#home-package-expand-btn, #business-package-expand-btn, #plus-package-expand-btn{
	display: none;
}
.tinyspace{
	font-size: 0.0em;
}
ul.packages li{
	margin: 0;
	padding: 0 0 0.3em 1.5em;
	list-style-type: none;
	background: url(../images/icons/about-gif.gif) no-repeat;
	background-position: 0 0.3em;
}
.order-form-packages ul.packages li, .product-box ul.packages li{
	padding: 0 0 0 1.5em;
}
.product-box{
}
.product-box img{
	max-width: 80%;
}
.product-box .config-label{
	max-width: 12em;
}
.product-box h2{
	font-size: 1.5em;
}
.order-form-packages h2{
	display: inline-block;
}
ul.packages ul li{
	background: none;
	padding: 0 !important;
	font-style: italic;
}
.order-form-packages ul.packages, .product-box ul.packages{
	float: left;
	width: 45%;
}
.order-form-packages{
	margin-bottom: 1.3em;
}
.orderform-service-header{
	margin-bottom: 0.5em;
}
.orderform-service-header h2 span, .product-box .config-setting h2 span{
	font-size: 0.85em !important;
	color: #999;
	font-weight: 300;
	margin-left: 0.4em;
}
.orderform-service-header h2 span.strikethrough, .product-box .config-setting h2 span.strikethrough{
	font-size: 0.7em !important;
}
.orderform-service-header h2 span span, .product-box .config-setting h2 span span{
	font-size: 1.4em !important;
	margin-left: 0;
}

.select-package-label {
	color: #cc0000;
    font-size: 0.85rem;
    background: url(../images/other/sketchy-arrow-up-right.png) 96% 5px no-repeat;
    background-size: 21px;
    display: block;
    float: right;
    padding-top: 0.8rem;
    padding-right: 29px;
}

.highlighted-box{
	padding: 1.5%;
	width: 97%;
	border: 1px solid #d8f07b;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #f0faae;
	margin-bottom: 1.5em;
}
.highlighted-box-row, .highlighted-box-row-alt{
	padding: 1.5%;
}
.highlighted-box-row-alt{
	background: #fff;
}
/* TOOLTIP INFO/HELP */
.info-btn, .get-started-box .info-btn{
	background: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
    border-radius: 2em;
    color: #1d9acb !important;
    text-decoration: none;
    padding: 0.15em 0.45em;
    font-size: 0.7rem;
    margin-left: 0.6em;
    line-height: 0.8rem;
    display: inline-block;
    border: 1px solid #1d9acb;
	}
/* info bubbles */
#search_bubble{
	position: absolute;
	margin-top: -10em;
	margin-left: 30%;
}
.info_bubble_content{
	border: 1px solid #555;
	background: #bb0000;
	color: #fff;
	padding: 1.2em;
	font-size: 1em;
	-webkit-border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	border-radius: 1.8em;
	width: 13.2em;
	line-height: 1.3em;
	-webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.7);
	box-shadow: 0 3px 10px 1px rgba(0,0,0,0.7);
}
.info_bubble_content h3{
	font-size: 1.2em;
	margin-bottom: 0.4em;
	color: #fff;
}
.info_bubble_content p{
	margin: 0 0 0.4em 0;
}
.info_bubble_arrow{
	width: 100%;
	text-align: center;
	margin-top: -1px;
}
.info_bubble_content .closePopUpBtnSmall{
	opacity:0.5;
	filter:alpha(opacity=50);
}
.qtip-content, .qtip-content p{
	font-family: Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 0.7rem;
    line-height: 0.95rem;
}
.qtip-content strong{
	font-size: 0.8rem;
}

#find_your_services_arrow{
	position: absolute;
	margin-top: -3em;
	margin-left: 11em;
	width: 9em;
	display: none;
}
.remove-btn{
	background: #bbb;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border-radius: 0.9em;
	color: #fff !important;
	text-decoration: none;
	padding: 0.1em 0.4em;
	font-size: 1.1em;
	margin-left: 0.6em;
	cursor: pointer;
}
#tooltip{
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 2000;
	font: 0.75em/1.4em Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #000;
	padding: 2%;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
}
#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.top:after{
	border-top-color: transparent;
	border-top: 10px solid #000;
	top: -20px;
	bottom: auto;
}
#tooltip.left:after{
	left: 10px;
	margin: 0;
}
#tooltip.right:after{
	right: 10px;
	left: auto;
	margin: 0;
}
/* INVOICE PREVIEW */
.invoice-preview{
	color: #333;
	border: 1px solid #DAD794;
	padding: 0.7em 3%;
	margin: 0.7em 0;
	background: #fffdd7;
	display: inline-block;
	font-size: 15px; /*0.9rem*/
	width: 93.5%;
}
.invoice-preview table{
	margin: 0;
}
.tr-divider{
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.tr-divider-top{
	border-top: 1px solid #ddd;
	width: 100%;
}
tr.top-row, tr.bottom-row{
	font-weight: bold;
}
.config-setting-row-additional .invoice-preview{
	width: 94%;
}
/* Info step box */
.info-step-box, .info-step-box-nobullets{
	margin: 0 0 0.5em 1em;
	border: #b9ad84 1px solid;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	padding: 1em;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
	text-align: left;
	background: #fff1ba;
	background: -moz-linear-gradient(top,  #fff1ba 0%, #fffcee 42%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1ba), color-stop(42%,#fffcee));
	background: -webkit-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
	background: -o-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
	background: -ms-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
	background: linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
}
.info-step-item{
	font-size: 0.85em;
	line-height: 1.3em;
	margin-bottom: 1.3em;
	text-indent: -2.2em;
}
.info-step-item span{
	padding: 0.3em 0.6em;
	border: #a22200 1px solid;
	color: #fff;
	font-weight: bold;
	margin-right: 0.3em;
	-webkit-border-radius: 1.4em;
	-moz-border-radius: 1.4em;
	border-radius: 1.4em;
	background: #bd2300;
	background: -moz-linear-gradient(top,  #cd5535 0%, #a22200 40%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd5535), color-stop(40%,#a22200));
	background: -webkit-linear-gradient(top,  #cd5535 0%,#a22200 40%);
	background: -o-linear-gradient(top,  #cd5535 0%,#a22200 40%);
	background: -ms-linear-gradient(top,  #cd5535 0%,#a22200 40%);
	background: linear-gradient(top,  #cd5535 0%,#a22200 40%);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
}
.info-step-box-nobullets{
	margin-left: 0;
}
/* FORMS, CONFIG-SETTING*/
.config-row{
	border-top: 1px solid #ddd;
	padding: 0.6em 0 0.2em 0;
}
.config-row.toc{
	clear: both;
	padding-bottom: 1.2em;
}
.config-label, .config-setting{
	font-size: 0.9em;
	display: inline-block;
}
.config-label{
	color: #333;
	width: 30%;
	float: left;
	margin-right: 1.9%;
	font-weight: bold;
	clear: left;
	line-height: 1.3em;
}
.config-setting{
	width: 65%;
}
#settings .config-setting{
}
#settings .more-config-settings-box .config-setting, #settings .product-box .config-setting{
	width: 65%;
}
.config-setting select{
	width: 60%;
}
.config-setting .select-row-sub select{
	width:  98%;
	font-size: 1.4em;
}
.config-setting-row, .config-setting-row-additional{
	margin-bottom: 0.4em;
}
.config-setting-row-additional{
}
.config-row .config-setting-row.status-row{
	width: calc(100% - 0.6em);
	border-bottom: dotted 1px #ddd;
	display: inline-block;
	clear: both;
	padding: 0.3em;
}		
.config-setting .select-row{
	border-bottom: 1px dotted #bbb;
	display: block;
	clear: right;
	margin-bottom: 0.5em;
}
.get-started-box .config-setting .select-row{
	margin-left: 0;
}
.config-setting-table-row{
	padding: 0.5em 0 0.1em 0;
	border-bottom: 1px solid #bbb;
	display: inline-table;
	width: 100%;
	font-size: 13px;
	color: #333;
}
.config-setting-table-row > div {
	padding-top: 0.5em;
}
.config-setting-table-row a{
	text-decoration: none;
}
.config-setting-table-row .btnDelete{
	/*padding: 0.4em 0.7em 0.4em 0.6em;*/
	margin: 0 0 0.3em;
}
.config-setting-table-row .btnDeleteRow, .config-setting-table-row .btnRow{
	padding: 0.1em 0.7em !important;
	margin: 0.1em 0 0 !important;
	font-size: 11px !important;
	white-space:nowrap;
}
.list-with-btn .btnDeleteRow, .list-with-btn .btnRow{
	padding: 0.3em 0.7em !important;
	margin: 0.19em 0 !important;
}
.config-setting-table-row.top-row:hover{
	background: none !important;
}
ol.sup{
	list-style-type: decimal;
	padding-left: 1.4em;
	margin-bottom: 1em;
}
.sup li, .supdiv{
	font-size: 0.7em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	color: #999;
}
sup{
	vertical-align: super;
	font-size: smaller;
}
.tinted sup a, .notint sup a, .table_top sup a, .table-specs sup a{
	color: #ae8005 !important;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin-left: 0.5em;
}
.qoute, .quote{
	color: #555;
	font-size: 1.2em;
	font-style: italic;
}
.qoute img, .quote img{
	float: left;
	width: 4.5em;
	margin: -0.3em 1em 0.5em 0;
}
.quote img {
	border-radius:50%;
}
.quote_signature{
	font-size: 0.8em;
	font-style: normal;
}
.quote_signature a{
}
.quote_link{
	float: right;
}

.headshot-small{ 
	border-radius: 50%;
	width: 72px;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.loopia-dnssec-list-dsdelete .confirm-box {
	display: block;
	width: auto;
}
/*** SUPPORT ICONS ***/
a.support-icon,a:hover.support-icon {
	width: 20%;
	float: left;
	margin: 0.5em 2%;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 0;
	font-size: 0.7em;
	text-decoration: none;
	border: 0;
}
.support-icon span{
	width: 100%;
	height: 1em;
	padding: 0.6em !important;
	background: #bcbcba;
	display: block;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 0;
	border: 0;
	color: #fff;
	overflow: hidden;
}
.more-box{
	display: inline-block;
	font: 1em/1.4em Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	margin: 0.5em 0 1em 0;
	border: 1px dotted #999;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #f1f1f1;
	padding: 2% 3% 2% 3%;
	width: 94%;
}
.more-box .list-item{
	text-decoration: none;
	font-size: 0.75em;
	color: #333 !important;
	font-weight: normal !important;
	border-top: 1px solid #CCC;
	padding: 0.5em 0;
	width: 100%;
	clear: right;
	display: block;
	line-height: 1.4em;
}
.more-box .sub-wrapper{
	background: #fff !important;
	padding: 0.5em;
	margin-bottom: 0.5em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
.more-box .answer{
	padding-left: 70px;
	background-repeat: no-repeat !important;
	background-image: url(../images/icons/support_icons/answer.png) !important;
	background-position: 1em center !important;
}
.more-box .answer p {
	margin-bottom:0.5em;
}
.contact-table{
	font-size: 1rem;
	margin: 0;
	color: #333;
}
.contact-table a{
	text-decoration: none;
	color: #333 !important;
	font-weight: normal;
}
.contact-table .waitingtime{
	float: none;
	display: inline;
	white-space: nowrap;
}
.contact-table tr{
	border-bottom: 1px solid #ddd;
}
.contact-table tr:first-child{
	border-top: 1px solid #ddd;
}
.contact-table td{
	vertical-align: middle;
}	
.contact-table .red, .contact-table .green, .contact-table .yellow{
	margin-right: 0.5em;
	font-weight: bold;
}
.contact-table .icon{
	width: 35px !important;
}
.contact-table .middle{
	width: 40%;
}
.contact-table img{
	width: 30px !important;
}
#domain_group .status .search, #domain_group .status .active, #domain_group .status .inactive, #domain_group .status .ferror{
	width: 18px;
	height: 18px;
	background-position: center left;
}
#domain_group .status .search {
	background: url(../images/other/ajax-loader_18x18.gif) no-repeat;
}
#domain_group .status .active {
	background: url(../images/icons/tick-gif.gif) no-repeat;
}
#domain_group .status .inactive {
	background: url(../images/icons/cross-gif.gif) no-repeat;
}
#domain_group .status .ferror {
	background: url(../images/icons/ferror-gif.gif) no-repeat;
}
#domain_group .search {
	color: #999999;
}
#domain_group td{
	padding: 0.5em 0 0.2em 0;
	margin-bottom: 0.4em;
}
#domain_group input[type="checkbox"].inactive, #domain_group input[type="checkbox"].search{
	display: none;
}
#domain_group{
	margin: 0;
}
/* CAROUSEL */
.carousel {
	margin: 0 0 1em 0;
	font-family: sans-serif;
	position: relative;
}
.carousel-item img, .campaign-box-start img {
	width: 100%;
	height: auto;
	display: block;
}
.carousel-nav {
	position: absolute;
	bottom: 0;
	z-index: 4;
	width: 100%;
	text-align: left;
}
.carousel-item, .campaign-box-start{
	width: 91.8% !important;
	background: #b71f00 url(../images/banners/banner-bg.jpg);
	padding: 1em 4% 2.8em 4% !important;
	color: #fff;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	border: 1px solid #500;
}
.special-banner-bg{
	background: #b71f00 url(../images/banners/cartoon-banner-bg.jpg);
}
.campaign-box-start{
	padding-bottom: 1em !important;
	margin-bottom: 1.5em;
}
.carousel-item h1, .campaign-box-start h1{
	color: #fff;
	font-weight: bold;
}
.carousel-item p, .campaign-box-start p{
	font-size: 1em;
}
.carousel-item strong, .campaign-box-start strong{
	color: #ffcc00 !important;
}
.carousel-nav a {
	text-decoration: none;
	font-size: .8em;
	background: url(../images/tab-inactive.png);
	color: #333;
	padding: .5em;
	position: absolute;
	bottom: 0;
	font-weight: bold;
}
.carousel-nav a.prev {
	left: 0;
	display: none;
}
.carousel-nav a.next {
	right: 0;
	display: none;
}
.carousel-nav-paginated .carousel-active-page a {
	background: url(../images/tab-active.png);
	color: #333;

}
.carousel-nav-paginated ol{
	margin: 0 !important;
}
.carousel-nav-paginated li{
	width: 33.333333%;
}
.carousel-nav-paginated li a{
	font-size: 1em;
	font-weight: normal;
	width: 93.4%;
	padding: 0.5em 3%;
	margin: 0.3em 0.2% 0 0.2%;
	text-align: center;
	-webkit-border-radius: 0 0 0.4em 0.4em;
	border-radius: 0 0 0.4em 0.4em;
	color: #fff !important;
}
/* EYESCAN VIEW */
#eyescan-view{
	background: url(../images/icons/close-window.png) no-repeat top right #fff;
	background: rgb(255,255,255);
	z-index: 1500;
	position:fixed;
	padding: 0.5em 0.5em 1.5em 0.5em;
	display: none;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow:  0 0.5em 3em 1em rgba(0, 0, 0, 0.4);
	box-shadow:  0 2px 30px 5px rgba(0, 0, 0, 0.4);
	left: 40%;
	top: 0;
	margin-top: 2em !important;
}
#eyescan-view p {
	font-size:0.7em;
	line-height:1em;
	color:#333;
	margin: 1em 0 1em 0;
}
#eyescan-view h2 {
	margin: 0;
}
.eyescan-view-closeBtn{
	float: right;
}
.btneyescan {
	background: #3Eb1dC;
	display: inline-block;
	border: 1px solid #777;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	padding: 0.5 1em;
	margin: 0 0 0.5em 0;
	background: -moz-linear-gradient(top, #1d9acb 92%, #0E81aC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,#1d9acb), color-stop(100%,#0E81aC));
	background: -webkit-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
	background: -o-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
	background: -ms-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
	background: linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9acb', endColorstr='#0E81aC',GradientType=0 );
}
.btneyescan img{
	height: 14px;
	margin: 1px;
}
a.btneyescan {
	line-height:1em;
	padding: 3px 10px 2px 10px;
}
#eyescan {
	font-size:0.7em;
	color:#333;
}
#eyescanarrow{
	float:right;
}
.eyescannew {
	color:#da1000;
	font-weight: bold;
}
.eyescan-view-content {
	width:300px;
}
/* END EYESCAN VIEW */
/* VIDEO VIEW */
#video-view, #sitebuilder-view, #sitebuilder-demo-modal, #ebook-modal{
	background: url(../images/icons/close-window.png) no-repeat top right #fff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 94%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(94%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
	z-index: 1500;
	position:fixed;
	padding: 1em 1.5em 2.5em 1.5em;
	display: none;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow:  0 0.5em 3em 1em rgba(0, 0, 0, 0.4);
	box-shadow:  0 2px 30px 5px rgba(0, 0, 0, 0.4);
}
.video-view-closeBtn{
	float: right;
}
#sitebuilder-view{
	width:550px;
	height:495px;
}
 #sitebuilder-demo-modal {
	width:550px;
}
#hideBackground{
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=60); /* For IE */
	-moz-opacity:0.6; /* Standard CSS - FF, Opera, Safari */
	-khtml-opacity: 0.6; /* Gammal Mozilla, ex Netscape */
	opacity: 0.6; /* Gammal Safari */
	display: none;
	z-index: 1000;
}
.ytsm-description .ytsm-description-text {
	height: auto;  /* Can be any value depending on how much you want to show */
	overflow: visible;
}
.supexpand{
	clear: both;
}
/* Reco widget */
#recoWidget{
	width: 100% !important;
}
#recoRate img{
	width: 19px !important;
}
#recoWidgetFooter img{
}
#recoWidget p{
	font-size: 0.85em;
	text-shadow: none;
}
/* OVERRIDE VENDOR CSS */
/* QTIP */
.ui-icon-close{
	color: #fff !important;
	background: rgba(0, 0, 0, 1) !important;
}
.qtip-close{
	background: none !important;
}
.qtip-default .qtip-icon{
	border: 0 !important;
}
.qtip-icon .ui-icon, .qtip-icon{
	height: 18px !important;
	border-radius: 20px !important;
}
.qtip-tipsy .qtip-icon{
	border-color: rgba(0, 0, 0, 1) !important;
}
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon{
	padding: 5px 2px 0 !important;
}
/**** Support slider ****/
#support-slider{
	position: fixed;
	width: 365px;
	height: auto;
	z-index: 999;
	min-height: 291px;
	bottom: 20px;
	right: -5px;
}
#support-slider-main{
	width: 240px;
	padding: 15px;
	background: #f1f1f1;
	float: left;
	min-height: 210px;
	-webkit-box-shadow:  2px 4px 15px 0 rgba(0, 0, 0, 0.5);
	box-shadow:  2px 4px 15px 0 rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 0 2px 7px 0;
	border-radius: 2px 0 0 7px;
}
#support-slider-main textarea{
	height: 6em;
}	
#support-slider-main h3{
	font-size: 1.1em;
	font-weight: bold;
}
#support-slider-tab, #support-slider-tab img{
	width: 90px;
	height: 200px;
}
#support-slider-tab{
	float: left;
}
.support-slider-type{
	font-size: 0.9em;
	border-bottom: dotted #999 1px;
	margin: 0.3em 0;
	padding: 0.2em 0 0.4em 0;
	color: #333;
}
.support-slider-type a{
	text-decoration: none;
	color: #333 !important;
}
/*
.support-slider-type a span:first-of-type{
	display: inline-block;
	width: 8em;
}
*/
.support-slider-type img{
	width: 27px;
	margin-right: 0.8em;
	vertical-align: middle;
}
.closePopUpBtnSmall{
	float: right;
	width: 18px;
	margin: -8px -8px 0 3px;
}
.chat-status-open #chat_status, .chat-status-closed #chat_status, .chat-status-busy #chat_status, 
.callme-status-open #callme_status, .callme-status-closed #callme_status, .callme-status-busy #callme_status, 
.email-status-open #email_status {
	width: 15px;
	height: 15px;
	background: #0b0;
	display: inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 0.5em;
	vertical-align: middle;
}
.chat-status-closed #chat_status, .callme-status-closed #callme_status{
	background: #b00;
}
.chat-status-busy #chat_status, .callme-status-busy #callme_status{
	background: #EACA49;
}
.chat-status-closed img, .chat-status-closed span, .callme-status-closed img, .callme-status-closed span{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.chat-status-closed #chat_status, .chat-status-closed .waitingtime, .callme-status-closed #callme_status, .callme-status-closed .waitingtime{
	opacity:1.0;
	filter:alpha(opacity=100);
}
.waitingtime{
	font-size: 11px;
	color: #555;
	display: block;
	float: right;
	clear: none !important;
	font-style: italic;
	text-align: right;
	padding-top: 3px;
}
#support-slider-main label{
	font-size: 0.75rem;
	color: #333;
	clear: both;
	display: block;
}
#support-slider-main input[type=text], #support-slider-main select, #support-slider-main textarea{
	margin-bottom: 0.7em;
	font-size: 0.8em;
	width: 90%;
}
#support-slider-main textarea{
	padding: 4%;
}
#support-slider-main .info-box p{
    font-size: 0.7em;
}
.intelecomchatheader {
	background-color: #881905 !important;
	background-image: url(../images/header/logo.png) !important;
	background-position: 5% 25% !important;
	background-repeat:no-repeat !important;
	background-size:100px !important;
}
.intelecomchatinner button {
	border-radius: 4em !important;
}
.intelecomchat__button {
	background: #1d9acb !important;
}
.intelecomchatheader__settings {
	margin-left:45% !important;
}
.intelecomchatoverlay__footer {
	display:none !important;
}
.intelecomchatstarter {
	border: 5px solid #bf0017 !important;
}
.intelecomchatheader, .intelecomchatinner input, .intelecomchatinner textarea, .intelecomchatinner label, .intelecomchatinner button, .intelecomchatoverlay__footer, .intelecomcaptcha, .intelecomdialog, .intelecomcopy a, .intelecomchat__info {
	font-family:Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif !important;
}
.intelecomfooter textarea.intelecomtext {
	height: 40px !important;
	width:calc(100% - 38px) !important;
	margin-bottom:0 !important;
}
.msg_intro{
	background: #fff url(../images/chat/chat-bg-welcome.jpg) repeat-x 100% 100% !important;
}
.intelecomdialog__question-arrow, .intelecomdialog__question-text {
	background:#fffde5 !important;
}
.msg_intro_variables span:first-child {
	font-weight:bold;
	line-height:18px;
}
.bluebutton, .bluebutton-alt {
	border-radius: 4em;
	padding: 0.5em 0.7em;
	margin: 0.6em auto 0 auto;
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: normal;
	cursor:pointer;
	display:block;
	width:60%;
	line-height:1em;
	text-align:center;
	box-sizing:border-box;
}
.bluebutton {
	border:1px solid #888;
	color: #fff !important;
	background: #1D9ACB;
}
.bluebutton-alt {
	border:1px solid #1D9ACB;
	color:#1D9ACB !important;
	background: none;
}
.cookie-info {
	position:fixed;
	bottom:0;
	width:100%;
	-webkit-box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.75);
	background: #1D9ACB;
    color: #fff;
	z-index: 10000;
}
.cookie-info a{
	color: #fff !important;
}
.cookie-info #hidebar{
	/*background: #fff;
	color: #1D9ACB !important;*/
	padding: 0.4em 1em;
	border-radius: 2em;
	text-decoration: none !important;
	float: right;
	margin: 0 0 0.5em 0.5em;
	border: 2px solid #fff;
	font-size: 0.9em;
	background: #51AD48;
}
.cookie-info p {
	margin:0.5em auto;
}
.cookie-info div {
	width: calc(100% - 2em);
	max-width: 960px;
	margin: 1em auto;
}
.product-general-box select {
	border:0!important;
	font-size:1em;
	font-family:Source Sans Pro,Helvetica,Arial, Helvetica, sans-serif;
	background:none;
	-webkit-appearance: none;
	-moz-appearance: none; 
	background: url(../images/icons/dropdown-arrow-grey.png) 95% 50% no-repeat;
	width:55px;
	text-indent: 0.01px;
	text-overflow: "";
}
.product-general-box select::-ms-expand {
	display: none; /*IE dropdown fix */
}
.product-general-box select:focus {
	outline: 0; /* remove focus outline*/
}
.product-general-box {
	display: inline-block;
	margin: 0 0 2% 0;
	background: none;
	width: 100%;
	font-size:1em !important;
	position:relative;
}
.product-compare-box {
	margin:0;
	vertical-align:top;
	clear:both;
	box-sizing:border-box;
	padding: 7%;
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #d3d3d3;
	display: inline-block;
	width:100%;
}
.product-compare-box a.btnHref.ctaBtn, .product-compare-box a.btnHref.ctaBtn-alt {
	margin:0 auto;
	display:block;
	text-align:center;
}
.recommended-product .product-compare-box {
	background:#fff;
}	
.product-compare-box select {
	width:100%;
	background:#fff;
}
.product-compare-box h3 {
	display: block;
	font-size: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: -0.02em;
	line-height: 1.2em;
 }
.product-compare-box h4 {
	font-style: italic;
	margin-bottom: 0.4em;
 }
.product-compare-box h5 {
	letter-spacing:-0.01em;
	font-weight:normal;
	padding:0.5em 0;
	margin-right:0.2em;
	color:#555;
}
.product-compare-box ul {
	font-size:0.875em;
	line-height:normal;
	margin:0.5em 0 1em 0;
	display:inline-block;
	width:100%;
}
.product-compare-box ul li {
	padding:0.5em 0 0.35em 20px;
	border-bottom:1px solid #d3d3d3;
	background:url(../images/cz_objects/yes.svg) 0 0.7em no-repeat;
	background-size:13px;
	min-height: 17px;
}
.product-compare-box ul li.no {
	background-image:url(../images/cz_objects/no.svg);
	text-decoration: line-through;
	color: #999;
}

.product-compare-box ul ul{
	font-size: 1em;
	margin-left: 1.5em;
}

.product-compare-box ul ul li{
	background: none;
    list-style: disc;
    margin-left: 1.5em;
    padding-left: 0;
}

.recommended-product .product-compare-box h3 {
	font-weight:bold;
}
.recommended-product {
	background: #51AD48;
	transition: background 0.2s linear 0s;
	display: inline-block;
}
.recommended-product h2, .recommended-product-off h2{
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:-0.03em;
	text-align:center;
	margin-bottom: 0.3em;
}
.recommended-product-off {
	background:none;
	border: none;
	border-radius:0;
	display: inline-block;
}
.recommended-product-off h2 {
		display:none;
}
.recommended-product, .recommended-product-off {
	margin-right:0;
	padding: 0.4em;
	box-sizing:border-box;
}
.recommended-product-off .add-to-cart{
	color: #1D9ACB !important;
	background: none;
}
.recommended-product-off .add-to-cart.of-disabled{
	color: #fff !important;
	background: #ddd;
	border: 1px solid #ddd;
}
.recommended-product .add-to-cart{
	font-size: 0.95em;
}
.recommended-product-selected {
	background:#1d9acb;
}
.recommended-product-selected h2 {
	display:none;
}
.of-half {
	width: 49.6%;
}
.of-third {
	width: 32.9%;
}
.of-quarter {
	width:25%;
	padding:0.2em;
}
.recommended-product-off.of-third:first-child, .of-quarter:first-child {
	padding-left:0
}
.recommended-product-off.of-third:last-child, .of-quarter:last-child {
	padding-right:0
}
.domain-protection-services-tabs {
    margin-top: 1em;
}
.domain-protection-services-tabs{
	display: none !important;
}

.main_col1of3.payment-processor h3, .main_col2of3.payment-processor h3, .main_col3of3.payment-processor h3 {
	margin-top:0.666em;
	font-weight:600;
}
.main_col1of3.payment-processor, .main_col2of3.payment-processor, .main_col3of3.payment-processor {
	text-align:center;
}
/* Work at Loopia */
.w-bars{width: 100%}
table.w-bars tr, table.w-bars td{
	padding: 0;
	margin: 0;
	vertical-align: middle
}
table.w-bars tr td:first-child{
	width: 180px;
}
.w-bar{
	height: 1.8em;
	margin-bottom: 10px;
	background: #efefef;
	width: 100%;
}
.w-bar .progress{
	background: #51AD48;
	height: 1.8em;
}
.progress.low{
	background: #da1000;
}

.w-tooltip {
	position: relative;
	display: inline-block;
}
.w-tooltip::after{
	font-family: 'FontAwesome';
	content: '\f05a';
	margin-left: 0.3em;
	display: inline-block;
	color: #1d9acb;
	font-size:1.2em;
	margin-top: -0.2em;
}

.w-tooltip .w-tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #000;
	color: #fff;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.w-tooltip .w-tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.w-tooltip:hover .w-tooltiptext {
	visibility: visible;
	opacity: 1;
}	

.table-specs.domainname {
	margin-bottom:1em
}
.more-box.domainname {
	padding:3%;
}
.more-box.domainname .sub-wrapper {
	margin-bottom:0;
}
.more-box.domainname .sub-wrapper a {
	font-size:0.8em;
}
.toggle-table-row {display:none;}
/* Compare hosting providers */
.main-image#sammenlign-webhotell {
	background-image:url(../images/product_pages/compare-hosting-main-image.jpg);
}
/* Reseller page */
.reseller-quote-block {
	display:table;
}
/*Domain privacy page */
.main-image#domain-privacy {
	background-image:url(../images/product_pages/domain-privacy-main-image.jpg);
}
.table-specs.domain-privacy {
	text-align:center;
}
.table-specs.domain-privacy td:first-child {
	text-align:left;
}
.table-specs.domain-privacy img {
	width:14px;
}
.domain-privacy-compare {
	overflow:hidden;
	background:#880000;
	color:#fff;
	padding:1.6em 1.5em 1em 1.5em;
}
.domain-privacy-compare-heading {
	background:url(../images/product_pages/domain-privacy-compare-bg.png) 0 0 no-repeat;
	text-align:right;
	line-height:0;
}
.domain-privacy-compare h3 {
	border-bottom:1px solid #c1c1c1;
	padding-bottom:0.1em;
}
.domain-privacy-compare p, .domain-privacy-compare span {
	font-family: 'Courier New', Courier, monospace;
	word-wrap: break-word;
	font-size:0.7rem;
}
/* Do it for you page */
.col1of2.do-it-for-you, .col1of2.do-it-for-you {
	box-sizing:border-box;
}
.col1of2.do-it-for-you {
	width:14%;
}
.col2of2.do-it-for-you {
	width:84%;
}
.col1of2.do-it-for-you span {
	display: inline-block;
	padding: 0.2em 0.4em;
	background: #898989;
	border-radius: 2em;
	box-sizing: border-box;
	line-height: 1;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}
/* Homepage A/B/C test style additions */
section {overflow:hidden;}
.main.home-wide {width:100%;margin-right:0 !important;margin-bottom:1em !important;padding: 0 3%;float:left;box-sizing:border-box;}
aside .main.home-wide {margin-bottom:0 !important;}
.main.home-wide {font-size:1rem;}
.general-form-box.home-wide {background:#c0edfb;border:none;border-radius:0;width:100%;padding:1em 3%;box-sizing:border-box;}
.search_frame.home-wide {width:75%;margin:0;border-radius:0;display:block;box-sizing:border-box;float:left;margin-right:2.5%;}
.domain-info.home-wide {width:11%;display:block;box-sizing:border-box;float:left;margin-top:0.2em;}
.search_frame.home-wide input[type="submit"] {background:#1D9ACB;border: 0;cursor: pointer;width: 6em;border:1px solid #1D9ACB;margin-top:0.5em;}
.search_frame.home-wide input[type="text"] {width:84% !important;}
.main-image#home h1 {margin-top:0.4em; color: #000;}
.main-image#home ul {margin-bottom:0;}
.main-image#home .main-image-left {width:45%;padding-left:3%;}
.main-image#home .main-image-right {width:45%;float:right; display: none;}
/*.main-image#home a.big-button-alt,.main-image#home a.big-button {margin-bottom:2em;}*/ 
.main-image-sticker {position:absolute;top:10px;right:-10px;max-width:100px;}
.main-image#home .main-image-left .cta-arrow {margin-bottom:-3em;margin-left:16.5em;}
.main.home-wide {min-height:inherit;}
.main.home-wide .column1of2, .main.home-wide .column2of2 {display:block;float:left;overflow:hidden;width:49.9%;margin:0;box-sizing:border-box;font-size:1em;}
.main.home-wide .column1of2 div.product-info, .main.home-wide .column2of2 div.product-info {min-height:100px;}
.main.home-wide .column1of2 {padding:2% 2% 2% 0;border-right:1px solid #ddd;}
.main.home-wide .column2of2 {padding:2% 0 2% 2%;border-left:1px solid #ddd;margin-left:-1px;}
.main.home-wide .column1of2 h3, .main.home-wide .column2of2 h3 {font-size:1.2em; font-weight:bold;}
.main.home-wide .column1of2 p, .main.home-wide .column2of2 p {font-size:0.875rem; line-height:150%;margin-bottom:0.1em;}
.main.home-wide .column1of2 .quote-block, .main.home-wide .column2of2 .quote-block {margin-top:2em;overflow:hidden;font-size:0.75rem;line-height:150%;}
.main.home-wide .column1of2 span.red, .main.home-wide .column2of2 span.red {font-size:1.5em;margin:0;}
.main.home-wide span.red .without_tax, .main.home-wide span.red .with_tax {margin:0;font-weight:600;}
.main.home-wide .column1of2 .quote-block img, .main.home-wide .column2of2 .quote-block img {float:left;margin-right:1em;border-radius:50%;width:8em;}
.main.home-wide .column1of2 .quote-block span.quote, .main.home-wide .column2of2 .quote-block span.quote {font-style:italic;color:#777;}
.main.home-wide .column1of2 .quote-block span.quote-signature, .main.home-wide .column2of2 .quote-block span.quote-signature {display:block;padding-top:0.5em;color:#777;}
a.ctaBtn-inverse {background:none;color:#1D9ACB !important;padding:0.5em 1em;font-weight:bold;text-decoration:none;border:2px solid #1D9ACB;border-radius:4em;display:inline-block;margin-top:1em;font-size: 1rem;}
.super-support-full-width {
	background:url(../images/ab-tests/homepage/super-support.jpg) 100% 100% no-repeat;
	background-size:cover;
	min-height:200px;
	margin-bottom:2%;
	overflow:hidden;
}
a.thumbnail-magnify{
	position: relative;
	display:block;
}
a.thumbnail-magnify::before{
	font-family: 'Font Awesome 5 Pro';
	content: '\f00e';
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0.3em;
	right: 0.3em;
	font-size: 2em;
    font-weight: 100;
	margin: 0;
	-webkit-transition: color 0.2s, font-size 0.2s;
	transition: color 0.2s, font-size 0.2s;

}
a.thumbnail-magnify:hover::before{
	color: rgba(255, 255, 255, 1.0);
	font-size: 2.3em;
}
.super-support-full-width p.white-text, .super-support-full-width a {
	color:#fff !important;
	font-size:1.1rem;
}
.super-support-full-width p.white-text {
	text-shadow: 0 0 60px #005EBA;
}
.super-support-full-width img {
	max-width:220px;
}
#reasons-to-choose-loopia h2 {text-align:center;display:block;font-weight:bold;margin-bottom:1em;}
#reasons-to-choose-loopia .main.home-wide {margin-bottom:0 !important;}
.reasons-to-choose-loopia-cta {background:#ececec;text-align:center;padding:1em 0 0.5em 0;}
.main.home-wide .column1of3 img, .main.home-wide .column2of3 img, .main.home-wide .column3of3 img {border-radius:50%;max-width:40%;}
.main.home-wide .column1of3, .main.home-wide .column2of3, .main.home-wide .column3of3 {display:block;float:left;overflow:hidden;width:33.3%;margin:0;box-sizing:border-box;text-align:center;}
.main.home-wide .column1of3 {padding:0 2% 0 0;}
.main.home-wide .column2of3 {padding:0 1%;}
.main.home-wide .column3of3 {padding:0 0 0 2%;}
.main.home-wide .column1of3 p, .main.home-wide .column2of3 p, .main.home-wide .column3of3 p {padding:0 2em;font-size:0.875rem;}
.main.home-wide .column1of3 h3, .main.home-wide .column2of3 h3, .main.home-wide .column3of3 h3 {margin-top:0.6666em;font-weight:600;}
.main.home-wide .extra {display:block;overflow:hidden;background:none;border:none;border-radius:0;box-shadow:none;width:25%;border-top:1px dotted #ddd;box-sizing:border-box;}
.main.home-wide .extra {padding:3% 1%}
.main.home-wide .extra:first-child {padding-left:0;}
.main.home-wide .extra:last-child {padding-right:0;margin-bottom:0 !important;padding-bottom:0 !important;}
.main.home-wide .extra ul li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.main.home-wide .extra .date {display:none;}
.additional-column {position:fixed;top:300px;left:50%;margin-left:480px;max-width:200px;}
@media \0screen {
.general-form-box.home-wide {width:94%}
.super-support-full-width {background:url(../images/ab-tests/homepage/super-support-ie8.jpg);}
.search_frame.home-wide input[type="text"] {width:80% !important;}
.search_frame.home-wide {width:75%;}
}
/* End homepage A/B/C test style additions */
/* Dreamhack specific */
.content.dreamhack {background: url(../images/landing/dreamhack/dreamhack-sky.png) 50% 10%;padding-bottom:0;border-radius:0.3em;}
.dreamhack-bottom {background: url(../images/landing/dreamhack/dreamhack-bottom.png) 50% 100% no-repeat;border-bottom-right-radius:0.3em;border-bottom-left-radius:0.3em;padding-bottom:11em;}
.dreamhack-cheatcode {background: url(../images/landing/dreamhack/dreamhack-bubble.png) 30% 0 no-repeat;height:115px;padding:22px 0 0 26.6%;box-sizing:border-box;}
.dreamhack-cheatcode p {margin:0;font-family: 'Press Start 2P', cursive;font-size:16px;line-height:5px;}
.dreamhack-cheatcode input {width:150px;margin:0;background:#f5f5f5;}
.dreamhack-flappy {width:80%;margin:0 auto;}
.dreamhack-flappy img {max-width:25%;}
.main-image#dreamhack {background-image:url(../images/landing/dreamhack/dreamhack-title.png);background-position:50% 0;background-size:80%;font-family: 'Press Start 2P', cursive;padding:16% 10% 0 10%;}
.main-image#dreamhack p {font-family: 'Press Start 2P', cursive;font-size:12px;}
.general-form-box.home-wide.dreamhack {box-sizing:border-box;text-align:center;background:none;padding:0}
.general-form-box.home-wide.dreamhack .search_frame.home-wide {width:80%;margin:1em auto;float:none;display:inherit;}
.general-form-box.home-wide.dreamhack .search_frame.home-wide input[type="text"] {box-sizing:border-box;}
.general-form-box.home-wide.dreamhack p.disclaimer {font-size:12px;text-align:left;padding:0 10%;}
.inside-content.dreamhack{box-sizing:border-box;}
.dreamhack-invalid .dreamhack_cheat_code:required:invalid {border:1px solid #f66;box-shadow:0 0 5px 1px rgba(230, 0, 0, 0.7);background:url(../images/landing/dreamhack/dreamhack-code-warning.png) 0 100% no-repeat;padding-bottom:30px;}
.dreamhack-invalid .search:required:invalid {background:#fff url(../images/landing/dreamhack/dreamhack-domain-warning.png) 0 100% no-repeat; border:1px solid #f66;box-shadow:0 0 5px 1px rgba(230, 0, 0, 0.7);padding-bottom:30px;}
/* End Dreamhack specific */
/* New order flow styles */
.orderflowimg {
	width:60%;
	float:right;
	padding: 0 0 0.5em 1em;
	text-align:right;
	clear:both;
}
.cart-icon {
	width:20px;
	vertical-align:middle;
}
.additional-services-row {
	width:100%;
	border-bottom: 1px solid #bcbdc0;
	line-height:1.5em;
	padding:0.5em 0;
	font-size:0.875rem;
}
.additional-services-title {
	float:left;
	width:50%;
	font-size:1.25em;
	color:#555;
	font-weight:bold;
}
.additional-services-price {
	float:left;
	width:18%;
	text-align:right;
	white-space:nowrap;
	font-size:1rem;
}
.additional-services-selection {
	float:left;
	width:10%;
	text-align:right;
}
.additional-services-selection select {
	border: 0 !important;
	font-size: 1em;
	font-family: Source Sans Pro,Helvetica,Arial,Helvetica,sans-serif;
	-moz-appearance: none;
	 -webkit-appearance:none;
	background: url(../images/icons/dropdown-arrow-grey.png) no-repeat scroll 95% 50% transparent;
	width: 30px;
	text-indent: 0.01px;
	text-overflow: "";
}
.additional-services-add-button {
	float:right;
	width:20%;
	text-align:right;
}
.additional-services-desc {
	float:left;
	width:100%;
}
.additional-services-desc span.additional-services-required {
	float:right;
	font-size:0.75rem;
	font-style: italic;
}
input.of-verified {
	border:1px solid #51AD48 !important;
	box-shadow:0 0 3px #51AD48;
	background: #fff url(../images/icons/tick.svg) 98% 50% no-repeat;
	background-size:16px;
}
input.of-unverified {
	border:1px solid #da1000;
	box-shadow:0 0 2px #da1000;
	background: #fff url(../images/icons/cross.svg) 98% 50% no-repeat;
	background-size:16px;
}
.input-narrow {
	width:30% !important;
	display:inline;
}
.billing {
	display:none;
	margin-top:0.5em;
}
.popular-sign {
	display:block;
	text-transform:uppercase;
	font-size:0.925em;
	font-weight:bold;
	margin-bottom:0.5em;
}
/* Order Choice Dropdowns Start */
.of-choice {
	border:1px solid #d3d3d3;
	background: #fff;
	padding:0.2em 0;
	position:relative;
	margin-top: 0.5em;
}
.of-choice ul {
	font-size:1em !important;
	margin:0;
}
.of-choice ul li {
	background:url(../images/icons/switch-object.png) no-repeat 98% 50%;
	padding:0.3em;
	border:none;
}
.of-choice-product {
	line-height: 1.2em;	
	text-decoration: none;
	display: inline-block;
	padding: 0.3em;
	width:100%;
	box-sizing:border-box;
}
li.of-choice-product{
	font-size:0.825em;
}
li.of-choice-product a {
	color:#555 !important;
	text-decoration:none;
}
.of-choice-product-price {
	float:right;
	font-size:0.9em;
	padding-right:1.5em;
	font-weight:normal;
	font-style:italic;
}
.of-choice-box .of-choice-product {
	background:none;
}
.of-choice-box .of-choice-product-price {
	padding-right:0;
}
.of-choice-product-left {
	width:58%;
	box-sizing:border-box;
	margin-right:2%;
	float:left;
	display:inline-block;
}
.of-choice-product-right {
	display:inline-block;
	width:40%;
	box-sizing:border-box;
	float:left;
	text-align:right;
}
.of-choice-product-right a.orderbtn {
	float:right;
	font-size:0.875em;
	margin-right:0;
}
.of-choice-product-name {
	font-size:1em;
	font-weight:bold;
	line-height:2em;
	vertical-align:top;
}
.of-choice-box {
	background: #fff;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	margin: 0.3em 0 0 0;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	position: absolute;
	text-align: left;
	width: 110%;
	z-index: 2;
	left:-5%;
}
.of-choice-box h3 {
	font-weight: bold;
	font-size: 1.2em !important;
	margin-bottom: .7em;
	color: #555 !important;
}
.of-choice-box ul li {
	border-bottom: 1px solid #444;
	padding: 1em;
	color: #555 !important;
	display: block;
	text-decoration: none;
	box-sizing:border-box;
}
.of-choice-box ul li:last-child {
	border-bottom:none;
}
.of-choice-box ul li ul {
	padding:0.2em 0 0 0;
}
.of-choice-box ul li ul li {
	border-bottom:none;
	padding:0;
	background:none;
}
.of-choice-box a {
	display:block;
	margin:1em;
	font-size:0.75em;
}
/* End of-choice-box */
.div-small-cart {
	float:right;
	display:inline;
}
.of-small-cart {
	margin:0;
	padding:0.2em 1em 0.3em 0.7em;
	background:#FFFDD7;
	float:left;
	border:2px solid #DAD794;
	border-radius: 4em;
}
a.of-small-cart{
	color:#333 !important;
	font-size:0.75em;
	text-decoration:none;
}
.of-small-cart-highlighted {
	background-color: rgb(211, 0, 25); 
	background-color: rgba(211, 0, 25, 1); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* For IE 8*/
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;	
}
a.of-small-cart-highlighted {
	color:#fff !important;
}
.of-small-cart-number {
	padding:0.3em 0.5em;
	border-radius:2em;
	font-size:11px;
	color:#3b3b3b;
	font-weight:bold;
	background: #f8e81c;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.38);
	position:absolute;
	top:-8px;
	right:0;
}
.page-small-text {
	font-size:80%;
	line-height:1em;
}
/* On step 1 only - domain list with search */
.of-domain-list {
}
ul.of-domain-list li {
	border-bottom:1px solid #d3d3d3;
	font-size:0.9375rem;
	padding:0.4em;
	line-height:24px;
}
.of-highlighted {
	background:#caeafc !important;
}
.of-config-row {}
.of-search-form-box{
	margin: 0.5em 0 2% 0;
	background: none repeat scroll 0 0 #f2f2f2;
	padding: 2.3% 2%;
	overflow:hidden;
}
.of-search-form-box label{
	font-size:1.4em;
	font-weight:bold;
	color: #6d6e71;
	float:left;
	display:block;
	width:auto;
	line-height:2.3em;
	margin-bottom:0 !important;
}
.of-search_frame {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #d3d3d3;
	width: calc(100% - 4.5em);
	text-align: left;
	padding:0.2em 0.3em;
	float:right;
}
.of-search_frame input[type="submit"] {
	min-width: 6em !important;
	margin: 0.1em 0 0.2em 0;
	cursor: pointer;
	float:right;
}
.of-search_frame input[type="text"], .of-search_frame input[type="url"] {
	width: calc(100% - 9em) !important;
	margin-bottom: 0;
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	font-family:Source Sans Pro,Helvetica,Arial, Helvetica, sans-serif;
	color:#939598;
	line-height:2.5em;
	font-size:14px;
	padding:0.2em 0.5em;
}
.searchdomain .of-search_frame, .searchdomain2 .of-search_frame {
	border-radius:0;
	width:98%;
	margin:0.3em 0;
}
li[class^="of-active "], li[class*=" of-active"], li[class^="of-active"], li[class^="of-inactive "], li[class*=" of-inactive"], li[class^="of-inactive"] {
	background:transparent;
}
.of-active:hover, .of-inactive:hover {
	background:#eaeaea;
}
.of-inactive {
	color: #bcbdc0;
}
.of-domain {
	width:38%;
	margin-right:2%;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.campaign-on .of-fee-notax, .campaign-on .of-fee-tax {
	text-decoration: line-through;
	font-size:80% !important;
	color: #999; 
}
.campaign-on .campaign-sign {
	display:inline-block;
	color: #da1000;
	text-transform:uppercase;
	margin-left:2%;
	font-size:0.75em;
	font-weight:bold;
}
.cart-row.campaign-on .cart-row-product span.cart-name-item {
	color:#da1000;
}
.of-fee  {
	width:28%;
	margin-right:2%;
	float:left;
	text-align:right;
	white-space:nowrap;
}
.campaign-sign, .of-fee-notax, .of-fee-campaign-notax, .of-fee-campaign-tax, .campaign-on .of-fee-campaign-notax {
	display:none;
}
.extra-col .campaign-sign {
	display:none !important;
}
.of-fee-tax {
	display:inline-block;
}
.campaign-on .of-fee-campaign-tax {
	display:inline-block;
	color:#da1000;
	font-weight:bold;
}
.campaign-on .of-fee-campaign-notax{
	color:#da1000;
	font-weight:bold;
}
.of-inactive.campaign-on .of-fee-campaign-tax, .of-inactive.campaign-on .of-fee-campaign-notax {
	color:#ccc !important;
}
.of-orderbutton {
	margin-right:0 !important;
	float:right !important;
	width:22%;
}
#of-domain_group {
	margin:0;
}
.of-status {
	float:left;
	margin-right:1%;
}
#of-domain_group .of-inactive .of-status  {
	background: url(../images/icons/cross.svg) no-repeat scroll 0 50% transparent;
	background-size:16px;
	width: 21px;
	height: 21px;
}
#of-domain_group .of-active .of-status  {
	background: url(../images/icons/tick.svg) no-repeat scroll 0 50% transparent;
	background-size:16px;
	width: 21px;
	height: 21px;
}
#of-domain_group .of-load .of-status{
	background: url(../images/other/ajax-loader_18x18.gif) no-repeat scroll 0% 50% transparent;
	background-size:16px;
	width: 21px;
	height: 21px;
}
#of-domain_group .of-load .of-orderbutton a{
	pointer-events: none;
	cursor: default;
	color: #bbb;
	background:#ddd;
	border:1px solid #ddd;
}
#of-domain_group .of-load  {
	background: none repeat scroll 0 0 transparent;
	line-height: 21px;
	padding: 0.4em;
}
#of-domain_group tr{
	border-bottom:1px solid #bcbdc0;
}
#of-domain_group td {
	padding: 0.5em 0;
	height: 1.5em;
}
.hiderow {
	display:none;
}
.hiderow.campaign-on {}
.extension {
	font-weight:bold;
}
.add-to-cart {
	border:1px solid #1D9ACB;
	border-radius: 4em;
	padding: 0.1em 0.7em;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold !important;
	background: none repeat scroll 0 0 #1D9ACB;
	cursor:pointer;
	text-align:center;
	white-space: nowrap;
	float:right;
	display:block;
	width:auto;
}
.of-half .add-to-cart, .of-third .add-to-cart {
	float:left;
	margin-top:0.5em;
	padding: 0.5em 0.8em;
}
.of-active .add-to-cart { /*add to cart button if domain is available */
	cursor:pointer;
}
.add-to-cart-inactive, .of-active .add-to-cart-inactive, .of-inactive .add-to-cart {
	display:none;
}
.of-inactive .add-to-cart-inactive {
	display:block;
}
.add-to-cart-inactive { /*add to cart button if domain is unavailable */
	border:none;
	float:right;
	color: #bcbdc0 !important;
	font-size: 0.9125em !important;
	background: none;
	white-space: nowrap;
	cursor:initial;
	margin-right:0.4em;
}
.add-to-cart.of-disabled {
	pointer-events: none;
	cursor: default;
	color: #bbb;
	background:#ddd;
	border:1px solid #ddd;
}
.orderbtn.of-disabled {
	pointer-events: none;
	cursor: default;
	color: #bbb;
	background:#ddd;
	border:1px solid #ddd;
}
.add-to-cart-animate {
	position:absolute;
	display:block !important;
	left:0;
	width:100%;
	height:30px;
	-webkit-transform: translate(120px,-80px); 
	-moz-transform: translate(120px,-80px);
	-o-transform: translate(120px,-80px); 
	-ms-transform: translate(120px,-80px); 
	transform: translate(120px,-80px); 
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity:0;
	visibility:hidden;
}
.faderow {
	transition-delay:0.5s;
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	line-height:0 !important;
	padding:0 !important;
	opacity:0;
}
.of-transparent {
	opacity:0;
}
.of-nottransparent {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	opacity:1;
}
.carticon { /*add to cart button if domain is available and screen under XX px */
	background: #1D9ACB url(../images/icons/cart.png) no-repeat 50% 50% !important;
	background-size: 18px 18px !important;
	height:11px;
	width: 30% !important;
}
.order .search_frame input[type="text"], .order .search_frame input[type="url"] {
	width: 90% !important;
	margin-bottom: 0;
}
.orderbtn {
	cursor: pointer;
	display: inline-block;
	font-size:0.875em;
	text-decoration: none;
	border-radius: 4em;
	padding: 0.4em 1em;
	margin: 0.5em 0.5em 0.5em 0;
	background: #1D9ACB;
	color: #FFF !important;
	border: 1px solid #1D9ACB;
	float:right;
	outline:none;
}
.orderbtn.large {
	font-size:1rem;
	padding: 0.5em 1.5em;
	border: 3px solid #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	float:left;
}
.orderbtn-alt {
	background:none !important;
	border:1px solid #1D9ACB !important;
	color:#1D9ACB !important;
}
.cart .orderbtn-alt, .cart-modal .orderbtn-alt {
	float:left !important;
}
.cart-modal .load-spinner{
	width: 2em;
	margin: 0 auto;
	display: none;
}
.no-mobile {
	display:block;
}
.no-desktop {
	display:none !important;
}
.of-proceed, .of-back {
	padding:0.5em 1.2em;
}
.of-proceed, .of-proceed-hosting {
	background:#51AD48;
	border:1px solid #51AD48;
}
.of-skip {
	color: #51AD48 !important;
	border: 3px solid #51AD48 !important;
	background: none;
	padding: 0.7em 1.2em;
	box-shadow:none !important;
}
.of-back {
	color: #51AD48 !important;
	border: 1px solid #51AD48 !important;
}
.orderbtn.of-skip.of-disabled {
	border: 3px solid #ddd !important;
	color: #ddd !important;
	background: none;
	box-shadow: none;
}
.of-dns-arrow {
	width:16px;
	vertical-align:top;
}
.of-dns-arrow-left {
	transform:rotateY(180deg);
	margin-right:0.2em;
}
.of-dns-arrow-right {
	transform:none;
	margin-left:0.2em;
	display:none;
}
.hosting-boxes .of-dns-arrow-left {
	display:none;
}
.hosting-boxes .of-dns-arrow-right {
	display:inline !important;
}
.option-highlighted {
	background:blue;
}
ul.of-hosting-specs {
	margin-top:1em;
}
.search-mobile {
	background: #c0edfb;
	border: none;
	border-radius: 0;
	width: 100%;
	padding: 0.5em 1em;
	overflow:hidden;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	z-index:1000;
}
.search-mobile input[type="submit"] {
	box-shadow:none;
	margin:0.3em 0 !important;
	padding:0.4em !important;
}
.search-mobile .search_frame.home-wide input[type="text"] {
	width: calc(100% - 8em) !important;
}
.general-form-box input[type=radio] {
	margin-right:4px;
}
/*Right side of the page*/
.cart {
}
.cart-modal {
	padding:1em;
	width:300px;
	position:absolute;
	top:70px;
	right:10px;
	z-index:1000;
	overflow: hidden;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
@media (min-width:992px) {
	.cart-modal {
		top:90px;
	}
}
.cart-empty {}
.cart-row{
	display:none;
	padding:0;
	line-height:1.4em;
	border-bottom:1px solid #d3d3d3;
	white-space:nowrap;
	margin-bottom:0.3em;
	text-overflow:ellipsis;
}
.cart-row-highlighted {
	background:#51AD48;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	color:#fff;
	border-bottom:1px solid #51AD48;
	box-shadow: 0 -2px 0px 3px #51AD48;
}
.cart-row-product {
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	width:90%;
	margin-right:1%;
}
.cart-small-text {
	font-size:0.7em;
	margin-right:0.2em;
	float:left;
	width:19%;
}
.cart-row-price {
	float:left;
	width:70%;
	margin-right:1%;
	text-align:right;
	overflow:hidden;
}
.cart-row-currency {}
.campaign-on .of-fee-notax .cart-row-currency, .campaign-on .of-fee-tax .cart-row-currency {
	display:none;
}
.cart-row-icon {
	float:right;
	margin-right:0 !important;
	text-align:right;
	padding-top:0.25em;
	position:relative;
	margin-top:-10px;
}
.cart-row-icon a{
	background: url(../images/icons/cross_grey.svg) no-repeat scroll 100% 0 transparent;
	background-size:12px;
	width:12px;
	height:12px;
	display:block;
}
/* Cart tooltip */
.cart-row-icon span {
	margin-left: -999em;
	position: absolute;
	opacity:0;
}
.cart-row-icon:hover span {
	border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; 
	padding:0.3em 0.5em;
	text-align:center;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
	position: absolute; 
	left:-3em; 
	top:-3em; 
	z-index: 99;
	margin-left:0; 
	min-width: 100px;
	background:#da1000;
	color:#fff;
	font-size:0.8125em;
	vertical-align:bottom;
	opacity:1;
	transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
}
.cart-row-icon span img {
	margin-right:2px;
	margin-top:-1px;
	width:13px;
	height:13px;
	vertical-align:middle;
	border:2px solid #fff;
	border-radius:1.5em;
	display:inline-block;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.cart-modal .cart-row-icon:hover span {
	left:-12em;
	top:-0.5em;
}
.cart-modal a.orderbtn.orderbtn-alt.of-back {
	display:none !important;
}
/* End cart tooltip */
.cart-row-total{
	font-weight:bold;
	line-height:2em;
	display:none;
}
.cart-row-total-label {
	width:40%;
	float:left;
	margin-right:1%;
}
.cart-row-total-price {
	width:49%;
	float:left;
	text-align:right;
	white-space:nowrap;
}
.sidebar-block.support p {
	padding:0;
	margin:0 45% 0 0;
}
.sidebar-block.support {
	background-image: url(../images/supersupport/of-support.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	overflow: hidden;
	background-size:50%;
}
/* Step 3 - cart on page */
.cartpage {
	float: left;
	width: 100%;
	background: none repeat scroll 0 0 #fffdec;
	padding: 2%;
	margin: 1.5em 0;
	border: 1px solid #d3d3d3;
	color:#565656;
}
.cartpage h2 {
	font-size:1.3rem;
}
.cartpage-header {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.3em 0;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #999;
	overflow: hidden;
	line-height:1.4em;
}
.cartpage .config-label, .cartpage .config-setting {
	font-size:1em;
	padding-bottom:0.5em;
}
.cartpage-row{
	display:block;
	padding:0;
	min-height:1.5em;
	line-height:1.4em;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
	margin-bottom:0.3em;
}
.cartpage-row-product {
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	width:55%;
	margin-right:1%;
}
.cartpage-small-text {
	font-size:0.8125em;
	margin-left:0.2em;
}
.cartpage-row-period {
	width:10%;
	float:left;
}
.cartpage-row-price {
	float:left;
	width:28%;
	margin-right:1%;
	text-align:right;
	overflow:hidden;
}
.cartpage-row-icon {
	float:right;
	margin-right:0 !important;
	text-align:right;
	padding-top:0.25em;
}
.cartpage-row-icon a{
	background: url(../images/icons/cross_grey.svg) no-repeat scroll 100% 0 transparent;
	background-size:12px;
	width:12px;
	height:12px;
	display:block;
}
.cartpage-row-total{
	font-weight:bold;
	font-size:0.8em;
	line-height:1.4em;
	font-size:1.1em;
	margin-bottom:3em;
}
.cartpage-row-total-label {
	width:63%;
	float:left;
	margin-right:1%;
}
.cartpage-row-total-price {
	width:30%;
	float:left;
	text-align:right;
}
.cartpage-discount {
	font-size:0.8em;
	color:#da1000;
	font-weight:bold;
	vertical-align:middle;
	letter-spacing:-0.01em;
}
.cartpage-row-period select {
	border:0!important;
	background:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/icons/dropdown-arrow-grey.png) 95% 50% no-repeat;
	width:55px;
	text-indent: 0.01px;
	text-overflow: "";
}
.cartpage-row-period select::-ms-expand {
	display: none; /*IE dropdown fix */
}
.cartpage-row-period select:focus {
	outline: 0; /* remove focus outline*/
}
.cartpage-ccard-image {
	vertical-align:middle;
	margin-left:1em;
}
.cartpage-ccard {
	display:none;
	padding:1em 1.5em;
	background:#f5f5f5;
	border-radius:0.4em;
	margin:1em 0;
	border:1px solid #999;
}
.ccard {
	max-width:50px; opacity:1;
}
.cartpage-ccard-selection {
	padding:0 0 0.5em 22px;
	font-size:0.9125em;
	line-height:1.2;
}
.cartpage-ccard-selection input[type=checkbox] {
	margin: 0.4em 0.4em 0 0;
	display:inline-block;
	vertical-align:top;
}
.cartpage-ccard-selection label {
	display:inline-block;
	width:90%;
	padding:0.5em 0 0 0;
}
.cartpage-ccard-selection label.label-disabled, .cartpage-ccard-selection label.label-disabled strong, .cartpage-ccard-selection label.label-disabled span.red {
	color:#999 !important;
}
.campaign-code-input.hidden {
	display:none;
}
.campaign-code-input {
	display:inline-block;
}
/* End step 3 - cart */
.secure-payments {
	float:right;
	padding:0.8em 0 0 0;
	width:60%;
}
.searchdomain2 {
	display:none;
	padding:0.5em 0;
}
/* Start VPS specific */
.of-slider {
	height:10px;
	width:100%;
	background:#a6a6a6;
	background-image: -webkit-gradient(linear,top, bottom,from(#777),to(#a6a6a6));
	background-image: -webkit-linear-gradient(#777,#a6a6a6);
	background-image: -moz-linear-gradient(#777,#a6a6a6);
	background-image: -ms-linear-gradient(#777,#a6a6a6);
	background-image: -o-linear-gradient(#777,#a6a6a6);
	background-image: linear-gradient(#777,#a6a6a6);
	border:1px solid #555;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
}
.of-slider-handle {
	margin-top:-0.5em;
	display:block;
	border:1px solid #222;
	width: 1.6em;
	height: 1.6em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
	background: #40bef2; /* Old browsers */
	background: -moz-linear-gradient(top,  #40bef2 0%, #21b5ef 28%, #96d8f2 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40bef2), color-stop(28%,#21b5ef), color-stop(85%,#96d8f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #40bef2 0%,#21b5ef 28%,#96d8f2 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #40bef2 0%,#21b5ef 28%,#96d8f2 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #40bef2 0%,#21b5ef 28%,#96d8f2 85%); /* IE10+ */
	background: linear-gradient(to bottom,  #40bef2 0%,#21b5ef 28%,#96d8f2 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40bef2', endColorstr='#96d8f2',GradientType=0 ); /* IE6-9 */
}
.of-slider-handle a{
	border:none;
}
/* End VPS specific */
/* Overview Tabs */
.hosting-overview-tabs, .card-selection-tabs {
	width:100%;
	box-sizing:border-box;
}
span.overview-tab{
	display:none;
}
.overview-tab {
	float:left;
	width:25%;
	font-size: 0.8125em;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	overflow:hidden;
	display:block;
	border:1px solid transparent;
	border-top:4px solid transparent;
	border-bottom:0;
	cursor:pointer;
	padding:0.5em 0.2em;
	margin:0;
	box-sizing:border-box;
	position:relative;
}
ul.clear, ul.clear-overview {
	overflow:hidden;
	margin-bottom:-1px;
	display:block;
}
.overview-tab.active {
	border:1px solid #ddd;
	border-top:4px solid #51AD48;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom:0;
	margin-bottom:-1px;
	background:#fff;
}
.overview-tab-content {
	width:100%;
	padding:0;
	box-sizing:border-box;
	border:1px solid #ddd;
	display:none;
	overflow:hidden;
}
.overview-tab-content.visible {
	display:block;
}
.overview-tab-content.tab-content-1 img {
	max-width:100px;
}
.overview-tab-content:not(.tab-content-3) {
	padding: 3%;
}
.card-selection-tabs .overview-tab-content {
	border:none;
}
.card-selection-tabs .overview-tab.active {
	border:1px solid #999;
	border-top:4px solid #51AD48;
	margin-bottom:-1px;
	background:#f1f1f1;
}
.card-selection-tabs .overview-tab {
	width:calc(50% - 0.5px);
}
span.card-name-note {
	font-size:11px;
}
.card-selection-tabs .overview-tab-content .big-button {
	margin-left:2px;
}
.card-selection-tabs .overview-tab-content .big-button img {
	vertical-align:middle;
	max-width:55px;
}
.card-selection-tabs .overview-tab-content .big-button span.card-button-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
    line-height: 1.2;
	font-weight: bold;
}
}
.card-selection-tabs .tab-content-2.visible .general-form-box {
	border-top-right-radius:0;
}
.card-selection-tabs .tab-content-1.visible .general-form-box {
	border-top-left-radius:0;
}

.show-big-screen{
	display: none;
}

@media screen and (max-width: 800px) {
span.overview-tab{
	display:block;
}
.overview-tab, .card-selection-tabs .overview-tab {
	width:100%;
	border:1px solid #ddd;
	background:#fff;
	border-top:0;
	text-align:left;
	padding:0.8em 0.5em;
}
.overview-tab:after{
	content:"\25BC";
	left:90%;
	position:absolute;
	color:#bbb;
	font-size:0.75em;
}
.overview-tab.active {
	background:#f4f4f4;
	border-top:0;
	border-radius:0;
}
.overview-tab.active:after{
	content:"\25B2";
}
.overview-tab.tab-1,.overview-tab.tab-1.active{
	border-top:1px solid #ddd;
}
.overview-tab-content {
	border-radius:0;
	padding-top:0.5em;
}
.card-selection-tabs .overview-tab-content {
	padding-top:0;
}
.card-selection-tabs .tab-content-1 .general-form-box,  .card-selection-tabs .tab-content-2 .general-form-box {
	border-radius:0;
	background:#fff;
	border:none;
	margin-bottom:0;
}
.card-selection-tabs .tab-content-1, .card-selection-tabs .tab-content-2 {
	padding-bottom:1em;
	border:1px solid #999;
}
.card-selection-tabs .tab-content-1 .big-button, .card-selection-tabs .tab-content-2 .big-button {
	margin-left:3% !important;
}
.card-selection-tabs .overview-tab.tab-1 {
	border-top:1px solid #999;
}
.card-selection-tabs .overview-tab.tab-1.active  {
	border-top:4px solid #51AD48;
}
ul.clear-overview {
	display:none;
}
}
/* End Overview Tabs */
	
/* Mobile specific CSS */
@media screen and (max-width: 1280px) {
.additional-column {display:none;}
}
@media screen and (max-width: 1024px) {
.product-info-label{
	float: none;
	}
.main-image ul li {
	font-size:1rem;
}
.main-image a.big-button-alt  {
	margin-top:0;
}
.main-image .main-image-left .cta-arrow {
	margin-bottom:-2em !important;
}
.search_frame.home-wide {
	width:100%;
	margin:0;
}
.domain-info.home-wide {
	width:17%;
}
.general-form-box.home-wide {
	padding-bottom:0.5em !important;
}
.dreamhack-bottom {
	background: url(../images/landing/dreamhack/dreamhack-bottom-narrow.png) 50% 100% no-repeat;
	padding-bottom:9em;
}
.dreamhack-cheatcode {
	padding-left:24;
}
.of-half, .of-quarter {
	width:49.4%;
}
.of-search_frame {
	font-size:1.1em;
}
.additional-services-title {
	width:100%;
}
.additional-services-price {
	width:30%;
	text-align:left;
}
}
@media screen and (max-width: 828px) {
.content-banner.auto-payment{
	background-size: 3.5em;
    padding: 2.5% 3.5em;
    width: calc(100% - 7em);
	font-size: 0.9em !important;
	}
.of-half {
	width:100%;
}
.of-third, .of-quarter {
	width:100%;
	margin:0 0 0.5em 0;
	padding: 0.4em 0 0 0;
}
 .of-third.recommended-product .product-compare-box {
	width:96%;
	display:block;
	margin:0 auto;
}
.of-third.recommended-product {
	padding-bottom:0.4em;
}
.cart {
	padding:4%;
}
.of-extra {
	padding:4%;
}
.of-extra .quote-block span.quote{
	font-size: 0.77rem !important;
	line-height: 1.1rem !important;
	}
.of-extra .quote-block img{
	float: right !important;
	width: 6em !important; 
	margin-left: 1em !important;
	margin-right: 0 !important;
	}	
.of-choice-box {
	width:96%;
	left:2%
}
.additional-services-row {
	margin-bottom: 0.5em;
}
.no-mobile {
	display:none !important;
}
.no-desktop {
	display:block !important;
}
.cart-row-icon a{
	background: url(../images/icons/cross.svg) no-repeat scroll 100% 0% transparent;
	background-size:21px;
	width:22px;
	height:22px;
	display:block;
}
.add-to-cart-animate {
	position:absolute;
	display:block !important;
	left:0;
	width:98.3%;
	height:25px;
	-webkit-transform: translate(0px,-80px); 
	-moz-transform: translate(0px,-80px);
	-o-transform: translate(0px,-80px); 
	-ms-transform: translate(0px,-80px); 
	transform: translate(0px,-80px); 
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	opacity:0;
	visibility:hidden;
}
.main-image#home-nor {
	background-position:125% 100% !important;
}
.of-search_frame {
	width:100%;
}
.bluebutton, .bluebutton-alt {
	width:96%;
}
.cartpage-row-product {
	width:98%;
}
.cartpage-row-period {
	width:20%;
}
.cartpage-row-price {
	width:75%;
}
.of-dns-arrow-left {
	transform: rotateZ(270deg);
}
.of-dns-arrow-right {
	transform: rotateZ(90deg);
}
}
@media screen and (max-width: 828px) {
.main-image .main-image-left, .main-image#home .main-image-left {
	width:100% !important;
}
.main-image .main-image-right {
	width:100% !important;
	margin-left:0;
	text-align:center;
}
#domainname .domain-info {
	margin-bottom:0;
}
#domainname .general-form-box.home-wide .domain-info, .main-image#domainname .domain-info {
	font-size:0.875rem;
	padding-right:0.5em;
}
.main.home-wide {
	width:100% !important;
}
.domain-info.home-wide {
	width:24%;
}
.search_frame.home-wide input[type="text"] {width:77.5% !important;}
.main-image#home {
	background-size:45%;
	background: none;
}
.main-image-sticker {
	display:none;
}
.main-image .main-image-left .cta-arrow {
	display:none;
}
.main-image a.big-button-alt {
	margin-bottom:1em;
	margin-top:1em;
}
.main.home-wide .extra {
	width:50%;
}
.main.home-wide .extra:nth-child(3) {
	clear:left;
	padding-left:0;
}
.main.home-wide .extra ul li {
	white-space:normal;
}
.dreamhack-cheatcode {
	padding-left:22%;
}
.cart-row-icon:hover span {
	left:-12em;
	top:-0.5em;
}
}
@media screen and (max-width: 710px) {
.super-support-full-width {
	background:#1D9ACB;
}
.main-image#dreamhack {background-image:url(../images/landing/dreamhack/dreamhack-title-narrow.png);padding-top:27%}
.col1of2.move-to-loopia {background:#1d9acb;padding:0.5em;}
.move-to-loopia-smallscreen {display:inline-block;}
.move-to-loopia-bigscreen {display:none;}
.col1of2.move-to-loopia div {display:table;}
.col1of2.move-to-loopia div {width:18%;float:left;height:75px;}
.col1of2.move-to-loopia div:last-child {width:80%;float:left;}
.col1of2.move-to-loopia h2 {color:#fff;font-size:1.3em;display:table-cell;vertical-align: middle;line-height:1em;}
.col2of2.move-to-loopia h2 {display:none;}
.col1of2.move-to-loopia div span {display:table-cell;vertical-align:middle;}
.dreamhack-cheatcode {padding-left:21%}
.sidebar-block.support {background-size:25%;}
}
@media screen and (max-width: 600px) {
.sitebuilder-package-info td:first-child {text-align:center}	
.sitebuilder-info-widelabel {display:table-cell;padding-bottom:0;height:1em;}
.dreamhack-cheatcode {padding-left:35%;background-position:50% 100%;}
.content.dreamhack .inside-content {margin-top:0;}
.dreamhack-invalid .search:required:invalid {background:#fff url(../images/landing/dreamhack/dreamhack-domain-warning-smallscreen.png) 0 100% no-repeat}
.extra-col {
	width:98% !important;
	padding:0 !important;
}
.main {
	width:100% !important;
}
.orderflowimg {
	width:100%;
	text-align:center;
}
.of-domain {
	width:68%;
	margin-right:2%;
}
.of-status {
	height:42px !important;
}
.of-orderbutton {
	margin-top:-10px;
}
.of-fee {
	text-align:left;
}
.add-to-cart-animate {
	width:98%;
	height:50px;
}
.cartpage-row-total-label {
	width:58%;
}
.additional-services-selection {
	width:10%;
}
.additional-services-add-button {
	width:22%;
}
}
@media screen and (max-width: 540px) {
.main-image#home ul {
	margin-bottom:0.5em;
}
.domain-info.home-wide {
	font-size:0.75em;
}
.search_frame.home-wide input[type="text"] {
	width:66.5% !important;
}
.main-image#home {
	background-image:none;
}
a.big-button-alt, a.big-button, a.big-button-alt-inv {
	margin-top:0;
	margin-bottom:1em;
	width: 97%;
	box-sizing: border-box;
}
.main.home-wide .column1of2, .main.home-wide .column2of2 {width:100%;float:left;padding:5% 0;border-bottom:1px solid #ddd;border-left:none;border-right:none;}
.main.home-wide .extra {width:100%;}
.main.home-wide .column1of3, .main.home-wide .column2of3, .main.home-wide .column3of3 {width:100%;padding:2% 0;}
#gan-cta-addon {
	display:none;
}
}
@media screen and (max-width: 380px) {
	
.main-image#move-to-loopia .main-image-left {width:100% !important;}
.col1of2.move-to-loopia h2 {font-size:1.1em;}
.col1of2.move-to-loopia div {height:50px;}
.search_frame.home-wide input[type="text"] {width:60.5% !important;}
.domain-info.home-wide {width:23.5%;font-size:0.7125rem;}
.main-image ul li {font-size:0.875rem;}
.dreamhack-cheatcode {padding-left:25%}
.figure_right_big{width: 100%;}
.cartpage-row-total-label {
	width:53%;
}
.cartpage-row-total-price {
	width:35%;
}
}
/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	display: none;
}
/* Very large screen */
@media screen and (min-width: 2300px) {
	/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	min-width: 2300px;
}
body{
	background: #f1f1f1 url(../images/other/big-screen_en.png) top right no-repeat;
}
} /*/mediaquery*/

/* Widescreen specific CSS */
@media screen and (min-width: 1024px) {
	/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	min-width: 1024px;
	}
#page {
	width: 960px;
	}
.inside-content{
	padding: 0 3%;
	}
#search_bubble{
	margin-left: 25em;
	}
.hide-big-screen {
	display:none;
	}
.show-big-screen{
	display: block;
}
	
} /*/mediaquery*/

@media screen and (max-width: 1024px) {
.main_image_start_embed h4 {
	line-height: 1.45em;
	font-size: 0.85em;
	}
.main-image#payment-processor h1 {
	font-size:1.4em;
	}
#sitebuilder-view img {
	height:auto;
	}
#sitebuilder-view {
	margin: 2em auto 0 auto !important;
	left: 0;
	right: 0;
	top: 0;
	height:auto;
	}
.product-compare-box {
	padding:4%;
}
} /*/mediaquery*/

/* Small screen, mobile and tablet specific CSS */
@media screen and (min-width: 828px)  {
table.payment-processor .show-mobile {
	display:none;
	}
.hide-big-screen {
	display:none;
	}
} /*/mediaquery*/

@media screen and (max-width: 828px)  {
/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	max-width: 828px;
}
	
.main-image#ssl, .main-image#email-package {
	background-size: 200%;
}	
.config-label, .config-setting{
	font-size: 13px !important;
}
	
.general-form-box input, .general-form-box input[type=text], .general-form-box input[type=password], .more-config-settings-box input[type=text], .get-started-box input[type=text], .general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea, .general-form-box input[type=number], .more-config-settings-box input[type=number], .get-started-box input[type=number], .general-form-box input[type=tel], .more-config-settings-box input[type=tel], .get-started-box input[type=tel], .general-form-box input[type=email], .general-form-box input[type=url], .more-config-settings-box input[type=url], .get-started-box input[type=url], .search-form-box .search_frame input[type="text"], input[type=text], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=date], input[type=password], textarea{
	font-size: 16px !important;	
	}	
.config-setting .packages li{
	line-height: 1.5em;
	margin-bottom: 0.3em;
}
.package-start-image{
	float: none;
	width: 80%;
	margin-left: 15%;
}
.package-start-moreinfo {
	float: left;
	width: auto;
}
.package-start-order .btnHref{
	float: left;
	margin-right: 1em;
}
.package-start-box-1of2, .package-start-box-2of2{
	width: 44.6%;
}
.package-start-box-1of2 .package-start-image, .package-start-box-2of2 .package-start-image{
	margin-left: 0;
}
	
.leads-form .perc50{
	width: 100% !important;
	margin: 0;
}
.leads-form h2{
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: left;
}
	
#footer .col1of2, #footer .col2of2 {
	width: 100%;
}
#footer .textalign-right{
	text-align: left;
}
#footer .creditcard-logos{
	width: 50%;
}
.main_col1of2, .main_col2of2{
	width: 100%;
	float: none;
	margin: 0;
	display: inline;
}
.extra .fb-sidebar{
	height:72px;
}
a.support-icon,a:hover.support-icon {
	width: 29%;
	font-size: 0.6em;
}
.support-icon span{
	height: 2em;
}
.main .search_frame input[type="text"],.main .search_frame input[type="url"]{
	width: 87% !important;
}
.main .searched input[type="text"]{
	width: 69% !important;
}
.main .searched input[type="submit"]{
	font-size: 8px;
	width:20%;
	display: block;
	margin: 0.8em;
	float: right;
}
.main .search_frame_order input[type="text"], .main .search_frame_order input[type="url"]{
	width: 65% !important;
	box-sizing:border-box;
	font-size: 14px;
}
.main .search_frame_order input[type="submit"]{
	font-size: 15px;
	padding: 0.4em;
}
#search_bubble {
	margin-left: 4%;
}
.nps-grade00, .nps-grade01, .nps-grade02, .nps-grade03, .nps-grade04, .nps-grade05, .nps-grade06, .nps-grade07, .nps-grade08, .nps-grade09, .nps-grade10{
	float: left;
	width: 14%;
	padding: 1%;
}
.main_image{
	height: 285px;
	background-size: 500px;
}
.main_image_start{
	height: 269px;
}
.main_image_cta{
	bottom: -202px;
}
.main_image_start .main_image_cta{
	bottom: -200px;
}
.main_image_start_embed{
	background-size: 600px;
	height: 195px;
	background-position: right -5px;
}
.main_image_start_embed h1.main_headline{
	font-size: 1.25em;
	padding-bottom: 0.5em;
}
.main_image_start_embed h4 {
	line-height: 1.4em;
	font-size: 0.7em;
	width: 32%;
	margin-bottom: 0.5em;
}
.big-button-larger, .big-button, .big-button-alt {
	font-size: 15px !important;
	padding: 0.5em 1.2em !important;
}
.extra a.big-button {
	padding: 0.7em 3% !important;
}
.of-half {
	width: 100%;
}
.of-third {
	width: 100%;
}
.of-product-wrapper {
	width:87.5%;
}
.main-image#payment-processor {
	background-position:0 100%;
}
.main-image#payment-processor .main-image-left {
	width:100% !important;
}
.main-image#payment-processor img {
	max-width:100%;
}
table.payment-processor .show-mobile {
	display:block;
}
table.payment-processor .hide-mobile {
	display:none;
}
table.payment-processor td {
	text-align:center;
}
.hide-medium-screen {
	display:none !important;
}
.equalize-third {
	height:auto !important;
}
.of-quarter {
	width:100%;
}
.of-quarter.recommended-product-off {
	padding:0.2em 0;
}
} /*/mediaquery*/

@media screen and (min-width: 710px) {
/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	min-width: 710px;
}
.ytsm-wrapper .ytsm-description-text {
	height: auto;
}
}

/* Small screen specific CSS */
@media screen and (max-width: 710px)  {
/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	max-width: 710px;
}
#support-slider{
	display: none;
}
.ytsm-wrapper .ytsm-description-text {
	height: 50px;
}
.content .main {
	width: 60%;
}
.package-start-box, .package-start-box-3{
	padding: 3.9%;
	margin: 0em 0 1em 0%;
	width: 92%;
	min-height: 0;
}
.package-start-image{
	float: right;
	width: 40%;
	margin-left: 5%;
}
.extra-col{
	width: 30%;
	padding-left: 3%;
}
.content-banner{
	font-size: 1em !important;
}
.config-setting .error-box, .config-setting .success-box, .config-setting .warning-box, .config-setting .confirm-box, .config-setting .info-box{
	margin-left: 0;
}
.figure_right{
	width: 43%;
}
.figure_right_start, .campaign-box-start	.figure_right_start{
	width: 7.5em;
	margin-bottom: 0;
}
.info-step-box{
	font-size: 0.9em;
}
.main .col1of2, .main .col2of2{
	width: 100%;
	margin: 0 0 0.2em 0;
}
.config-label, .config-setting {
	width:  97% !important;
	min-height: 0;
	margin: 0.2em 0;
}
.product-box .config-label.config-label-image {
	float: right;
	clear: none;
	width: 30% !important;
}
.product-box .config-setting {
	float: left;
	width: 65% !important;
}
.more-config-settings-box input[type=text], .get-started-box input[type=text], .more-config-settings-box input[type=url], .get-started-box input[type=url]{
	width: 79%;
}
.more-config-settings-box .extra-user input[type=text]{
	width: 74%;
}
.config-setting select{
	width: 85%;
}
.config-setting-row-additional{
	margin-left: 0;
	width: 100%;
}
.general-form-box input[type=text], .general-form-box input[type=password], .more-config-settings-box input[type=text], .get-started-box input[type=text], .general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea, .general-form-box input[type=number], .more-config-settings-box input[type=number], .get-started-box input[type=number], .general-form-box input[type=tel], .more-config-settings-box input[type=tel], .get-started-box input[type=tel], .general-form-box input[type=email], .general-form-box input[type=url], .more-config-settings-box input[type=url], .get-started-box input[type=url], .more-config-settings-box input[type=password] {
	width: 75%;
	margin: 0 0 0.7em 0;
}
a.support-icon,a:hover.support-icon {
	width: 25%;
	margin: 0.5em 4%;
}
.order-form-packages .config-label{
	width:30% !important;
	margin-right: 2%;
}
.order-form-packages .config-setting{
	width: 67% !important;
}
.order-form-packages ul.packages, .product-box ul.packages{
	width: auto;
	float: none;
}
.config-setting.perc100 {
	width: 100% !important;
}
.carousel-item p, .campaign-box-start p, .carousel-nav-paginated li a{
	font-size: 0.75em !important;
}
.carousel-item .big-button, .carousel-item .big-button-alt, .campaign-box-start .big-button, .campaign-box-start .big-button-alt{
	font-size: 0.9em !important;
}
.invoice-preview{
	font-size: 14px;
}
.table-specs-small-screen td, .invoice-preview td{
	font-size: 0.9em;
	line-height: 1.3em;
	word-break: normal;
}
.table-specs-small-screen td{
	text-align: center;
}
#domain_group td{
	font-size: 0.95em;
	line-height: 1.2em
}
#domain_group td input{
	font-size: 1.5em;
}
.show-small-screen{
	display: block !important;
}
.hide-small-screen{
	display: none !important;
}
.ytsm-description .ytsm-description-text {
	height: 8em;  /* Can be any value depending on how much you want to show */
	overflow: hidden;
}
.rs-payment-brand-content  .rs-payment-brand-section{
	clear: both;
	margin-bottom: 0.5em;
	width: 100%;
}
.campaign-box{
	font-size: 1.1em;
}
.product-wrapper-half-left, .product-wrapper-half-right {
	width:94%;
	margin-right:0 !important;
}
.product-wrapper-third, .product-wrapper-third-last {
	width:96%;
	margin-right:0 !important;
}
.cookie-info p {
	font-size:0.75rem !important;
}
.main_image_start_embed .main_image_cta {
	bottom: -130px;
	position: relative;
}
.bankid-status-content {
	width:98%;
}
.col1of2.do-it-for-you {
		text-align:center;
		margin-bottom:10px;
}
.col2of3 {
	width:100%;
	margin-bottom:15px;
}
	
.list-tag, .list-tag-alt {	
	width: calc(100% - 1.6em);
	margin: 0.5em 0 0 0;
	border-top-left-radius: 0.3em !important;
	border-bottom-left-radius: 0.3em !important;
	padding: 0.05em 0.8em 0.05em 0.8em !important;
	text-align: center;
} 

}/*/mediaquery*/ /* Code that respond.js needs (media queries hack that makes older browsers IE8, FF2 etc compatible with min- and max-width)  */

/* Tablet specific CSS */
@media screen and (max-device-width: 1024px)  {

body{
	font-size:120%;
	}
	.headshot-small{
		width: 105px;
		float: right;
		margin-right: 0;
		margin-left: 1em;
	}	
} /*/mediaquery*/

/* Mobile specific CSS */
@media screen and (max-width: 600px) {

	
/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	max-width: 600px;
}
	
.col1of3{width: 100%;}
.col2of3, .col3of3{width: 100%;}
.col1of2{width: 100%; float: none;}
.col2of2{width: 100%; float: none; margin-left: 0%;}	
	
.get-started-box h1, .start-box h1{
	font-size: 1.4em;
}
.get-started-box {
	width: 96%;
}
.general-form-box h4{
	font-size: 0.9em;
}
.carousel-item h1, .campaign-box-start h1{
	font-size: 1.2em;
	line-height: 1.2em;
}
#logo{
	margin: 17px 0 0 0.8em;
	width: 135px;
}
#top-banner{
	display: none;
}
#login_form_box, #logout_form_box{
	top: 0;
	right:0;
	margin:0;
	width:100%;
	box-sizing:border-box;
	border:0;
	position:relative;
	border-radius:0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden;
}
#login-btn-general, #logged-in-user{
	display: inline-block;
}
#login-btn-cz, #login-btn-rz, #login-btn-webmail{
	display: none;
}
.config-setting-table-row{
	font-size: 12px;
}
#search_box{
	margin-top: 7px;
}
#footer .perc50footer {
	width: 98%;
}
#footer .right {
	float: left;
	text-align: center;
}
#footer .left {
	float:left;
	text-align: center !important;
}
#footer .left img{
	max-width:200px;
	margin: 0 0 10px 0;
}
.perc100mobile{
	width:100% !important; clear: both; display: inline-block;
}
a.btneyescan {
	display:none;
}
#eyescan {
	display: none;
}
.product-wrapper-half-left, .product-wrapper-half-right {
	width:94%;
	margin-right:0 !important;
}
.product-wrapper-third, .product-wrapper-third-last {
	width:96%;
	margin-right:0 !important;
}
.quote_link{
	display: block;
	float: none;
}
.search_frame input[type="text"], .search_frame input[type="url"], .extra .search_frame input[type="text"], .extra .search_frame input[type="url"]{
	font-size: 13px;
}
.main .search-form-box-start .search_frame_order input[type="submit"]{
	width: 5em !important;
}
ul.step-by-step li a {
	font-size: 16px;
}
#main_menu{
	overflow: hidden;
	margin: 0 0 1.5em;
}
#main_menu ul {
	display: none;
	z-index: 10;
	float:initial;
	overflow:hidden;
}
#main_menu ul li a {
	display:block;
	float: left;
	padding: 1em;
	margin: 0;
	background: #ececec;
	color: #888;
	width:100%;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
	overflow:hidden;
}
#main_menu ul li a.active{
	font-weight:bold;
	border-bottom: 1px solid #ccc;
}
.main_menu_mobile {
	position:fixed;
	z-index:9;
	top:0;
	display:block;
	width:100%;
	overflow:hidden;
	background:#881905;
	background-image: url(../images/header/header_bg.png); 
	float:left;
	padding:1em 1em 0.5em 1em;
	margin-top:0;
	box-sizing:border-box;
	min-height:65px;
	/*-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;*/
}
.thismenu {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
.main_menu_mobile #logo, .main_menu_mobile_initial #logo{
	float:left;
	margin: -0.3em 0 0 0;
	width:40%;
	max-width:135px;
}
.main_menu_mobile_icon {
	float:right;
	box-sizing:border-box;
	text-decoration:none;
	margin-right:7%;
}
.main_menu_mobile_icon#menu-btn {
	margin-right:0;
	margin-top:0.1em;
}
.main_menu_mobile_icon img {
	width:24px;
}
.main_menu_mobile_icon.cart-btn img {
	width:30px;
}
a.cart-btn {
	opacity:1;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-ms-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
}
a.cart-btn-animated.cart-btn {
	opacity:0;
}
#main_menu_left_button {
	display: block;
}
#main_menu_right_button {
	display: block;
}
#page{
	margin: 0;
	width: 100%;
}
#footer{
	width: 93.8%;
	padding: 0.5em 1.5% 0 2.5%;
}
.inside-content{
	margin-top: 1em;
}
.content, #main_menu, #header{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
}
.content .main {
	width: 100%;
	margin: 0;
}
.content .extra {
	padding: 4%;
}
.extra-col{
	float: none;
	width: 100%;
	padding: 0;
}
.extra .social{
	width: 75%;
	margin: 0 auto;
}
.package-start-box h2{
	font-size: 1.4em;
	margin: 0;
}
.package-start-box{
	padding: 4.9%;
	margin: 0 0 1em 0;
	width: 88%;
}
.package-start-image{
	width: 38%;
}
.extra .fb-sidebar-large{
	height:165px;
	border:0;
}
.figure_right{
	width: 45%;
}
.figure_right_start{
	width: 8em;
}
.info-step-box{
	font-size: 0.8em;
}
.table-sub-title{
	font-size: 0.8em;
}
.table-specs td, .invoice-preview td{
	line-height: 1.3em;
	word-break: normal;
}
.table-specs-mobile td{
	text-align: center;
}
#video-view, #sitebuilder-view, #sitebuilder-demo-modal {
	margin-left: 0 !important;
	left: 0;
	top: 0;
	margin-top: 2em !important;
}
#video-view, #sitebuilder-view, #sitebuilder-demo-modal {
	margin-left: 0;
	margin-right: 0;
	padding: 0.7em 1.1em 2.1em 1.1em;
}
#sitebuilder-view, #sitebuilder-demo-modal {
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.word-wrap-mobile{
	word-wrap: break-word;
	word-break: break-all;
}
.show-mobile{
	display: block !important;
}
.hide-mobile{
	display: none !important;
}
.dp-highlighter{
	width: 320px !important; /*Code window on API-pages. Unknown reason why flexible with doesn´t work in narrow browser windows */
}
.orderform-service-header h2 span{
	font-size: 0.95em !important;
	margin-top: 0.5em;
	display: inline-block;
}
.order-form-packages{
	margin-bottom: 0.5em;
}
#popup_close, .backBtnPopup{
	height: 15px;
	width: 15px;
	padding: 0.5em;
}
#popup_close span, .backBtnPopup span{
	display: none;
}
.backBtnPopup{
	margin-right: 0.4em;
}
.main_image{
	background-size: 560px;
}
.main_image_start{
	background-size: 560px;
}
.main_image_start_embed{
	background-size: 800px;
	height: 255px;
}
.main_image_start_embed .main_image_cta {
	bottom: -180px;
}
.cart-modal {
	width:100%;
	padding:1em;
	position:initial;
	border-radius:0;
	right:0;
}
.cart-modal .cart-modal-scroll {
	max-height: 300px;
	overflow: auto;
}
.close-button {
	width:32px;
}
	
.discount-price{
	font-size: 1em;
}	
} /*/mediaquery*/


/* Even narrower screen specific CSS */
@media screen and (max-width: 380px) {

/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
	max-width: 380px;
}
#home-package-expand, #business-package-expand, #plus-package-expand{
	display: none;
}
#home-package-expand-btn, #business-package-expand-btn, #plus-package-expand-btn{
	display: block;
}
#home-package-expand-more, #business-package-expand-more, #plus-package-expand-more{
	display: none;
}
.get-started-image-large{
	width: 100%;
	float: none;
	margin-left: 0;
}
.main_col1of3, .main_col2of3, .main_col3of3 {
	width: 100%;
	float: none;
	margin-right: 0;
}
.figure_right_start{
	width: 37%;
	margin-bottom: 0;
}
.hide-narrow{
	display: none !important;
}
.rs-payment-brand .rs-payment-brand-item{
	width: 50px;
}
#find_your_services_arrow{
	width: 7em;
	margin-top: -2.5em;
}
.main_image{
	height: 201px;
	background-size: 353px;
}
.main_image_start{
	height: 190px;
}
.main_image_cta{
	bottom: -120px;
}
.main_image_start .main_image_cta{
	bottom: -134px;
}	
.main_subheadline{
	font-size: 0.8em;
	line-height: 1.4em;
}
.main_image_start_embed{
	background-size: 580px;
	height: 190px;
	margin-bottom: 0.6em;
}
.main_image_start_embed .main_image_cta {
	bottom: -128px;
}
.contact-table .waitingtime{
	float: none;
}
.contact-table .waitingtime .call_queue_status{
	float: inherit;
	display: block;
}
.contact-table .middle {
width: 30%;
}
} /*/mediaquery*/


/* Mobile specific for landscape mode */
@media screen and (max-device-width: 640px) and (orientation:landscape){
/* Mindre text i landksapsläge på Iphone. Hur påverkar detta Android och andra små enheter? */
p{
	font-size: 80%;
}
.package-start-info, .package-start-box li, .content .extra li{
	font-size: 0.6em;
	line-height: 1.5em;
}
} /*/mediaquery*/

/* Desktop specific  */
/* ????? bättre med min-width ????? */
@media screen and (min-device-width: 1024px)  {
/* Make the GUI more slim on desktop devices */
/**/
.top-bottom-padding{
	padding: 0.3em 0 !important;
}
.config-setting-table-row{
	padding: .1em 0 0.1em 0;
}
	/**/
} /*/mediaquery*/


/*NEW CHECKOUT FORM DESIGN AFTER AB-TEST*/	
.ab-temp.general-form-box{
	padding: 0;
	border: 0;
	background: #f2f2f2;
	float: left;
	width: 100%;
}
.ab-temp .config-row{
	border: 0;
	/*border: 1px solid #D3D3D3;
	margin-bottom: -1px;*/
	padding: 5px 0;
	max-width: 430px;
}
.ab-temp .config-label{
	width: 100% !important;
	font-size: 11px !important;
	font-weight: normal;
	margin-bottom: 0.3em;
	padding: 0 5px 0 0;
	/*inline label*/
}
.ab-temp .config-setting{
	width: 100% !important;
	/*inline label*/
	/*margin-bottom: -29px;*/
	z-index: 1;
	border: 1px solid #D3D3D3;
}
.ab-temp .config-setting a{
	float: right;
	margin-right: 0.5em;
}
.ab-temp .config-row.invoice-address a{
	float: none;
	margin-right: 0;
}
.ab-temp .config-row input{
	border: 0;
	width: 100% !important;
	padding: 10px !important;
	margin-bottom: 0;
	/*inline label*/
}

.ab-temp .config-row input[type="radio"], .ab-temp .config-row input[type="checkbox"]{
	width:  auto !important;
	margin-right: 0.5em;
}
.ab-temp select{
	-webkit-appearance: none;
	margin: 3px 5px;
	width: calc(100% - 10px);
	background: #fff;
	border: none;
	font-size: 14px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	/*inline label*/
}
.ab-temp .config-row.zip{
	width: calc(40% - 2px);
	max-width: 172px;
	float: left;
	margin-bottom: 5px;
	/*inline label*/
	margin-bottom: 6px;
	width: calc(40%);
}
.ab-temp .config-row.city{
	width: calc(60% - 1px);
	max-width: 250px;
	float: left;
	border-left: 0;
	margin-bottom: 5px;
	/*inline label*/
	width: 60%;
	width: calc(60% - 8px);
	margin-left: 8px;
}
.ab-temp .config-row.invoice-address{
	border: 0;
	padding: 0;
	margin-top: 2px;
	max-width: 430px;
	text-align: right;
	/*inline label*/
	position: relative;
	margin-bottom: 0px;
    background: transparent;
}
.ab-temp .config-row.country{
	clear: both;
}
.ab-temp .config-row.country .config-setting{
		background: #fff;
}
.ab-temp .config-row.invoice-address .config-setting{
	/*inline label*/
	border: 0;
}
.ab-temp .config-row.invoice-address .config-label{
	display: none;
}
.ab-temp .error, .ab-temp .error-message{
	background: #D0011B;
	color: #fff;
	padding: 1px 5px;
	font-size: 11px;
}
.ab-temp .of-unverified{
	box-shadow: none !important;
	background-color: #ffeeee !important;
	border: 0 !important;
	background-size: 20px;
}
.ab-temp .config-setting .of-verified{
	box-shadow: none !important;
	background-color: #fff !important;
	border: 0 !important;
	background-size: 20px;
}
.terms-form-box .config-row{
	border: 0;
	margin-bottom: 0 !important;
}
/* Proof list special */
.ab-temp.general-form-box{
	float:  left;
	width: calc(65% - 1em);
	padding: 1em;
}
.proof-list{
	margin-top:  7em;
	background: #ececec;
	background: none;
	padding: 0.5em 0.9em;
	width: calc(27% - 1em);
	float:  right;
}
.proof-list ul li{
	color: #555;
	font-size: 14px;
    line-height: 1.2em;
    background: url(https://static.loopia.se/responsive/images/cz_objects/yes.svg) 0 0.5em no-repeat;
    background-size: 16px 16px;
    padding: 0.5em 0 0.5em 1.5em;
    margin: 0.5em 0.25em;
}
#order-submit{
	clear: both;
}
@media screen and (max-width: 920px) {
	.proof-list{	display: none;}
	.ab-temp.general-form-box{width: calc(100% - 2em);}
}
/* /END Proof list special */

.migration-banner {
	background:#222;
	min-height:125px;
	color:#fff;
	padding:30px 0;
	box-sizing:border-box;
}
.migration-banner-content {
	width:960px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.migration-text {
	width:50%;
}
.migration-logo {
	max-width:230px;
}
.migration-banner-content h3 {
	color:#fff;
	font-size:20px;
	font-weight:600;
	margin-bottom:5px;
}
.migration-banner-content p {
	margin: 0;
	font-size:15px;
}
.migration-banner-content a {
	color:#00AC68 !important;
	border:3px solid #00AC68;
	padding: 8px 32px;
	border-radius:3em;
	text-decoration:none;
	white-space: nowrap;
}

.migration-banner.sed{
	background: #fff;
	color: #000;
	-webkit-box-shadow: 0 1px 10px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 10px 2px rgba(0,0,0,0.4);
}

.migration-banner.sed .migration-banner-content h3 {
	color:#000;
}

.migration-banner.sed .migration-banner-content a{
	color:#fff !important;
	background: #03aacd;
	border: 0;
	border-radius: 5px;
}

.migration-banner.info{
	background: #FFDC50;
	color: #000;
	border-bottom: 1px solid #999 !important;
	border-top: 1px solid #999 !important;
	min-height: 0;
}

.migration-banner.info .migration-text{
	width: 100%;
}

.migration-banner.info p{
	font-size: 12px;
}

.migration-banner.info .migration-banner-content h3 {
	color:#000;
}

.migration-banner.info .migration-banner-content a{
	color:#1D9ACB !important;
	border: 0 !important;
	padding: 0 !important;
	border-radius:0 !important;
	text-decoration: underline !important;
	white-space: normal !important;
}



@media (max-width:1023px) {
.migration-banner-content{
	width: 90%;	
	}
}
@media (max-width:767px) {
.migration-banner-content {
	flex-wrap:wrap;
}
.migration-text {
	width:100%;
	margin-bottom:20px;
}
.migration-logo {
	max-width:40%;
}
.migration-logo img {
	max-width:100%;
}
}

/* .rs payment addon */
.content-payment-processor-addon {
	padding:1rem 0;
}
.content-payment-processor-addon .main {
	min-height:auto;
	margin-top:0;
}
.content-payment-processor-addon img {
	height:23px;
	width:auto;
}
.content-payment-processor-addon .extra-col {
	text-align:right;
}
.content-payment-processor-addon .extra-col a {
	margin-left:0.75rem;
}
@media only screen and (max-width:768px) {
.content-payment-processor-addon .main {
	margin-bottom:1.5rem;
}
.content-payment-processor-addon .main, .content-payment-processor-addon .extra-col {
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
}
/* end rs. payment addon */

/* Renewable energy */
i.fa.fa-leaf {
	color:#31a040;
}
.icon-leaf {
	border-radius:0 !important;
}
.figure_right_small .icon-leaf {
	max-width:80%;
}
.footer-language {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	clear:both;
	justify-content:space-between;
	padding-top:8px;
	border-top:1px solid #bbb;
	margin-top:8px;
}
@media (max-width:767px) {
	.footer-language {
		flex-direction:column-reverse;
		text-align:center;
	}
}
.table-specs i.fa.fa-leaf {
	font-size:16px;
}
.figure_right_small.icon-bolt {
	width:15%;
	max-height:100px;
}
@media (min-width:768px) {
	.sb-switch {
		width:50% !important;
	}
}

.general-form-box label {
	display:initial;
}