@charset "utf-8";
.main {
    height: 250px;
    cursor: url("../images/8-bit sword 1 (ver.2).cur"),default;
}

.main .divml img {
    width: 250px;
    margin-left: 30px;
}
.main .divmr img {
    width: 300px;
}
.divmr {
    position: absolute;
    top: 00px;
    right: 0px;
	animation-name: xbox;
	z-index: 3;
	animation-duration: 2.5s;
	animation-timing-function: ease-in;
	
}
.divml {
    position: absolute;
    top: 0px;
    left: 0px;
	z-index: 3;
	animation-name: ps5;
	animation-duration: 2.5s;
	animation-timing-function: ease-in;
}
.divml :hover{
	animation: lbl;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}
.divmr :hover{
	animation: lbl;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}
.main .divmm h1 {
    font-family: hobo-std;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 56px;
    text-shadow: 20px 20px 10px rgba(48,144,146,1.00);
    animation: nin;
    animation-duration: 2s;
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(2,20,131,1.00) 7.26%,rgba(0,26,191,1.00) 31.09%,rgba(0,255,36,1.00) 69.43%,rgba(2,160,24,1.00) 85.49%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(2,20,131,1.00) 7.26%,rgba(0,26,191,1.00) 31.09%,rgba(0,255,36,1.00) 69.43%,rgba(2,160,24,1.00) 85.49%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(2,20,131,1.00) 7.26%,rgba(0,26,191,1.00) 31.09%,rgba(0,255,36,1.00) 69.43%,rgba(2,160,24,1.00) 85.49%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(2,20,131,1.00) 7.26%,rgba(0,26,191,1.00) 31.09%,rgba(0,255,36,1.00) 69.43%,rgba(2,160,24,1.00) 85.49%,rgba(0,0,0,1.00) 100%);
}

.main .divmm {
    display: inline;
    float: none;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,140,42,1.00) 24.35%,rgba(0,84,255,1.00) 65.80%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,140,42,1.00) 24.35%,rgba(0,84,255,1.00) 65.80%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,140,42,1.00) 24.35%,rgba(0,84,255,1.00) 65.80%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,140,42,1.00) 24.35%,rgba(0,84,255,1.00) 65.80%,rgba(255,255,255,1.00) 100%);
}
body {
    background-size: 180px 180px;
    background-image: url("../images/PicsArt_11-25-05.54.01.jpg");
}


.divbr {
    float: right;
    position: fixed;
    right: 3px;
    border-radius: 6px;
    z-index: 10;
    animation: men;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    margin-right: 1%;
    max-width: 220px;
    background-image: url("../images/1519233 (2).jpg");
    background-position: 45% 15%;
    background-size: cover;
}
.fp2 {
   font-size: xxx-large;
    border-top: thick solid rgba(0,255,187,1.00);
    border-right: thick solid rgba(0,108,255,1.00);
    border-left: thick solid rgba(0,255,13,1.00);
    border-button: thick solid rgba(0,255,187,1.00);
    text-align: center;
    font-family: lobster;
    font-style: normal;
    font-weight: 400;
    border-radius: 30px 30px 25px 25px;
    text-shadow: 0px 0px;
    background-color: rgba(27,27,27,1.00);
	animation: att;
	animation-delay: 3s;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}
.foot1 {
}


.divbl {
    float: left;
    position: static;
    animation-duration: 0.75s;
    animation-timing-function: ease-in;
    border-left-width: thick;
    border-right-width: thick;
    border-bottom-width: thick;
    border-left-style: double;
    border-right-style: double;
    border-bottom-style: solid;
    padding-left: 25px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left-color: rgba(0,108,255,1.00);
    border-right-color: rgba(0,255,36,1.00);
    border-bottom-color: rgba(0,203,255,1.00);
    text-align: justify;
    margin-bottom: 4%;
    font-weight: 400;
    background-color: rgba(241,241,241,1.00);
}
.pr {
    color: rgba(255,0,3,1.00);
    text-align: center;
    text-decoration: underline;
    font-size: 25px;
    margin-top: -8px;
    margin-right: -1px;
    margin-left: -1px;
    font-weight: bold;
}

.ul1 li .mos1 {
    font-size: 20px;
    text-decoration: none;
}
.divbr .ul1 .li1 {
    animation: meni;
    animation-duration: 1.25s;
    animation-timing-function: ease-in;
    left: 2%;
    margin-left: -25%;
}
.divbr .ul1 .li2 {
	animation: meni;
	animation-duration: 1.5s;
	animation-timing-function: ease-in;
	margin-left: -22%;
}
.divbr .ul1 .li3 {
	animation: meni;
	animation-duration: 1.75s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li4 {
    animation: meni;
    animation-duration: 2s;
    animation-timing-function: ease-in;
    margin-left: -25%;
}
.divbr .ul1 .li5 {
	animation: meni;
	animation-duration: 2.25s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li6 {
	animation: meni;
	animation-duration: 2.5s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li7 {
	animation: meni;
	animation-duration: 2.75s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li8 {
	animation: meni;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li9 {
	animation: meni;
	animation-duration: 3.5s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.divbr .ul1 .li10 {
	animation: meni;
	animation-duration: 3.25s;
	animation-timing-function: ease-in;
	margin-left: -25%;
}
.ul1 li:hover  {
	transform: scale(1.3)
}
.a1:hover  {
	transform: scale(1.3)
}
.ul1 li .mos {
    font-size: 25px;
    text-decoration: none;
}
body .divbl .bodymatn {
    font-style: normal;
    font-size: 1.25em;
    text-align: justify;
    font-family: berkshire-swash;
}
	@keyframes nin{
	0%{
		transform: scale(2)
	}
}
	@keyframes men{
		0%{
			transform: translateX(1950px);
		}
}
	@keyframes lbl{
		0%{
			transform: scale(1)
		}
		30%{
			transform: scale(0.75)
		}
		70%{
			transform: scale(1.25)
		}
		100%{
			transform: scale(1)
		}
}
	@keyframes meni{
		0%{
			visibility: hidden;
			transform: translateX(1950px);
		}
		100%{
			visibility: visible
		}
}
	@keyframes upb{
	0%{
		transform: translateX(1950px);
	}
}
	@keyframes up1{
		0%{
		transform: rotateY(0deg);
	}
	100%{
		transform: rotatey(3600deg);
	}
}
	@keyframes av{
	0%{
		transform: rotate(0deg)
	}
	25%{
		transform: rotate(2.5deg)
	}
	
	75%{
		transform: rotate(-2.5deg)
	}
	100%{
		transform: rotate(0deg)
	}
}
@keyframes att{
	0%{
		transform: scale(1)
	}
	
	15%{
		transform: scale(1.35);
	}
	30%{
		transform: rotate(0deg)
	}
	45%{
		transform: rotate(6deg);
	}
	
	60%{
		transform: rotate(-6deg);
	}
	80%{
		transform: rotate(0deg);
	}
	100%{
		transform: scale(1)
	}
	
}
.main .mhr1 {
    border-radius: 100px;
    width: 1600px;
    height: 15px;
    border: medium ridge rgba(255,255,255,1.00);
    background-image: -webkit-linear-gradient(0deg,rgba(0,93,152,1.00) 0%,rgba(0,255,52,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,93,152,1.00) 0%,rgba(0,255,52,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,93,152,1.00) 0%,rgba(0,255,52,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,93,152,1.00) 0%,rgba(0,255,52,1.00) 100%);
}

.div1 {
}
.div2 {
}
.div3 {
}
.body .divbl .divbb {
    width: 971px;
    height: 547px;
    animation: shower;
    animation-delay: 0s;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    border-radius: 25px;
    animation-timing-function: linear;
    margin-left: auto;
    margin-right: auto;
}
@keyframes shower {
	0%{background-image: url("../images/astgXRWxEGcJjQi36PEnDL-970-80.jpg.webp");}
	
	25%{background-image: url("../images/PfpV4M6yeEdwNzakkz4jhW-970-80.jpg.webp");}
	
	50%{background-image: url("../images/dTWDVytbMwVbzikVuYBXGM-970-80.jpg.webp");}
	
	75%{background-image: url("../images/FWtV3gZ8eNLrh9Txsjknqj-970-80.jpg.webp");}
	
	100%{background-image: url("../images/astgXRWxEGcJjQi36PEnDL-970-80.jpg.webp");}
	
}
.ax1 , .ax2 , .ax3{
    transition: all 1s;
    border-radius: 20px;
    border: medium solid rgba(79,255,241,0.92);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    max-width: 500px;
    right: 0px;
    left: 0px;
}
.axha {
    height: 460px;
    border-radius: 20px;
    position: relative;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    text-align: justify;
}
.img1, .img2, .img3 {
    position: relative;
    margin-top: 10%;
}
.ax1 {
    position: absolute;
    transform: rotate(-17deg);
    right: 20%;
	visibility: visible;
}
.ax1:hover{
	transform:scale(1.27);
	z-index: 20
}

.ax2 {
    position: absolute;
    transform: rotate(0deg);
    z-index: 10;
	visibility: visible;

}
.ax2:hover{
transform:scale(1.27);
z-index: 20
}

.ax3 {
    position: absolute;
    transform: rotate(17deg);
    left: 20%;
	visibility: visible;

}
.ax3:hover{
	transform:scale(1.27);
	z-index: 20;
}
.div4 {
    background-image: -webkit-linear-gradient(0deg,rgba(0,87,192,1.00) 0%,rgba(200,200,200,1.00) 35.76%,rgba(255,255,255,1.00) 62.18%,rgba(0,255,44,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,87,192,1.00) 0%,rgba(200,200,200,1.00) 35.76%,rgba(255,255,255,1.00) 62.18%,rgba(0,255,44,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,87,192,1.00) 0%,rgba(200,200,200,1.00) 35.76%,rgba(255,255,255,1.00) 62.18%,rgba(0,255,44,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,87,192,1.00) 0%,rgba(200,200,200,1.00) 35.76%,rgba(255,255,255,1.00) 62.18%,rgba(0,255,44,1.00) 100%);
    padding-right: 12px;
    margin-left: -5px;
}
.FDiv {
    margin-left: 20px;
    display: inline-block;
	margin-bottom: 10px;

}
footer .FDiv img {
	text-align: center;
    width: 30px;
    height: 30px;
    margin-top: 0px;
}
footer .FDiv img:hover  {
	text-align: center;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    opacity: 0.5;
}
footer hr {
    text-align: center;
    width: 300px;
    display: inline-block;
    color: rgba(54,108,129,1.00);
    height: 2px;
    background-image: -webkit-linear-gradient(0deg,rgba(0,5,255,1.00) 0%,rgba(15,209,0,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,5,255,1.00) 0%,rgba(15,209,0,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,5,255,1.00) 0%,rgba(15,209,0,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,5,255,1.00) 0%,rgba(15,209,0,1.00) 100%);
}
footer .div4{
    width: 1000px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 90px;
    padding-bottom: 40px;
    padding-top: 0px;
}

.div4 .FDiv {
}
.div4 {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-bottom: 0px;
    bottom: -50px;
    left: 450px;
}
.main .divmm .mma {
    text-decoration: none;
}
a:visited  {
    text-decoration: none;
    text-shadow: 0px 0px;
    color: rgba(0,0,0,1.00);
}
a:link {
    color: rgba(0,0,0,1.00);
}
.body .divbl #axc {
    width: 850px;
    margin-left: 80px;
}
.divbl .divvv img {
    display: inline-block;
}
.divbl .divvv2 img {
    display: inline-block;
    margin-right: 0px;
    margin-top: -10px;
}

.divbl .divvv {
    display: inline-block;
    float: right;
    margin-top: 2%;
    margin-bottom: -5px;
    margin-right: -1%;
    border-radius: 10px;
}

.divbl .divvv2 {
    display: inline-block;
    float: right;
}
p {
    font-size: x-large;
    font-family: alegreya;
    font-style: normal;
    font-weight: 400;
}
.body .divbl .ftt {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: medium solid rgba(0,100,255,1.00);
}
.body .divbl .ftt2 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: medium solid rgba(42,255,0,1.00);
}
.body .divbl .ftt3 {
    border-bottom: medium solid rgba(0,36,255,1.00);
    border-radius: 10px;
    border-top: medium solid rgba(0,36,255,1.00);
    padding-bottom: 12px;
    padding-top: 25px;
}
.body .divbl .ftt4 {
    border-bottom: medium solid rgba(19,192,0,1.00);
    border-radius: 10px;
    border-top: medium solid rgba(19,192,0,1.00);
    padding-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}
.body .divbl .ftt5 {
    border-bottom: medium solid rgba(0,36,255,1.00);
    border-radius: 10px;
    border-top: medium solid rgba(0,36,255,1.00);
    padding-bottom: 12px;
    padding-top: 48px;
}
table tr td {
    font-family: alfa-slab-one;
    font-style: normal;
    font-weight: 400;
    font-size: x-large;
}
form table .tbody {

}
.divvv2 form .tbody {
    padding-left: 100px;
    padding-top: 55px;
    background-color: rgba(255,255,255,1.00);
}
.body .divbl .divvv {
    padding-right: 20px;
}
.body .divbl .divvv2 {
	padding-right: 10px;
}
.body .divbl .divvv3 {
    float: left;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    border-radius: 30px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.body .divbl .img1d {
    position: absolute;
}
.body .divbl2i {
    width: 1001px;
    height: 1000px;
	float: left;
    min-width: 0px;
    border-width: medium;
    border-style: double;
    padding-left: 25px;
    padding-top: 30px;
    padding-right: 20px;
    margin-right: 10px;
    padding-bottom: 30px;
    background-image: url(../images/photo_2021-08-23_09-51-39.jpg);
    margin-left: 10px;
    border-radius: 50px;
}

.body .divbl .img2d {
    position: absolute;
}
.body .divbl .topp {
    font-style: normal;
    font-family: holtwood-one-sc;
    font-weight: 400;
    font-size: 80px;
    text-align: center;
    text-decoration: none;
}
li span ins {
    text-decoration: underline;
    font-size: large;
}
.body .divbl p {
    font-size: x-large;
}
.body .divbl p {
}

.body .divbl p {
    font-size: xx-large;
}





.divbl ul li {
    font-size: large;
}
figcaption ul .lis {
    font-size: medium;
}
.mainDiv {
    width: 1400px;
    height: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.hr1 {
    transform: rotate(15deg);
    top : 150px;
    right: 250px;
    width: 700px;
    height: 30px;
    -webkit-box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    position: absolute;
    z-index: 2;
    background-image: -webkit-linear-gradient(0deg,rgba(1,182,0,1.00) 14.52%,rgba(50,0,255,1.00) 61.14%);
    background-image: -moz-linear-gradient(0deg,rgba(1,182,0,1.00) 14.52%,rgba(50,0,255,1.00) 61.14%);
    background-image: -o-linear-gradient(0deg,rgba(1,182,0,1.00) 14.52%,rgba(50,0,255,1.00) 61.14%);
    background-image: linear-gradient(90deg,rgba(1,182,0,1.00) 14.52%,rgba(50,0,255,1.00) 61.14%);
}
.hr2 {
    transform: rotate(80deg);
    top : 450px;
    left: -60px;
    width: 500px;
    height: 30px;
    -webkit-box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    position: absolute;
    z-index: 2;
    background-color: rgba(14,195,0,1.00);
}
.hr3 {
    transform: rotate(-10deg);
    top : 700px;
    left: 100px;
    width: 800px;
    height: 30px;
    background-color: rgba(191,211,238,1.00);
    -webkit-box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    position: absolute;
    z-index: 2;
    background-image: -webkit-linear-gradient(0deg,rgba(0,255,29,1.00) 58.03%,rgba(10,0,255,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,255,29,1.00) 58.03%,rgba(10,0,255,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,255,29,1.00) 58.03%,rgba(10,0,255,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,255,29,1.00) 58.03%,rgba(10,0,255,1.00) 100%);
}
.hr4 {
    transform: rotate(-800deg);
    top : 400px;
    right: 100px;
    width: 400px;
    height: 30px;
    background-color: rgba(0,47,197,1.00);
    -webkit-box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    box-shadow: 1px 1px 3px rgba(111,89,100,1.00);
    position: absolute;
    z-index: 2;
}


figure video {
    border-width: 1px;
    border-style: outset;
	z-index: 6;
}
.fig1 {
    background-color: rgba(3,158,11,1.00);
    width: 500px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    -webkit-box-shadow: 2px 2px 7px rgba(255,0,4,1.00);
    box-shadow: 2px 2px 7px rgba(255,0,4,1.00);
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 10px;
    border-radius: 30px;
}
.body .divbr img {
	animation: att;
	animation-delay: 5s;
	animation-duration: 2s;
	animation-iteration-count: 3;
	animation-timing-function: linear;
}

.fig2 {
		background-color: rgba(3,158,11,1.00);
    width: 500px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    -webkit-box-shadow: 2px 2px 7px rgba(111,89,100,1.00);
   box-shadow: 2px 2px 7px rgba(255,0,4,1.00);
    position: absolute;
	z-index: 5;
    bottom: 30px;
    left: 40px;
	border-radius: 30px;
}
.fig3 {
		background-color: rgba(0,82,249,1.00);
    width: 500px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    -webkit-box-shadow: 2px 2px 7px rgba(111,89,100,1.00);
    box-shadow: 2px 2px 7px rgba(255,0,4,1.00);
    position: absolute;
	z-index: 5;
    right: 50px;
    top: 10px;
	border-radius: 30px;
}
.fig4 {
		background-color: rgba(0,82,249,1.00);
    width: 500px;
  padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    -webkit-box-shadow: 2px 2px 7px rgba(111,89,100,1.00);
    box-shadow: 2px 2px 7px rgba(255,0,4,1.00);
    position: absolute;
	z-index: 5;
    right: 10px;
    bottom: 50px;
	border-radius: 30px;
}
.fig1:hover{
	animation: av;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: 3
}
.fig2:hover{
	animation: av;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: 3
}
.fig3:hover{
	animation: av;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: 3
}
.fig4:hover{
	animation: av;
	animation-duration: 2s;
	animation-iteration-count: 3;
	animation-timing-function: linear;
}


.fig4 figcaption .sizev {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}
.body1 {

}
.body1 .container.navbarb {
}
.body1 .container.navbarb .navbar.navbar-expand-lg.header.navbar-light.rangn {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 2%;
    border-right: thick double rgba(0,255,36,1.00);
    border-left: thick double rgba(0,108,255,1.00);
    border-top: thick double rgba(0,255,219,1.00);
    background-image: url(../images/1519233.jpg);
    background-size: cover;
}
.container.divbr .ul1 .mos2 {
    margin-left: -50px;
    margin-top: -5px;
    margin-bottom: -5px;
}
.container.navbarb .navbar.navbar-expand-lg.header.navbar-light.rangn .navbar-toggler.ham {
    text-shadow: 0px 0px;
    opacity: 0.5;
    background-color: rgba(255,255,255,0.70);
}
.al2 {
    margin-top: -20%;
}
.al {
    margin-top: -5%;
}
.al3 {
    margin-top: -13%;
}
.al4 {
    padding-bottom: 8%;
    margin-top: 2%;
    width: 80px;



}
.al5 {
    width: 150px;
}
.fp10 {
    background-color: rgba(27,27,27,1.00);
    border: thick solid rgba(0,255,219,1.00);
    border-radius: 20px;
}
.fp13 {
}
.fp12 {
}
.fp11 {
}
.pmap {
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-top: 5%;
}
.p1p {
    font-size: 2em;
    text-align: center;
    float: left;
    display: inline-block;
}
.copp {
    font-family: lobster;
    font-style: normal;
    font-weight: 400;
    font-size: large;
}

.p2p {
}
.alr1 {
    width: 70px;
    height: 39px;
    text-align: center;
    margin-left: 7%;
    border-radius: 5px;
    margin-top: px;
}
.alr2 {
    display: inline-block;
    text-align: center;
}






.topp{
    font-size: 2.5em
	}

@media screen and (min-width:768px){
	.topp{
    font-size: 4em
	}
}
@media screen and (max-width:772px){
	.axha{
		margin-left: -5%;
		transform: scale(0.8)
	}
	.ax1{
		margin-left: -10%;
	}
	.ax2{
    margin-left: 5%;
    background-size: cover;
	}
}
@media screen and (max-width:1600px){
	.divbr{
		display: none
	}
	.divbl222{
    display: none;
	}
}
@media screen and (min-width:1600px){
	.header{
		display: none
	}
	.divbr{
		margin-top: 1.5%
	}
	.divbl{
		 border-width: thick;
    	border-style: double double solid;
		margin-top: 4%;
		border-radius: 50px;
    	border-color: rgba(0,203,255,1.00) rgba(0,255,36,1.00) rgba(0,203,255,1.00) rgba(0,108,255,1.00);
    	background-color: rgba(253,253,253,1.00);
		
	}
}
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container2 {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #818181;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {
  background-color: #818181;
opacity: 0.5
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    color: white;
    background-image: -webkit-repeating-linear-gradient(0deg,rgba(17,0,255,1.00) 0%,rgba(26,255,0,1.00) 100%);
    background-image: -moz-repeating-linear-gradient(0deg,rgba(17,0,255,1.00) 0%,rgba(26,255,0,1.00) 100%);
    background-image: -o-repeating-linear-gradient(0deg,rgba(17,0,255,1.00) 0%,rgba(26,255,0,1.00) 100%);
    background-image: repeating-linear-gradient(90deg,rgba(17,0,255,1.00) 0%,rgba(26,255,0,1.00) 100%);
    border-radius: 30px;
    margin-right: -8px;
    margin-left: -8px;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


#button {
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 100px;
    font-size: xx-large;
}
#button::after {
  
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}
.w22{
	color: black;
	background-color: white;
}
.w23{
	color: white;
		
}
.divbl222 {
    float: left;
    position: fixed;
    left: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 10;
    max-width: 230px;
    background-color: aliceblue;
    top: 1px;
    border: thick outset rgba(163,163,163,1.00);
    margin-left: 10px;
    margin-top: 5px;
}