/*start - menu*/

 /* Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 16px;
  /*font-size: 16px;*/
  border: none;
}

/* The container div - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f15e;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  border-bottom:1px solid #f1f1f180;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: transparent;}
 
  .dropbtn{font-weight:bold;}
 a.active, a.dropbtn:hover {color: rgba(255,255,255,0.5);};
 
.btn.dropbtn.active, .btn.dropbtn:active {
    -webkit-box-shadow: none;
     box-shadow: none;
} 
   
 .dropdown .btn.active, .dropdown .btn:active
	{
	   -webkit-box-shadow: none !important;
	   box-shadow: none !important;
	}
/*end - menu */

  






@media only screen and (min-width: 768px) {
/*only ipad pro or desktop and above device*/
 #dvFGNavbar{
		display:block!important;		
	}
	#dvFGNavbar_mob{
		display:none!important;		
	}
	
}

@media only screen and (max-device-width: 1024px) {
	/*only ipad pro or mobile and below device*/
	.fgindex .bg-image{height: auto!important;}
	#dvFGNavbar{
		display:none!important;		
	}
	#dvFGNavbar_mob{
		display:block!important;		
	}
	
	.GroupInNumbers p.HeaderSec2 {
    text-align: center;
    font-size: 16px !important;
	}
	
	.bg-image{
	padding-right: 0px;
    padding-left: 0px;
	}
	.navbar-default{
		background-color:#d61e1e !important;
		color:white;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{    background-color: #ddd0 !important;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #f8f5f5 !important;}
	.navbar-default .navbar-toggle{border-color:transparent;}
	.navbar-collapse{border-color:transparent !important;}
	
	.hdrlogo{
	width:150px;
	}
	/* .homebanner-text h1{
	font-size:30px;
	}*/
	.homebanner-text {font-size:20px !important;}
	.carousel,.carousel-inner,.carousel-inner img{height:200px !important;}
	 .homebanner-text{position:initial  !important;transform:none !important;}
	 .carousel-caption{
		top:auto !important; 
		}
		.compsec1,.compsec2,.compsec3{padding-top:20px;}
}



/*start - animation effects when scroll in view*/
.glide {
  opacity: 0;
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -moz-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
}
/* */
.glide.glideIn {
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
/*end - animation effects when scroll in view*/


.FooterCommon{font-weight:bold; font-size:10px;}
.FooterRow1{background-color:rgb(219,219,219);padding-top:10px;padding-bottom:10px;}
.FooterRow2{background-color:rgb(208,208,208);padding-top:10px; }
.FooterCommon .nav-pills>li>a{color:rgb(52,52,52);}
.FooterBrandIcons li{
 display:inline;
 list-style:none;
 padding-left:5px;
  padding-right:5px;
}

.FooterBrandIcons li i{
font-size:20px;
color:White;
background-color:gray;
text-align:center;
border-radius:18px;
padding:8px;
width:36px;
-webkit-transition:opacity 0.4s; /*Safari */
 transition: opacity 0.4s;	
}

.FooterBrandIcons li i:hover{
	opacity:0.8;
}




/*start - button theme*/
.btntheme{
color:rgb(187,0,0);
font-family:'Calibri';
font-size:15px;
background-color:White;
border-color:rgb(187,0,0);
border-radius:1px;
-webkit-transition:background-color 0.4s; /*Safari */
  transition: background-color 0.4s;
 
}
.btntheme:hover{
color:White;
background-color:#041051;
}
.btntheme:active,.btntheme:focus{
color:White;
background-color:#041051;
border-color:rgb(187,0,0);
}
/*end - button theme*/


/*Start - Numbers count animation*/
.CountSecStart,.CountSec,.CountSecEnd{
	padding-top: 30px;
 padding-bottom: 20px;
text-align:center;
border-left:1px dotted white;
}
.CountSecStart{
 
border-left:none;
}
.GroupInNumbers{
color:White;
background:rgb(187,0,0);
padding-top:40px;
padding-bottom:40px;
}
.GroupInNumbers .stat{
font-size:80px; 
line-height:0.7;
}
.GroupInNumbers p{
font-size:24px; 
}
/*end - Numbers count animation*/

.icon-close:after {
    content: ' \2573';
    font-size: 14px;
    color: White;
}

.HeaderSec {
    color: rgb(187,0,0);
    font-size: 20px;
    font-weight: bold;
}




/*mobile menu*/
#dvFGNavbar_mob .LanguageContainer{
margin-top: 10px;
    margin-bottom: 40px;
	}


#accordion .panel-body{ 
padding-left: 50px;
background-color: transparent;
border:0px !important;
}
#accordion .navbar-nav{text-align:left;}

#accordion .panel,#accordion .panel-group .panel{border-radius:0px;}
#accordion .panel  {
     border : none;
	 background-color:transparent;
}
#accordion .panel-default>.panel-heading {
	background-color:transparent;
	color:white;
}

#accordion  .firstitem a{
    border-top: 1px dotted white;
    padding-top: 10px; 
	}

#accordion .panel-title a{
	text-decoration:none;
    border-bottom: 1px dotted white;
    padding-bottom: 10px;
	padding-right:8px;
	margin-right:2px;
	}
	
#accordion .panel .navbar-nav{float:left;}
#accordion .panel-group .panel+.panel{margin-top:0px;}
	
#accordion .Arrows:before {
    content: ' \25B6';
    color: rgb(255,255,255,0.5);
}

#FGNavbar_mob {
    position: absolute;
    z-index: 1000;
    background-color: rgb(187,0,0);
    padding: 0px 0px;
    right: -15px;
    width: 80%;
    top: 0px;
    bottom: -500px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	 
}
/*end - mobile*/