/*
	Theme Name: Webspace.at sixteen
	Description: Bootstrap theme for Webspace.at
	Author: Robert Mayer (r.mayer@grasl.eu)
	Version: 1.0
*/

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900);


/* ==========================================================================
   general rules
   ========================================================================== */

body{
	background: #f3f3f3;	
	font-size: 16px;
}

html, body, input, textarea, select, button{
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
	color: #333;
}

a{
	color: #333;
	text-decoration: underline;	
}

a.nu{
	text-decoration: none;	
}

*[data-href]{
	cursor: pointer;	
}

p{
	margin-bottom: 1em;	
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #d2d2d2;
}

code{
	background: #f0f0f0;
	color: #036;	
}

section{
	padding: 40px 0;
}

.gap-2em{
	height: 2em;
}
.gap-3em{
	height: 3em;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 14px;
}

h2 .icon-left{
	vertical-align: -6px;
}
h3 .icon-left{
	vertical-align: -5px;
}

.text-tiny{
	font-size: 72%;	
}

/* text weight */
.text-bold{
	font-weight: 700;
}
.text-boldblack{
	font-weight: 900;
}

/* MISC */
.cursor-wait{
	cursor: wait !important;
}

/* colors */
.text-blue{
	color: #3782c6;
}
.text-green{ /* jetzt black */
	color: #27b04c;
}
.text-logogrey{
	color: #444545;
}
.text-orange{
	color: #30d65c;
}
.text-grey{
	color: #a2a2a2;
}
.text-lightgrey{
	color: #cecece;
}
.text-darkgrey{
	color: #797979;
}
.text-white{
	color: #fff;
}
.text-red{
	color:#BB0000;
}


/* backgrounds */
.bg-white{
	background: #fff;	
}
.bg-blue{
	background-color: #3981c7;
}
.bg-green{
	background-color: #27b04c;
}
.bg-orange{
	/*background-color: #30d65c;*/
	background-color:#30d65c;
}
.bg-grey{
	background-color: #f3f3f3;
}
.bg-yellow{
	background-color: #ffcf39;
}
.bg-yellow.border-white{
	border: 4px solid #fff;
}

.bg-white.border-top{
	border-top: 5px solid #f3f3f3;
}
.bg-hexa-grey-big{
	background: #f3f3f3 url(../img/bg-hexa-grey-big.png) repeat-x center bottom;	
}
.bg-hexa-grey-medium{
	background: #f3f3f3 url(../img/bg-hexa-grey-medium.png) repeat-x center bottom;	
}
.bg-hexa-grey-tiny{
	background: #f3f3f3 url(../img/bg-hexa-grey-tiny.png) repeat-x center bottom;	
}
.bg-hexa-grey-top{
	background: #fff url(../img/bg-hexa-grey-top.png) repeat-x center top;	
}

.bg-shadow{
	padding-bottom: 20px;
	background: url(../img/bg-shadow.png) no-repeat center bottom;
	background-size: 100% 238px;
}

.img-grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* message, feeback */
.msg{
	margin-bottom: 1.8em;
	padding: 20px 12px;
	border-left: 6px solid #999;
	background: #f3f3f3;
	animation: msg_success_in 0.5s ease-in;
}

.msg p{
	margin-bottom: 0;
}

.msg-success{
	border-color: #30d65c;
}
.msg-success.off{
	background-color: #30d65c;
}

@keyframes msg_success_in{
	10%		{ background: #30d65c; border-color: #fff; }
	100%	{ background: #f3f3f3; border-color: #30d65c; }
}

/* borders */
.border-top{
	border-top: 1px solid #c8c8c8;	
}
.border-right{
	border-right: 1px solid #c8c8c8;	
}
.border-bottom{
	border-bottom: 1px solid #c8c8c8;	
}
.border-left{
	border-left: 1px solid #c8c8c8;	
}


/* shadows, opacity */
.shadow-small{
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.shadow-big{
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.hover-alpha50:hover{
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: 0.50;
	-moz-opacity: 0.50;
    filter: alpha(opacity=5);
	opacity: 0.50;	
}


/* icons */
ul.check-list{
	margin-bottom: 1.2em;
	padding-left: 18px;
	list-style: none;
}
ul.check-list li{
	padding-bottom: 0.3em;
}
ul.check-list li:before {
    font: normal normal normal 80% FontAwesome;
    content: "\f00c";
    float: left;
    margin-top: 4px;
    margin-left: -17px;
}


/* transitions */
.ease-out, .form-control, .btn, .navbar a, .tabs li a, 
.page-footer a, #footer_nav ul li:before{
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -kthtml-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ease-in{
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}





/* ==========================================================================
   bootstrap specific rules
   ========================================================================== */


.alert,.badge,.breadcrumb,.btn,.btn-link,.carousel-indicators li,.dropdown-menu,.form-control,.icon-bar,.img-circle,.img-rounded,.img-thumbnail,
.input-group-addon,.input-group-btn,.jumbotron,.label,.modal-content,.nav-pills a,.nav-tabs a,.navbar,.navbar-toggle,.pager *,.pagination,.panel,
.popover,.popover-title,.progress,.thumbnail,.tooltip-inner,.well,code,kbd,pre{
		border-radius: 0 !important; /* remove rounded borders */
}

.no-margin{
	margin: 0 !important;
}
.no-margin-top {
    margin-top: 0px!important
}
.margin-top {
    margin-top: 1em !important
}

.no-padding-horizontal{
	padding-left: 0 !important;	
	padding-right: 0 !important;	
}
.no-padding-left{
	padding-left: 0 !important;	
}
.no-padding-right{
	padding-right: 0 !important;	
}
.padding-left{
	padding-left: 1em;
}
.padding-horizontal{
	padding-left: 1em;
	padding-right: 1em;	
}
.padding-vertical{
	padding-top: 1em;
	padding-bottom: 1em;	
}


/* buttons */
.btn{
	color: #fff;
	background: #30d65c;
	border: none;
	border-bottom: 3px solid #27b04c;
	text-decoration: none;
}
.btn:hover{
	background: #6af18d;
	border-color: #52e177;
}

.btn-primary{
	background: #4aaec5;
	border-color: #2494ae;
}
.btn-primary:hover{
	background: #72dae5;
	border-color: #38ceda;
}

.btn-success{
	background: #30d65c;
	border-color: #7ca707;
}
.btn-success:hover{
	background: #bdd82b;
	border-color: #abc80a;
}

.btn-info{
	background: #3e698e;
	border-color: #11334b;
}
.btn-info:hover{
	background: #7a9dbb;
	border-color: #11334b;
}
.btn-light{
	background: #cccccc;
	border-color:#999999;
}
/*
.btn-warning{
	background:#30d65c;
	border-color:#27b04c;
}
.btn-warning:hover{
	background: #6af18d;
	border-color: #52e177;
}
.btn-warning:active{
	background: #6af18d;
	border-color: #52e177;
}
.btn-warning:focus{
	background: #6af18d;
	border-color: #52e177;	
}*/

.btn-warning{color:#fff;background-color:#30d65c;border-color:#27b04c}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#6af18d;border-color:#52e177}.btn-warning:hover{color:#fff;background-color:#6af18d;border-color:#52e177}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#6af18d;border-color:#52e177}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#6af18d;border-color:#52e177}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#30d65c;border-color:#27b04c}.btn-warning

.bg-orange .btn-warning{
	background: #27b04c;
	border: none;
}

.btn-white{
	color: #333;
	background: #fff;
	border: none;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 8px 13px;
    font-size: 18px;
	font-weight: bold;
	border-bottom-width: 4px;	
}

.btn i.fa{
	margin-right: 4px;	
}

.dropdown-menu{
	border: none;	
}

label{
	font-weight: normal;	
}

.form-horizontal .control-label{
    text-align: left;
}

.form-group.search-input{
	position: relative;	
}

.form-group.search-input:after{
	position: absolute;
	right: 8px;
	top: 8px;
    font: normal normal normal 100% FontAwesome;
    content: "\f002";
	color: #cecece;
}


/* tables */
.table{
	border-bottom: 1px solid #ddd;
}

.table-no-borders,
.table-no-borders>tbody>tr>td,
.table-no-borders>tbody>tr>th,
.table-no-borders>tfoot>tr>td,
.table-no-borders>tfoot>tr>th,
.table-no-borders>thead>tr>td,
.table-no-borders>thead>tr>th {
    border: none;
}

.table-no-border-bottom{
	border-bottom: none;
}

.table-no-border-top tr:first-child td,
.table-no-border-top tr:first-child th {
	border-top: none !important;
}

th[scope="row"]{
	font-weight: normal;
}

.table-hover tr:hover td.bg-grey{
	background-color: #e7e7e7;
}

.bg-yellow table,
.bg-yellow td{
	border-color: #d4cb89 !important;	
}

.bg-yellow .table-hover tr:hover td{
	background-color: #f2ebb9;
}

thead, .thead{
	border-top: none !important;	
}

tfoot, .tfoot{
	border-bottom: none !important;
	border-top: 1px solid #d2d2d2;	
}


/* modals */
.modal-width-670{
	min-width: 670px;	
}

.modal-header{
	padding: 11px;
}

.modal-header .close{
	font-size: 28px;
}


/* tabs */
.nav-tabs>li>a {
    background: #ebebeb;
	text-decoration: none;
}

.tab-content{
	margin-bottom: 1em;
	padding: 12px;	
	border: 1px solid #ddd;
	border-top: none;
}


/* tabs vertical */
.tabs-vertical,
.tabs-vertical li{
	margin: 0;
	padding: 0;
	list-style: none;	
}

.tabs-vertical{
	position: relative;
	z-index: 2;
	right: -1px;
}

.tabs-vertical li.active{
	border: 1px solid #d2d2d2;
	border-right-color: #fff;
}

.tabs-vertical li a{
	display: block;	
	margin-left: 30px;
	padding: 12px 0;
	color: #797979;
}
.tabs-vertical li.active a{
	color: #3981c7;
}

.tabs-vertical li .checkbox{
	float: left;	
	margin: 13px 0 0 8px;
	padding: 0;
}

.tabs-vertical li h3{
	margin: 0;
}

.tab-content-vertical {
    border-top: 1px solid #ddd;
}





/* ==========================================================================
   content specific rules
   ========================================================================== */


/* page header */
.page-header-icon{
	margin-bottom: 24px;	
}

.page-header-icon h1,
.page-header-icon h3{
	margin-left: 120px;
	margin-bottom: 0;	
}

.page-header-icon h1{
	margin-top: 29px;	
}

.page-header-icon img{
	float: left;
}


/* price tag */
.price-tag {
	display: inline-block;
	position: relative;
	margin-right: 8px;
	background: #ffffff;
	border: 1px solid #27b04c; /*#30d65c;*/
	font-weight: bold;
}

table .price-tag{
	height: 24px;
	padding: 1px 3px 1px 5px;
	line-height: 24px;
}

.price-tag:after, .price-tag:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.price-tag:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 11px;
	margin-top: -11px;
}
.price-tag:before {
	border-color: rgba(240, 115, 81, 0);
	border-left-color: #27b04c; /*#30d65c;*/
	border-width: 12px;
	margin-top: -12px;
}

.price-tag sup{
	top: -0.4em;	
}

table price-tag{
	border: 1px solid #27b04c; /*#30d65c;*/
}

.price-tag.text-white{
	background: #27b04c; /*#30d65c;*/
}
.price-tag.text-white:after {
	border-left-color: #27b04c; /*#30d65c;*/
}

h2.price-amount{
	font-size: 40px;
	margin-bottom: 2px;
}

h3.price-amount{
	margin-bottom: 0;
	line-height: 100%;
}
.table-products h3.price-amount{
	line-height: 80%;
}

.price-amount sup{
	font-size: 50%;
	letter-spacing: 0;
}

.price-amount small{
	color: inherit !important;
	font-size: 80%;
	font-weight: normal !important;
}

.price-period{
	font-size: 12px;	
}

.price-amount.price-xlarge{
	position: relative;
	display: inline-block;
	font-size: 80px;
	letter-spacing: -3px;
}

.price-amount.price-xlarge .price-period{
	position: absolute;
	bottom: 17px;
	right: -10px;
	font-weight: normal;
	letter-spacing: 0;
}

.label-special-price{
	padding: .2em .6em;
	background: #27b04c; /*#30d65c;*/
}


/*-----------------------   HOME   -----------------------*/

#home_slideshow{
	position: relative;
	padding: 0;	
}

#home_slideshow:after{
	content: " ";
	position: absolute;
	z-index: 90;
	top: 0;
	left: 0;
	right: 0;
	height: 47px;
	background: url(../img/swiper-blend-top.png);	
}

#home_slideshow .swiper-slide a{
	display: block;	
}

#home_slideshow .swiper-slide img{
	width: 100%;
	height: auto;
}

#home_slideshow .swiper-slide figure{
	position: relative;
}

#home_slideshow .swiper-slide figcaption{
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
}

#home_slideshow .swiper-slide figcaption h2{
	margin-bottom: 0.4em;
	font-size: 40px;
	color: #fff;
}
#home_slideshow .swiper-slide figcaption h2 span{
	padding: 1px;
	white-space: pre-wrap;
	background: #3782c6;
	box-shadow: 4px 0 0 #3782c6, -4px 0 0 #3782c6;
}

#home_slideshow .swiper-slide figcaption p{
	font-size: 120%;
	line-height: 40%;
	color: #fff;
}
#home_slideshow .swiper-slide figcaption p span{
	padding: 1px;
	white-space: pre-wrap;
	background: #444545;
	box-shadow: 4px 0 0 #444545, -4px 0 0 #444545;
}

.swiper-slide figcaption.off{
	margin-left: 100px;
	-ms-filter: "alpha(opacity=10)";
	-khtml-opacity: 0.10;
	-moz-opacity: 0.10;
    filter: alpha(opacity=10);
	opacity: 0.10;	
}
.swiper-slide figcaption.on{
    -webkit-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -kthtml-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

#home_slideshow .swiper-pagination{
	position: static;
	padding-top: 9px;	
}

#home_slideshow .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin: 2px;
	background: #b4b4b4;
	opacity: 1;
}

#home_slideshow .swiper-pagination-bullet-active {
    background: #3981c7;
}

#home_slideshow .swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

#home_slideshow .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

#home_claim{
	padding: 10px 0 0 0;	
}

#home_highlights h3{
	font-size: 1.3em;	
}

#home_news .media-list{
	border-bottom: 1px solid #cdcdcd;	
}


/*-----------------------   PRODUCT PAGES   -----------------------*/

.domain-attr-list{
	margin: 0 0 1em 0;
	border-bottom: 1px solid #d2d2d2;	
}

.domain-attr-list li{
	padding: 6px 0 6px 3px;
	border-top: 1px solid #d2d2d2;	
}

#overview_tables div.special-offer{
	margin-top: -15px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 3px solid #fff;
}

.product-pricebox .bg-shadow{
	position: relative;
	min-height: 220px;
	padding: 0 30px 30px 30px;
}

.product-pricebox .price-hint{
	position: absolute;
	bottom: -18px;
	left: 0;
	right: 0;
}


/* TLDS */
.tld-graphics{
	position: relative;	
}

.tld-sujet{
	position: absolute;
	right: 0px;
	bottom: -70px;
	//width: 277px;
	//height: 320px;	
}

.tld-icon{
	position: absolute;
	right: 260px;
	top: -200px;	
	//width: 95px;
	//height: 72px;
}


/* DOMAINS */
div.table-products{
	//border-top: 1px solid #d2d2d2;
	margin-bottom: 1em;
}
div.table-products.no-border-top{
	//border-top: none;
}

.table-products .row{
	margin: 0 !important;
	border-bottom: 1px solid #d2d2d2;
}
.table-products .row-sum{
	border-top: 1px solid #d2d2d2;
}

.table-products td{
	padding: 14px 6px !important;
	vertical-align: middle !important;
}
.table-products .cell{
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	vertical-align: middle !important;
}

.bg-yellow .table-products,
.bg-yellow .table-products .row{
	border-color: #d4cb89 !important;	
}

.table-products .checkbox{
	margin: 0 !important;	
}

.table-products h4{
	margin: 0;
}

.table-products .cell .btn{
	margin-top: -4px;	
	margin-bottom: -4px;
}

.table-products .cell .btn.mw130{
	min-width: 130px;	
}

.table-products .loading{
	height: 1em;
	background: url("../img/loading-three-bullets.gif") no-repeat left center;
}


/*-----------------------   PURCHASE PAGES   -----------------------*/

.purchase-progress{
	padding: 26px 0 20px 0;
	text-align: center;
}

.purchase-progress ol{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.purchase-progress li{
	position: relative;
	display: inline-block;
	height: 29px;
	padding: 0 130px 0 0;
	margin: 0;
	text-align: center;
	color: #d0d0d0;
	border-bottom: 3px dashed #d0d0d0;
}
.purchase-progress li:last-child{
	width: 1px;
	padding-right: 0;
}

.purchase-progress li div{
	position: relative;
	width: 110px;
	left: -55px;
}
.purchase-progress.logged-in li div{
	width: 140px;
}

.purchase-progress li h4{
	display: block;
	width: 47px;
	height: 54px;
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
	line-height: 54px;
	background: url(../img/bg-hexa-purchase-steps.png) -53px 0px no-repeat;
}

.purchase-progress li.active,
.purchase-progress li.done{
	color: #3981c7;
}
.purchase-progress li.active h4{
	background-position: 0px 0px;
}

.purchase-progress li.done{
	border-color: #3981c7;
	border-bottom-style: solid;
}
.purchase-progress li.done h4{
	color: #3981c7;
	background-position: -106px 0px;
}

.line-vertical-help{
	background: url(../img/bg-line-vertical-help.png) no-repeat center center;
}
.line-vertical-plus{
	background: url(../img/bg-line-vertical-plus.png) no-repeat center center;
}

.options-list{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d2d2d2;	
}

.options-list li{
	position: relative;
	margin: 0;
	padding: 0 6px 12px 30px;
	border-bottom: 1px solid #d2d2d2;	
}

.options-list li .checkbox{
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 6px;
}

.options-list .payment-logos{
	white-space: nowrap;	
}

.options-list .payment-logos img{
	border: 1px solid #d2d2d2;	
}

.payment-infos .media{
	margin-bottom: 2em;	
}

.table-products .select-period{
	display: inline-block;
	width: 50px;
	padding: 4px;
}

.table-products .input-voucher{
	display: inline-block;
	width: 150px;
}

.table-products .cell .btn.btn-voucher{
	min-width: auto;
}

.voucher-box{
	display: inline-block;
	position: relative;	
	padding: 8px 8px 8px 110px;
}

.voucher-box img.sujet{
	position: absolute;	
	bottom: 0;
	left: -14px;
}

code.voucher-code{
	padding: 8px 20px;
	font-size: 130%;
	border: 2px solid #30d65c;
	background: #fff;
}


/*-----------------------   FAQS   -----------------------*/

.faq-nav{
	width: 306px;
	padding: 1.2em;	
	background: #fff;
	margin-right: -1000px;
}

.faq-group .panel{
	margin-top: 0 !important;
	background: #fff;
	border: none;
	border-top: 1px solid #d2d2d2;
	box-shadow: none;
}

.faq-group .panel-heading{
	background: #fff;
}

.faq-group .panel-title{
	font-size: 113%;
}

.faq-group .fa-minus-square-o{
	display: inline-block;
}
.faq-group .fa-plus-square-o{
	display: none;
}

.faq-group .collapsed .fa-plus-square-o{
	display: inline-block;
}
.faq-group .collapsed .fa-minus-square-o{
	display: none;
}

.faq-group .panel-body{
	border: none !important;	
}


/* ==========================================================================
   interface (header / footer)
   ========================================================================== */

/*-----------------------   Header   -----------------------*/
.main-header{
	margin-top: 90px;
	background: #e2e2e2;
}

.main-header.no-check{
	background: #f3f3f3;
	min-height: 14px;
}

#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 991;
	padding: 19px 0;	
}

.navbar,
.navbar-nav{
	height: 90px;
	margin-bottom: 0;
	line-height: 52px;
	text-transform: uppercase;	
}

.navbar-default {
    background: #fff;
   	border: none;
}

.navbar-nav a,
.navbar-nav>li>a {
	height: 52px;
	padding: 0 8px;
	line-height: 52px;
	text-transform: uppercase;	
}

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover {
    color: #3981c7;
    background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#header .navbar-nav>li>.dropdown-menu{
	margin-top: -2px;
}

#header .dropdown-menu{
	border: none;	
}

.navbar .dropdown-menu>li>a {
	height: auto;
    line-height: auto;
	text-transform: none;
}

.navbar a{
	text-decoration: none;	
}

#logo img{
	width: 200px;
	margin: -4px 30px 0 0;
}

/* cart */
#nav_user_center,
#nav_user_cart{
	border-left: 1px dashed #c2c2c2;	
}

.dropdown-cart{
	min-width: 200px;
	border: none;	
}

.dropdown-cart li,
.dropdown-cart li a{
	line-height: 1;
	text-transform: none;
}

.dropdown-cart li{
	position: relative;
	padding: 12px;
	border-bottom: 1px solid #e2e2e2;	
}

.dropdown-cart li:last-child{
	border: none;	
}

.dropdown-cart li .domain{
	display: block;
	padding: 3px 0;
}

.dropdown-cart li i.fa-times{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	color: #b2b2b2;
	cursor: pointer;
}
.dropdown-cart li i.fa:hover{
	color: #e03535;
}

/* scrollin' ...*/
#header.scrolled{
	padding: 2px 0;
}

.navbar.scrolled,
.scrolled .navbar-nav{
	height: 58px;
}

#header.scrolled #nav_main,
#header.scrolled #nav_user_center .item-name{
	display: none;	
}

/* messagebox top */
.top-msgbox{
	padding: 2em 1em;
	background: #f9ffb7;
}

.top-msgbox.is_stuck{
	z-index: 990;
	-webkit-box-shadow: 0 5px 77px rgba(0,0,0,0.32);
	-moz-box-shadow: 0 5px 77px rgba(0,0,0,0.32);
	box-shadow: 0 5px 77px rgba(0,0,0,0.32);
}

.top-msgbox.scrolled{
	margin-top: -32px;
}


/*-----------------------   DOMAIN CHECK   -----------------------*/

.domain-check{
	position: relative;	
	height: 48px;
}

.form-domain-check{
	width: 660px;
	text-align: center;
}

.main-header .form-domain-check{
	position: absolute;	
	z-index: 990;
	top: 10px;
	left: 50%;
	margin-left: -330px;
}

.form-domain-check .wrap{
	display: inline-block;
	margin: 0 auto;
	padding: 8px 12px;
	text-align: left;
	white-space: nowrap;
}

.form-domain-check label{
	vertical-align: middle;
	height: 30px;
	margin: 0;
	padding-right: 6px;
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	line-height: 1.3;
}

.form-domain-check .input-lg,
.form-domain-check select{
	height: 50px;
	margin: 0;
	border: 2px solid #27b04c; /*#d15b3b;	*/
	font-weight: normal !important;
}

.form-domain-check .input-lg{
	width: 288px;
	box-shadow: none;
}
.form-domain-check .input-lg:focus{
	border-color: #fff;
}

.form-domain-check select{
	display: inline-block;
}

.form-domain-check .btn-start-check{
	vertical-elign: middle;
}

/* scollin' ...*/
.form-domain-check.scrollin{
	z-index: 991; /* above nav */	
}

.form-domain-check.scrolled{
	position: fixed;
	top: 4px;
}

.form-domain-check.scrolled .wrap{
	padding: 5px 10px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.form-domain-check.scrolled .input-lg {
    width: 260px;
}

.form-domain-check.scrolled .input-lg,
.form-domain-check.scrolled select {
    height: 41px;
}


/* domain check light */
.main-header.domain-check-light{
	position: relative;	
	height: 48px;
}

.domain-check-light .form-domain-check .wrap {
    padding: 0 12px 0 0;
}

.domain-check-light .form-domain-check label{
	position: relative;
	height: 57px;
	padding: 6px;
	line-height: 46px;
}
.domain-check-light .form-domain-check label:after{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #30d65c;
}

.domain-check-light .form-domain-check .input-lg{
	width: 288px;
	height: 44px;
	border: 1px solid #fff;	
	box-shadow: none;
}

.domain-check-light .form-domain-check select{
	display: inline-block;
	height: 44px;
	border: 1px solid #fff;	
	background-color: #f3f3f3;
}


/* scollin' ...*/
.domain-check-light .form-domain-check.scrollin{
	z-index: 991; /* above nav */	
}

.domain-check-light .form-domain-check.scrolled{
	position: fixed;
	top: 4px;
}

.domain-check-light .form-domain-check.scrolled .wrap{
	padding: 0;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.domain-check-light .form-domain-check.scrolled .input-lg {
    width: 260px;
}

.domain-check-light .form-domain-check.scrolled .input-lg,
.domain-check-light .form-domain-check.scrolled select {
    height: 42px;
}

.domain-check-light .form-domain-check.scrolled label {
    height: 49px;
	line-height: 37px;
}

/* domain check CTA */
.domain-check-cta{
	margin-bottom: 1em;	
}

.domain-check-cta .form-domain-check{
	margin: 0 auto;
}

/* multi domain check */
.form-domain-multicheck .shadow-small{
	margin-bottom: 0.5em;
}

.form-domain-multicheck label{
	position: relative;
	padding: 6px 12px;
	display: block;
	margin: 0;
	color: #fff;
	font-weight: normal;
	font-size: 120%;
}
.form-domain-multicheck label:after{
	content: "";
	position: absolute;
	left: 20px;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #30d65c transparent transparent transparent;
}

.form-domain-multicheck textarea{
	border: 1px solid #fff;
}

.form-domain-multicheck select {
	display: inline-block;
    border: 1px solid #fff;
    background-color: #f3f3f3;
}


/*-----------------------   FOOTER   -----------------------*/

.page-footer{
	padding: 42px 0;
	background: #3782c6 url(../img/bg-footer.png) no-repeat center 10px;	
}

.page-footer,
.page-footer a{
	color: #fff;	
}

.page-footer h3{
	color: #fff	
}

#footer_nav ul{
	list-style: none;
}
#footer_nav ul li {
    padding-top: 3px;
	padding-bottom: 3px;
}
#footer_nav ul li:before {
    font: normal normal normal 80% FontAwesome;
    content: "\f054";
	color: #fff;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
}

#footer_nav ul li:hover:before {
	color: #fff;
    margin-left: -12px;
}

#footer_registrars a img{
	margin: 9px 10px;
	vertical-align: middle;	
}

.page-bottom{
	position: relative;
	padding: 26px 0;
	font-size: 76%;
	color: #e5e5e5;
	background: #444545;
}

.page-bottom a#totop{
	position: absolute;
	top: -22px;
	right: 36px;
	width: 48px;
	height: 32px;
	line-height: 32px;
	font-size: 130%;
	color: #e5e5e5;
	text-align: center;
	background: #444545;
}
.page-bottom a#totop:hover{
	top: -30px;
	color: #fff;
}

.footer-seal{
	margin-top: 4em;	
}

.footer-seal .media-body{
	vertical-align: middle;	
}





/* ==========================================================================
   responsive rules -based in bootstrap breakpoints
   ========================================================================== */

@media (max-width: 1200px) { /* lg-rules */
	
	.md-inline{
		float: none !important;
		display: inline-block !important;	
		padding-right: 5px !important;
   		padding-left: 0 !important;
	}	
	
	#header div.container{
		width: auto;	
	}
	
	#home_slideshow .swiper-slide figcaption{
		top: 26%;	
	}

	.form-domain-check.scrolled .input-lg,
	.domain-check-light .form-domain-check.scrolled .input-lg {
		width: 230px;
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media (max-width: 992px) { /* md-rules */

	#home_slideshow .swiper-slide figcaption{
		top: 24%;	
	}
	
	.form-domain-check.scrolled{
		right: 4px;
		left: auto;
		width: auto;
		margin: 0;
	}
	
	.form-domain-check.scrolled label {
		font-size: 100%;
		line-height: 1.6;
	}
	
	.sidr-open .main-header .form-domain-check.scrolled {
		display: none;
	}
	
	#section_support .pull-down{
		margin-top: 0 !important;
	}
	
	.line-vertical-help,
	.line-vertical-plus{
		background: none;	
	}
	
	#footer_secure{
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid #6bd2eb;
	}
	
	.faq-nav {
		width: 242px;
	}

}

@media (max-width: 768px) { /* sm-rules */
	
	.pull-down{
		margin-top: 0 !important;	
	}
	
	#home_slideshow .swiper-slide figcaption{
		top: 10%;	
	}
	#home_slideshow:after{
		display: none;	
	}
	
	#header div.container{
		padding-left: 32px;	
	}
	
	.domain-check,
	.main-header.domain-check-light{
		height: auto;
		padding: 8px 0;	
	}
	
	.form-domain-check{
		width: auto;	
	}
	
	.main-header .form-domain-check,
	.main-header.domain-check-light .form-domain-check{
		position: static;
		top: auto;
		left: auto;
		margin: 0;
	}

	.main-header .form-domain-check.scrolled {
		position: fixed;
		top: 4px;
		right: 4px;
		margin-left: -210px;
		width: 420px;	
	}
	
	.form-domain-check .form-control {
		display: inline-block;
		vertical-align: middle;
	}
	.form-domain-check.scrolled .input-lg{
		width: 150px;
	}
	.domain-check-light .form-domain-check.scrolled .input-lg{
		width: 148px;
	}
	
	.form-domain-check select.form-control,
	.domain-check-light .form-domain-check select.form-control {
		width: 120px;
	}
	
	.price-table-left,
	.price-table-right{
		padding-left: 0;
		padding-right: 0;
	}
	
	.price-table-left table{
		margin-bottom: 0;
		border-bottom: 0;
	}
	
	.table-products .form-control{
		display: inline-block;
		width: auto;	
	}
	
	.purchase-progress li{
		padding-right: 24px;
	}
	
	.faq-nav {
		float: none !important;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}
	.faq-nav.is_stuck {
		position: static !important;
	}
	
	#footer_registrars{
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid #6bd2eb;
	}
	
}

@media (max-width: 600px) { /* xs-rules */
	
	#home_slideshow,
	.form-domain-check.scrollin,
	.form-domain-check.scrolled{
		display: none;	
	}

	.form-domain-check .input-lg,
	.domain-check-light .form-domain-check .input-lg {
		width: 166px;
	}
	
	.form-domain-check label,
	.domain-check-light .form-domain-check label {
		display: none;
	}
	
	.domain-check-light .form-domain-check .wrap {
		padding: 8px;
	}
	
	.domain-check-light .form-domain-check .input-lg {
		border: 1px solid #ccc;
		margin-bottom: 4px;
	}
	
}

@media (max-width: 480px) { /* custom xxs-rules */

	.hidden-xxs{
		display: none;	
	}
	
	.form-domain-check .input-lg,
	.domain-check-light .form-domain-check .input-lg {
		display: block;
		width: 100%;
	}
	
	.page-header-icon{
		text-align: center;	
	}
	.page-header-icon img {
		float: none;
	}
	.page-header-icon h1,
	.page-header-icon h3 {
		margin: 0;
	}

	.media-body {
		width: auto;
	}
	.media, .media-body {
		overflow: visible;
		display: block;
	}
	.media-left, .media-right {
		display: block;
		text-align: center;
	}
	
	 
	.purchase-progress{
		zoom: 0.8; 
	}
	.purchase-progress li{
		padding-right: 4px;
	}
	.purchase-progress li div {
		width: 76px;
		left: -38px;
	}
	
	/* for 2 col tables: */
	.table th[scope="row"]{
		display: block;	
		width: 100%;
		font-weight: bold;
	}
	
	.table>tbody>tr>td{
		display: block;	
		width: 100%;
		border: none;
	}
	
	.table-products .thead{
		display: none;	
	}
	
	.table-products .row{
		padding-top: 8px;
    	padding-bottom: 8px !important;	
	}	

	.table-products .cell{
		float: none;
		width: 100%;
		padding-top: 2px !important;
    	padding-bottom: 2px !important;	
	}
	
}





/* ==========================================================================
   rules for plugins
   ========================================================================== */

/* https://github.com/flatlogic/awesome-bootstrap-checkbox */
.checkbox{padding-left:20px}.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.checkbox label::after,.checkbox label::before{position:absolute;margin-left:-20px;display:inline-block;left:0}.checkbox label::before{content:"";width:17px;height:17px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.checkbox label::after{width:16px;height:16px;top:0;padding-left:3px;padding-top:2px;font-size:11px;color:#555}.checkbox-danger input[type=checkbox]:checked+label::after,.checkbox-danger input[type=radio]:checked+label::after,.checkbox-info input[type=checkbox]:checked+label::after,.checkbox-info input[type=radio]:checked+label::after,.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after,.checkbox-success input[type=checkbox]:checked+label::after,.checkbox-success input[type=radio]:checked+label::after,.checkbox-warning input[type=checkbox]:checked+label::after,.checkbox-warning input[type=radio]:checked+label::after,input[type=checkbox] .styled:checked+label::after,input[type=checkbox] .styled:checked+label::before,input[type=radio] .styled:checked+label::after,input[type=radio] .styled:checked+label::before{color:#fff}.checkbox input[type=checkbox],.checkbox input[type=radio]{opacity:0;z-index:1}.checkbox input[type=checkbox]:focus+label::before,.checkbox input[type=radio]:focus+label::before{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.checkbox input[type=checkbox]:checked+label::after,.checkbox input[type=radio]:checked+label::after{font-family:FontAwesome;content:"\f00c"}.checkbox input[type=checkbox]:indeterminate+label::after,.checkbox input[type=radio]:indeterminate+label::after{display:block;content:"";width:10px;height:3px;background-color:#555;border-radius:2px;margin-left:-16.5px;margin-top:7px}.checkbox.checkbox-inline,.radio.radio-inline{margin-top:0}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{opacity:.65}.checkbox input[type=checkbox]:disabled+label::before,.checkbox input[type=radio]:disabled+label::before{background-color:#eee;cursor:not-allowed}.checkbox.checkbox-circle label::before{border-radius:50%}.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before{background-color:#337ab7;border-color:#337ab7}.checkbox-danger input[type=checkbox]:checked+label::before,.checkbox-danger input[type=radio]:checked+label::before{background-color:#d9534f;border-color:#d9534f}.checkbox-info input[type=checkbox]:checked+label::before,.checkbox-info input[type=radio]:checked+label::before{background-color:#5bc0de;border-color:#5bc0de}.checkbox-warning input[type=checkbox]:checked+label::before,.checkbox-warning input[type=radio]:checked+label::before{background-color:#30d65c;border-color:#30d65c}.checkbox-success input[type=checkbox]:checked+label::before,.checkbox-success input[type=radio]:checked+label::before{background-color:#30d65c;border-color:#30d65c}.checkbox-primary input[type=checkbox]:indeterminate+label::before,.checkbox-primary input[type=radio]:indeterminate+label::before{background-color:#337ab7;border-color:#337ab7}.checkbox-primary input[type=checkbox]:indeterminate+label::after,.checkbox-primary input[type=radio]:indeterminate+label::after{background-color:#fff}.checkbox-danger input[type=checkbox]:indeterminate+label::before,.checkbox-danger input[type=radio]:indeterminate+label::before{background-color:#d9534f;border-color:#d9534f}.checkbox-danger input[type=checkbox]:indeterminate+label::after,.checkbox-danger input[type=radio]:indeterminate+label::after{background-color:#fff}.checkbox-info input[type=checkbox]:indeterminate+label::before,.checkbox-info input[type=radio]:indeterminate+label::before{background-color:#5bc0de;border-color:#5bc0de}.checkbox-info input[type=checkbox]:indeterminate+label::after,.checkbox-info input[type=radio]:indeterminate+label::after{background-color:#fff}.checkbox-warning input[type=checkbox]:indeterminate+label::before,.checkbox-warning input[type=radio]:indeterminate+label::before{background-color:#30d65c;border-color:#30d65c}.checkbox-warning input[type=checkbox]:indeterminate+label::after,.checkbox-warning input[type=radio]:indeterminate+label::after{background-color:#fff}.checkbox-success input[type=checkbox]:indeterminate+label::before,.checkbox-success input[type=radio]:indeterminate+label::before{background-color:#30d65c;border-color:#30d65c}.checkbox-success input[type=checkbox]:indeterminate+label::after,.checkbox-success input[type=radio]:indeterminate+label::after,.radio label::before{background-color:#fff}.radio{padding-left:20px}.radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.radio label::after,.radio label::before{display:inline-block;position:absolute;margin-left:-20px}.radio label::before{content:"";width:17px;height:17px;left:0;border:1px solid #ccc;border-radius:50%;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}.radio label::after{content:" ";width:11px;height:11px;left:3px;top:3px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);-o-transition:-o-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33)}.radio-primary input[type=radio]+label::after,.radio-primary input[type=radio]:checked+label::after{background-color:#337ab7}.radio input[type=radio]{opacity:0;z-index:1}.radio input[type=radio]:focus+label::before{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.radio input[type=radio]:checked+label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.radio input[type=radio]:disabled+label{opacity:.65}.radio input[type=radio]:disabled+label::before{cursor:not-allowed}.radio-primary input[type=radio]:checked+label::before{border-color:#337ab7}.radio-danger input[type=radio]+label::after,.radio-danger input[type=radio]:checked+label::after{background-color:#d9534f}.radio-danger input[type=radio]:checked+label::before{border-color:#d9534f}.radio-info input[type=radio]+label::after,.radio-info input[type=radio]:checked+label::after{background-color:#5bc0de}.radio-info input[type=radio]:checked+label::before{border-color:#5bc0de}.radio-warning input[type=radio]+label::after,.radio-warning input[type=radio]:checked+label::after{background-color:#30d65c}.radio-warning input[type=radio]:checked+label::before{border-color:#30d65c}.radio-success input[type=radio]+label::after,.radio-success input[type=radio]:checked+label::after{background-color:#30d65c}.radio-success input[type=radio]:checked+label::before{border-color:#30d65c}input[type=checkbox].styled:checked+label:after,input[type=radio].styled:checked+label:after{font-family:FontAwesome;content:"\f00c"}
