/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.modal-center {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
}


.primary-menu style-6 { border-top: 0; }

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { color: #bb133e !important;  text-align: left;}

 
  


.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: #FFF;
	 text-align: left;
	 padding-left:10px;
}



.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
    background-color: #eadfde;
	color: #bb133e;
	  text-align: left;
	

#primary-menu{
  background-color: #bb133e;
 text-align: left;

}

	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: #bb133e;
		border-color: rgba(255,255,255,0.05);
		
		
	}


	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: #333;
		border-color: rgba(255,255,255,0.05);
		border-top-color: #bb133e;
	}

	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
		color: #bb133e;
		 text-align: left;
	}

		
.dark .primary-menu ul li:hover > a,
.dark .primary-menu ul li.current > a { color: #bb133e !important; }
------------------------------------------
		

    #primary-menu > div > ul > li li { text-align: left |important; }


.cell {
  border: 1px solid black;
  text-align: center;
  flex-basis: 33.3333%;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-tap-highlight-color: #0000;
}


.column-gap: 20px;

 .col {
color:#fff;
 font-size:7px;
 flex-shrink: 0;


}






.initialist {
font-size: 1.1em; 

}


.container img {
  width: 100%;
  height: auto;
}

.container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: black;
}




.hr {width: 50%;height: 10px;margin-left: auto;margin-right: auto;background-color:#315B6F;border: 2; margin-top: 100px;margin-bottom:100px;}

.rskewx {
transform: skewx(29deg);

}







.container {
  display: flex;
}
.container.space-around {
  justify-content: space-around;
}
.container.space-between {  
  justify-content: space-between;
}