@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}
body {
	background: #cfe5e5;
	padding: 0;
	text-align: center;
	font-family: 'open sans';
	position: relative;
	margin: 0;
	height: 100%;
}
.wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
a {
	text-decoration: none;
	outline:none !important;
}
h1, h2 {
	width: 100%;
	float: left;
}
h1 {
	margin-top: 100px;
	color: #2E3B4E;
	font-weight: 100;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 70px;
}
h2 {
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pointer {
	color: #00B0FF;
	font-family: 'Pacifico';
	font-size: 24px;
	margin-top: 15px;
	position: fixed;
	top: 62px;
	left: 25px;
}
pre {
	margin: 80px auto;
}
pre code {
	padding: 35px;
	border-radius: 5px;
	font-size: 15px;
	background: rgba(0,0,0,0.1);
	border: rgba(0,0,0,0.05) 5px solid;
	max-width: 500px;
}
.main {
	float: left;
	width: 100%;
	margin: 0 auto;
}
.main h1 {
	padding: 20px 0px 10px;
	float: left;
	width: 100%;
	font-size: 28px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight:400;
	margin: 0;
	padding-top: 25px;
	font-family: 'open sans';
	text-transform: uppercase;
}
.main h1.demo1 {
	background: #1ABC9C;
}
.reload.bell {
	font-size: 12px;
	padding: 20px;
	width: 45px;
	text-align: center;
	height: 47px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.reload.bell #notification {
	font-size: 25px;
	line-height: 140%;
}
.reload, .btn {
	display: inline-block;
	border: 4px solid #d72318;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e92b20;
	display: inline-block;
	line-height: 100%;
	padding: 1em;
	text-decoration: none;
	color: #fff;
	width: 100px;
	line-height: 140%;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: open sans;
}
.reload:hover {
	background: #A2261E;
}

.btn {
	width: 230px;
	color: #fff;
	border: none;
	margin-left: 10px;
	background: #2186B8;
}
.clear {
	width: auto;
}
.btn:hover, .btn:hover {
	background: #1494D3;
}
.btns {
	width: 410px;
	margin: 50px auto;
}
.credit {
	text-align: center;
	color: #fff;
	padding: 10px;
	font-weight: 100;
	text-transform: capitalize;
	font-style: italic;
	font-size: 14px;
	margin: 0 0 60px 0;
	float: left;
	width: 100%;
	letter-spacing: 1px;
}
.credit a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.back {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #86B4CC;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.back:hover {
	background: rgba(255,255,255,0.1);
}
body .sm-button {
	position: absolute;
    top: 12px;
    right:10px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 28px;
    z-index: 10;
}
body .sm-button:hover {
	border-bottom: 0px solid white;
}
.page-container {
	min-height: 0px;
    
}

.sm-nav:nth-child(2) {
	
	background:url(../images/right.jpg) no-repeat;
	
}
.tab-content>.active{background-color: rgba(0, 181, 170, 0.9); min-height: 600px;}
.right-bg{background-color: rgba(0, 151, 146, 0.9); min-height: 600px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #85fffb !important;
	cursor: default;
	background-color: #fff;
	outline:none !important;
	border-bottom-color: transparent;
	cursor:pointer;
}
.sm-menu .sm-nav:nth-child(2) .nav-inner > a {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', sans-serif;
}
.header{ background:#070708;}
.nav-main{ position:relative;}
.logo{ float:left;}
.nav{ float:right;}

#first-slider .main-container {
  padding: 0;
}

#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
color: #000;
font-size:50px;
text-transform: uppercase;
font-weight:200;
font-family: 'Roboto Condensed', sans-serif;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
color: #171717;
font-size: 30px;
font-weight:300;
font-family: 'Raleway', sans-serif;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 560px; 
  height: 100%;
  width:100%;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


#first-slider h3{
  animation-delay: 1s;
}
#first-slider h4 {
  animation-delay: 2s;
}
#first-slider h2 {
  animation-delay: 3s;
}


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


#first-slider h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background:none;
  border: 2px solid #000;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background:none;
	border: 2px solid #e93126;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*********scrolltop*********/
#back-to-top {position: fixed; bottom:30px; right: 40px; z-index: 9999; width: 32px;height: 32px; text-align: center; line-height: 30px; background: #f5f5f5;color: #444;  cursor: pointer; border: 0; border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out; opacity: 0;}
#back-to-top:hover { background: #e9ebec;}
#back-to-top.show {opacity: 1;}
#content { height: 2000px;}

/********************************/
/*       Slides backgrounds     */
/********************************/
#first-slider .slide1 {
   background-image:url(../images/slider1.png);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
  background-image:url(../images/slider1.png);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide3 {
  background-image:url(../images/slider1.png);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide4 {
 background-image:url(../images/slider1.png);
      background-size: cover;
    background-repeat: no-repeat;
}
.btn-slider { padding:12px 20px; margin-top:20px; }
.btn-slider a{ color:#fff; font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px;}
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#38b4b1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#e92b20;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white !important; cursor:pointer;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.offer{ background:#f6f4f4; padding:60px 0px 40px 0px}
.contenar-full{ width:1300px; margin:0 auto;}
.box-1{ width:100%; height:auto; margin-bottom:25px;}

/*-----New-product-----*/
.new-product { width:100%; height:auto; background:#fff; padding-bottom: 30px;}
.category-home{position:relative}
.simple-image{position:relative; width:100%; height:100%; background:#000; overflow:hidden}
.simple-image img{width:100%;}
.simple-image:hover img{filter:none; filter:gray;-webkit-filter:grayscale(100%);opacity:.3; cursor:pointer;}
.title__rotation h5{font-size:17px; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-weight:300;position:absolute; width:35%; top:8px; left:0px; top: 8px; text-align: left; padding:12px; background:#e92b20;}
.title__rotation h5:after{content:'';width:0;background:#fff;position:absolute;margin-left:20px;top:6px;height:1px}.simple-image:hover h5:after{ display:none;}
.simple-image:hover h5{color:#fff}.simple-image .content{position:absolute;text-align:center;text-transform:uppercase;top:0;margin:0 auto;display:block;left:0;right:0;padding:185px 15px;opacity:1;z-index:9999;color:#fff}.simple-image:hover .content{opacity:0;height:0;padding:0 15px}
.hover__active{opacity:0;bottom:0;position:absolute;z-index:999;margin:0 auto;left:-25px;right:0;text-align:center;color:#fff}.simple-image,.simple-image:hover,.hover__active,.simple-image .content,.title__rotation:after,.simple-image img,.title__rotation h5:after,.projects .img,.projects .img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.new-caption{ background:#fff;}
.submit-wrapper {margin-top:24px;}
.submit-wrapper a {
    border:2px solid #e92b20;
    color:#000;
    padding:12px 18px;
    text-decoration:none;
    position:relative;
    letter-spacing:2px;
    transition:all 0.6s;
    z-index:1;
}
.submit-wrapper a:before,
.submit-wrapper a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:24px;
    height:4px;
    background:#e92b20;
    margin-left:-12px;
    margin-top:-2px;
    transition:all 0.6s;
}
.submit-wrapper a:after {
    left:auto;
    right:0;
    margin-right:-12px;
}
.submit-wrapper a:hover:before,
.submit-wrapper a:hover:after {
    width:100%;
    transition:all 0.6s;
    background:#e92b20;
    transform:scaleY(5);
    z-index:-2;
}
.submit-wrapper a:hover {
    text-decoration:none;
    background:#e92b20;
    transition:all 0.6s;
    color:#fff;
}
.np-thumb{ margin-top:35px;}
.gallery-category:hover .new-caption{background: #f5f5f5;}





/*------Wek-product----*/
.wek-product{ width:100%; height:auto; background:#fff; padding:50px 0px;}
.wek-product h2, .new-product h2{ text-align:center; font-family: 'Raleway', sans-serif;  font-size:35px; color:#333; padding-bottom:0px; margin-top:0px; font-weight: 200; margin-bottom:12px;}
.wek-product p{ font-size:18px; font-family: 'Raleway', sans-serif; margin-bottom:30px;} 
.wek-product hr, .new-product hr{ width:20%; border-top: 1px solid #191919;  margin-bottom: 12px;}
.wek-product .btn{ width:47px; padding:12px; margin-left:0px;}
.wek-product .col-sm-3{ padding:0px; margin:0px;}
.wek-product .col-item{border:1px solid #E1E1E1; border-radius:0px;}
.abc{ position:relative; text-align:center; padding:2px 0px 8px;}
.bc{text-align:center; transition:all 0.5s ease;}
.bk{ display:none;}
.doc-item:hover .abc .bc{ display:none;}
.doc-item:hover .abc .bk{ display:block; transition:all 0.5s ease;}
.wek-product .fa.pull-left{margin-left: 35px; background: #fff;  border: #fff; border-radius: 0px;
box-shadow: 0px 0px 5px #888888; position: absolute; top: 100px; z-index: 2;left:-5px;}
.wek-product .fa.pull-right{margin-right: 35px;   background: #fff;
border: #fff; border-radius: 0px; box-shadow: 0px 0px 5px #888888; position: absolute; top: 100px; z-index: 2;
right:-5px;}
.wek-product .fa-shopping-bag:before { font-size: 22px;}
.wek-product .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,.open>.dropdown-toggle.btn-success{background-color: #38b4b1; border-color: #38b4b1; color:#fff;}
.wek-product .fa-chevron-left:before {color: #000;}
.wek-product .fa-chevron-right:before {color: #000;}
.col-item{ border: 1px solid #E1E1E1;border-radius: 5px;background: #FFF;}
.col-item .photo img{margin: 0 auto; width: 100%;}
.col-item .info{ padding: 10px; border-radius: 0 0 5px 5px; margin-top: 1px;}
.col-item:hover .info { background-color: #F5F5DC;}
.col-item .price{float: left;margin-top: 5px;}
.col-item .price h5{line-height: 20px;margin: 0;}
.price-text-color{color: #219FD1;}
.col-item .info .rating{color: #777;}
.col-item .rating{float: left;font-size: 17px; text-align: right;line-height: 52px; margin-bottom: 10px;
height: 52px;}
.col-item .separator{border-top: 1px solid #E1E1E1;}
.clear-left{ clear: left;}
.col-item .separator p{line-height: 20px;margin-bottom: 0; margin-top: 10px;text-align: center;}
.col-item .separator p i{ margin-right: 5px;}
.col-item .btn-add{ width: 50%;float: left;}
.col-item .btn-add{border-right: 1px solid #E1E1E1;}
.col-item .btn-details{width: 50%;float: left;padding-left: 10px;}
.controls{margin-top: 20px;position: absolute;top: 0px; left: 0; right: 0;z-index: 999;}
[data-slide="prev"]{margin-right: 10px;}
footer{ background:#fbfbfb; padding:40px 0px 0px 0px; color:#6a6a6a;}
footer a{color: #d4d4d4;font-family: 'Raleway', sans-serif; font-weight: 500; padding:0px 4px;}
footer p{font-family: 'Raleway', sans-serif; font-size:16px; padding:20px 0px 10px 0px; line-height: 28px;}
.social-icon{ padding-bottom:30px;}
.copy-right{ background:#000; padding:20px 0px;}
.copy-right a{color: #d4d4d4;font-family: 'Raleway', sans-serif; font-weight: 500;}
.copy-right a:hover{ color:#38b4b1;}
.sicon{ padding-bottom:50px;}

.category ul{padding:0px; margin:0px;}
.category ul li{list-style: none; padding:8px 0px;}
.category ul li a{color: #fff;font-size: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: 200;
 transition-duration: 0.5s; transition-property: all;vertical-align: middle;letter-spacing: 1px; text-transform: uppercase;}
.category ul li a:hover{color:#85fffb; margin-left:15px;}
.category .fa-dot-circle-o:before {margin-right: 14px; font-size:14px;}
.tab-pane h6{ font-size:22px; margin-bottom:15px; letter-spacing: 0.4px; color:#85fffb; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-transform: uppercase;}





.picc{margin-bottom: 30px;}
.picc img{ width:100%;}


.header-top{ width:100%; height:auto; background:url(../images/lin.png) left top repeat-x;}

.nav3{width:100%; height:auto; background:url(../images/nav-bg.png) left top no-repeat; background-size: cover;}

.section-2{width:100%; height:auto; background:url(../images/bg2.png) left top no-repeat; background-size:cover}

.tes{ width:100%; height:auto; background:#e43441;}
.footer-bg {width:100%; height:auto; background:url(../images/footer-bg.png) left top no-repeat; background-size:cover}
.copy{ width:100%; height:auto; background:#1a1a1a;}


.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; z-index:999;}