*{
  /*font-family: "WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif;*/
  /*font-family: "Poppins",  Roboto, sans-serif, Tahoma, Arial, Helvetica,;*/
  /*text-align: justify !important;*/
  /*color: #363334;*/
   font-family: 'Poppins';
}

.bg-yellow{background-color: #FCC417; } /*#FCC417*/
.bg-yellow2{background-color: #E9E5E4;}
.bg-blue{ background-color: #0079C0; }/*007EC3  0079C0*/
/*.bg-orange{ background-color: #005180; }*/
.bg-gray{background-color: #EEEEEE ;}/*#B1B1B1*//*#E2E2E2*//*#d7dde4*/
.bg-white{background-color: #000000;}
.bg-flame{background-color: #354F52;}
.flame-bg{background-color: #DDE0DC;}
.bg-gmt{background-color: #023047;}
.bg-fri{background-color: #044389;}
.bg-gmt-k-10{background-color: #E6E7E8;}
.bg-gmt-blue{background-color: #219EBC;}
.text-fri{color:#044389; }
.text-red{color: #FF000C;}
.text-blue{color: #0079C0; }/*007EC3 005180 0079C0*/
.text-yellow{color: #FCC417;}
.text-orange{color: #fc6b00;}
.text-black{color:#000000;}
.text-gold{color: #A38647;}
.text-gmt{color: #000000 !important;}
.flame-text{color: #335C67;}
.gmt-orange{color: #FB8500;}

/*------------------FRI css starts here-----------------------------*/
.bg-fri{background-color: #044389;}
.services{
  border-right:3px solid #F49F0A;
}
.load-cells{
  border-right:3px solid #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fri-orange{background-color: #F49F0A;}
.fri-blue{color: #044389;}
.services-offered > li::marker{
  color: #F49F0A;
}
.training-reserch{
  min-height: 300px;
/*  background-color:#F49F0A;*/
}



/*------------------FRI css ends here-----------------------------*/

/*------------------ DT css starts here-------------------------*/
.bg-dt{background-color: #007dc5;}
.bg-dt-red{background-color: #D3363B;}
.bg-dt-gray{background-color: #F4F4F4;}
.bg-orange{ background-color: #005180;}
.text-gray{color:#EEEEEE ; }
.footerlinks{font-size: 15px;}
.statastics{font-size: 40px; color: white; font-weight: bold;}
.dt-blue{color:#007dc5; }
.footer-bg-dt{background-color: #F4F4F4;}
.knoop-bg{background-color: #C8DFF3; }

/*------------------ DT css ends here-------------------------*/
.page-heading{font-size: 1.6em; font-weight: bold;}/*semi-bold text-blue*/
.bold{	font-weight: bold;}
.semi-bold{	font-weight: 600;}
.extra-large{ font-size: 3.2em; font-weight: bolder;}
.very-large{ font-size: 2.3em;}
.large{	font-size: 1.6em;}
.semi-large{ font-size: 1.4em; }
.tiny-small{ font-size: 0.7em; }
.small{ font-size: 1.0em; }
.small-dt{ font-size: 1.05em; }
.medium { font-size: 1.3em; }
.semi-medium{ font-size: 1.2em; }
.center{justify-content:center;}
.tab{margin-left: 0.8em;}
.spacer-half{display:block; height:0.4em;}
.spacer{display:block; height:0.8em;}
.spacer-2x{display:block; height:1.6em;}
.spacer-3x{display:block; height:2.4em;}
.text-shadow{text-shadow:1px 1px 5px #fc6b00}/*63A5DA*/
.box-shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}/*0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*//*10px 10px;*/
.box-border
{
  border: .5px solid rgba(0, 0, 0, 0.2);
  padding: 0.5em;
}
/*.table-bordered-white{ color: #fff; }*/
.contactus-card{ min-height:330px;}
.rm-more { display:none; }

table.table-bordered-white th, table.table-bordered-white td { border: 1px solid #fff; }
hr{
  border-top : 0.5px solid #e2e2e2;/*0F0F0F e2e2e24f 262626*/
  margin: 8px 0px 8px 0px;
}

.hr{
  border-top : 0.8px solid #ACABAC;/*0F0F0F e2e2e24f 262626*/
  margin: 10px 0px 8px 0px;
  opacity: 0.5;
}
/*-------------------banner img full window size width start-----------*/
.carousel-inner img
{
	width: 100%;
}
/*-------------------banner img full window size width end-----------*/

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 169, 84, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#navbarDiv{
}

/*----------dropdown start--------------*/
.dropdown-submenu {
  position: relative;
  
}
.dropdown:hover>.dropdown-menu {
  display: block;
/*  color: #FCBA12;*/
}
.dropdown ul {
	background-color:  #fff ;/*#00579D*/
  border: 1px solid rgba(0,0,0,0);

}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.6em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;


}
.dropdown-menu > li > a{

	color:#FFF;
}
.dropdown-menu > li > a:hover{
  background: #fff ;
  color: #0082C6; 
/*  FCBA12*/
}
/*----------dropdown end--------------*/

/*------------------for foundry----------*/
.foundry 
{
    padding: 25px 20px;
}

.foundry 
{
    text-align: center;
    background: #e0e0e0;
    background: #ffc107;
    background: #fff;
    color: #0079C0;
    padding: 10px 40px 60px 40px;
   /* height: 450px;*/
    -webkit-box-shadow: 0 0 40px #aaa;
    -moz-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
    -moz-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
    box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
}

.foundry:hover 
{
  cursor: pointer;
  background: #F1F3F4;/*0079C0 12ccc3 208BCA FDEDED*/
  color: #000000;
}

.foundry h4 
{
    font-size: 20px;
    text-transform: uppercase;
    margin: 25px 0 20px;
    /*color: #ff9900;*/
    font-weight: 600;
}
/*------------------for foundry end----------*/

/*-------------for gallery heavy machining------------------*/
#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:85px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
   /* .modal-footer{
      display:none;  
    }*/
/*-------------for gallery------------------*/

/*------------- breadcrumb nav -------------*/
#breadcrumb-wrapper
{
  border-bottom: 1px solid #BDBEC0;
}
#breadcrumb
{
  list-style: none;
  padding-left: 0.3em;
}
#breadcrumb li
{
  display: inline;
}
#breadcrumb li:after
{
  /*content: "\2022";*/
  content: "/";
  color:#fff ;
  /*color: #0079C0;*/
  /*margin-left: 0.4em;*/
}
#breadcrumb li:last-child:after
{
  content: "";
}
#breadcrumb li:first-child:after
{
  content: "";
  padding: 0.3em;
}
#breadcrumb li:last-child
{
  font-size: 0.8em;
  display: inline-block;
  padding: 0.4em;
}
#breadcrumb li a
{
  /*border: 1px solid #000;*/
  font-size: 0.8em;
  display: inline-block;
  /*padding: 0.4em;*/
  text-decoration: none;
}
/*------------- breadcrumb nav -------------*/

#diamondTooling img
{
  width: 400px;
  height: 300px;
}
#spm img
{
  width: 400px;
  height: 300px;
}
#sub-logo a:hover
{
  text-decoration: none;
}
.fie-sphero
{
  border: 1px solid;
  border-color: rgba(0,121,192,0.3);
}
/*------------------------------------------
    Animated link start
------------------------------------------*/

.btn-style-div{
  margin:0 auto;
}
.btn-style-div a, .btn-style-div a:visited, .btn-style-div a:hover, .btn-style-div a:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:relative;
  transition:0.5s color ease;
  text-decoration:none;
  color:#0079C0;/*030303 81b3d2*/
  font-size:1em;
}
.btn-style-div a:hover{
  color:#d73444;
}
.btn-style-div a.before:before, .btn-style-div a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
.btn-style-div a.before:before{
  top:-0.20em;
}
.btn-style-div a.after:after{
  bottom:-0.20em;
}
.btn-style-div a.before:before, .btn-style-div a.after:after{
  height:5px;
  height:0.35rem;
  width:0;
  background:#d73444;
}
.btn-style-div .square{
  box-sizing:border-box;
  margin-left:-0.4em;
  position:relative;
  font-size:1.4em;
  overflow:hidden;
}
.btn-style-div .square a{
  position:static;
  font-size:100%;
  padding:0.2em 0.4em;
}
.btn-style-div .square:before,.square:after{
  content: "";
  box-sizing:border-box;
  transition:0.25s all ease;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  position:absolute;
  width:5px;
  width:0.35rem;
  height:0;
  background:#d73444;
}
.btn-style-div .square:before{
  left:0;
  bottom:-0.2em;
}

.btn-style-div .square:after{
  right:0;
  top:-0.2em;
}

.btn-style-div .square a:before{
  left:0;
  transition:0.20s all ease;
}
.btn-style-div .square a:after{
  right:0;
  transition:0.20s all ease;
}

.btn-style-div .square:hover:before, .btn-style-div .square:hover:after{
  height:calc(100% + 0.4em);
}
.btn-style-div .square:hover a:before, .btn-style-div .square:hover a:after{
  width:100%;
}
/*------------------------------------------
  Animated link end
------------------------------------------*/
/*------------------------------------------
 fie group facilities gallery start
------------------------------------------*/
.cert{
  float: left;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
  float: none;
  margin-right: 50%;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.7;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
img.fancy-zoom {
    /*width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.fancy-zoom-transition {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*------------------------------------------
 fie group facilities gallery end
------------------------------------------*/
/*-------------------------------------------
Accordian CSS
-------------------------------------------*/
.demo {
  margin: 0px;
}
.accordion .fa {
  margin-right: 0.5rem;
}
.accordion button, .accordion button:hover, .accordion button:focus{
  text-decoration: none;
}
.card-header{
  height: 50px;
}

/*-----------------------------------------------
News Ticker CSS
-----------------------------------------------*/
.holder { 
  background-color:#fff;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:300px;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}

/*-------------------------------
Few words From CEO css
-------------------------------*/
.img-container{
  position:relative;
  display:inline-block;
}
.img-container .overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgb(0,170,170);
  opacity:0;
  transition:opacity 500ms ease-in-out;
}
.img-container:hover .overlay{
  opacity:1;
}
.overlay span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
}
/*---------------------------------------
Home Banner Video
---------------------------------------*/


.video-background-holder {
  position: relative;
  /*background-color: ;*/
  height: calc(100vh - 72px);
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /*background-color: ;*/
  opacity: 0.5;
  z-index: 1;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/

code {
  padding: 0 0.15rem;
  background: #f5f5f5;
  border-radius: 0.2rem;
}

@media only screen and (min-width: 960px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0 0.5em;
  }
  .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
    border-right: 2px solid #F08700; 
    /*FAA954*/
  }
}

/*-------------------------------------------
            Words from CEO CSS
-------------------------------------------*/

         #words-from-ceo{
                background: #0072b9;
                padding: 20px 0;
            }
            #words-from-ceo h4{
                margin-top: 50px;
                font-weight: normal;
                text-align: right;
                color: white;
            }
            .words{
                position: absolute;
                z-index: 100;
                right: -90px;
                top: 150px;
                width: 70%;
                padding: 10px 20px;
                background: #ffae48;
            }
            #words-from-ceo h5{
                margin-top: 5px;
                font-size: 1em;
                text-align: right;
                color:white;
            }

            .about-img{
                    
                }

            @media screen and (max-width:  991px) {
                .words{
                    position: relative;
                    top: unset;
                }
            }

            @media screen and (max-width:  974px) {
                .words{
                  top: unset;
                    position: relative;
                }
            }
            @media screen and (max-width: 767px) {
                #words-from-ceo h4{
                    text-align: center;
                }
            }

            @media screen and (max-width: 750px) {
                .words{
                    left: 0;
                    width: 100%;
                }
                .about-img{
                    display: flex !important;
                    flex-wrap: wrap !important;
                    justify-content: center !important;

                }
            }


/*------------------------------------------------------------*/

/*------------------------- News and Events-----------------------*/

.card-date {
    position: absolute;
    background: #0079C0; 
    font-family: "futura-bold";
    text-align: center;
    padding: 10px;
    color: #fff;
    top: 0;
    left: 0;
    text-transform: uppercase;
}

/*.card {min-height: 70px;}*/
.card-date span {
  font-size: 30px;
}
#event-block .fa-map-marker{
    color: #0079C0; 
}
.hover-shadow{
    border: 1px solid #f5f5f5;
}
.hover-shadow:hover{
    -webkit-box-shadow: 10px 10px 5px -4px rgba(194,194,194,0.45);
    -moz-box-shadow: 10px 10px 5px -4px rgba(194,194,194,0.45);
    box-shadow: 10px 10px 5px -4px rgba(194,194,194,0.45);
}
.heroContent {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
/*.carousel{
  margin-top: 50px;
}*/
/*.carousel-inner{
  height: 100px;
}*/
.carousel-caption{
  top: 40%;
}
@media screen and (max-width:  991px) {
                .carousel-caption h1{
                   
                    font-size:4vw;
                    position: relative;
                    text-align: center;
                }
            }

            @media screen and (max-width:  974px) {
                .carousel-caption h1{
                  
                    font-size:4vw;
                    position: relative;
                    text-align: center;
                }
            }
            @media screen and (max-width: 767px) {
                #carousel-caption h1{
                    font-size:4vw;
                    position: relative;
                    /*text-align: center;*/
                   
                }
            }
.cardtitle{
     /* display: flex;*/
    justify-content: center;
    align-items: center;
    vertical-align: center;
    height: 100%;
    width: 100%;

}
.cardtitle{
  float:left;
  width: 100%;

}
            @media screen and (max-width: 750px) {
                .carousel-caption h1{
                    font-size:5vw;
                    position: relative;
                    text-align: center;
                    }
                }
                @media screen and (max-width: 576px) {
                .carousel-caption h1{
                    font-size:7vw;                    
                    position: relative;
                    text-align: center;
                    }
                }
            
            @media screen and (max-width: 576px) {
                .myclass.container.p-5{
                    padding: 0 !important;
                    margin: 0 auto !important;
                    }
                .aboutalame{padding-left: 100px;}
                .mr-2{margin: 0 !important;}
                .flame-align-bottom{display: none;}
                }
            @media screen and (min-width:  992px) {
                .cardtitle h2{
                   padding-left: 10px;
                    text-align: center;
                    transform: rotate(90deg);
                    }
                }
            @media screen and (min-width:  991px) {
                .flame-align-bottom{text-align: center;
                  display: inline-block;}
            }
 /*Slider Starts here */

/*html,
body {
    background-color: #039BE5
}*/

.items {
    width: 90%;
    margin: 0px auto;
    margin-top: 30px
}
.items-1 {
    width: 90%;
    margin: 0px auto;
    margin-top: 50px
}
/*.slick-slide {
    margin: 10px 
}*/

.slick-slide img {
    width: 75%;
    border: 0px solid #fff
}
/*---------------------Slider ends here ------------------*/

/*Animation-text*/
/*Card Css start*/
/*:root {
  --gradient: linear-gradient(to left top, #DD2476 10%, #FF512F 90%) !important;
}*/

/*body {
  background: #111 !important;
}*/

.card {
  background: #222;
  ;
  /*color: rgba(250, 250, 250, 0.8);*/
 /* margin-bottom: 2rem;*/
  width: auto;
  min-height: 20rem;
}

.card-body{
  
}

.curved-div {
  /*width: 200px;
  height: 200px;*/
  /*border-radius: 10px;*/ /* Adjust the value to control the curvature */
 /* background-color: #ccc;*/ /* Optional background color */
  border: 2px  ; /* Optional border */
  /*margin-right: 5px;*/
  margin-top: 5px;
   border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.curved-div-1 {
  /*width: 200px;
  height: 200px;*/
  /*border-radius: 10px;*/ /* Adjust the value to control the curvature */
 /* background-color: #ccc;*/ /* Optional background color */
  border: 2px  ; /* Optional border */
  /*margin-right: 5px;*/
  /*margin-top: 5px;*/
   border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.about-director-container { position: relative; padding: 140px 0 24px 0; margin-top: 120px }

.about-director{
  /*position: relative;*/
  position: absolute;
  top: -92.5px;
  left: 50%;
  /*right: 50%;*/
  transform: translateX(-50%);
  /*margin-left: 110px;
  margin-top: 75px;*/
}
/*.carousel-control-prev-icon,
.carousel-control-next-icon
{
width: 2.5em;
      height: 2.5em;
      border-radius": 50%;
      background-color": #FF9933;}*/

.list-group-item{
  float: left;
}
span.carousel-control-prev-icon{
  position:relative;
}
span.carousel-control-prev-icon:before {
    position: absolute;
    z-index: -1;
    content: "";
    background-color: #FB8500;
    width: 40px;
    height: 40px;
    /* left: 12px; */
    right: -11px;
    margin-top: -9px;
    border-radius: 50%;
}

span.carousel-control-next-icon{
  position:relative;
}
span.carousel-control-next-icon:before {
    position: absolute;
    z-index: -1;
    content: "";
    background-color: #FB8500;
    width: 40px;
    height: 40px;
    /* left: 12px; */
    right: -8px;
    margin-top: -9px;
    border-radius: 50%;
}

.popup-btn {
  background-color: #d73444;
  width: 100%;
}

#homeSlider .container { max-width: 96% !important; }
#homeSlider { padding-top: 1.6em; margin-bottom: 1.6em; }

#homeSlider .slider-content:nth-child(1) {
  background-color: #044389;  
  padding: 3.5em 6em 3.5em 0em;
  position: relative;
  min-height: 492px;
}

#homeSlider .slider-content:nth-child(1)::before {
  content: "";
  display: block;
  height: 100% !important;
  width: calc(100vw);
  position: absolute;
  top: 0;
  left: -100px;
  /* right: 0; */
  z-index: -1;
  background-color: #044389;
}

#homeSlider .slider-content:nth-child(2) { position: relative; }

#homeSlider #sliderContainer {
  position: absolute;
  width: calc(51vw);
  max-width: 850px;
  left: -48px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f2f2f2;
}

#homeSlider #sliderContainer .slick-wrap { 
  position: relative; 
  padding: 0em 1em 0em 1em; 
  margin: 0em 1em 0em 1em;
  text-align: center;
}

#homeSlider #sliderContainer .slick-wrap img {
  margin: 0 auto;
  width: 100%; 
  height: auto; 
}

#homeSlider #sliderContainer .slick-desc {
  position: absolute;
  width: 100%;
  bottom: 1.4em;
  left: 0;
}

#sliderContainer .slick-arrow { 
  background-color: #F08700; 
  height: 24px;
  width: 24px;
}

#sliderContainer .slick-arrow::before {
  color: #d3363b;
  opacity: 1;
  border-radius: 0;
}

#sliderContainer .slick-prev { left: -10px; }
#sliderContainer .slick-next { right: -10px; }

#sliderContainer .slick-arrow::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  background-image: url(../../images/slider-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-position: -3px -3px;
}

#sliderContainer .slick-next::before { background-position: -32px -3px; }

.modal-content { 
  border-radius: 0; 
  position: relative; 
  padding: 2rem;
}

.modal-content .btn-close {
  background-color: #C60000;
  background-image: none;
  opacity: 1;
  border-radius: 2rem;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 0;
  position: absolute;
  right: -20px;
  top: -20px;
  padding: 0px 0 0 1px;
  line-height: 16px;
  border: 0 none;
  height: 24px;
  width: 24px;
}

#mainNav {
  background-image: url(../../images/logo-bg.png);
  background-repeat: no-repeat;
  background-position: 500px bottom;
  background-size: auto 100px;
  position: relative;
}

#mainNav::before {
  content: "";
  display: block;
  height: 67px;
  width: calc(100% - 620px);
  background-color: #044389;
  position: absolute;
  top: 0;
  left: 620px;
  z-index: -1;
}

#mainNav #nav .nav-item .nav-link { color: #fff !important; }

#mainNav #nav .nav-item .nav-link:hover, 
#mainNav #nav .nav-item .dropdown-item:hover { color: #FCBA12 !important; }

@media screen and (max-width:  1366px) {
  #homeSlider .slider-content:nth-child(1)::before {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width:  1200px) {
  #mainNav { background-position: 300px bottom; }
  #mainNav::before { left: 420px; width: calc(100% - 420px); }
}

@media screen and (max-width:  992px) {

  #mainNav #nav .nav-item .nav-link { color: rgba(0, 0, 0, .5) !important; }
  #mainNav { background-image: none; }
  #mainNav::before { display: none; }
  .navbar .navbar-nav .nav-item:not(:last-child) .nav-link { border-right: 0 none; }

  #homeSlider .slider-content:nth-child(1)::before { 
    content: "";
    display: block;
    height: 100% !important;
    width: calc(100vw - 10px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50vw);
    z-index: -1;
    background-color: #044389;
  }

  #homeSlider #sliderContainer { 
    position: relative; 
    margin-top: 2em;
    width: 100%;
    top: 0;
    transform: translateY(0);
    left: 0; 
  }
  
  #homeSlider .slider-content:nth-child(1) { text-align: center; padding: 3.5em 2em; }
  #homeSlider .slider-content:nth-child(1)::after { display: block; }
}

@media screen and (max-width:  600px) {

  #homeSlider #sliderContainer .slick-wrap { padding: 1em; }
  #homeSlider #sliderContainer .slick-desc {
    position: relative;
    bottom: 1em;
  }
}