@import url('helper.css');
body{ padding-top: 95px; font-family: "Open Sans"; font-weight: 300;}
h1, h2, h3, h4, h5, h6{ font-family: Play;}

/* .container{ width: 1130px !important } */
.navbar-default{
	background: #fff;
	border-bottom: 0
}

.navbar-nav {
  margin: 7.5px -15px;  
}
.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Play";
  text-align: center;
  color: #111111;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #16A085;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #16A085;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-nav > li > a > i{
	display: block;
	color: #16A085;
	font-size: 20px;
}

.header-section{
	background-color: #fff;
	height: 90px;
	color: #fff;
}

.content-section{
	margin-right: 320px;
	background-color: #e7ebee;
	min-height: 500px;
}

.btn-more{
  border: 2px solid #16A085;
  color: #16A085;
  font-weight: 300;
}
.btn-more:hover{
  border: 2px solid #111111;
  color: #111;
  background-color: transparent;
}

section.news{ padding: 50px 0; }
section.news h3 i{ font-size: 4em; color: #16A085; }

section.product-row + section.product-row{ border-top: 1px dashed #ddd;}
.product-view{ padding: 50px 0;}
.product-view h2 i{ color: #16A085; }

section.contact{ background-color: #222; color: #fff;  padding:  10px 0 30px;}

section.contact .form-control{
  border: 2px solid #fff;
  background-color: transparent
}

section.contact .btn-more{
  background-color: transparent;
}

section.contact  .btn-more:hover{
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}

.social-buttons a{
  color: #535353;
  font-size: 3em;
}

.social-buttons a:hover{
  color: #16A085;
}

section.review{
  background-image: url(../images/parallax-3.jpg);  
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  min-height: 350px;
  height: 350px;
  overflow: hidden;
}

section.review > .mask{
  padding: 50px 0;
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  color: #fff
}

.news-list{ margin-bottom: 30px; }
.news-list + .news-list{ border-top: 1px dashed #ddd; padding-top: 30px;}

.news-list h3 > a{ color: #333;}

.image-arrow{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background-color: inherit;
}

.image-arrow img {
	width: 100%;
	height: auto;
	display: block;
}

.image-arrow:before, .image-arrow:after {
	content:'';
	position: absolute;
	bottom: 0;
	background-color:  #222;
	padding-bottom:20px;
  z-index: 100000;
}

.image-arrow:before {
  width: 50%;
  right: 50%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -ms-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}

.image-arrow:after {
  width: 50%;
  left: 50%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.carousel-control .icon-prev:before {
  content: '' ; /*\2039*/
}
.carousel-control .icon-next:before {
  content: ''; /* \203a */
}

.carousel-inner{ height: 400px; }

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 100px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption h1{ font-family: Play; }
.contact-address-map{ background-color: #ECF0F1; border-top: 3px solid #16A085;}


.owl-controls{ position: relative; bottom: 35px;}
.owl-nav{ position: absolute; top:-200px; width: 100% ; margin-top: 17px;}
.owl-nav > .owl-prev{ float: left; margin-left: 10px; margin-top: -5px; color: #C5C5C5;}
.owl-nav > .owl-next{ float: right; margin-right: 10px; margin-top: -5px; color: #C5C5C5;}

.owl-dots{ text-align: center; margin-top: 10px; }
.owl-dot{ background-color: #C5C5C5; width: 8px; height: 8px; display: inline-block; margin: 2px; border-radius: 50%; }
.owl-dot.active{ background-color: #D6331B;}

.owl-carousel .item{
  height: 400px;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.owl-carousel .item img{
  width: 100%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 767px) {
  
  body{ padding-top: 45px}

  .navbar-nav > li > a > i{
    display: inline-block;
    color: #16A085;
    font-size: 16px;
  } 
  .carousel-inner{
    height: 142px
  }
  .carousel-caption{
    padding-top: 0px;
    top: 0;
  }
  .carousel-caption h1{ font-size: 22px; }
  .carousel-caption p{ font-size: 11px;}

  .navbar-brand{ padding: 10px; }
  .navbar-brand > img{ padding: 0; height: 30px;}

  section.news{ padding: 15px 0; }
  section.news h3 i{ font-size: 3em; color: #16A085; }

  .product-view{ padding: 15px 0;} 
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 8px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0;
  }
}

@media (max-width: 990px) {
  
  .carousel-inner{
    height: 340px
  }
  .carousel-caption{
    padding-top: 20px;
    top: 20px;
  }
}