body {margin: 0px;	padding: 0px; font-family:"Courier New", Courier, monospace; background: #e11d39;}
h1,h2,h3,h4,h5,h6{ color:#FCC506; margin: 0px; padding:20px 0; text-align:center; }  
h1{font-size:32px; text-align: center;}
h2{font-size:30px;} 
h3{font-size:28px;} 
h4{font-size:26px;} 
h5{font-size:24px;} 
h6{font-size:22px;}
p {margin: 0px; padding:0px; font-size: 18px; text-align:justify; color:#fff; line-height:30px; letter-spacing:.5px}
a {color:#FFFF00; text-decoration:none;}
 img{width:100%; height:auto;}
.centertext{text-align:center;}
.w100{width:100%; height:auto;}
.mx1{margin-left:5px; margin-right:5px;}
.px1{padding-left:5px; padding-right:5px;}
.borderfff {border: solid 1px #fff;}
 
* {padding: 0;  margin: 0;  box-sizing: border-box;}
.waviy {  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2)); font-size:45px; margin-bottom:10px;  text-align: center;}

.waviy span {   position: relative;  display: inline-block;  color: #ffff7f;   animation: waviy 1s infinite;  animation-delay: calc(.1s * var(--i));}
@keyframes waviy {  0%,40%,100% {    transform: translateY(0)  }
  20% {    transform: translateY(-20px)  }
}
strong{color:#fff;}
header{background: linear-gradient(118.4deg, rgb(122, 35, 52) 27.5%, rgb(62, 9, 27) 92.7%); width: 100%; margin:0 auto; padding:30px 0 0px 0px; display: inline-table;}

.page_wrapper_full {width: 100%; display:table;	margin: auto auto auto auto; background: linear-gradient(109.6deg, rgb(162, 2, 63) 11.2%, rgb(231, 62, 68) 53.6%, rgb(255, 129, 79) 91.1%); }
.topbg{width:1380px; margin:0 auto; padding:0px;}
.navigation_container{width:100%; margin:0 auto; padding:0px 0 0px 0; display:block; }

#nav {width: 100%; /* 1000 */
			font-family:Arial;
			position:relative;
			font-weight:bold; 
			float:left; 
			 text-decoration:none; 
			 z-index:9999;
			 text-align:center; 
		}

			#nav > a { display: none; }

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #ffffff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #000000;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				 /* 60 */
				/*background-color: #003d98;*/
				 list-style: none; padding:0px; margin:0px; 
			}
				#nav > ul > li { height:auto; 
					float: left; 
				}
					#nav > ul > li > a
					{ padding:0px 36px 0px 36px;
						height:auto; 
						font-size:15px; /* 24 */
						line-height:50px; /* 60 (24) */
						text-align: center;
						text-decoration:none;
						margin:0 0px 0 0px;
						text-transform:uppercase;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color:#000; text-decoration:none;
							color:#F90F30; 
							
						}

						#nav > ul > li a.selected
						{
							background-color:#000; text-decoration:none;
							color:#fff; 
							
						}



				/* second level */

				#nav li ul
				{
					background-color: #000000;
					display: none;
					position: absolute;
					top: 100%; width:300px; margin:0px; padding:0px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: 0px;
						}
						#nav li ul a
						{
							font-size: 14px; /* 20 */ 
							border-bottom: 1px solid #ffffff;
							padding: 0px 0 0 8px; line-height:40px;text-decoration:none; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color:none; border-right:0px; color:#e11d39; text-decoration:none;
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 767px ) /* 640 */
		{
			
			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{ 
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #f90101;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block; 
				}






			/* first level */

			#nav > ul
			{
				height: auto;
				display: none; 
				position: absolute;
				left: 0; color:#ffffff;
				right: 0; background-color:#000000;
				width:100%;
				
			}
				#nav:target > ul
				{
					display: block; 
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
					border-bottom:1px solid #ffffff;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding:0 0 0 7px; border:none;color:#ffffff;
						
						 /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none; color:#ffffff; 
							border-bottom:none; 
							
							
						}
						
						#nav > ul > li > a:hover{border:none; background-color:none; color:#e11d39;}
						#nav > ul > li a.selected
						{
							background-color: none;
							color:#e11d39; border:none; background-color:none;
							
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding:0px; /* 20 */
					width:100%;
					display: block; border-bottom:none; color:#ffffff; 
				}
				#nav li ul a
						{ font-size: 14px; /* 20 */ 
							border-bottom:none;
							padding: 0px 0 0 25px; line-height:30px; color:#ffffff;/* 15 (20) */
						}
		}

/********************menu end******************/
.bg-container{width: 100%; margin:0 auto; padding:0px; background: linear-gradient(110.3deg, rgb(216, 103, 77) 8.7%, rgb(216, 103, 77) 47.5%, rgb(114, 43, 54) 89.1%); display: inline-table; font-family:Arial, Helvetica, sans-serif;}
.glry img{width: 100%; height: auto; margin: 0px; padding: 0px;}
.cont-brd{width: 100%; display: inline-table;}
.content-border{border-top:solid 2px #fff; 	display: inline-table; margin:0px auto; padding: 20px 0; width:100%;}
.content-border2{border-bottom:solid 2px #fff; width:75%;	display:block; margin:0px 50px 30px 50px; padding:0px 0; }
.zoom {   transition: transform .2s;  margin: 0 auto; }
.zoom:hover {  -ms-transform: scale(1.1); /* IE 9 */  -webkit-transform: scale(1.1); /* Safari 3-8 */  transform: scale(1.1); }

.arealink{width: 100%; text-align: center;}
 .arealink a{  margin:0px 20px; padding:0 0px; line-height:45px;   color:#fff; text-transform: Capital; font-size:20px; text-decoration: none;}
.arealink a:hover{color: #FCC506;}
 
.heading {position: relative; text-align:center;}
.heading span {  position: relative;  display: inline-block;  font-size:30px;  color: #FCC506;  text-transform: uppercase;
  animation: flip 2s infinite;  animation-delay: calc(.2s * var(--i))}
@keyframes flip {  0%,80% {    transform: rotateY(360deg)   }}

div[class*=box] {
	height: 33.33%;
	width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-1 {background: linear-gradient(110.3deg, rgb(238, 179, 123) 8.7%, rgb(216, 103, 77) 47.5%, rgb(114, 43, 54) 89.1%); border:solid #FFFFFF 1px }
.btn {
	line-height: 50px;
	height: 50px;
	text-align: center;
	width: 250px;
	cursor: pointer;
}

/* 
========================
      BUTTON ONE
========================
*/
.btn-one {
	color: #fff; font-size: 20px;
	transition: all 0.3s;
	position: relative;
}
.btn-one span {
	transition: all 0.3s;
}
.btn-one::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
	transform: scale(0.1, 1);
}
.btn-one:hover span {
	letter-spacing: 2px;
}
.btn-one:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
.btn-one::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.1);
}
.btn-one:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}

.categary  {margin:0 0 0 0px; width:100%; padding:10px;  }
.categary ul {margin:0 0 0 10px;   padding:0px 10px 10px 10px; }
.categary ul li{float:none; list-style:url("img/bullet.webp"); padding: 0 0 0 0px; margin: 0px; }
.categary ul li a{font-size:18px; color:#fff; text-decoration: none;  text-align:left; margin:10px; padding: 0 0 0 5px;  display:block;}
.categary ul li a:hover{ color:#F9D00F; text-decoration:none;}
footer{background: linear-gradient(118.4deg, rgb(122, 35, 52) 27.5%, rgb(62, 9, 27) 92.7%); padding:30px 0 0 0px; margin:0 auto; width: 100%; display: inline-table; font-family:Arial, Helvetica, sans-serif; }
.footerlink{color:#fff; background: linear-gradient(109.6deg, rgb(162, 2, 63) 11.2%, rgb(231, 62, 68) 53.6%, rgb(255, 129, 79) 91.1%); padding: 10px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; text-transform: capital; font-size:35px; text-align: center; border:solid #FFFFFF 1px}
.footerlink a{  margin:0px 20px; padding:0 0px;   color:#fff;    text-decoration: none; font-size:40px;}
.footerlink a:hover{color: #F8C924;}
.footer{width:100%; margin:0px; padding:0px; display:table;}
.textp{font-size:30px; color:#FDC008; text-transform:capital;}
.txt{color: #fff;    font-family: 'Actor', sans-serif; text-align: center;  padding:0px 0 10px 0px; margin:0 auto; width: 100%;}
.txt a{color: #fff;    text-decoration: none;}
.txt a:hover{color: #fff; }
.txt2{color: #fff;    font-family: 'Actor', sans-serif; text-align:left;  padding:0px 0px; margin:0 auto; width: 100%;}
.txt2 a{color: #fff;    text-decoration: none;}
.txt2 a:hover{color: #ffff8c; }

 
/*---------------------------------------*/
div {    display: block;}
.container-fluid {    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}
.container {    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
*, ::after, ::before {   box-sizing: border-box;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{  padding:10px;}

@media (max-width: 576px){
.container {    max-width: 540px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}
.footerlink a{  margin:0px 20px; padding:0 0px;   color:#000000;    text-decoration: none; font-size:36px;}
.waviy { font-size: 28px;}
.topbg{width:100%; margin:0 auto; padding:0px;}
}
@media (min-width: 576px){
.container {    max-width: 540px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}
.footerlink a{  margin:0px 20px; padding:0 0px;   color:#000000;    text-decoration: none; font-size:36px;}
.waviy { font-size: 28px;}
.topbg{width:100%; margin:0 auto; padding:0px;}
}
@media (min-width: 768px){
.container {    max-width: 720px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}
.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-3{width:50%}.col-2{width:50%}.col-1{width:50%}

.topbg{width:100%; margin:0 auto; padding:0px;}
}

@media (min-width: 992px){
.container {  max-width: 960px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}
.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}
.col-2{width:16.66666667%}.col-1{width:8.33333333%}
}





