@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Barriecito&family=Lobster&family=Pacifico&display=swap');
body{margin:auto; background-color:#ebebeb; font-size:1.3em; font-family: 'Roboto', sans-serif;}
.sliderArea{padding:0px !important; margin:0px !important; margin-top: -20px !important;}
.navbar-brand {
    position: relative;
    background:url('../images/aryan-ispat-power-logo.webp');
    width: 250px;
    left: 15px;
    background-size: contain;
	background-repeat:no-repeat; 
	background-position:center;
}

.header{ font-size:2em; font-weight:900; font-family: 'Abril Fatface', cursive; margin-bottom:20px;}
.subheader{ font-size:1.8em; font-weight:900; color:#666666;}

.carousel-caption h3{font-size:4em; font-weight:900; color:#33CCCC; text-shadow:#333333 1px 1px 5px; font-family: 'Barriecito', cursive;}
.carousel-caption p{font-size:2em; font-weight:900; color:#FFCC00; text-shadow:#333333 1px 1px 5px; font-family: 'Abril Fatface', cursive;}

.miniBanner{ min-height:250px; background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:70px;}
.breadcrumb{ background:transparent !important;}
.jumbotron{ background-color:transparent !important; margin:0px !important; padding:0px !important; color:#fff; font-size:2.5em !important; padding-left:15px !important;}

.contentBox{ min-height:250px; margin-top:10px; padding:10px;}
.contentBox p{font-family: 'Roboto', sans-serif; font-size:1.3em; color:#333333; line-height:25px; text-align:justify;}
.contentBox ul li{font-family: 'Roboto', sans-serif; font-size:1.3em; color:#333333; line-height:25px; text-align:justify; margin-top:10px;}
.contentBox img{ padding-top:20px;}

.contentBoxF{ min-height:250px; margin-top:10px; padding:10px;}
.contentBoxF h2{ text-align:center; font-family: 'Abril Fatface', cursive; font-size:1.5em; background:#333333; padding:10px; color:#FFF;}
.contentBoxF ul{ padding-top:30px;}
.contentBoxF ul li{ display:block; margin-bottom:10px;}
.contentBoxF ul li a{font-family: 'Roboto', sans-serif; font-size:1.3em; color:#333333; transition: color .5s;}
.contentBoxF ul li a:hover{font-family: 'Roboto', sans-serif; font-size:1.3em; color:#FF3300;}

.dropdown-submenu {
    position: relative;
    > a::after {
      display: block;
      content: "";
      float: right;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 4px 0 4px 4px;
      border-left-color: #000;
      margin-top: 6px;
      margin-right: -10px;
    }
    > ul.dropdown-menu {
      position: absolute;
      left: 100%;
      top: 0;
      margin-left: 5px;
    }
  }
  
/* Style the list */
ul.breadcrumb {
  
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
  color:#FFF;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #FFF;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #FFF;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #FFF;
  text-decoration: underline;
}

.whiteContainer{ margin:0px; padding:0px; background:#FFF; min-height:200px; padding-top:20px; padding-bottom:20px;}
.whiteContainer p{font-family: 'Roboto', sans-serif; font-size:1.3em; color:#333333; line-height:25px; text-align:justify;}

.grayContainer{ margin:0px; padding:0px; background:#E4E4E4; min-height:200px; padding-top:20px; padding-bottom:20px;}
.blueContainer{ margin:0px; padding:0px; background:#000033; min-height:200px; padding-top:20px; padding-bottom:20px;}
.blueContainer1{ margin:0px; padding:10px 0px; background:#000033; min-height:30px; border-top:#FF3300 1px solid;}
.blueContainer1 p{font-family: 'Roboto', sans-serif; color:#FFF;}
.serviceBox{ background:#FFCC33; height:250px; margin-bottom:10px; background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:200px; padding-left:60px;}
.downBox{ height:50px; background:#FFF; padding-top:10px; padding-left:20px;}
.downBox p{font-size:1.3em; font-family: 'Roboto', sans-serif; color:#333333;}
.downBox p a{font-size:1.3em; font-family: 'Roboto', sans-serif; color:#333333; margin-right:20px; transition: margin-right .5s;}
.downBox p a:hover{font-size:1.3em; font-family: 'Roboto', sans-serif; color:#333333; margin-right:40px; text-decoration:none;}
.social, .quick, .contact{ min-height:200px; margin-bottom:10px;}
.contact h3{ text-align:center; font-family: 'Abril Fatface', cursive; font-size:1.5em; color:#FFF; margin:0; padding:0;}
.contact p{ padding-left:80px; color:#FFF; padding-top:50px;}
.quick h3{ text-align:center; font-family: 'Abril Fatface', cursive; font-size:1.5em; color:#FFF; margin:0; padding:0;}
.social h3{ text-align:center; font-family: 'Abril Fatface', cursive; font-size:1.5em; color:#FFF; margin:0; padding:0;}
.social ul{ text-align:center; padding-top:70px;}
.social ul li{ display:inline; margin:10px;}
.social ul li a{ color:#FFF; font-size:1.5em; transition: color .5s;}
.social ul li a:hover{ color:#FFCC00; font-size:1.5em;}

.quick ul{ text-align:center; padding-top:30px;}
.quick ul li{ display:block; margin:10px;}
.quick ul li a{ color:#FFF; font-size:.9em; transition: color .5s;}
.quick ul li a:hover{ color:#FFCC00; font-size:.9em;}

.contactBox{ min-height:200px; margin-bottom:10px; border:#666666 1px solid; border-radius:10px; padding:10px;}
.mapBox{ min-height:300px; margin-bottom:10px; border:#666666 1px solid; border-radius:10px;}
.frmtxt{ width:100%; height:35px; border:#666666 1px solid; outline:none; padding-left:2%; padding-right:2%; font-family: 'Roboto', sans-serif; color:#666666; margin-bottom:10px;}
.frmtxta{ width:100%; height:100px; border:#666666 1px solid; outline:none; padding-left:2%; padding-right:2%; font-family: 'Roboto', sans-serif; color:#666666; margin-bottom:10px;}
.mylab{font-family: 'Roboto', sans-serif; color:#666666; font-weight:bold; font-size:1.2em;}
.red{ color:#FF0033;}