@charset "utf-8";

body {
   font-family: 'Quattrocento Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    color: #1f1f1f;
}
h1,h2{
	margin-bottom: 30px;
    /*padding: 15px;*/
    /*line-height: 3px;*/
    font-weight:600;
	color: #303030;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
  }
h2 {
    font-size: 24px;
    text-transform: uppercase;
  }
h3{
	font-size: 26px;
	font-weight:500;
	color:#fff;
}
h4 {
    font-size: 20px;
    line-height: 1.375em;
    font-weight:bold;
    margin-bottom: 30px;
  }
  hr {
    height: 4px;
    width: 80px;
    text-align: center;
    position: relative;
    background: #e49014;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 0;
}
p span{
	color: #e49014;
    padding: 8px;
	}
/*...style panel....*/
.panel{
	border: 1px solid #3c5fcc;
	border-radius:0;
	transition: box-shadow 0.5s;
}
.panel:hover {
  	  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-heading {
	  color: #fff !important;
	  background-color: #3c5fcc !important;
	  padding: 2px;
	  border-bottom: 1px solid transparent;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;
}
.panel-heading h4{
	font-weight:400;
}
/*...Table...*/
.table-responsive table thead{
	background-color:#3c5fcc; 
	color:#FFF;
	font-size:18px; 
	letter-spacing:1px;
	font-weight:400;
	text-transform:uppercase;
}
.table-responsive table,td{
	border:1px solid #3c5fcc;
}
/*...containers.....*/
 .slider{
    padding: 150px 0px 10px 0px;/*Top Right Bottom Left*/
  }
  .custom{
    padding: 40px 20px 40px 20px;/*Top Right Bottom Left*/
  }
  .custommod{
    padding: 80px 20px 40px 20px;/*Top Right Bottom Left*/
  }
/*...thumbnail...*/
.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }

    .carousel-inner img {
      width: 100%; /* Set width to 100% */
      min-height: 200px;
    }

    /* Hide the carousel text when the screen is less than 600 pixels wide */
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; 
      }
    }
	.content {
	  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
	  background: rgb(0, 0, 0); /* Fallback color */
	  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	  color: #fff;
	  width: 100%; /* Full width */
	  padding: 20px; /* Some padding */
	}
	.contentnew {
	  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
	  background: rgb(0, 0, 0); /* Fallback color */
	  color: #fff;
	  width: 100%; /* Full width */
	  padding: 20px; /* Some padding */
	}
	/*...Sort...*/
	.sort li {
		display: inline-block;
		margin-left: 20px;
	}

	.sort li a {
		margin-left: 20px;
		color: #f6f6f6;
		padding: 8px 16px;
		border: 1px solid #3c5fcc;
		background: #3c5fcc;
	}
	.sort li a:hover{
		color: #f6f6f6;
		border: 1px solid #e49014;
		background: #e49014;
	}
	.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #f6f6f6;
	border: 1px solid #e49014;
    background-color: #e49014;
}
	.jumbotron {
	  background: url(../img/about_ACSR.jpg) no-repeat  center;
	  background-size:cover;
	  height:400px;
	  color: #fff;
	  font-size: 19px;
	  padding: 150px 20px 10px 20px;
	}
	/*...Animation...*/
 .slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
      width: 100%;
      margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
      font-size: 150px;
    }
  }