@font-face
{
font-family: Rubik-VariableFont;
src: url(../fonts/Rubik-VariableFont_wght.ttf);
}

body,p,a,h1,h2,h3,h4,h5,h6,.section__title,span, div:not(.fa)
{
font-family: 'Rubik-VariableFont', sans-serif !important;
}

.developed_by
{
font-size:8pt;	
color:#000000;
}

.developed_by > a
{
font-weight:666;
}


.ms_footers_info >span
{
font-size:11pt;	
}


.middlesolution_last_footer 
{
width:100% !important;	
}

.sub_footer_left
{
width:50%;
float:left
}

.sub_footer_right
{
width:50%;
float:right
}

.main_share_content
{
width:100%;
text-align:right;
margin-bottom:5px;
margin-top:10px;

}

.ast-mobile-svg
{
width:45px !important;
height:45px !important;
background-color:#e9e9e9;
border-radius:50px;
padding:7px;
border:2px solid #E76C00;
}

.home_page_client_logo
{
background-color:#e9e9e9 !important;
border-radius:90px !important;
border:3px solid #E76C00 !important;
height:130px !important;
width:130px !important;
padding:4px;

}


.sticky
{ 
position: sticky; 
top: -5px; 
} 

.sticky_news
{ 
position: sticky; 
top: 30px; 
} 

.brand_images
{
border-radius:100px;
border:2px solid #ffffff;
padding:7px;
}

.news_filter_btns
{
padding:10px !important;	
margin-bottom:5px;
width:100%;
border:1px solid #ffffff;
}

.news_filter_btns_active {
	background-color: var(--black) !important;	
	color: var(--primary) !important;	
}
		
		
#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: #b4bca7;
    opacity:0.95;
    animation: morph 5s linear 1s;
}

@keyframes morph {
0% { background-color: #b4bca7; }
25% { background-color: #2576bb; }
50% { background-color: #a24499; }
100% { background-color: #f7902d; }
}

#loading-animation {
	
	  background-image:url('../images/loader.png');
	  background-repeat:no-repeat;
	  background-attachment:fixed;
	  background-size:contain;
      top: 50%;
      left: 48%;
      width: 386px;
      height: 126px;
      position: absolute;
      margin: -100px 0 0 -100px;
      
	  
  animation: bounce10 2s infinite alternate;
  -webkit-animation: bounce10 2s infinite alternate

           -moz-transition: all 5s ease-in;
    -webkit-transition: all 5s ease-in;
    -o-transition: all 5s ease-in;
    transition: all 5s ease-in;

}

@keyframes bounce10 {
        0%   { transform: scale(1,1)    translateY(0); }
        10%  { transform: scale(1.1,.5) translateY(0); }
        30%  { transform: scale(.5,1.1) translateY(-50px); }
        50%  { transform: scale(1,1)    translateY(0); }
        100% { transform: scale(1,1)    translateY(0); }
}

	
	

.msico
{
	width:30px;
	height:30px;
	text-align:center !important;
}


.circle
{
border-radius: 50%;
background: #34a5dd;
color:#ffffff;
padding-bottom:1px;
padding-top:6px;
padding-left:1px;
padding-right:1px;
}


.footer-socials
{
	list-style-type:none;
	padding-left:0px;
}

.footer-socials li
{
	display:inline-block;
	padding-right:10px;
}

.msico_contactus
{
	width:50px;
	height:50px;
	text-align:center !important;
}	
	
.circle_contactus
{
border-radius: 50%;
background: #34a5dd;
color:#ffffff;
padding-bottom:1px;
padding-top:12px;
padding-left:1px;
padding-right:1px;	
}


.msico_footer
{
	width:50px;
	height:50px;
	text-align:center !important;
}	
	
.circle_footer
{
border-radius: 50%;
background: #ffffff;
color:#0077a0;
border:1px solid #0077a0;
padding-bottom:1px;
padding-top:12px;
padding-left:1px;
padding-right:1px;	
}

#footer_section
{
border-top:7px solid #0077a0;
	
}
	
	
.footer-social ul .fa-facebook:hover
{
background: #3B5998;
color: #FFFFFF;
}

.footer-social ul .fa-twitter:hover
{
background: #4099FF;
color: #FFFFFF;
}

.footer-social ul .fa-youtube:hover
{
background: #bb0000;
color: #FFFFFF;
}

.footer-social ul .fa-instagram:hover
{
color: #FFFFFF;
background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}



.middlesolution_mainmenu li a
{
	color:#000000 !important;
	line-height:110px !important;
	font-weight:600 !important;
}





.ark-header .navbar-logo .navbar-logo-wrap
{
	padding-top:6px !important;
	padding-bottom:1px !important;
	
}

header .navbar-logo-wrap img, header.header-shrink .navbar-logo-wrap img
{
	max-height:80px !important;
	height:auto !important;
}

.middlesolution_active_menu 
{
	border-top:1px solid #0077a0;
	border-bottom:3px solid #0077a0;
}

.top_new_header
{
	width:100%;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	padding-right:20px;
}

.top_new_header b
{
	color:#0077a0 !important;
}



header .navbar-logo-wrap img   {

	margin-top:-30px !important;

	
}


@media all and (max-width: 1024px) {

.only_mobile
{
	display:hidden !important;
}
	
}

@media all and (min-width: 800px) and (max-width: 1024px) {

.only_mobile
{
	display:hidden !important;
}

	
}

@media all and (min-width: 320px) and (max-width: 780px) {

.developed_by
{
text-align:center !important;	
}

.sub_footer_left
{
width:100%;
float:inherit
}

.sub_footer_right
{
width:100%;
float:inherit
}

.home_page_banner_mobile
{
margin-top:25px !important	
}

.home_page_banner_mobile_btn_1, .home_page_banner_mobile_btn_2
{
text-align:center;	
}


.hide_mobile_less
{
	display:none;
}

.hide_mobile
{
	display:none !important;
}

.show_mobile
{
	display:inline-block !important;
}

.only_mobile
{
	display:block !important;
}

.department_tab li a
{
	font-size:5pt !important;
}

#expire_date
{
	padding-top:15px !important;
}

#socialmedia_footer_icons
{
	padding-bottom:10px !important;
}

.fleft
{
	width:100%;
	text-align:center;
}

.navbar-brand
{
	margin:2px 15px !important;
}
	
.default .navbar #main_nav .nav li
{
	height:80px !important;
}

.default .navbar #main_nav .nav li a
{
	color:#ffffff !important;
}

.winners_image
{
	max-width:45px !important;
	max-height:45px !important;
	width:45px !important;
	height:45px !important;
}

	
}