.top-box {/*margin-top:-60px;*/}
.top-box .col-md-4 {background:#338cd0; padding:30px; text-align:center; width: 31.579%;}
.top-box .col-md-4:hover {-webkit-box-shadow: 0px 20px 60px 0px rgba(50,140,208,0.75); -moz-box-shadow: 0px 20px 60px 0px rgba(50,140,208,0.75); box-shadow: 0px 20px 60px 0px rgba(50,140,208,0.75);}
.top-box .col-md-4 h3 {font-size:24px; color:#FFF; width:75%; margin:10px auto 0 auto;}
.welcome {text-align:center;}
.welcome h2 {font-family: 'open_sanslight'; font-size:36px;}
.whatweoffer {text-align:center; color:#328cd0; background:#333; padding-top:30px !important; padding-bottom:80px !important;}
.whatweoffer h2 {font-family: 'open_sanslight'; font-size:36px; margin-bottom:30px; color:#FFF;}
.whatweoffer .col-md-4 {background:#333; padding:20px 20px 20px 10px; text-align:left; width: 30.770%; margin:15px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); z-index:0;}
.whatweoffer .col-md-4:hover {-webkit-box-shadow: 0px 20px 30px 0px rgba(50,140,208,0.5); -moz-box-shadow: 0px 20px 30px 0px rgba(50,140,208,0.5); box-shadow: 0px 20px 30px 0px rgba(50,140,208,0.5); z-index:1;}
.whatweoffer .col-md-4 a {display: inline-block;}
.whatweoffer .col-md-4 .col-md-4 {background:none; padding:0px; box-shadow:none;}
.whatweoffer .col-md-4 h4 {font-size:18px; margin-left:20px;}
.achievements {background:url(../images/achievements.jpg) no-repeat center center; color:#FFF; padding:40px 0px 50px;}
.achievements h2 {color:#FFF; margin-bottom:20px;}
.achievements ul {padding-left:20px;}
.carousel-caption {bottom:56px; right:auto; left:0; text-align:left; width:100%;  text-shadow:none;}
.carousel-caption .container h3, .carousel-caption .container p {font-family: 'open_sanslight'; color:#333; max-width:550px; text-align:left;}
.carousel-caption.white .container h3, .carousel-caption.white .container p {color:#FFF;}
.carousel-caption h3 {text-transform:uppercase; font-size:48px;}
.carousel-caption p {font-family: 'open_sanslight'; font-size:30px;}
.carousel-control.right, .carousel-control.left {background:none; width:5%; display:none;}
.carousel-indicators {bottom: auto; left: auto; margin: 0; right: 20px; top: 50%; width: 10px;}
.carousel-indicators li, .carousel-indicators li.active {border-radius:0px; height:25px; width:5px; opacity:0.5;}

/* Testi carousel */
#quote-carousel 
{
  /*padding: 0 10px 30px 10px;*/
  margin-top: 30px;
}
#quote-carousel small {font-style:italic; color:#67696d; margin-bottom:10px; display:block;}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  /*width: 250px;
  height: 100px*/
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.testimonial {padding-bottom:60px;}
footer {padding: 20px 0px 10px; font-size:12px;}
footer .social {padding:0px;}
footer .social li {display:inline; padding-left:20px;}
.navbar-toggle {background:#328cc9; margin-top:16px; margin-right:0px;}
.navbar-toggle .icon-bar {background:#FFF;}
/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      /*padding: 0 40px 30px 40px;*/
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


@media (max-width: 1200px) {
	.top-box .col-md-4 {width:30.999%;}
	.whatweoffer .col-md-4 {height:119px; width: 29.999%;}
	.whatweoffer .col-md-4 img {width:70px;}
	.whatweoffer .col-md-4 h4 {margin-top:0px;}
}

@media (max-width: 1024px) {
	.carousel-caption .container p {display:none;}
}

@media (max-width: 992px) {
	.top-box .col-md-4 {width:100%; margin:0px 0px 10px 0px !important;}
	.whatweoffer .col-md-4 {width: 45.999%;}
	.whatweoffer .col-md-4 img {width:100%;}
	.whatweoffer .col-md-4 h4 {margin-left:0px;}
	footer .text-left, footer .text-right {text-align:center !important;}
	footer .text-right {margin-top:20px;}
	footer .social {margin-bottom:10px;}
	footer .social li {padding:0px 20px;}
}
@media (max-width: 768px) {
	.whatweoffer .col-md-4 {width: 100%; margin:00px 0px 10px 0px !important;}
	.whatweoffer .col-md-4 img {width:auto;}
	.whatweoffer .col-md-4 h4 {margin-top:20px;}
	.testimonial {text-align: center;}
	#quote-carousel img {text-align:center; display: contents;}
	.top-box {margin-top: -25px;}
	.carousel-caption {bottom:0px;}
}
@media (max-width: 594px) {
	.navbar-fixed-top {position:relative !important; margin:0px; padding:0px 15px;}
	.whatweoffer .col-md-4 {height:auto; text-align:center;}
	.whatweoffer .col-md-4 .pull-left {float:none !important; text-align:center;}
}
@media (max-width: 544px) {
	.carousel-caption h3 {font-size:34px;}
	.bannerInner h2{top: 10px; margin-top: 0; font-size: 24px;}
}
@media (max-width: 374px) {
	.carousel-indicators {top:25%;}
	.carousel-caption h3 {font-size:28px;}
	.navbar-brand > img {width:200px;}
	.navbar-toggle {margin-top:8px;}
}