html{
/*	height:100%;*/

}

body {
	/*background:url(tempbg.png) top right no-repeat; */
	/*background:url(space-03.jpg) no-repeat; */
/*	min-height:100%;*/
	background-attachment:fixed;
	background-position: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition: background 1s linear;
}


hr {
	border-color: #888;
}

*:focus{
	outline: none !important;
	text-decoration: none !important;
}

.btn-default:hover {
	color: #eee;
	background-color: #428bca !important;
	border-color: #ccc;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) { ... }*/

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px){
	.navbar-collapse > .nav{
		padding-top: 50px;
	}
}

@media (min-width: 768px) and (max-width: 992px){
/*	.navbar-collapse > .nav{
		font-size: 12px;
	}
*/
	.navbar-collapse > .nav > li > a {
		padding: 5px 10px;
	}	
	#icons {
		margin-top: 0px;
	}
}

@media (min-width: 768px) {
	footer {
		position : relative;
		bottom : 0px;
		margin-right: 15px;
	}

	#icons{
		position: relative;
		right: 0px;
		bottom: 0px;
	}
	.navbar-brand > #logo {
		height: 115px;
	}

  .carousel-inner > .item > .row {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  flex-wrap: wrap;
	}
	
	.carousel-inner > .item > .row > div {
/*		display:table-cell;
		float: none !important;
		display: flex;
		flex-direction: column;
*/
	}

	.carousel-inner > .item > .row > div >div:last-child {
		
/*		position: absolute;
		bottom:0px;
		width: 100%;
		padding-right: 50px;
*/
	}

	.carousel-inner > .item > .row > div > div:last-child > .btn {
		float:right;
	}

	.carousel-inner > .item > .row > div > ul {
		margin-bottom:50px;
	}

	#myCarousel > .nav {
		float:none;
		width: 100%;
	}

	#myCarousel > .nav > li {
		float:none;
		display: table-cell;
		width: 1%;
	}

	#myCarousel > .nav > li > a {
		text-align: center;
		margin-bottom: 0;
	}	

	.domain-col{
		border-bottom: 1px solid #888;
	}
	
	#domains  {
		padding-top: 20px;
		height:100%;
/*		overflow-x:hidden;
		overflow-y:auto;*/
	}
	.panel {
		background-color: transparent;
	}

	.btn-sq {
		width: 200px;
		height: 200px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 40px;
		margin-bottom: 30px;
	}

	.btn-sq .mt {
		margin-top: 30px;
	}

	.btn-sq .glyphicon {
		font-size:100px;
	}

	.glyphcol {
		position: absolute;
		left: 0;
		top: 30%;
	}

	.wspw {
		white-space: pre-wrap;
	}
}

@media (max-width: 768px) {
	footer {
		position : relative;
	}

	.mainheader > div > h2, .mainheader > div > p {
		text-align: center;
	}

	#icons{
		position: absolute;
		right: 6px;
		top: 40px;
	}

	.navbar-brand > #logo {
		height: 75px;
	}

	.megamenu {
		position: static;
		top: 0px;
		float: none;
	}

	.domain-col{
		border-bottom: 1px solid #888;
	}

	.domain-col:nth-child(2) {
		border-bottom: 0px;
	}

	.btn-sq {
		width: 120px;
		height: 120px;
		padding: 10px 16px;
		font-size: 15px;
		line-height: 1.3333333;
		border-radius: 20px;
		margin-bottom: 30px;
		white-space: normal;
	}

	.btn-sq .mt {
		margin-top: 10px;
	}

	.btn-sq .glyphicon {
		font-size:60px;
	}

	.glyphcol {
		position: absolute !important;
		left: 0;
		top: 30%;
	}

	.wspw {
		white-space: inherit;
	}
}

.carousel-control .glyphicon-play, .carousel-control .glyphicon-pause {
	color: #428bca;
	position: absolute;
	font-size: 50px;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -25px;
	margin-left: -25px;
}

.carousel-control.middle{
	margin: auto;
	width: 100%;
/*	top: 0%;*/
}
#accordion .panel {
	background-color: transparent;
}

#accordion .panel-heading {
	padding: 0px;
}

#accordion .panel-heading .btn {
	display: block;
}

.domain-col{
	word-wrap: break-word;
}

#content {
	padding-top: 20px;
}

.fill { 
    min-height: inherit;
/*    min-height: 100%;*/
    height: 100%;
}

#header {
	padding-bottom: 20px;
	border-bottom: 1px solid #888;;

}

#content {
	overflow: hidden;
}   

.mainheader > div:first-child > img{
	margin-left:auto;
	margin-right:auto;
	
}
.carousel-inner > .item > .row > div > ul > li {
	list-style:none;
}

.panel-body > .row > div > ul > li:before {
	font-size:20px;
	color:#0b6b0b;
	content:"\2713\0020";
	
}

.panel-body > .row > div > ul > li.spacer:before {
    content: "\002" !important;
}

.panel-body > .row > div > ul > li.notinc:before {
	color:#9b0000;
	content:"\2718\0020";
}

.panel-body > .row > div > ul > li {
	list-style:none;
}

.carousel-inner > .item > .row > div > ul > li:before {
	font-size:20px;
	color:#0b6b0b;
	content:"\2713\0020";
	
}

.carousel-inner > .item > .row > div > ul > li.notinc:before {
	color:#9b0000;
	content:"\2718\0020";
}

#myCarousel > .nav > li {
	float:none;
}
/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) { ... }*/

#icons{
	font-size: 1.5em; 
	margin-top: 20px; 
	margin-right:15px;
}

.jumbotron {position: relative; padding-top:51px; background: transparent !important;}
.container {background: transparent !important; }
.jumbotron .container {background: transparent !important;}
.jumbotron img {width:100%; padding-bottom:20px; padding-top:20px;}
.jumbotron span {font-size: 17px;}

@media (min-width: 500px){
	.jumbotron img {width:450px;}

}

.navbar-default {
	min-height: 100px;
	color: #fff;
	background: rgba(240,240,255,0.9) !important;
	border-color: #888;
}

/*.navbar-default .navbar-nav > li > a:focus,*/ .navbar-default .navbar-nav > li > a:hover {color: #EEE; background-color: #428bca;}
.navbar-default .navbar-nav > li > a {color: #333; border-radius: 20px;}
.dropdown-menu > li > a {color: #aaa;}	
.navbar-default .navbar-nav > .open > a,/* .navbar-default .navbar-nav > .open > a:focus,*/ .navbar-default .navbar-nav > .open > a:hover {
	color: #DDD;
	background-color: #777;
}

.navbar-collapse {
	border-color: #888 !important;
}

/*
.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}
*/

.dropdown-menu {
	background: rgba(240,240,255,0.9) !important;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: transparent;
}

.navbar-default .navbar-brand {
	height: 100px;
	color: #fff;
}

.maincontainer {
	position:relative;
	background: rgba(240,240,255,0.9) !important;
	padding-top: 20px;
	margin-top: -20px;
/*	display:none;*/
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.menu-large {
	position: static !important;
}

.megamenu {
	padding: 20px 0px;
	width: 100%;
}

.megamenu .container > li > ul {
	padding: 0;
	margin: 0;
}

.megamenu .container > li > ul > li {
	list-style: none;
}

.megamenu .container > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}

.megamenu .container > li ul > li > a:hover /*,
.megamenu .container > li ul > li > a:focus*/ {
	text-decoration: none;
	color: #eee;
	background-color: #428bca;
}

.megamenu .disabled > a,
.megamenu .disabled > a:hover/*,
.megamenu .disabled > a:focus*/ {
	color: #999999;
}

.megamenu .disabled > a:hover/*,
.megamenu .disabled > a:focus*/ {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed;
}

.megamenu .dropdown-header {
	color: #428bca;
	font-size: 22px;
}

@media (max-width: 768px) {
	.megamenu {
		margin-left: 0;
		margin-right: 0;
	}
	.megamenu .container > li {
		margin-bottom: 30px;
	}
	.megamenu .container> li:last-child {
		margin-bottom: 0;
	}
	.megamenu .dropdown-header {
		padding: 3px 15px !important;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header {
		color: #fff;
	}
}

.navbar-brand > #logo {
	z-index: 2000;
}
.navbar-nav > li > .dropdown-menu
{
	z-index: -1;
}

.carousel {
	width:100%;
	list-style:none;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
	  width: 50%;
	  margin: auto;
  }
  .carousel-caption {
	color: #333;
  }
  
  .transition-timer-carousel-progress-bar {
	height: 3px;
	background-color: #428bca;/*progress bar color*/
	width: 50%;
	margin: 0 0 0 0;
	border: none;
	z-index: 11;
	position: relative;
}

.carousel-control, .carousel-control:focus {
	background: transparent !important;
	color: #428bca;
	display: none;
/*	opacity: .5 !important;*/

}
.carousel-control:hover {
	background: transparent !important;
	color: #2D5E88;
}

/* BACKGROUND ANIMATION */

#bg {
	position:fixed;
	height:100%;
	width:100%;
	margin:0 auto;
}

#bg > div {
	position:fixed;
	left:0;
	height:100%;
	width:100%;
	margin:0 auto;
	animation-name: bgFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 50s;
/*	animation-direction: alternate;*/

	-webkit-animation-name: bgFadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 50s;

/*	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;*/
}

@keyframes bgFadeInOut {
	0% {
		opacity:1;
	}
	17% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	92% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
 }

@-webkit-keyframes bgFadeInOut {
	0% {
		opacity:1;
	}
	17% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	92% {
		opacity:0;
	}
	100% {
		opacity:1;
	}}


#bg > .bgimg {
	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bg > #bgimg1 {
	background-image:url(../media/bg1.jpg);
	animation-delay: 40s;
	-webkit-animation-delay: 40s;
}

#bg > #bgimg2 {
	background-image:url(../media/bg2.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 30s;
	-webkit-animation-delay: 30s;
}

#bg > #bgimg3 {
	background-image:url(../media/bg3.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
#bg > #bgimg4 {
	background-image:url(../media/bg4.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

#bg > #bgimg5 {
	background-image:url(../media/bg5.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.form-control{
	border-radius: 15px;
}

#captcha_containter {
	display: inline-block;
}

#captcha_containter > input {
	width:100%;
}

#captcha_containter > div {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

#captcha_containter > #captcha-error {
	display:none;
}

#name-error, #email-error, #message-error, #captcha-error {
	display:none;
}

.alert {
	margin-bottom:0px;
}

#captcha-error {
	width: 100%;
}
#captcha_containter > #captcha_image_audio_controls {
	vertical-align: bottom;
	font-size: 20px;
}

#captcha_containter > div > img {
	width: 175px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	z-index: 2;
	margin-left: -1px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}

.table-bordered {
	border: 1px solid #333;
}

.text-wrap {
  white-space: normal;
}

.row.arrowline{
	height:4px;
}

.arrowline >.arrowline{
	background-color: #333;
	height:4px;
}

input[type='checkbox'].pseudo-checkbox + label {
font-weight: 400;
cursor: pointer;
}

input[type='checkbox'].pseudo-checkbox + label:before,
input[type='checkbox'].pseudo-checkbox + label:after{
	position: relative;
	top: 1px;
	display: inline-block;
	font-size: 23px;
	font-style: normal;
	font-weight: 800;
	border: 2px solid #333;
	line-height: 1;
	height:.9em;
	width: .9em;
	border-radius: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input[type='checkbox'].pseudo-checkbox + label:before{/*unchecked icon*/
	color:#9b0000;
	content:"\2718\0020";
}
input[type='checkbox']:checked.pseudo-checkbox + label:before{/*checked icon*/
	color: #0b6b0b;
	content: "\2713\0020";
}

.checkicon:before {
	font-size: 20px;
	color: #0b6b0b;
	content: "\2713\0020";
}

.nocheck:before {
	color:#9b0000;
	content:"\2718\0020";
}


#optionsform > form > .row {
	padding-bottom: 10px;
}

#templates{
	display:none;
}

.pt1 {
	padding-left: 50px;
	padding-top:10px;
}

.bb {
	border-bottom: 1px solid #888;
}

.mt {
	margin-top: 15px;
}

#bg {
	display:none;
}

#typebuttons {
	display:block;
}

#typebuttons > button:last-child {
	margin-bottom:20px;
}

.pull-right > h3 {
	padding-right:20px;
	display:inline-block;
}

.panel {
	-webkit-box-shadow: 0 0px 0px;
	box-shadow: 0 0px 0px;
	border: 0px;
}

.fs {
	font-size:1.3em;
}

.wsn {
	white-space: normal;
}