body {  
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
  text-decoration: none; 
}

a:hover,
a:focus {
  text-decoration: none; 
}


.button{
			box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
			width: 25%;
			display: inline-block;
			border-radius: 4px;
			/*background-color: #f1f1f1;*/
			border:1px solid #6ecadc;
			color: #000;
			text-align: center;
			font-size: 15px;
			padding: 7px;  
			transition: all 0.5s;
			cursor: pointer;
			margin: 5px;
		}
		.zb{
			color:#fff;
			font-family:times new romans;
			text-shadow:2px 3px 1px;
		}		
		
		.form-control{
			height:50px;			
		}
		
		.button span {
			cursor: pointer;
			display: inline-block;
			position: relative;
			transition: 0.5s;
		}

		.button span:after {
			content: '\00bb';
			position: absolute;
			border:1px;
			opacity: 0;
			top: 0;
			right: -20px;
			transition: 0.5s;
		}

		.button:hover span {
			padding-right: 25px;
		}

		.button:hover span:after {
			opacity: 1;
			right: 0;
		}
		.footer_HH {
			position: fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			background-color: #333;
			color: white;
			text-align: center;
			padding:10px;
			opacity:.4;
		}
		
	
		.glow {
			font-family:courier;
			font-size: 20px;
			color: #000;
			font-weight:bold;
			text-align: center;
			-webkit-animation: glow 1s ease-inout
			infinite alternate;
			-moz-animation: glow 1s ease-in-out
			infinite alternate;
			animation: glow 1s ease-in-out
			infinite alternate;
		}
		@-webkit-keyframes glow {
			from {
				text-shadow: 0 0 10px #000, 0 0
				30px #fff, 0 0 30px #ccc, 0 0 40px
				#ccc, 0 0 50px #ccc, 0 0 60px
				#ccc, 0 0 70px #ccc;
			}
			to {
				text-shadow: 0 0 20px #000, 0 0
				30px #ccc, 0 0 40px #ccc, 0 0
				50px #ccc, 0 0 60px #ccc, 0 0
				70px #ccc, 0 0 80px #ccc;
			}
		}
		
		img {
            image-orientation: from-image;
        }
/********************************************************************************/		
 .bubbles {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .circle {
     position: absolute;
     z-index: -100;
     border-radius: 50%;
     background-color: #fff;
     animation: flying 7s infinite ease-in;
     opacity: 0.9;
     bottom: -100px
 }

 @keyframes flying {
     0% {
         bottom: -100px;
         transform: translateX(0)
     }

     50% {
         transform: translateX(100px)
     }

     100% {
         bottom: 1080px;
         transform: translateX(-250px)
     }
 }

 .circle:nth-child(1) {
     width: 60px;
     height: 60px;
     left: 20%;
     animation-delay: 5s
 }

 .circle:nth-child(2) {
     width: 100px;
     height: 100px;
     left: 40%;
     animation-delay: 6s
 }

 .circle:nth-child(3) {
     width: 65px;
     height: 65px;
     animation-delay: 4s
 }

 .circle:nth-child(4) {
     width: 80px;
     height: 80px;
     left: 80%;
     animation-delay: 9s
 }

/********************************************************************************/
 .bubbles2 {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .circle2 {
     position: absolute;
     z-index: -100;
     border-radius: 50%;
     background-color: #fff;
     animation: flying 15s infinite ease-in;
     opacity: 0.9;
     bottom: -100px
 }

 @keyframes flying {
     0% {
         bottom: -100px;
         transform: translateX(0)
     }

     50% {
         transform: translateX(100px)
     }

     100% {
         bottom: 1080px;
         transform: translateX(-250px)
     }
 }

 .circle2:nth-child(1) {
     width: 220px;
     height: 220px;
     left: 60%;
     animation-delay: 2s
 }

 .circle2:nth-child(2) {
     width: 200px;
     height: 200px;
     left: 50%;
     animation-delay: 10s
 }

 .circle2:nth-child(3) {
     width: 180px;
     height: 180px;
     animation-delay: 2s
 }

 .circle2:nth-child(4) {
     width: 150px;
     height: 150px;
     left: 80%;
     animation-delay: 12s
 }
X{
	display: inline;
	color: inherit;
	animation: blink 1s steps(1) infinite;
	-webkit-animation: blink 1s steps(1) infinite;
}
	@keyframes blink { 50% { color: transparent; } }
	@-webkit-keyframes blink { 50% { color: transparent; } }
	
	div.scroll { background-color:#3B5998; width: 40%; height: 80%; overflow: scroll; box-shadow:0px 2px 10px 1px rgb(0,0,0);} 	

.footer_HH {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;	
	color: white;
	text-align: center;
	padding:10px;
	opacity:.4;
	font-family:times new romans;
	background:linear-gradient(-16deg, #091534, #091534, #0d47a1);padding:0!important;
}
		
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}