html {
  scroll-behavior: smooth;
}

.noscrollbar{
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.noscrollbar::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.media-slider{
	height:60px; 
	width:60px; 
	background:rgba(0,0,0,0.3); 
	margin-top:auto; 
	margin-bottom:auto;
}

.media-slider1{
	height:32px; 
	width:32px; 
	background:rgba(0,0,0,0.3); 
	margin-top:auto; 
	margin-bottom:auto;
}

.bannerlogo{
	height:calc(50px + (80 - 50) * ((100vw - 300px) / (1600 - 300)));
	width:calc(200px + (320 - 200) * ((100vw - 300px) / (1600 - 300)));
	padding:0px;
	margin-right:0px;
}

.vision{
	height:calc(90px + (240 - 90) * ((100vw - 300px) / (1600 - 300)));
	width:100%;
	padding:0px;
	margin-right:0px;
	object-fit:fill;
}

.media-video{
	width:100%;
	height:calc(200px + (380 - 200) * ((100vw - 300px) / (1600 - 300)));
}

.col-video{
	width:100%;
	height:calc(250px + (200 - 250) * ((100vw - 300px) / (1600 - 300)));
}

.h3-style{
	font-family:monotype corsiva; 
	font-size:calc(25px + (37 - 25) * ((100vw - 300px) / (1600 - 300)));
	border-left: 8px solid #7a0202;
}


.h3-style1{
	font-family:monotype corsiva; 
	font-size:calc(25px + (37 - 25) * ((100vw - 300px) / (1600 - 300)));
}

.h3-style2{
	font-family:Arial Narrow; 
	font-size:calc(22px + (27 - 22) * ((100vw - 300px) / (1600 - 300)));
	text-align:center;
	background:rgba(71,1,1,1);
	padding-bottom:0px;
	width:100%;
	height:calc(32px + (35 - 30) * ((100vw - 300px) / (1600 - 300)));
	color:white;
	text-decoration:none;
	border:3px solid #e6d305;
	box-shadow: 1px 2px 2px #e6d305;
}

.h3-style-thought{
	font-family:monotype corsiva; 
	font-size:22px;
	text-align:center;
	background:rgba(122,50,2,0.7);
	padding:2px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	height:auto;
	margin:0px;
	color:white;
	text-decoration:none;
	border:3px solid #e6d305;
	word-wrap:normal;
	
}

.h3-style3{
	font-family:arial; 
	font-size:15px;
}

.nav-li{
	background:#4a0601;
	text-align:center;
	padding-bottom:3px;
}

.navbar-div{
	text-align:center !important;
	z-index:20; 
	background:#4a0601;
	height:70px; 
	/*box-shadow:0 1px 5px rgba(0,0,0,.6); */
	font-size:15px;
}


.dropdown-style{
	text-align:center !important;
	z-index:20; 
	background:#4a0601;
	color:white !important;
}

.hr-style {
  height:10px;
}

.h3-style-news{
	font-family:monotype corsiva; 
	font-size:calc(25px + (30 - 25) * ((100vw - 300px) / (1600 - 300)));
}

.h3-main{
	border-bottom:5px solid #960303;
	border-top:5px solid #960303; 
	text-align:center;
}

.side-col-header{
	font-family:Georgia; 
	font-size:25px; 
	color:black; 
	border-radius:5px; 
	text-align:center;
}

.start-head{
	background:white;
	padding:0px; 
	margin:0px; 
	height:50px; 
	width:100%;
	font-size:17px;
	box-shadow:0px 1px 5px rgba(0,0,0,0.6);
	display:inline-block;
}

.header-end{
	background:#8a5500;  
	padding:0px; 
	margin:0px; 
	height:40px; 
	width:100%;
	box-shadow:0px 1px 5px rgba(0,0,0,0.6);
}


.flexi-size{
	font-size:calc(28px + (35 - 28) * ((100vw - 300px) / (1600 - 300)));
}

.flexi-size1{
	font-size:calc(20px + (25 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.flexi-size2{
	font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}


.thb-nail{
	height:100px; 
	width:100px;
	margin-right:6px; 
	box-shadow:0 1px 5px rgba(0,0,0,.6);
	overflow:hidden;
	display:inline-block;
}

.thb-img{
	  width:140px; 
	  margin-right:10px; 
	  box-shadow:0 1px 5px rgba(0,0,0,.6);
	  
}

.carousel-innerann{
	height:70px;
}

.carousel-inner > .carousel-item > img{
	height:44vw !important;
	width:100%;
	object-fit:contain;
	box-shadow:0 1px 5px rgba(0,0,0,.6); 
}

.carousel-caption{
  color:white;
  top: 50%;
  text-align:left;
}

.carousel-inner1{
  height: auto;
}

.carousel-caption1{
  color:black;
  top: 50%;
  text-align:center;
}

.updates-slider{
	color:white;
	font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));
	font-family: Georgia;
	padding:0px;
}

.h3-style-flexi{
	font-family:monotype corsiva; 
	font-size:calc(28px + (40 - 28) * ((100vw - 300px) / (1600 - 300)));
}


.progress 
{
  display:none; 
  position:relative; 
  width:400px; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 
  height:28px;
  box-shadow:0px 1px 2px rgba(0,0,0,0.6);
}
.bar 
{ 
  background-color: #4169E1; 
  width:0%; 
  height:26px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:25%; 
  font-size:15px;
  color: white;
}


input.empty {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
  padding: 5px;
  font-size: 18px;
  line-hight:24px;
  border:1px solid #ddd;
  border-radius:4px;
  
}


.media{
box-shadow:0 1px 2px rgba(0,0,0,.2);	
}

.img-cont{
  position: relative;
  height:80px;
  width:auto;
  display:inline-block;
  vertical-align:top;
  margin:5px;
}

.cont-img{
  opacity: 1;
  display: block;
  width: 100%;
  height:80px; 
  margin:10px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 25%;
  height:40px;
  width:30px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-cont:hover .cont-img {
  opacity: 0.3;
}

.img-cont:hover .middle {
  opacity: 1;
}

.img-text {
  background-color:black;
  opacity:0.8;
  color: red;
  font-size: 12px;
  padding: 5px 5px;
  border-radius:50%;
}


.rounded:hover{
opacity:0.6;
cursor:pointer;
transition:0.5s;
}

.table-style tr:nth-child(odd){ 
		background: #b8d1f3;
		font-size:16px;
		text-align:center;
	}
	
.table-style tr:nth-child(even){
		background: #dae5f4;
		font-size:16px;
		text-align:center;
	}
	
.table-style th{
	background:Orange;
	font-size:19px;
	text-align:center;
}



.post-image{
	opacity:1;
	border-radius:5px;
	border: 1px solid black;
	width:100%; 
	height:auto;
}

.post-image:hover {
opacity:1;
}


.loading_img {
	display:block; 
	height:30%; 
	margin-top:180px;
	margin-left:auto; 
	margin-right:auto; 
	width:30%;
}
  
small {
	font-size: 0.6em !important;
}

fieldset{
	border-radius: 10px;
	padding: 10px !important;
}

.nav-link:hover{
	background:rgba(80, 80, 80, 0.3) !important;
	width:100%;
	height:110%;
	color:white;
	font-weight:bold;
	transition:0.5s !important;
	cursor:pointer;
}

.dropdown-item:hover{
	background:rgba(204, 200, 82, 0.5) !important;
	transition:0.5s !important;
	z-index:1;
}

.selected{
	transition:0.5s !important;
}

.fixedfooter {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding:5px;
}


/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 80px; /* 80px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5.5s;
  animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 80px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 80px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 80px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 80px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
} 


@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu{
        display:block;
    }
	
	.dropdown:hover .dropdown-sub{
        display:none;
    }
	
	.dropdown-submenu:hover .dropdown-sub{
        display:block;
    }
	
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
	
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu:hover::after{
	transition:1s;
	color:black;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
  transition:1s;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

a:hover::after{
	color:orange !important;
}

.dropdown-item:focus{
	background-color:#c96602;
}


.para{
	width:50%;
	height:auto;
	border:1px solid black;
	box-shadow:0 1px 5px rgba(0,0,0,.6);
	margin:10px;
	padding:5px;
}

@media screen and (max-width: 700px) {
	.para{
	width:100%;
	height:auto;
	margin-bottom:15px;
	margin-top:15px;
}

#menu-main{
	opacity:0 !important;
}

}

.header-logo{
	height:100%; 
	width:100%;
	opacity:1;
}

.fa:hover {
  opacity: 0.7;
  color:white;
  text-decoration:none;
}

.fa {
  padding: 7px;
  margin-top:2px;
  font-size: 22px;
  width: 35px;
  text-align: center;
  text-decoration: none;
}

section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #000000;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #04013d; !important;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.navbar{
	padding:0 px;
	margin:0 px;
}
}