@import url(http://fonts.googleapis.com/css?family=Righteous);
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400);


a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#ffb500!important; color:#fff}
::-moz-selection{ background:#ffb500!important; color:#fff}

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ color:#fff; text-decoration: none; outline:none}


.container { position: relative; min-width: 320px;}

#main{margin: 0 auto; position: relative; overflow: hidden;}



.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 5px #6495ed, 0 0 5px #6495ed;  
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}


.banners_wrapper{background: #000; padding-top: 20px;}
.banners_title{text-align: center; font-family: 'Righteous'; font-size: 50px; text-transform: uppercase; color: #fff; padding-bottom: 50px;}
.banners{}
.banners .banner{position: relative; width: 16.66667%; border-right: 1px solid #000; border-bottom: 1px solid #000; float: left;}
.banners .banner a{display: block; text-decoration: none; position: relative; overflow: hidden;}
.banners .banner a img{position: relative; width: 100%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover img{opacity: 0.8; filter:alpha(opacity=80);}
.banners .banner a .over{width: 100%; height: 173px; background: url(../imageslanding/banner_hover.png) 0 0 repeat-x; position: absolute; left: 0; bottom: -20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .over{bottom: 0;}
.banners .banner a .date{width: 100px; height: 100px; background: #ffb500; background: rgba(226, 4, 108, 0.8); position: absolute; left: 0; top: 0; text-align: center; color: #fff; font-family: 'Righteous'; font-size: 14px; text-transform: uppercase; line-height: 1; padding-top: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .date{background: #ffb500;}
.banners .banner a .date .txt1{font-size: 30px;}
.banners .banner a .description{width: 100%; position: absolute; left: 0; bottom: -135px; text-align: center; padding-bottom: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .description{bottom: 0;}
.banners .banner a .description .txt1{font-family: 'Righteous'; font-size: 19px; text-transform: uppercase;}
.banners .banner a .description .txt2{color: #d0d0d0; padding-bottom: 10px; font-size: 4px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .description .txt2{padding-bottom: 0;}
.banners .banner a .description .txt3{display: inline-block; padding: 14px 20px; background: #ffb500; font-family: 'Righteous'; font-size: 14px; line-height: 20px; text-transform: uppercase; margin-top: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}



h1{font-family:'Righteous'; font-weight:400; font-size:50px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h2{font-family:'Righteous'; font-weight:400; font-size:40px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h3{font-family:'Righteous'; font-weight:400; font-size:18px; color:#fff; background: none; line-height:1; padding:0px 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}


h6{font-family:'Righteous'; font-weight:400; font-size:16px; color:#fff; background: none; line-height:1; padding:0px 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}


.img-responsive{width: auto \9;}

.img-responsive-old{display: block; max-width: 100%; height: auto;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.color1{color: #002e51;}

.line1{border-top: 3px solid #ffb500; margin-top: 10px; padding-bottom: 20px;}






@media (min-width: 1200px) and (max-width: 1400px) {
  .banners .banner a .description .txt1{font-size: 20px;}
  .banners .banner a .description .txt2{font-size: 12px;}
  .banners .banner a .description{padding-bottom: 15px;}
  .banners .banner a:hover .description .txt3{margin-top: 5px;}
  .banners .banner a .date{width: 80px; height: 80px;}
  .banners .banner a .date .txt1{font-size: 40px;}
}




@media (max-width: 1199px) {
  .banners .banner{width: 33.33334%}
  .banners_title{font-size: 40px;}

}


@media (max-width: 991px) {
  .left_c{display: none;}
  .right_c{display: none;}

  .mixer{width: 1000px; height: 122px; background-size: 100% auto; margin-left: -500px;}

  .banners_title{font-size: 33px;}

}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar_ .nav > li > a{font-size: 12px;}
  .navbar_ .nav > li > a em{margin-left: 5px; margin-right: 0;}




}

@media (max-width: 767px) {
  .mixer{width: 800px; height: 97px; background-size: 100% auto; margin-left: -400px;}

  .top_wrapper{padding-top: 85px;}

  .banners .banner{width: 50%}

  .banners .banner a .date{width: 80px; height: 80px;}
  .banners .banner a .date .txt1{font-size: 40px;}

  #awards_inner .awards_title{font-size: 40px; padding-top: 20px;}

  #testimonial_inner .testimonial_title{font-size: 25px; padding-top: 28px;}

  h1{font-size: 40px;}
  h2{font-size: 30px;}

  .logo2_wrapper{float: none; padding-bottom: 20px;}

  .social_wrapper{float: none; text-align: center;}

  .social li{float: none;}

  .google_map iframe{height: 500px;}

}
@media (min-width: 481px) and (max-width: 767px) {



}

@media (max-width: 480px) {


  .banners .banner{width: 100%; border-right: none;}

}