/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16/10/2015, 13:52:14
    Author     : Moisés
*/
html, body{
	font-family: 'Raleway', sans-serif;
	/*---
  	font-family: 'Comfortaa', cursive;
  	---*/
    font-size: 100%;
  	 background: #FFf;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
body input[type="text"],body input[type="submit"],body textarea{
	-webkit-appearance:none;
}
.mn-nav{
    margin:5% auto 0;
    font-weight:700
}
.img-logo{
    max-width:200px;
    margin:5% auto;
}
.navbar li a{
    color:#000;
    font-size:1.2em;
}
.navbar li a:hover{
    color:#3366cc;
    font-size:1.2em;
    background-color:#fff;
    border-bottom:2px solid #3366cc;
}
.navbar li a:visited{
    border-bottom:2px solid #3366cc;
}
.content{
    padding:20px;margin:20px auto 0;
}
.content h1{
    color:#000;font-weight:bold;
}
.content p{
    color:#777;
    font-size:19px;
}
.img-footer{
    margin:30px auto 0;
}
.footer{
    background:#252525;
    padding:3em 0;
}



/*Diversos*/
.slider-caption h1 {
    font-size: -3em;
}

/*----slider----*/

#slider4 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin:10px auto 0;
}
.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px;
}
.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}
.rslides_tabs li:first-child {
    margin-left: 0;
}
.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}
.callbacks_nav {
    display:none;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    height: auto;
    border: 0;
    width:100%;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 61%;
    z-index: 999;
    right: 48%;
    padding: 0;
    margin: 0;
}
.callbacks_tabs li{
    display:inline-block;
}

.centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("themes.gif") no-repeat left top;
    margin-top: -45px;
}

.centered-btns_nav:active {
    opacity: 1.0;
}

.centered-btns_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}

.transparent-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    display: block;
    background: #fff; /* Fix for IE6-9 */
    opacity: 0;
    filter: alpha(opacity=1);
    width: 48%;
    text-indent: -9999px;
    overflow: hidden;
    height: 91%;
}

.transparent-btns_nav.next {
    left: auto;
    right: 0;
}

.large-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000 url("themes.gif") no-repeat left 50%;
    width: 38px;
}

.large-btns_nav:active {
    opacity: 1.0;
}

.large-btns_nav.next {
    left: auto;
    background-position: right 50%;
    right: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
    outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    margin-top: 10px;
    text-align: center;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px;
}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0, .2);
    display: inline-block;
    _display: block;
    *display: block;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    width: 9px;
    height: 9px;
}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
    background: #222;
    background: rgba(0,0,0, .8);
}

/*-- portfolio-grids --*/

.portfolio-caption{
    position:absolute;
    top:0px;
    bottom:0;
    width:92%;
    padding:1em;
    background: rgba(193, 6, 27, 0.52);
    display:none;
    text-align:center;
    margin:0 auto !important;
}
.portfolio-caption h4{
    color:#FFF;
    text-transform:uppercase;
}
.portfolio-caption p{
    color:#FFF;
    width:70%;
    margin:0 auto;
}
.portfolio-grid{
    position:relative;
    padding:none !important;
}
.portfolio-grid:hover div.portfolio-caption{
    display:block;
}
.portfolio-caption a span.link{
    width:64px;
    height:64px;
    display:inline-block;
    background:url(../images/link.png) no-repeat 0px 0px;
}
.portfoliogrids-caption{
    background:#c1061b;
    padding:1.5em 0;
}
.portfoliogrids-caption p{
    margin:0;
    padding:0;
    color:#FFF;
}
a.port-btn{
    color:#FFF;
    border:2px solid #FFF;
    padding:0.8em 1.5em;
    display:inline-block;
    margin-left:2em;
    text-decoration:none;
    text-transform:uppercase;
    font-size:0.875em;
}
a.port-btn:hover{
    border-color:#0b0b0d;
    color:#0b0b0d;
}
/*--contact--*/
p.comment-form-author {
	margin-bottom: 2em;
}
.contact-form label {
	display: block;
	font-size: 0.8125em;
	color: #000;
	text-transform: uppercase;
}
.contact-form input[type="text"] {
	padding: 10px;
	width: 95%;
	color: #9198A3;
	font: 300 16px/25px Lato, sans-serif;
	background: #fff;
	outline: none;
	display: block;
	border: 1px solid #eee;
}
.contact-form textarea {
	padding: 10px;
	display: block;
	width: 95%;
	background: #fff;
	border: 1px solid #eee;
	outline: none;
	color: #9198A3;
	font: 300 16px/25px Lato, sans-serif;
	-webkit-appearance: none;
	resize: none;
	height: 150px;
}
.contact-form input[type="submit"] {
	display: inline-block;
	padding: 13px 25px;
	background:#df1f26;
	color: #FFF;
	font-size: 1em;
	line-height: 18px;
	text-transform: uppercase;
	border: none;
	outline: none;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
.contact-form input[type="submit"]:hover, .page-not-found a:hover, .register-but form input[type="submit"]:hover, .acount-btn:hover, .login-right input[type="submit"]:hover{
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
	text-decoration:none;
	background:#ffffff;
}
i.pin_icon{
	width: 24px;
	height: 35px;
	background: url(../images/img-sprite.png)no-repeat -234px -4px;
	float: left;
	margin-right: 10px;
}
i.phone{
	width: 24px;
	height: 27px;
	background: url(../images/img-sprite.png)no-repeat -6px -48px;
	float: left;
	margin-right: 10px;
}
i.mail{
	width: 24px;
	height: 20px;
	background: url(../images/img-sprite.png)no-repeat -51px -50px;
	float: left;
	margin-right: 10px;
}
.contact_address, .contact_email {
	overflow: hidden;
	font: 300 16px/25px Lato, sans-serif;
	color: #999;
	line-height: 1.5em;
}
.contact_email{
	cursor:pointer;
}
.contact_email:hover{
	color:#000;
}
.address{
	margin-bottom:1.5em;
}
.contact_right h3{
	font: 300 20px/25px Lato, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}
.map{
	margin-top:4em;
}
.map iframe{
	width:100%;
	min-height:300px;

	border: none;
}
.page-not-found{
	text-align:center;
}
.page-not-found h1{
	font: 300 150px/150px Lato, sans-serif;
	color:#000;
	margin-bottom:0.5em;
}
.page-not-found a {
	color: #fff;
	background:#df1f26;
	text-decoration: none;
	padding: 15px 40px;
	font: 300 16px/16px Lato, sans-serif;
}
/*Footer*/

.footer-grid h5{
    color:#ffffff;
    font-weight:700;
    font-size:1.2em;
    text-transform:uppercase;
    margin:0;
    padding: 0 0 0.7em 0;
}
.footer-grid p{
    color:#ffffff;
    font-size:0.875em;
    line-height:1.7em;
}
.f-blog-artical{
    border-bottom: 1px solid #4F4949;
    padding:0 0 0.8em 0;
}
.f-blog-artical1{
    padding:0.8em 0 0 0;
    border-bottom:none;
}
.f-blog-artical p{
    color:#FFF;
    margin:0;
    padding:0;
    line-height:1.5em;
    margin-bottom:0.5em;
}
.f-blog-artical span{
    color: #6E6C6C;
}
.site-map ul{
    margin:0;
    padding:0;
}
.site-map ul li{
    display:block;
}
.site-map ul li a{
    color: #6E6C6C;
    text-decoration:none;
    text-transform:uppercase;
    padding:0.3em 0;
    display:inline-block;
    font-size:0.875em;
}
.site-map ul li a span{
    width:8px;
    height:8px;
    display:inline-block;
    background:url(../images/arrow.png) no-repeat 0px 0px;
    margin-right:0.5em;
}
.site-map ul li a:hover{
    color:#c1061b;
}
.f-gallery-grid ul{
    margin:0;
    padding:0;
}
.f-gallery-grid ul li{
    display:inline-block;
    float:left;
}
.f-gallery-grid ul li{
    width: 32%;
    float: left;
    margin: 0 0.3em 0.3em 0;
}
.f-gallery-grid ul li:nth-child(3),.f-gallery-grid ul li:nth-child(6){
    margin-right:0;
}
.f-gallery-grid ul li a img{
    width:100%;
    opacity:0.8;
}
.f-gallery-grid ul li a img:hover{
    opacity:1;
}
.f-gallery-grids{
    margin-top:0.3em;
}
.footer-bottom-left{
    float:left;
}
.footer-bottom-right{
    float:right;
}
.footer-bottom-left p{
    color:#999999;
    margin:0;
}
.footer-bottom-left p a{
    color:#999999;
    text-decoration:none;
    margin-left:0.3em;
}
.footer-bottom-left p a:hover{
    color:#6E6C6C;
}
.footer-bottom{
    background:#1c1c1c;
    padding:0.7em 0;
}
.footer-bottom-right ul{
    margin:0;
    padding:0;
}
.footer-bottom-right ul li{
    display:inline-block;
}
.footer-bottom-right ul li a{
    color:#999999;
    text-decoration:none;
    margin:0 0.5em;
}
.footer-bottom-right ul li a:hover{
    color:#6E6C6C;
}
/*-- aboutus --*/
.about{
    min-height:750px;
}
.about2{
    min-height:550px;
    background:#f2f2f2;
}
.about3{
    min-height:350px;
    background:#f2f2f2;
}
.about-left{

}
.about-left h1{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size:1.5em;
}
.about-left p{
    color: #000000;
    font-size: 1em;
    line-height: 1.8em;
}
.about-grids{
    padding:1.5em 0;
}
.about-left ul{
    margin:0 0 0.8em 3em;
    padding:0;
}
.about-left ul li{
    display:block;
}
.about-left ul li a{
    color: #777;
    text-decoration:none;
    padding:0.3em 0;
    display:block;
}
.about-left ul li a:hover{
    color:#c1061b;
}
.about-left ul li a span{
    width:8px;
    height:8px;
    display:inline-block;
    background:url(../images/arrow.png) no-repeat 0px 0px;
    margin-right:0.5em;
}
.about-left h2{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size:1.3em;
}
.news-grid{
    margin-top: 0.7em;
}
.news-grid img{
    width:100%;
}
.recent-posts{
    margin-top:2em;
}
.recent-post-grids{

}
.r-post-grid-left{
    float:left;
    width:29%;
}
.r-post-grid-left a img{
    width:100%;
    border:1px solid #EEE;
    padding:0.2em;
}
.r-post-grid-right{
    float:right;
    width:68%;
}
.r-post-grid-right h4{
    margin:0;
    padding:0 0 0.4em 0;
    color:#0b0b0d;
    text-transform:uppercase;
    font-size:0.9em;
}
.r-post-grid-right p{
    color: #777;
    font-size: 0.875em;
    line-height: 1.5em;
    margin:0;
}
.r-post-grid{
    border-bottom:1px dotted #EEE;
    padding:0.8em 0 0.8em 0;
}
/*--  services --*/
.services{
    padding:1.5em 0;
}
.services-left{
    padding-left:0;
}
.services-left h1{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.5em;
}
.services-left-grid{
    padding:1em 0;	
}
.services-left-grid h3{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.2em;
}
.services-left-grid p{
    color: #777;
    font-size: 0.875em;
    line-height: 1.8em;
    margin: 0.5em 0 0.8em 0;
}
a.more-btn{
    border: 2px solid #0b0b0d;
    text-transform: uppercase;
    padding: 0.5em 1.2em;
    font-size:0.875em;
    margin-top: 0.4em;
    display: inline-block;
    color: #0b0b0d;
    text-decoration: none;
}
a.more-btn:hover{
    border-color:#c1061b;
    color:#c1061b;
}
ul.pagenation{
    margin:2em  0 5em 0;
    padding:0;
}
ul.pagenation li{
    display:inline-block;
}
ul.pagenation li a{
    border: 2px solid #0b0b0d;
    text-transform: uppercase;
    padding: 0.5em 1.2em;
    font-size:0.875em;
    margin-top: 0.4em;
    display: inline-block;
    color: #0b0b0d;
    text-decoration: none;
}
ul.pagenation li a:hover{
    border-color:#c1061b;
    color:#c1061b;
}
.services-right ul li a{
    display:block;
}
.services-right ul{
    margin:0;
    padding:0;
}
.services-right ul li{
    display:block;
}
.services-right ul li a{
    color:#777;
    padding:0.5em 0;
    border-bottom:1px dashed #EEE;
    text-decoration:none;
}
.services-right ul li a:hover{
    color:#c1061b;
}
.services-right ul li a span{
    width:8px;
    height:8px;
    display:inline-block;
    background:url(../images/arrow.png) no-repeat 0px 0px;
    margin-right:0.4em;
}
.services-right h3{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.9em 0;
    font-size: 1.3em;
}
/*-- Products --*/
.products{
    padding: 1.2em 0;
    min-height: 700px;
}
.products-left h1{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.5em;
}
.error-page h2{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0em 0;
    font-size: 14em;
}
.error-page h2 span{
    color:#f2f2f2;
}
.error-page p{
    color:#777;
    text-transform:uppercase;
    font-weight:700;
    margin:0;
    padding:1em 0;
}
a.home-btn{
    border: 2px solid #0b0b0d;
    text-transform: uppercase;
    padding: 0.7em 1.5em;
    margin-top: 0.4em;
    display: inline-block;
    color: #0b0b0d;
    text-decoration: none;
}
a.home-btn:hover {
    border-color: #c1061b;
    color: #c1061b;
}
.products-right h2{
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0d;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.3em;
}
.products-right-posts{
    margin:0;
}
.error-page{
    margin-top:2em;
}
/*------ contact -----*/
.contact {
    padding: 1em 0 8em;
}
.contact-head{
    text-align:left;
}
.contact-head h2{
    font-size: 1.7em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0.8em 0 0.4em 0;
}
.contact-head span{
    color: #777;
}
.contact-map iframe{
    min-height:300px;
    width:100%;
    border:none;
    margin:1.5em 0 1em;
}
.contact-form-row{
    margin-bottom:1em;
}
.contact-form-row div{
    width: 32.6%;
    float: left;
    margin-right: 1%;
} 
.contact-form-row div span,.contact-form-row2  span{
    font-size:1.2em;
    color:#000;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    padding:0 0 0.5em;
}
.contact-form-row div input[type="text"]{
    width:100%;
    padding:1em;	
    font-family: 'Droid Sans', sans-serif;
    border:1px solid #EEE;
    -webkit-appearance:none;
    outline:none;
    color:#777;
    transition:border-color 0.4s;
    -webkit-transition:border-color 0.4s;
    -moz-transition:border-color 0.4s;
    -o-transition:border-color 0.4s;
    -ms-transition:border-color 0.4s;
}
.contact-form-row div input[type="text"]:hover,.contact-form-row2 textarea:hover{
    color:#c1061b;
    border-color:#c1061b;
}
.contact-form-row div:nth-child(3){
    margin-right:0;
}
.contact-form-row2 textarea{
    width:100%;
    padding:1em;	
    font-family: 'Droid Sans', sans-serif;
    border:1px solid #EEE;
    -webkit-appearance:none;
    outline:none;
    color:#777;
    min-height:320px;
    resize:none;
    transition:border-color 0.4s;
    -webkit-transition:border-color 0.4s;
    -moz-transition:border-color 0.4s;
    -o-transition:border-color 0.4s;
    -ms-transition:border-color 0.4s;
}
.contact-form-row2 {
    margin-top:1em;
}
.contact-form input[type="submit"]{
    border: 2px solid #0b0b0d;
    color:#0b0b0d;
    background:none;
    font-weight: 700;
    text-transform: uppercase;
    outline: none;
    margin-top:1em;
    padding: 0.7em 2em;
    font-size: 1.2em;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover{
    border-color: #c1061b;
    color: #c1061b;
}