@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 768px) {
 .d-xs-none{display:none!important}
.video-holder:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%!important;
    z-index: 2;
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc000000',GradientType=1);
}
.loader .loader-logo img {
    width: 80%;
}
.breadcrumb-cont li h5 a
{
    display: inline-flex; font-size: 10px; padding: 0px 10px!important;
}
.breadcrumb-cont h5 a
{
   padding: 0px 15px;
}
.breadcrumb-cont li
{
    padding:0px 15px 0px 0;
}
.breadcrumb-cont .dropdown-toggle::after
{
    margin-top: 4px;
}
.navbar
{
    padding:0!important;
}
.breadcrumb-cont .navbar-nav
{
    flex-direction: unset;
}
.loader
{
    background-size:cover;
}
#chakra {
    -webkit-animation: rotation 10s infinite linear;
    position: absolute;
    top: 36%;
    left: 25.5%;
}
.loader .loader-flag {
    position: absolute;
    top: 85%;
    left:6%;
}
.glo img {
   
    left: 34%;
    
}
.loader .loader-logo {
    position: absolute;
    top: 2%;
    left: 13%;
}
#overlay-menu .menu-left-col
{
    padding: 20px!important;
}
.menu-left-col-ul ul
{
        width: 95%!important;
}
.menu-left-col-ul ul
{
    padding:60px!important;
}
.insta-div:after {
    display: inline-block;
    content: '\f16d';
    font-family: 'fontAwesome';
    color: #fff;
    width: 20px;
    position: absolute;
    left: 40px;
    top: 554px!important;
    height: 20px;
    background-position: -212px -115px;
}
.quickqueryimg
{
    display: none;
}
#slideout, #slideout_inner
{
    display: none;
}
.menu-fix-btn

{
    top: -62px!important;
    left: -33.9%!important;
}
.menu-fix-btn .btn-txt span
{
   display: none!important;
}
.video-holder
{
    height: auto!important;
}
.menu-fix-btn .btn-txt i {
    top: 18px!important;
    left: 50px!important;
 font-size: 16px!important;
}
.contact-fix-btn
{
    top: -62px!important;
    right: -33.9%!important;
}
.lang-fix-btn {
    bottom: -62px!important;
    left: -33.9%!important;
}
.lang-fix-btn .btn-txt span
{
    display: none;
}
.lang-fix-btn .btn-txt i
{
  top: -9px!important;
    font-size: 16px!important;
    left: 47px!important;
}
.wrk-fix-btn {
    bottom: -62px!important;
    right: -33.9%!important;
}
.wrk-fix-btn .btn-txt span
{
    display: none;
}
.wrk-fix-btn .btn-txt i
{
   top: -4px!important;
    font-size: 16px!important;
    right: 89px!important;
  left: inherit!important;
}



.welcome {
    top: 22%;
    left: 32.1%!important;
    }
    .welcome img
    {
        width: 150px!important;
    }
    .bounce
    {
        display: none;
    }
    .padding-cont {
    padding: 25px 0 90px!important;

}
#sidebar
{
    display: none!important;
}
.p-150
{
    padding: 0;
}
	.fixed-buttons .btn {
    width: 188px;
}
 .menu-overlay .navigation-holder {
    width: 50%;
    float: left;
    box-shadow: 12px 0 32px rgba(0,0,0,.4);
    height: 100%;
}
.menu-overlay .navigation-holder .layer.layer1 {
    padding: 0 60px;
}

.menu-overlay .navigation-holder .main-menu {
    margin: 60px 0 20px;
}
.menu-overlay .navigation-holder .layer.layer2 {
    top: 0;
    padding: 0 40px 0 60px;
}
.menu-overlay .navigation-holder .layer.layer3 {
    padding: 0 40px 0 60px;
    top: 0;
}
.menu-overlay .quicklinks-holder {
    width: 50%;
    float: left;
    height: 100%;
    padding: 0;
    background: #002970;
}
.menu-overlay .quicklinks-holder .vertical-align {
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}
.menu-overlay .quicklinks-holder .quicklinks-items {
    width: 360px;
}
.menu-overlay .quicklinks-holder .quicklinks-items .quicklink-item {
    width: 180px;
    height: 180px;
}
.menu-overlay .quicklinks-holder .quicklinks-items .quicklink-item .content-holder .txt-holder {
    padding: 20px;
}
.menu-overlay .quicklinks-holder .quicklinks-items .quicklink-item .content-holder .txt-holder img {
    bottom: 90px;
}
.menu-overlay .quicklinks-holder .quicklinks-items .quicklink-item .content-holder .txt-holder h3 {
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 20px;
}
#overlay-menu .quicklink-item {
    width: 180px;
    height: 180px;
}	
#overlay-menu .quicklink-item .content-holder .txt-holder {
    padding: 20px;
}

#overlay-menu .quicklink-item .content-holder .txt-holder img {
    bottom: 90px;
}

#overlay-menu .quicklink-item .content-holder .txt-holder h3 {
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 20px;
}
	
#overlay-menu .menu-right-col
	{
		padding-right:70px!important;
	}
	
	.side-col ul
{
	width:100%;
	
	
}
	
	.backgroundOverlay
    {
        display: none;
    }
	.delayedPopupWindow {
    display: none;
    position: fixed;
    width: 350px!important;
    height: auto;
    top: 31.5%!important;
   left: 79%!important;
    margin-left: -260px;
    margin-top: -180px;
    background-color: #0b307b;
    border: 2px solid #1c3f86;
    z-index: 99999;
    padding: 10px 20px 30px;
}	
	
	
	

}





@media (min-width: 769px) and (max-width: 992px)   {
 
.menu-overlay .navigation-holder .layer.layer1 {
    padding: 0 110px;
}
 .menu-overlay .navigation-holder .layer.layer2 {
    padding: 0 80px 0 100px;
}

.menu-overlay .navigation-holder .layer.layer3 {
    padding: 0 80px 0 120px;
}



}







@media (min-width: 993px) and (max-width: 1170px)   {
 
.video-holder
{
    height:auto!important;
}

.bounce {
    display:none!important;
}
 
.welcome
{
    top:34%!important ;
}
 
 
}
@media (min-width: 1171px) and (max-width: 1240px)   {
 

 
}
@media (min-width: 1241px)  {
 

 
}



@media  (max-width: 640px)   {
    .contact-fix-btn .btn-txt span
    {
        display:none!important;
    }
    
    
    .welcome {
    top: 20%!important;
    left: 32%!important;
}


.insta-div:after
{
    top:500px!important;
}

}
@media only screen and (max-width: 568px){
.delayedPopupWindow {
    display: none;
    position: fixed;
   width: 300px!important;
    height: 420px!important;
    top: 44.5%!important;
    overflow-y: scroll;
    left: 83%!important;
    margin-left: -260px;
    margin-top: -180px;
    background-color: #0b307b;
    border: 2px solid #1c3f86;
    z-index: 99999;
    padding: 10px 20px 30px;
}	
}