/**
 * @file
 * Subtheme specific CSS.
 */

 /**
 * @file
 * Subtheme specific CSS.
 */

 /*--------------------------------------------------------------
# Top Bar background: #106eea;
--------------------------------------------------------------*/

/*.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
  font-family: "Sofia", sans-serif;
  font-size: 30px;
  text-shadow: 3px 3px 3px #ababab;    

margin-right:0px;
margin-left:0px;
padding-left: 0px;
padding-right: 0px;
}*/
/* *********************  Global ---- Settings --************************/

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
        padding-right: 0px;
        padding-left: 0px; 
        padding-top: 0px; 
        margin-top:-10px;
        width:99%;
}



/************************* Global ********************************/
body{
  width:99%;

 
}
#navbar-top {
background: #055a8e;
 
}
.navbar{
  
}

/* top most Nav Bar Social Media , font Changer  nad Color Changer */

  /*  Adjusting the location of Color Changer Pallets with change in screen size */
  .marginTop{
  position:relative;
  top:0px;
  }
  @media only screen and (max-width: 600px) {
  .marginTop{
  position:absolute;
  top:40px;
  right:10px;
  z-index:9999;
  }
  }

/* For Social media icons topbar */

#topbar {
 
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  color: #fff;
  padding-top: 8px;
  
}


#topbar .contact-info a {
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  text-decoration: underline;
}

#topbar .contact-info i {
  padding-right: 4px;
  margin-left: 15px;
}

#topbar .contact-info i:first-child {
  margin-left: 0;
}

#topbar .social-links a {
  color: rgba(255, 255, 255, 0.6);
  padding-left: 15px;
 
  line-height: 1px;
  transition: 0.3s;

}

#topbar .social-links a:hover {
  color: #fff;
}



/*   NAV BAR CSS  */

.sticky { 
  position: fixed;
  top: 0;

  width: 100%;

background:rgba(0,0,0,0.6);
}
@media only screen and (max-width: 600px) {
  .sticky {
  position: fixed;
  top: 0;

  width: 100%;

background:rgba(0,0,0,0.9);
}
}

.backg{
background:#d35c13;
}
#navbarNavDropdown ul>li>a{
color:white;

}


.bgbehind_dd{
width:800px;
}
@media only screen and (max-width: 600px) {

 .bgbehind_dd{
  width:400px;
}
.ScrollStyle
{
    max-height: 200px;
    overflow-y: scroll;
     overflow-x: none;
}
}
background:rgba(0,0,0,0.6);
}
a .dropdown-item{
font-size:9px;
}

.hover-item {
  background-color: inherit;
}

.hover-item:hover {
  background:rgba(255,255,0,0.1);
        border: thin solid  red;
        border-radius:5px;
padding:2px;
}
.menu-icon > .line {
    background-color: #292929;
    height:6px;
    display: block;
    width: 40px;
margin-right: 12px;
}
.menu-icon > .line + .line {
    margin-top: 6px;

}



/* NAv bar Css Endss here --> */





.custom_container_for_content{
 padding-left: 30px;
 padding-right: 30px;
 
}
.custom_container_for_feeds{
  padding-left: 50px;
 padding-right: 50px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky+  {
  padding-top: 60px;
}


.news {
    width: 160px
}

.news-scroll a {
    text-decoration: none
}



.counter
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count
{
    font-size: 18px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

.c-no{height:150px;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){ 
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}

time.icon
{
  font-size: .9em; /* change icon size */
  display: block;
  position: relative;
  width: 3.5em;
  /*height: 5em;*/
  height: 4em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
time.icon *
{
  display: block;
  width: 100%;
  /*font-size: .8em;*/
  font-size: .7em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: orange;
  /*background-color: #337ab7;*/
  border-bottom: 1px dashed #337ab7;
  box-shadow: 0 1px 0 #337ab7;
}
time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #337ab7;
}
time.icon span
{
  /*font-size: 1.8em;*/
  font-size: 1.3em;
  letter-spacing: -0.05em;
  padding-top: 1em;
  color: #2f2f2f;
}

.hometitle{
	color:white;
	padding:10px;text-transform: uppercase;
	font-weight: bold;
	transition: all 3s 1s;
}
.hometitle:hover{

	transition: all 3s 1s;
}
tr.alertsbg td{
	background-color: white;
}

tr.yellow td{
  background-color: yellow;
}

.homebtm_quicklinks {
    width: 100%;
    float: left;
    margin: 0 0 30px;
    padding: 36px 0 0;
}

.homebtm_quicklinks ul {
    list-style-type: none;
}
.homebtm_quicklinks ul li {
    /* display: inline-block; */
    float: left;
    text-align: center;
    
    width: 20%;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


#pinned_menu {
  position: fixed;
  right: 0;
  top: 50%;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background: crimson;
  padding:8px;
  width: 50px;
  height: 180px;


 z-index :9999
}

#menud div a {
    padding-bottom: 8px;
}

.bg-crimson {
   background: #cc0000;
}

.expand{

}
.expand:hover{
  transform: scale(1.2,1.2);
  transform-origin: 0,0;
}

.carousel-caption{
  postion:relative;
  top: 25%;
}

.navbar{
padding: 0;
}

#navbar-top {
  padding: 0;
  margin: 0;
}


/*  For Slider Gov. Entities */


/* Fallback for hidden attribute */

hidden { display: none; }

/**
 * Keyframes for autoplay
 */
@-webkit-keyframes 
autoplay {   /* position of the first slide */
  0% {
 left: 0;
}
  /* position of the second slide */
  25% {
 left: -40.625rem;
}
  /* position of the third slide */
  50% {
 left: -81.25rem;
}
  /* position of the fourth slide */
  100% {
 left: -121.875rem;
}
}
@keyframes 
autoplay {   /* position of the first slide */
  0% {
 left: 0;
}
  /* position of the second slide */
  25% {
 left: -40.625rem;
}
  /* position of the third slide */
  50% {
 left: -81.25rem;
}
  /* position of the fourth slide */
  100% {
 left: -121.875rem;
}
}

/**
 * Slider
 */

.slider {
  position: relative;
  /* top margin is for purposes of demo */
  margin-top: 3rem;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
 
  height: 100px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.slider__list {
  position: absolute;
  left: 0;
  width: 162.5rem;
}

.slider__slide { float: left; }

/**
 * Slider control
 */

.slider__control {
  margin-right: auto;
  margin-left: auto;
  width: 2.5rem;
  font-family: sans-serif;
  position: relative;
   top:-20px;
}

.slider__control label {
  position: relative;
  display: block;
  margin-top: 2rem;
  margin-bottom: 1rem;
  width: 2.25rem;
  height: 1rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: transparent;
  background: #ddd;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.slider__control label:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  color: #333;
 font-size: .95rem;
  font-weight: bold;
  text-transform: uppercase;
}

.slider__control label:after {
  content: "autoplay";
  position: absolute;
 top: .25rem;
 left: .25rem;
  display: block;
  width: .5rem;
  height: .5rem;
  border-radius: 2rem;
  background: #fff;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slider__switch:checked + .slider > .slider__list {
  -webkit-animation-name: autoplay;
  animation-name: autoplay;
  /* This will change the time it takes to move to next slide */
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slider__switch:checked + .slider + .slider__control > label { background: #455a64; }

.slider__switch:checked + .slider + .slider__control > label:after { left: 1.5rem; }

@media all {
    .site-footer__top .region {
      width: 100%;
	  float: none;
	  padding: 4px;
	  
    }
}

/* *****************  Text and Heading with Colors  ***************** */

 .oswald_crim26{font-family:Oswald;font-size:26px;color:crimson;text-shadow: 2px 2px 2px #ababab; }
 .vibes_crim36{font-family:'Great Vibes';font-size:36px;color:crimson;text-shadow: 2px 2px 2px #ababab;}
 .labs_heading{font-family: 'Oswald';color:green;}
 .robo_crim18{font-family: 'Roboto Condensed';font-size:18px;color:crimson;font-weight: bold;}
 .robo_crim{font-family: 'Roboto Condensed';color:crimson;font-weight: bold;}
 .cookie_crim48{font-family:'Cookie';font-size:48px;color:crimson;}