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

.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;}
.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-flame{color: #3B534D !important;}
.flame-text{color: #335C67;}

.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; }
.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: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5em;
}
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{
  margin-top: ;
}

/*----------dropdown start--------------*/
.dropdown-submenu {
  position: relative;
  
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.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;
}
/*----------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: #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
------------------------------------------*/
#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);
}
.pp-img::before {
    content: "Plating Plant";
    position: absolute;
    z-index: 100;
    font-weight: bold;
    text-align: center;
    width: 90%;
    top:20px;
    font-size:2.2em;

}
/*------------------------------------------
 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 #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:3vw;
                    position: relative;
                }
                .flame-align-bottom{display: none;}
                .flame-bottom{display:inline-block;}
            }

            @media screen and (max-width:  974px) {
                .carousel-caption h1{
                  
                    font-size:3vw;
                    position: relative;
                }
            }
            @media screen and (max-width: 767px) {
                #carousel-caption h1{
                    font-size:3vw;
                    position: relative;
                   
                }
            }

            @media screen and (max-width: 750px) {
                .carousel-caption h1{
                    font-size:5vw;
                    position: relative;
                    }
                }
                @media screen and (max-width: 576px) {
                .carousel-caption h1{
                    font-size:8vw;                    
                    position: relative;
                    }
                }
            /*@media screen and (max-width: 576px) {*/
            /*    .myclass{*/
            /*        padding: 0 !important;*/
            /*        margin: 0 auto !important;*/
            /*        }*/
            /*    }*/
             @media screen and (max-width: 576px) {
                .myclass.container.p-5{
                    padding: 0 !important;
                    margin: 0 auto !important;
                    }
                }
                @media screen and (max-width: 576px) {
                .w-25{
                    width:50% !important;
                    }
                    .pp-img::before{
                    top:0;
                    font-size:1.7em;
                    text-align: left;
                    margin-left: unset !important;
                    padding-bottom: 5px;
                }
                .flame-bottom{font-size:1.7em !important;
                    text-align: left;
                    margin-left: unset !important;
                    font-weight:bold;
                    padding-bottom: 5px;}
                .ml-5{
                    margin-left: unset !important;
                }
                .aboutalame{padding-left: 100px;}
                .mr-2{margin: 0 !important;}
                
                }
                @media screen and (min-width:  992px) {
                .cardtitle h2{
                    text-align: center;
                    /*padding-left: 10px;*/
                    /*padding: 10px;*/
                    }
                }
           @media screen and (min-width:  990px) {
                .flame-bottom{text-align: center;
                    display: none;
                }
            }
 /*Slider Starts here */

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

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

.slick-slide img {
    width: 75%;
    border: 10px solid #fff
}







/*---------------------Slider ends here ------------------*/