/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */
body {
  padding-top: 0px;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}.orangebutton {
	background-color:#fbb040;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Hind Guntur', sans-serif;
	font-size:23px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
}
.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.orangebutton:hover {
	background-color:#e7a429;
}
.orangebutton:active {
	position:relative;
	top:1px;
}

.redbutton {
	background-color:#9a0101;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Hind Guntur', sans-serif;
	font-size:23px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
}
.redbutton:hover {
	background-color:#6E0002;
	color:#ffffff;
	text-decoration: none;
}
.redbutton:active {
	position:relative;
	top:1px;
}


.tab {

}

p{font-size:18px; font-family: 'Hind Guntur', sans-serif;}

/* Style the buttons inside the tab */
.tab button {
	background-color:#666666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Hind Guntur', sans-serif;
	font-size:23px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
}
.tab button:hover {
	background-color:#333333;
}
.tab button:active {
	position:relative;
	top:1px;
}

.tab button.active {
  background-color: #333333;
  text-decoration:none;
  outline:none;
}

/*orange buttons */

.buybutton {
	background-color:#fbb040;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Hind Guntur', sans-serif;
	font-size:23px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
}
.buybutton:hover {
	background-color:#e7a429;
}
.buybutton:active {
	position:relative;
	top:1px;
}

.buybutton.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}
#myInput
{width: 240px;
font-size:14px;
}

#colorbox {
  width: 100%;
  background: #f4a5a5;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  from {background-color: #f4a5a5;}
  to {background-color: #FFE4E4;}
}

.colorchange{
    -webkit-animation: color-change 15s infinite;
    -moz-animation: color-change 15s infinite;
    -o-animation: color-change 15s infinite;
    -ms-animation: color-change 15s infinite;
    animation: color-change 15s infinite;
}

@-webkit-keyframes color-change {
    0% { color: #fdba54; }
    25% { color: #f15343; }
	50% { color: #dc2d79; }
	75% { color: #6248c4; }
    100% { color: #fdba54; }
}
@-moz-keyframes color-change {
    0% { color: #fdba54; }
    25% { color: #f15343; }
	50% { color: #dc2d79; }
	75% { color: #6248c4; }
    100% { color: #fdba54; }
}
@-ms-keyframes color-change {
    0% { color: #fdba54; }
    25% { color: #f15343; }
	50% { color: #dc2d79; }
	75% { color: #6248c4; }
    100% { color: #fdba54; }
}
@-o-keyframes color-change {
    0% { color: #fdba54; }
    25% { color: #f15343; }
	50% { color: #dc2d79; }
	75% { color: #6248c4; }
    100% { color: #fdba54; }
}
@keyframes color-change {
    0% { color: #fdba54; }
    25% { color: #f15343; }
	50% { color: #dc2d79; }
	75% { color: #6248c4; }
    100% { color: #fdba54; }}
}