:root{
--primarycolor: #fed130;
--primarycolor2: #fcd463;
--primarycolor3: #967e21;
--primarycolor4: #c8a526;
--primarycolor5: #80631b;
--primarycolor6: #fcd87f;
--primarycolor7: rgb(244, 187, 46);
--secondaycolor: #111111;
--secondaycolor2: #f5f5f5;
--secondarycolor3: #3c3c3c;
--thirdcolor1: #f72119;
--whitecolor : #fff;
--secondaryfont: Roboto, Helvetica Neue, -apple-system, Arial, sans-serif;
--hovercolor1: #e9ecef;
}

body{
    margin: 0;
    padding: 0;
}

a{
	text-decoration:none;
}

.horizontal-100{
}

.flex-row-wrap{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-row{
  display: flex;
  flex-direction: row;
}

.flex-column{
  display: flex;
  flex-direction: column;
}

.f-18-bold{
  font-weight: bold;
  font-size: 18px;
}

.f-18{
  font-size: 18px;
}

.f-20{
  font-size: 20px;
}

.f-18-gray{
  font-size: 18px;
  color: gray;
}

.f-18-gray{
  font-size: 18px;
  color: gray;
}

.f-1-5-rem-gray{
  font-size: 1.5rem;
  color: gray;
}

.f-1-5-rem{
  font-size: 1.5rem;
}

.f-2-rem{
  font-size: 2rem;
}

.gray-background-pd-10-20{
    background: #f6f6f6;
    padding: 10px 20px;
}

.uline{
  text-decoration: underline;
}

/** social share style **/

.social-share-div, .social-share-individual, .social-share-row{
	display: flex;
    flex-direction: row;
    align-items: center;
}

.social-share-individual > .icon{
	/*background: #039be5;*/
	padding: 5px 5px;
}

.social-share-individual{
	width: 150px;
}

.social-share-row{
	width: 100%;
  justify-content: space-between;
  row-gap: 26px;
}

.icon svg{
	width: 40px;
	height: 40px;
}

.modal-dialog{
	max-width: 560px;
}

.social-share-individual .name > span {
	padding: 0px 7px;
    font-size: 20px;
}



.fb-individual{
	/*background: orange;*/
}


.social-share-div{
    flex-direction: column;
	row-gap: 30px;
}

.justify-sb{
  justify-content: space-between;
}

.b-button{
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 30px;
}

ul,ol{
	padding-left: 0rem;
}

button:active {
outline: none !important;
border: none !important;

}

button:focus {
	outline:0 !important;
	box-shadow: none !important;
	}
	
.btn:not(.btn-outline-success){
	border: 0px !important;
}

.fl-right{
	float: right;
}

.divcenter { 
  margin: auto;
  width: 50%;  
  padding: 10px;
}

.ml-2{
	margin-left: 2rem;
}

.ft-18{
	font-size: 18px;
}

#search{
	margin: 1rem 1rem;
}

#search select{
	font-size: 18px;
}

.suggestions:hover{
    font-weight: 500;
    font-size: 20px;
}

.primary-title{
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 20px;
	color: var(--thirdcolor1);
	margin-right: 1.5rem;
}

 .list a{
	padding: 5px 10px;
	display: inline-block;
    background: #ffe484;
    margin-bottom: 10px;
    font-weight: bold;
	color: #333;
}

.list a[href]:hover, .list a.active{
	background: #008CBA;
	color: #fff;
}

h3 a{
	text-decoration:underline;
	color: #333;
}

h3 a[href]:hover{
	color: #008CBA;
}

 

ul {
	list-style-type: none;
}

.blocker.show{
	position: fixed;
    top: 115px;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: rgba(0,0,0,.5);
}

.headernav{
	position: relative;
    z-index: 1;
}


.header-section{
	padding: 30px; 	
	background: url(../images/header-bg.jpg);
}

#header-home-menu > ul{
	display: flex;
}

.pd-30{
	padding: 30px; 	
}

.jumpotran-section{
	margin: 30px;
	background: var(--secondaycolor2);
	min-height: 550px;
	padding-bottom: 1.5rem;
}


#timeline-section{
	position: relative;
	min-height: 550px;
}

#timeline-loading{
	position: absolute;
	top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#header-home-menu > ul{
	margin-top: 1rem;
}

#header-home-menu > ul > li h4:hover{
	cursor: pointer;
	background: var(--hovercolor1);
}

#header-home-menu > ul > li h4.active{
	background: #fff;
    margin-bottom: 1rem;
    padding: 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	cursor: auto;
}

.sponsored-section{
	display: flex;
    justify-content: space-around;
}

.sponsored-image{
	border: 2px solid gray;
}

.timeline-event-col{
	background: #fff;
    margin-bottom: 1rem;
    padding: 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.timelinelink{
	color: unset;
}

.title{
	margin-bottom: 20px;
}

.title span{
	font-size: 26px;
}



.btn-custom{
	background: #7952b3;
    color: #ffffff;
}

.form-button{
	font-family: var(--secondaryfont);
	background: var(--primarycolor7);
    color: var(--secondaycolor);
    font-size: 18px;
    width: 100%;
    line-height: 20px;
    padding: 10px 20px;
}

.form-button:hover{
	background: var(--primarycolor2);
}

.center{
	text-align: center;   
}

.horizontal_ul > li {
	display: inline-block;
}

.horizontal_ul > li > div > a > h5, .horizontal_ul > li > div > a > p{
	font-weight: bold;
    font-size: 16px;
}

.cal_list > ul > li > div {
	margin: 10px;
	padding: 5px 40px;
    box-shadow: 0 2px 8px 1px rgb(0 0 0 / 8%);
}

.continent_list > ul > li > div {
	margin: 10px;
	padding: 5px 40px;
    box-shadow: 0 2px 8px 1px rgb(0 0 0 / 8%);
	color: #4b4c4d;
}

.continent_list > ul > li > div > a, .cal_list > ul > li > div > a {
	color: #4b4c4d;
}

.continent_list > ul > li > div > a > i, .cal_list > ul > li > div > a > i {
	color: #0d6efd;
} 

.continent_list > ul > li > div:hover,  .cal_list > ul > li > div:hover{
	background: #ffe484;
	color: #fff ;
}

.mtop{
	margin-top: 40px; 
}

.mtop-3{
	margin-top: 3rem;
}

.primaryButton{
	background-color: #000;
	margin-left: 1rem;
}

.primary-button{
	    background: var(--primarycolor7);
    border-radius: 25px;
    font-size: 18px;
    font-family: var(--secondaryfont);
    padding: 10px 20px;
    line-height: 20px;
}

.primary-button:hover{
	background: var(--primarycolor2);
}

.secondary-button{
	background: #3c3c3c;
	color: #fff;
}

.secondary-button:hover{
	background: #808080;
	color: #fff;
}

.u-action-button{
	background-color: rgb(242, 199, 68, .5);
    color: rgb(32,32,32);
    border: 1px solid rgb(242, 199, 68, .5);
    padding: 2px 10px;
}

.u-action-button:hover{
	background-color: rgb(242, 199, 68);
	color: rgb(32,32,32);
}

.u-action-button.saving{
	background-color: rgb(242, 199, 68);
	color: rgb(32,32,32);
}

.btn-dropdown{
	display: flex;
    align-items: center;
	margin-top: 2rem;
    background: #fff;
    color: #008CBA;
    font-size: 1rem;
    border: 1px solid #fff;
	box-shadow: none;
}

.btn-dropdown > span {
	margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
	opacity: 1;
}

.maction-buttons{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#interested{
	margin-left:1rem;
}

.btn-dropdown:hover>span>svg, .btn-dropdown:hover>span>svg path, .btn-dropdown:focus>span>svg, .btn-dropdown:focus>span>svg path{
	background: #fff;
    color: rgb(32,32,32);
	fill: rgb(32,32,32);
	border: 0px solid #fff;
	box-shadow: none;
}

.u-action-button span{
	font-weight: 500;
}

.primaryButton:hover{
	background-color: rgb(242, 199, 68);
	color: #000;
}

/** navbar **/

.sticky-navbar{
	position: sticky;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
}

.navbar-custom {
     padding-top: 0rem;
	 padding-bottom: 0rem;
}
.navbar-collapse{
	flex-grow: 0;
}

.navbar-brand{
	width: 351px;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
	justify-content: space-evenly;
}

.navbar-dark .navbar-nav .nav-link{
	color : #fff;
}

.submenu{
	background: var(--secondarycolor3);
	padding: 0px 35px;
}

.submenu-item > a{
	font-size: 18px;
    text-decoration: none;
    padding: 0 10px;
	line-height: 40px;
}

.nav-link:hover, .nav-link:focus{
	color: var(--primarycolor7);
}

ul.section-two{
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

ul.section-three{
	columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

ul.section-four{
	columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

.dropdown-menu{
	padding: 0.5rem 1rem;
    margin: 0;
	font-size:18px;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown:hover .nav-link, .nav-link:hover {
	color: var(--primarycolor7) !important;
}

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

.dropdown-item:focus, .dropdown-item:hover{
	font-weight: bold;
}

.submenu-ul{
}
/** navbar **/

/**auto complete**/
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
  width: 500px;
}

.autocompleteouter {
  display: flex;
  flex-direction: row;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  font-size: 18px;
  cursor: pointer;
  background-color: #fff;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/**auto complete **/

.info-box{
	height: 300px;
    background: rgb(242, 199, 68);
	padding: 2rem 4rem;
	width: 50%;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.more-button{
    display: flex;
    flex-direction: row;
    line-height: 30px;
    min-height: 30px;
    background-color: rgb(242, 199, 68);
    color: rgb(32,32,32);
	justify-content: center;
	margin: 0rem 1rem;
	font-weight: 600;
	margin-top: 1rem;
}

.more-button i {
    margin-right: 10px;
    font-size: 18px;
}

.icon-with-content{
	display: flex;
    flex-direction: row;
}

.mb-0{
	margin-bottom: 0rem;
}

.mbottom-2{
	margin-bottom: 2rem;
}

.lh-1-5{
	line-height: 1.5;
}

.ft-30{
	font-size:30px;
}

.info-box h3 {
	font-weight: bold;
}

.info-flex-box{
	display: flex;
    justify-content: center;
    min-height: 500px;
	align-items: center;
}

.mr-5{
	margin-right: 5px;
}

/** footer style **/
.footer-clean {
  padding:50px 0;
  background-color:#fff;
  color:#4b4c4d;
  border-top: 5px solid #ffe484;
  margin-top: 2rem;
}

.footer-clean h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-clean ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-clean ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-clean ul a:hover {
  opacity:1;
}

.footer-clean .item.social {
  text-align:right;
}

@media (max-width:767px) {
  .footer-clean .item {
    text-align:center;
    padding-bottom:20px;
  }
}

@media (max-width: 768px) {
  .footer-clean .item.social {
    text-align:center;
  }
  
  .divcenter { 
  width: 100%;
}

}

.footer-clean .item.social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  margin-left:10px;
  margin-top:22px;
  color:inherit;
  opacity:0.75;
}

.footer-clean .item.social > a:hover {
  opacity:0.9;
}

@media (max-width:991px) {
  .footer-clean .item.social > a {
    margin-top:40px;
  }
}

@media (max-width:767px) {
  .footer-clean .item.social > a {
    margin-top:10px;
  }
}

.footer-clean .copyright {
  margin-top:14px;
  margin-bottom:0;
  font-size:13px;
  opacity:0.6;
}
/** footer style **/

/**listing styles**/

.pos-unset{
	position: unset !important;
}



/* smartphones, Android phones, landscape iPhone */
@media (max-width:600px)  { 
   .filter-btn{
	    background-color: lightgray;
		color: #333;
		font-weight: bold;
   }
}

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (min-width:600px)  { 
	.mobile-data{
		display:none;
	}
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:801px)  { 
 
}

/* big landscape tablets, laptops, and desktops */ 
@media (min-width:1025px) { 
   .desktop-data{
		display:block;
	}
	
	.mobile-data{
		display:none;
	}
	
	.userdata{
		width: 75% !important;
	}
	
}

/* hi-res laptops and desktops */ 
@media (min-width:1281px) { 

}

@media (min-width:990px) and (max-width:1200px)  { 
   .autocomplete {
    width: 300px;
}
}

@media (min-width:1200px) and (max-width:1400px)  { 
   .autocomplete {
    width: 420px;
}
}

@media (min-width:1400px)  { 
   .autocomplete {
    width: 500px;
}
}