/*

Dragonfruit Template

http://www.templatemo.com/tm-411-dragonfruit

*/

body {
  font-family: "Century Gothic", sans-serif;
}
.container-fluid {
  max-width: 1600px;
}
.container_wapper {
  width: 100%;
  background: #c0c0c0;
}
.rcolor {
  background: #f00;
}
.gcolor {
  background: #0f0;
}
.bcolor {
  background: #00f;
}
h1 {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
  font: normal normal normal 34px/60px "Century Gothic", sans-serif;
  color: #3b3b3b;
}

.error_msg {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #f00;
  font-weight: bold;
  text-align: center;
}

.templatemo_logo {
  margin-top: 15px;
}
.templatemo_logo a:hover {
  text-decoration: none;
}
/*menu*/
#templatemo_mobile_menu {
  top: 0;
  width: 250px;
  height: 100%;
  background: #f9f9f9;
  position: fixed;
  z-index: 5500;
  right: -1500px;
  display: none;
  overflow: auto;
}
#templatemo_mobile_menu ul li a {
  text-align: left;
  background: #f15556;
  color: #000;
}
#templatemo_mobile_menu ul li:hover a {
  background: #c83233;
  color: #fff;
}
#templatemo_banner_menu {
  width: 100%;
  background: #f9f9f9;
  height: 94px;
  border-bottom: 1px solid #f15556;
  position: fixed;
  top: 0;
  z-index: 5000;
}
#templatemo_banner_menu #logo_img {
  max-height: 90px;
  float: left;
}
#templatemo_banner_menu #logo_text {
  font: normal normal normal 36px/1em "Century Gothic", sans-serif;
  margin-top: 30px;
  padding-left: 60px;
  text-align: left;
  color: #e35354;
}
#templatemo_banner_menu #logo_text span {
  color: #9fb038;
}
#templatemo_banner_menu ul li a,
#templatemo_banner_menu ul li a:focus {
  padding-top: 35px;
  padding-bottom: 35px;
  font: normal normal normal 18px/23px "Century Gothic", sans-serif;
  color: #000;
  background: repeat-x url("../images/banner_bg.jpg") 0 -94px;
  transition-duration: 0.5s;
}
#templatemo_banner_menu ul li a:hover,
#templatemo_banner_menu ul li a.current {
  background-position: 0 0px;
  background-color: #f15556;
  color: #ffffff;
}
#templatemo_banner_menu #mobile_menu {
  padding-top: 25px;
  font-size: 30px;
  float: right;
  color: #e35354;
}
/*banner slide*/
.banner {
  width: 100%;
  height: 500px;
  margin-top: 94px;
  position: relative;
  overflow: hidden;
}
.banner ul {
  list-style: none;
  padding: 0;
}
.banner ul li {
  float: left;
  height: 500px;
  width: 100%;
}
.banner div.slide_caption {
  background: rgba(0, 0, 0, 0);
  max-width: 600px;
  margin: 120px auto auto auto;
}
.banner div.slide_caption h1,
.banner div.slide_caption p {
  background: none;
  text-align: center;
  color: #fff;
  line-height: 2em;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(150, 150, 150, 1);
}
.banner div.slide_caption a {
  color: #ff6;
}
.banner div.slide_caption h1 {
  font-size: 32px;
  margin: 0;
}
.banner div.slide_caption p {
  font-size: 16px;
}
//.templatemo_banner_slide_01 {
//    background: url('../images/tron-sports-slide.jpg');
//    background-size: cover;
//}
//.templatemo_banner_slide_02 {
//    background: url('../images/has-jordan-slide.jpg');
//    background-size: cover;
//}
//.templatemo_banner_slide_03 {
//    background: url('../images/forsyth-slide.jpg');
//    background-size: cover;
//}
//.templatemo_banner_slide_04 {
//    background: url('../images/midland-clothing-slide.jpg');
//    background-size: cover;
//}
//.templatemo_banner_slide_04 {
//    background: url('../images/illini-slide.jpg');
//    background-size: cover;
//}

//.templatemo_banner_slide_01 {
//    background: url('../images/ReversableVestSlide-1_215.png');
//    background-size: cover;
//}
//.templatemo_banner_slide_02 {
//    background: url('../images/picquic-driver.gif');
//    background-size: cover;
//}
//.templatemo_banner_slide_03 {
//    background: url('../images/picquic-tool-company.jpg');
//    background-size: cover;
//}

.templatemo_banner_slide_01 {
  background: url("../images/slide-01_Carhartt.png");
  background-size: cover;
}
.templatemo_banner_slide_02 {
  background: url("../images/slide-02_bigkclothing.png");
  background-size: cover;
}
.templatemo_banner_slide_03 {
  background: url("../images/slide-03_picquic.png");
  background-size: cover;
}

/*about our organization*/
#templatemo_about {
  background: #ffffff;
  float: left;
}
#templatemo_about .about_icon img {
  width: 100%;
}
#templatemo_about .about_icon h2 {
  text-align: center;
  font: normal normal normal 20px/25px "Century Gothic", sans-serif;
  font-size: 175%;
  font-weight: bold;
  color: #ffffff;
}
#templatemo_about .about_icon .imgwap {
  text-align: center;
  border-radius: 75px;
}
#templatemo_about .about_icon p {
  // text-align: center;
  text-align: left;
  font: normal normal normal 14px/23px "Century Gothic", sans-serif;
  font-size: 120%;
  color: #ffffff;
}
#templatemo_about .mission {
  background-color: #bd3e25;
  color: #f5bd48;
}
#templatemo_about .product {
  background-color: #334d5c;
  color: #f5bd48;
}
#templatemo_about .testimonial {
  background-color: #efc84a;
  color: #ab4921;
}
#templatemo_about .statistic {
  background-color: #334d5c;
  color: #efc84a;
}
#templatemo_about #testimonial_text_wap {
  overflow: hidden;
}
#templatemo_about #testimonial_text_wap h2 {
  font-size: 24px;
  margin: 0;
  padding: 12px 0;
}
#templatemo_about #testimonial_text_wap h3 {
  font-size: 20px;
  margin: 0;
  padding: 12px 0;
}
#templatemo_about #testimonial_text_wap img {
  margin-bottom: 20px;
}
#templatemo_about #testimonial_text_wap p {
  font-size: 14px;
  line-height: 2em;
}
#templatemo_about .testimonial_text {
  width: 100%;
  float: left;
}
#templatemo_about .pre_next {
  font-size: 70px;
  top: 50%;
  margin-top: -35px;
  position: absolute;
}
#templatemo_about .pre_next a {
  color: #6698b5;
  float: left;
}
#templatemo_about .pre_next a:hover {
  color: #334d5c;
}
#templatemo_about #testimonial_text_wap h1 {
  font-size: 70px;
  top: 50%;
  margin-top: -35px;
}
#templatemo_about .testimonial_top_bottom_spacer {
  padding-bottom: 80px;
}
#templatemo_about .about_top_bottom_spacer {
  padding-top: 20px;
  padding-bottom: 20px;
}
#templatemo_about .aboutCntr {
  padding: 5px;
  margin-top: 20px;
  background: #f15556;
}

/*events*/
#templatemo_events {
  // background: #6698b5;
  background: #3a3a3a;
  float: left;
  overflow: hidden;
}
#templatemo_events h1 {
  color: #fff;
  font-weight: bold;
}
#templatemo_events .event_box_wap {
  overflow: hidden;
  margin-bottom: 30px;
  cursor: pointer;
  position: relative;
}
#templatemo_events .event_box_wap .event_box_img {
  position: relative;
  top: 0;
}
#templatemo_events .event_box_wap .event_box_caption {
  position: relative;
  top: 10;
  padding-bottom: 10px;
  background: #fff;
  width: 100%;
  border-top: 3px solid #3c6f8c;
  display: none;
}
#templatemo_events .event_box_wap h1,
#templatemo_events .event_box_wap p {
  margin: 0;
  color: #000000;
  text-align: left;
}
#templatemo_events .event_box_wap p {
  padding: 5px 20px 15px 20px;
}
#templatemo_events .event_box_wap h1 {
  padding: 20px 20px 20px 20px;
  font-size: 24px;
  line-height: 24px;
}
/*timeline*/
#templatemo_products {
  background: #fff;
  float: left;
}
#templatemo_products h1 {
  color: #000000;
  font-weight: bold;
}
#templatemo_products .container-fluid {
  max-width: 1600px;
  position: absolute;
  margin: auto;
  margin-bottom: 80px;
  background: url("../images/time_line_bg.jpg") repeat-y center top;
}
#templatemo_products .time_line_wap {
  position: absolute;
  display: none;
}
#templatemo_products .time_line_caption {
  // background: #6ea1ff;
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  height: 40px;
  clear: both;
  color: #fff;
}
#templatemo_products .time_line_paragraph {
  background: #4e4e4e;
  // background: #6c6c6c;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  margin-top: 50px;
  font-family: "Century Gothic", sans-serif;
}
#templatemo_products .time-line-img {
  float: left;
}
#templatemo_products .time_line_paragraph a {
  // color: #000;
  color: #fff;
  text-decoration: underline;
}
#templatemo_products .left_timeline {
  margin-left: 30px;
}
#templatemo_products .left_timeline .time_line_caption {
  float: right;
  margin-right: 0px;
}
#templatemo_products .right_timeline .time_line_caption {
  // float: left;
  float: right;
  margin-right: 0px;
}
#templatemo_products .time_line_paragraph h1 {
  text-align: left;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  // color: #000;
  color: #fff;
  padding: 20px 20px 20px 20px;
}
#templatemo_products .time_line_paragraph p {
  padding: 0px 20px 20px 20px;
  text-align: left;
  margin: 0;
  font-size: 16px;
  line-height: 2em;
  // color: #000;
  color: #fff;
}
#templatemo_products .left_timer {
  float: right;
  // background: url("../images/arrow_left.png") 0 5px;
}
#templatemo_products .right_timer {
  float: left;
  // background: url("../images/arrow_right.png") 0px 5px;
}
#templatemo_products .left_timer,
#templatemo_products .right_timer {
  padding-left: 30px;
  width: 101px;
  position: absolute;
}
#templatemo_products .left_timer span,
#templatemo_products .right_timer span {
  border-radius: 20px;
  width: 30px;
  height: 30px;
  background: #e6e6e6;
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding-top: 3px;
  margin-top: 3px;
}
/*contact*/
#templatemo_contact {
  //background: #6698b5;
  background: #3a3a3a;
  float: left;
}
#templatemo_contact h1 {
  color: #fff;
}
#templatemo_contact h2 {
  font-size: 24px;
  color: #fff;
  padding-top: 0;
  padding-bottom: 20px;
}
#templatemo_contact_map {
  //    width: 100%;
  //    height: 320px;
  //    float: left;
  //    margin-bottom: 40px;
}
#templatemo_contact ul li a {
  background: none;
}
#templatemo_contact ul li a i {
  width: 60px;
  padding: 20px 0;
  font-size: 32px;
  color: #fff;
  text-align: center;
}
#templatemo_contact p {
  color: #fff;
  line-height: 30px;
  margin-top: 15px;
}
#templatemo_contact span {
  color: #fff;
}
#templatemo_contact input {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: none;
}
#templatemo_contact textarea {
  border: none;
  width: 100%;
  height: 150px;
  padding: 10px;
}
#templatemo_contact button {
  width: 100%;
  height: 50px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
  background: #eaeaea;
}
#templatemo_contact button:hover {
  background: #f4f4f4;
}
/*templatemo_footer*/
#templatemo_footer {
  width: 100%;
  // border-top: 2px solid #507f9a;
  height: 70px;
  background: #f15556;
  float: left;
}
#templatemo_footer p {
  padding-top: 20px;
  color: #fff;
  text-align: center;
}
#templatemo_footer a {
  color: #fff;
  text-decoration: underline;
}
.img-responsive-logo {
  border: 1px solid #909090;
}
/*  Small devices (tablets, 768px and up)  */
@media (max-width: 768px) {
  #templatemo_about .pre_next {
    font-size: 15px;
  }
  #templatemo_products .right_timer {
    background-position: center center;
  }
}
/*  Medium devices (desktops, 992px and up)  */
@media (max-width: 970px) {
  #templatemo_products .right_timer {
    background-position: 100px 5px;
  }
  #templatemo_banner_menu #logo_text {
    font: normal normal normal 30px/1em "Century Gothic", sans-serif;
  }
  #templatemo_products .container-fluid {
    background: url("../images/time_line_bg.jpg") repeat-y 28px 0;
  }
}
/*  Large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
  #templatemo_about .aboutCntr {
    height: 300px;
  }
}