body{overflow-x:hidden;}
@keyframes fadeIn {0% {opacity:0.0;}100% {opacity:1.0;}}
@keyframes logoIntro
{
	0% {opacity:0;right:50%;}
	25% {opacity:1;right:50%;}
	100% {opacity:1;right:0;}
}
@keyframes menuIntro
{
	0% {opacity:0.0;display:none;}100% {opacity:1.0;display:block;}
}

@font-face {font-family: "Barlow Bold";src:url("../fonts/Barlow-Bold.otf") format("opentype");}
@font-face {font-family: "Barlow Medium";src:url("../fonts/Barlow-Medium.otf") format("opentype");}
@font-face {font-family: "Glacial Indifference Bold";src:url("../fonts/GlacialIndifference-Bold.otf") format("opentype");}
@font-face {font-family: "Glacial Indifference Italic";src:url("../fonts/GlacialIndifference-Italic.otf") format("opentype");}
@font-face {font-family: "Glacial Indifference";src:url("../fonts/GlacialIndifference-Regular.otf") format("opentype");}
@font-face {font-family: "HK Grotesk Light";src:url("../fonts/HKGrotesk-Light.otf") format("opentype");}
@font-face {font-family: "HK Grotesk";src:url("../fonts/HKGrotesk-Regular.otf") format("opentype");}
@font-face {font-family: "HK Grotesk Bold";src:url("../fonts/HKGrotesk-Bold.otf") format("opentype");}
@font-face {font-family: "HK Grotesk Light";src:url("../fonts/HKGrotesk-Italic.otf") format("opentype");}
@font-face {font-family: "Montserrat Bold";src:url("../fonts/Montserrat-Bold.ttf") format("truetype");}
@font-face {font-family: "Montserrat Italic";src:url("../fonts/Montserrat-Italic.ttf") format("truetype");}
@font-face {font-family: "Montserrat Medium";src:url("../fonts/Montserrat-Medium.ttf") format("truetype");}
@font-face {font-family: "Montserrat Regular";src:url("../fonts/Montserrat-Regular.ttf") format("truetype");}


html,body{height: 100%;margin: 0;}
.red{color:#EE0000;}
.main-content{animation: 1s linear 0.1s 1 fadeIn;animation-fill-mode: forwards;opacity: 0.0;margin-left: 1px;margin-right: 1px;font-family: "Montserrat Regular";}
.bg-main{/* The image used */background: url("../images/sfdo.png") 0 0 no-repeat fixed;/* Full height */height: 120%;/* Center and scale the image nicely */background-position: center;background-repeat: no-repeat;background-size: cover;animation: 1s linear 0.1s 1 fadeIn;animation-fill-mode: backwards;}
.bg-color,.bg-main-color{animation: 1s linear 0.1s 1 fadeIn;animation-fill-mode: forwards;background: rgba(0,74,173,0.6);height: 100%;z-index: 2;opacity: 0.2;}

#rimatLogo_div{position: relative;right:100px;}
#rimatLogo{animation: 2s ease forwards 2s 1 logoIntro;position: relative;right:0;opacity:0;}
#rimatLogo2{width:auto;height:250px;}
#mainMenu{animation: 2s ease forwards 3.5s 1 menuIntro;opacity:0;}

.submenu-item{text-indent:15px;}
.link-header{font-weight:bold;}
.vertical-rule{font-weight:bold;font-size:20pt;}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{  }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
#navbarRimat{font-size:60pt;}
.rimat_icon{width:auto;height:200px;}
.dropdown-toggle:after { content: none }

#menu1{opacity: 1;transition: 0.5s;}
#menu1:hover{opacity: 0.6;}

#menu2{opacity: 1;transition: 0.5s;}
#menu2:hover{opacity: 0.6;}

.montserrat{font-family: "Montserrat Regular";}
.nav-item{font-family: "Montserrat Regular";}

ul li.myDropdown ul li {font-size:18pt;}

.stepIcon{width:100px;height;auto;}



svg .easy-step-number
{
	font-family: "Montserrat Bold";
	font-weight: bolder;
	font-size:7.5rem;
	fill-opacity: 0.0;
	fill:none;
	stroke:#FFFFFF;
	stroke-width:0.3rem;
	stroke-linecap:butt;
	stroke-linejoin:miter;
	stroke-opacity:1;
}

svg .easy-step-procedure
{
	font-family: "Montserrat Bold";
	font-weight: bold;
	font-size:2rem;
	fill:#FFFFFF;
}

svg .easy-step-processing-time
{
	font-family: "Montserrat Bold";
	font-weight: bold;
	font-size:1rem;
	fill:#FFFFFF;
}

svg .easy-step-personnel-responsible
{
	font-family: "Montserrat Bold";
	font-weight: bold;
	font-size:1rem;
	fill:#FFFFFF;
}

svg .easy-step-reqfees
{
	font-family: "Montserrat Bold";
	font-weight: bold;
	font-size:1rem;
	fill:#FFFFFF;
}