/*

	Theme Name: newave-theme-child

	Template: newave-theme

	Theme URI: http://clapat.ro/themes/newave/

	Description: Responsive Wordpress Theme

	Version: 2.1

	Author: Clapat

	Author URI: http://themeforest.net/user/clapat

	Created Date: 19/11/2013

	License: Themeforest

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready

*/



.container {

    width: 1180px !important;

    margin: 0 auto;

    padding: 100px 20px;

}

div#navigation-sticky-wrapper {

    height: 0 !important;

}

/*

h1.big-title, .text-parallax{

	color: #FFF;

	text-shadow: rgb(4, 4, 4) 1px 3px 6px;

}*/

.img-producto img:hover{

    background: red;

}





/*.img-producto{

  width: 200px;

  height: 200px;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 20px;

}*/

.img-producto {

  /*display: block;

  margin-left: auto;

  margin-right: auto;*/

  overflow: hidden;

}

section#portfolio{

    display: none;

}

/*.img-producto.hidden {

  overflow: hidden;

}*/

.img-producto img{

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 100%;

  transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

}

.img-producto img:hover{

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

}





.section-title {

    text-align: center;

    margin: 0 auto;

    margin-bottom: 50px;

}

.section-title p{

    font-size: 25px;

}

p, li{

    font-size: 16px;

}

.parallax-overlay .container, .parallax .container{

    padding: 200px 20px;

}

.parallax{

    background-attachment: fixed !important;

    background-position: center !important;

}

.contenedor-img {

overflow: hidden;

position: relative;

cursor: default;

}

.contenedor-img .mascara,.contenedor-img .contenido {

height: 100%;

overflow: hidden;

}

.info img {

transition: all 0.2s linear;

}

.info .mascara {

opacity: 0;

background-color: rgba(46,157,120, 0.7);

transition: all 0.3s ease-in-out;

    position: absolute;

    top: 0;

    width: 100%;

}

.info h3 {

transform: translateX(-200px);/*Desplazamos a la izquierda*/

opacity: 0;

transition: all 0.7s ease-in-out;

color: #FFF;

padding: 15px 15px 0 15px;

}

.info p, .info ul li{

transform: translateX(200px);/*Desplazamos a la derecha*/

opacity: 0;

transition: all 0.4s linear;

color: #FFF;

}

.info p, .info ul{

    padding: 0 15px;

}

.info a.link{

opacity: 0;

transition: all 0.4s ease-in-out;

transform: translateY(100px)/*Desplazamos para abajo*/

}

.info:hover img {

transform: scale(1.1);/*Damos un ligero zoom a la imagen*/

}

.info:hover .mascara {

opacity: 1;

}

.info:hover h3,

.info:hover p,

.info:hover ul li{

opacity: 1;

transform: translateX(0px);/*Regresamos a las posiciones originales*/

}

.info:hover p, .info:hover ul li{

transition-delay: 0.1s;

}

.info:hover a.link {

transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/

transform: translateY(0px);

}

h1 {

    letter-spacing: 3px;

    color: #222222;

    text-transform: uppercase;

    margin-bottom: 15px;

    line-height: 45px !important;

}

.border {

    background: none repeat scroll 0 0 #999999;

    display: block;

    height: 2px;

    margin: 0 auto;

    width: 100px;

    margin-bottom: 20px;

}

.no-padding {

    padding: 15px 0 !important;

}

div#home-page{

    height: 100% !important;

    position: relative;

    width: 100%;

}

html{

	overflow-x: hidden;

}

.navbar {

    position: fixed !important;

}

div#navigation #logo{

	    background-position: center center !important;

	        /*width: 150px !important;

    height: 120px !important;

    left: 48% !important;*/

        background-size: 140px 110px !important;

    background-color: #FFF !important;

    background-repeat: no-repeat !important;

}

#we-love-technology .container{

    padding-bottom: 0;

}

#contact .container{

    padding: 100px 20px;

}

#contact, #contact a{

    color: #fff;

}

.no-padding {

    padding: 8px 0 !important;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,

input.wpcf7-form-control.wpcf7-text,

textarea.wpcf7-form-control.wpcf7-textarea{

    width: 100%;

    margin-bottom: 0;

}

textarea.wpcf7-form-control.wpcf7-textarea{

    height: 150px;

}

input.wpcf7-form-control.wpcf7-submit{

    background: #0A7900;

    border: 2px solid #0A7900;

    padding: 10px 20px;

    font-size: 17px;

    color: #FFF;

    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

}

input.wpcf7-form-control.wpcf7-submit:hover{

    background: #FFF;

    color: #0A7900;

}

footer {

    background: #000;

    color: #FFF;

}

footer a{

    color: #FFF;

}

footer a:hover{

    color: #c3c3c3;

}

.fa{

    margin-right: 8px;

}

#logo a{

	width: 128px !important;

    height: 88px !important;

    margin-top: 0 !important;

}

.navbar-inner .container {

    padding: 00px 0 15px 0 !important;

}

.navbar .nav{

	top: 10px;

}

@media(min-width: 1320px){

	.navbar .container {

	    width: 1280px !important;

	    margin: 0 auto;

	    position: relative;

	}

	.navbar .nav > li >a{

		font-size: 14px !important;

	}

}

@media(max-width: 1319px) and (min-width: 1200px){

	.navbar .nav>li>a{

		padding: 10px 10px 10px !important;

		font-size: 14px !important;

	}

	.navbar .container {

	    width: 1160px !important;

	}

}

@media(max-width: 1199px) and (min-width: 1025px){

	.navbar .nav > li >a{

		padding: 10px 5px 10px !important;

		font-size: 12px !important;

	}

}

.navbar .nav > li > a {

    font-family: 'Montserrat', sans-serif !important;

}/*

div#twitter, div#quote, div#contact-form{

    background-size: 100%;

    background-position: center center !important;

    background-attachment: fixed;

}

.text-align-left {

    text-align: left;

}*/

.icon-home .vc_single_image-wrapper.vc_box_border_grey {

    background: #0A7900;

    padding: 12px;

    border-radius: 52%;

        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

}

.icon-home .vc_single_image-wrapper.vc_box_border_grey:hover{

    background: #000;

}

/*

#portfolio {

    padding-bottom: 0;

    position: relative;

    z-index: 2!important;

    overflow: hidden;

}

#filters {

    margin-top: 10px;

    margin-bottom: 40px;

    text-align: center;

    display: block;

    float: none;

    z-index: 2;

    position: relative;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, sub, b, dl, dd, dt, ul, li, label, article, details, footer, header, menu, nav, input, textarea, select {

    background: transparent;

    border: 0;

    outline: 0;

    padding: 0;

    margin: 0;

}

#filters ul li {

    display: inline-block;

    margin: 0 5px;

}

#filters ul li a {

    display: block;

}

a, i {

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

}

#filters ul li a h5 {

    padding: 8px 15px;

    text-transform: uppercase;

    background-color: #eeeeee;

    border-radius: 3px;

    font-size: 10px;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    color: #000;

}

#filters ul li a:hover h5, #filters ul li a.active h5 {

    color: #fff;

}

#filters ul li a:hover h5, #filters ul li a.active h5 {

    background-color: #000;

}

#portfolio-wrap.no-gutter {

    padding-bottom: 0px;

}

#portfolio-wrap {

    position: relative;

    margin: 0 auto;

    height: inherit;

    padding-bottom: 10px;

    -webkit-transition: height 0.3s ease-in-out;

    -moz-transition: height 0.3s ease-in-out;

    -o-transition: height 0.3s ease-in-out;

    -ms-transition: height 0.3s ease-in-out;

    transition: height 0.3s ease-in-out;

}

.portfolio-item {

    padding: 0;

    position: relative;

    overflow: hidden;

}

.portfolio-item .portfolio-image {

    display: block;

    position: relative;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover !important;

    overflow: hidden;

    height: 100%;

    width: 100%;

}

.project-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    cursor: pointer;

    background-color: rgba(34, 34, 34, 0.7) !important;

}

.project-info {

    position: absolute;

    height: 100px;

    width: 100%;

    top: 50%;

    margin-top: -50px;

    text-align: center;

}

.portfolio-item .portfolio-image:hover{

	background: red;

}

.project-overlay:hover{

	opacity: 1;

}

.portfolio-item:hover .zoom-icon{

    opacity: 1;

    margin-top: 0px;

    -webkit-transition: opacity .3s .2s, margin-top .3s .2s;

    -moz-transition: opacity .3s .2s, margin-top .3s .2s;

    -ms-transition: opacity .3s .2s, margin-top .3s .2s;

    -o-transition: opacity .3s .2s, margin-top .3s .2s;

    transition: opacity .3s .2s, margin-top .3s .2s;

}

.zoom-icon {

    left: 50%;

    margin-left: -20px;

    position: inherit;

    width: 40px;

    height: 40px;

    margin-top: 40px;

    opacity: 0;

    background: url(../../uploads/2016/06/zoom.png);

    background-size: 40px 40px;

    transition: all 0.3s ease 0.1s;

    -moz-transition: all 0.3s ease 0.2s;

    -webkit-transition: all 0.3s ease 0.2s;

    -ms-transition: all 0.3s ease 0.2s;

    -o-transition: all 0.3s ease 0.2s;

}

.project-name {

    color: #fff;

    text-transform: uppercase;

    margin-top: 50px;

    transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    -ms-transition: all 0.2s ease 0s;

    -o-transition: all 0.2s ease 0s;

}

.project-categories {

    font-size: 13px;

    color: #fff;

    margin-top: 13px;

    transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    -ms-transition: all 0.2s ease 0s;

    -o-transition: all 0.2s ease 0s;

}

i.fa.fa-map-marker, i.fa.fa-phone, i.fa.fa-envelope{

    color: #FFF;

    font-size: 20px;



}/*

i.fa.fa-map-marker:hover, i.fa.fa-phone:hover, i.fa.fa-envelope:hover{

    color: #000;

    background: #FFF;

    padding: 10px 16px;

    border-radius: 50%;

    font-size: 20px;

}

i.fa.fa-phone {

    padding: 9px 14px;

}

i.fa.fa-envelope {

    padding: 10px 12px;

}*//*

.text-contact{

	color: #FFF;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{

    border: 2px solid #FFF;

    width: 100%;

}

input.wpcf7-form-control.wpcf7-submit.btn.btn-default.btn-sm{

	color: #FFF !important;

}

*::-webkit-input-placeholder {

    /* Google Chrome y Safari */

    /*color: #FFF !important;

}

*:-moz-placeholder {

    /* Firefox anterior a 19 */

    /*color: #FFF !important;

}

*::-moz-placeholder {

    /* Firefox 19 y superior */

    /*color: #FFF !important;

}

*:-ms-input-placeholder {

    /* Internet Explorer 10 y superior */

    /*color: #FFF !important;

}

footer {

    background: #000;

    color: #fff;

}

footer a:hover{

	color: #FFF;

}

footer .container{

	padding: 10px 0 !important;

}

.container{

	padding-bottom: 0 !important;

}

section#contact .container{

	padding-bottom: 50px !important;

}

div#twitter .container, div#quote .container{

	padding-bottom: 100px !important;

}*/

@media(max-width: 1280px) and (min-width: 1024px){

	h1.big-title, .text-parallax h2, .section-title h1{

		font-size: 30px;

	}

    .container {

        width: 920px !important;

        margin: 0 auto;

        padding: 100px 20px;

    }

}

@media (max-width: 1200px) and (min-width: 1024px){

	div#hero {

	    height: 480px !important;

	}

}

@media(max-width: 1023px) and (min-width: 769px){

	h1.big-title, .text-parallax h2, .section-title h1{

		font-size: 25px;

	}

	div#hero {

	    height: 400px !important;

	}

}

@media(max-width: 768px){

	.nav-collapse, .nav-collapse.collapse{

		top: 35px;

	}

	h1.big-title, .text-parallax h2, .section-title h1, h1{

		font-size: 20px !important;

		line-height: 25px !important;

	}

	div#hero {

	    height: 500px !important;

	}

	.caption-content.center-center h1.big-title{

		font-size: 15px;

		line-height: 22px;

	}

	.columnaizq h5, .columnaizq p, .columnader h5, .columnader p, .columnaizq .wpb_single_image.vc_align_left, .columnader .wpb_single_image.vc_align_left{

		text-align: left !important;

	}

	.vc_row.wpb_row.vc_inner.vc_row-fluid.columnaizq .wpb_column.vc_column_container.vc_col-sm-9,

	.vc_row.wpb_row.vc_inner.vc_row-fluid.columnader .wpb_column.vc_column_container.vc_col-sm-9{

	    float: right;

	   	width: 67%;

	}

	.vc_row.wpb_row.vc_inner.vc_row-fluid.columnaizq .wpb_column.vc_column_container.vc_col-sm-3,

	.vc_row.wpb_row.vc_inner.vc_row-fluid.columnader .wpb_column.vc_column_container.vc_col-sm-3{

		float: left;

		width: 33%;

	}

	div#twitter .container, div#quote .container{

		padding: 0 20px !important;

	}

	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea{

		width: 95%;

	}

	footer{

		text-align: center;

        padding: 0 20px;

	}

    .contenedor-img{

        text-align: center;

    }

    .info .mascara h3, .info .mascara p, .info .mascara ul li{

        text-align: left;

    }

    div#home-page{

        width: auto !important;

    }

    div#navigation.navbar {

        position: absolute !important;

    }

    div#we-are-good-at .parallax-overlay .container{

        padding: 100px 15px;

    }

}

/*@media (min-width: 1024px){

	.container{

		width: 940px !important;

	}

}*/

@media (max-width: 1280px){

    .info .mascara h3{

        font-size: 15px;

        line-height: 22px;

        margin: 0;

    }

    .info .mascara p, .info .mascara ul li{

        font-size: 11.5px;

        margin-bottom: 0;

    }

}

@media (max-width: 1024px){

	.container{

		width: auto !important;

        padding: 70px 20px;

	}

    .clapat-slider .flex-direction-nav a, .classic-slider .flex-direction-nav a{

        display: block !important;

    }

    .header-text{

        padding-left: 30px !important;

    }

}

@media (max-width: 500px){

    .header-text{

        display: block !important;

    }

    .navbar-inner{

        margin-top: 25px !important;

    }

    .clapat-slider .flex-direction-nav a, .classic-slider .flex-direction-nav a{

        top: 65% !important;

    }

    .header-info .container{

        margin: 0;



    }

    .header-info{

        position: absolute !important;

    }

}

@media (max-width: 929px) and (min-width: 768px){

    .info .mascara h3{

        font-size: 13px;

        padding: 7px 7px 0 7px;

    }

     .info .mascara p, .info .mascara ul li{

        font-size: 11px;

        line-height: 15px;

     }

      .info .mascara p, .info .mascara ul{

        padding: 0 7px;

      }

}

.header-info{

    color: #FFF;

    display: block;

    position: fixed;

    background: #000;

    z-index: 99999;

    width: 100%;

    padding: 10px 0;

}

.header-info a, .header-info a:hover{

    color: #FFF;

    margin-right: 10px;

}

.header-info .container{

    padding: 0;

}

.header-text{

    display: inline-block;

}

.text-parallax h1{

    color: #FFF;

}

.navbar-fixed-top, .navbar-fixed-bottom{

    margin-top: 33px;

}
.logo-slider {
    /*position: absolute;*/
    top: 113px;
    left: 15%;
    width: 150px;
}
.navbar .nav {
    text-align: center !important;
}
div#logo {
    display: none;
}
@media (max-width: 767px){
	.navbar-inner .container {
	    padding: 0px 0 0px 0 !important;
	}
	.logo-slider{
		left: 0;
		top: 122px;
	}
	p.text-logo {
		left: 0 !important;
        font-size: 25px !important;
        line-height: 28px;
	}
    .color-text-parallax h3{
        font-size: 26px !important;
    }
}
p.text-logo {
    /*position: absolute;*/
    top: 260px;
    left: 15%;
    color: #FFF;
    font-size: 40px;
    text-shadow: #000 1px 1px 3px;
}
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {
    display: inline-block;
}
.color-text-parallax h3{
    color: #FFF;
    text-transform: uppercase;
    font-size: 35px;
}