/*----------- CSS by BMestudio 2016 -----------*/
/*-----------start KEYFRAMES-----------*/
.wow{visibility:hidden;}

/*start RESET*/
@-webkit-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@-moz-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@-o-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
/*end RESET*/

/*start STICK*/
@-webkit-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@-moz-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@-o-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
/*end STICK*/

/*start FADE IN*/
@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
/*end FADE IN*/

/*start SCROLL ANIMATION*/
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
            transform: translateY(26px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
            transform: translateY(26px);
  }
}
/*end SCROLL ANIMATION*/
/*-----------end KEYFRAMES-----------*/

/*-----------start GLOBALS-----------*/
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    font-smooth: antialiased !important;
    -webkit-text-size-adjust: none;
    font-smooth: always !important;
    -webkit-font-smooth: always !important;
    -moz-font-smooth: always !important;
    text-rendering: optimizeLegibility !important;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

body{
    font-size: 14px;
    -webkit-animation: reset, fade-in 2s 1 ease;
    -moz-animation: reset, fade-in 2s 1 ease;
    background:#f4f1ed;
    color:#60604c;
    outline: none;
    -webkit-animation: reset, fade-in 2s 1 ease;
    -moz-animation: reset, fade-in 2s 1 ease;
    animation: reset, fade-in 2s 1 ease;
    -o-animation: reset, fade-in 2s 1 ease;
    font-family: 'Arimo', sans-serif;
    font-weight: 400;
    font-style: normal;
    height: 100%;
}


*{
    outline: none
}

a{
    color:#60604c;
    text-decoration: none;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}

a:hover, a:active, a.active, a:focus{
    color: #1f1f19;
    text-decoration: none;
}

p{
    line-height: 1.7em;
    margin: 0px;
    padding: 0px;
}
    p span{
        color: #1f1f19;
        font-weight: bold;
    }
.txt p{
    margin-bottom: 10px;
}

strong{
    font-weight: 700;
}

ul{
    padding: 0;
    list-style: none;
    margin: 0
}
h1, h2, h5, h6, .h1, .h2, .h5, .h6{
    margin:0px;
    padding: 0px;
    font-family: 'Playfair Display', serif;
}
h2, .h2{
    font-size: 2.8em;
}
h3,.h3{
    font-size: 1.4em;
}
h4, .h4{
    font-size: 1.1em;
}
.form-group{
    overflow: hidden;
}
input,
textarea,
.form-control{
    border:none;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    width: 100%;
    padding: 12px;
    height: auto;
    box-shadow: none;
}
textarea{
    resize: none;
}
input:focus,
textarea:focus,
.form-control:focus{
    outline:none;
    box-shadow: none;
    border-color:#1f1f19;
}

button{
    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
}

.img img{
    width: 100%;
}

/* Navbar Toggle Icon Bar*/
.navbar-toggle{
    padding: 0;
    margin: 0;
    color: #60604c;
    font-size: 2em;
    z-index: 9999!important
}
    .navbar-toggle .icon-bar{
        background-color: #60604c;
    }
        .navbar-toggle .icon-bar {
            width: 30px;
            height: 4px;
            border-radius: 0;
        }
/* end Navbar Toggle Icon Bar*/

/*start BXSLIDER*/
.bx-wrapper{
    margin: 0 auto;
}
    .bx-wrapper .bx-pager{
        bottom:30px;
    }
    .bx-wrapper .bx-viewport{
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0;
        left:0;
        background-color: transparent;
    }
    .bxslider li .wrap-li{
            visibility: hidden;
        }
        .bxslider li .wrap-li.active-slide{
            visibility: visible;
        }
    .bx-wrapper .bx-pager.bx-default-pager a{
        width: 10px;
        height: 10px;
        background: #d1d3d6;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }
        .bx-wrapper .bx-pager.bx-default-pager a:hover,
        .bx-wrapper .bx-pager.bx-default-pager a.active{
            background: #000;
        }
.bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 80px;
    transition:All 0s ease;
    -webkit-transition:All 0s ease;
    -moz-transition:All 0s ease;
    -o-transition:All 0s ease;
}
    .bx-wrapper .bx-next {
        right: 20px;
        background-position: -60px -80px;
    }
        .bx-wrapper .bx-next:hover {
            opacity: .45;
            background-position: -56px 0;
            transition:All 0s ease;
            -webkit-transition:All 0s ease;
            -moz-transition:All 0s ease;
            -o-transition:All 0s ease;
        }
    .bx-wrapper .bx-prev {
        left: 20px;
        background-position: 0 -80px;
    }
        .bx-wrapper .bx-prev{
            opacity: .45;
            transition:All 0s ease;
            -webkit-transition:All 0s ease;
            -moz-transition:All 0s ease;
            -o-transition:All 0s ease;
        }
/*end BXSLIDER*/
/*start FLEX*/
.flex{
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   -webkit-flex-direction: row;
   -moz-flex-direction: row;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   justify-content: space-between;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
   align-items: center;
   -moz-align-items: center;
   -webkit-align-items: center;
}
/*end FLEX*/

/* GoTop */
#gotop{
    position: absolute;
    bottom: -20px;
    right: 15px;
    display: inline-block;
    width: 40px;
    margin: 0;
    z-index: 999;
}
    #gotop:hover{
        opacity: .7;
    }
        #gotop img{
            width: 100%;
        }

.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 25px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    float: left;
    margin-top: 4px
}
.c-hamburger:focus {
    outline: none;
}
    .c-hamburger span {
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        height: 3px;
        background: #60604c;
        transform: rotate(-180deg);
    }
    .home-body .c-hamburger span,
    .home-body .c-hamburger span::before,
    .home-body .c-hamburger span::after{
        background: #60604c
    }
        .c-hamburger span::before,
        .c-hamburger span::after {
            position: absolute;
            display: block;
            left: 0;
            width: 60%;
            height: 3px;
            background-color: #60604c;
            content: "";
        }
        .c-hamburger span::before {
            top: -8px;
        }
        .c-hamburger span::after {
            bottom: -8px;
        }
    .c-hamburger--htx {
        background-color: transparent;
    }
        .c-hamburger--htx span {
            transition: background 0s 0.3s;
        }
            .c-hamburger--htx span::before,
            .c-hamburger--htx span::after {
                transition-duration: 0.3s, 0.3s;
                transition-delay: 0.3s, 0s;
            }
            .c-hamburger--htx span::before {
                transition-property: top, transform;
            }
            .c-hamburger--htx span::after {
                transition-property: bottom, transform;
            }

    /* active state, i.e. menu open */
    .c-hamburger--htx.is-active {
        background-color: transparent;
    }
        .c-hamburger--htx.is-active span {
            background: none;
        }
            .c-hamburger--htx.is-active span::before {
                top: 0;
                transform: rotate(45deg);
                background: #60604c
            }
            .c-hamburger--htx.is-active span::after {
                bottom: 0;
                transform: rotate(-45deg);
                background: #60604c
            }
            .c-hamburger--htx.is-active span::before,
            .c-hamburger--htx.is-active span::after {
                transition-delay: 0s, 0.3s;
            }
/* end GoTop */

/* start Btn */
.btn{
    background:transparent;
    color:#000;
    border:1px solid #000;
    box-shadow: none;
    background-image: none;
    border-radius: 0px;
    padding:10px 30px;
}
.btn.btn-light{
    color:#fff;
    border-color:#fff;
}
    .btn.btn-light:hover{
        background:#fff;
        color:#000;
    }
/* end Btn */
article{
    padding:80px 0;
}
/*-----------end GLOBALS-----------*/

/*-----------start LAYOUT-----------*/
/*start HEADER*/
/*--start Social Icon--*/
.social.responsive{
    display: none!important;
}
ul.social li + li{
    margin-left:10px;
}
header ul.social {
    margin-left: 40px;
}
    header ul.social li a,
    header #navbar ul li ul.social li a{
        color: #60604c;
        font-size: 1.2em;
    }
        ul.social li a:hover,
        header #navbar ul li ul.social li a:hover{
            opacity: .8;
        }
        header #navbar ul li ul.social li a:before{
            display: none;
        }
/*--end Social Icon--*/
header{
    /*position: fixed;
    top: 0;
    left: 0;*/
    width: 100%;
    background: #fff;
    border-bottom: 2px solid transparent;
    /*z-index: 99999!important;*/
    padding: 30px 0;
    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    -webkit-animation: stick 1s 1 ease;
    -moz-animation: stick 1s 1 ease;
    animation: stick 1s 1 ease;
    -o-animation: stick 1s 1 ease;
}
    header .main-menu{
        transition:All 0.2s ease;
        -webkit-transition:All 0.2s ease;
        -moz-transition:All 0.2s ease;
        -o-transition:All 0.2s ease;
    }
        #logo img {
            width: 140px;
        }
        #navbar{
            margin-bottom: 0px;
            padding: 0px;
            border: none;
            padding-top: 5px;
        }
            #navbar > ul > li > a{
                background: transparent;
                padding: 0px;
                letter-spacing: 1.5px;
                border-radius: 0;
                transition:All 0.5s ease;
                -webkit-transition:All 0.5s ease;
                -moz-transition:All 0.5s ease;
                -o-transition:All 0.5s ease;
                text-shadow: none;
                position: relative;
                overflow: hidden;
                letter-spacing: 0.05em;
                padding-bottom: 5px;
                text-transform: uppercase;
            }
            header.stickEmUp .navbar-nav > li > .dropdown-menu{
                top: 52px;
            }
                #navbar ul li a:hover{
                    color: #60604c;
                }
                #navbar > ul > li > a:before,
                .navbar-nav > li > .dropdown-menu a:before{
                    content:'';
                    width: 100%;
                    position: absolute;
                    height: 1px;
                    background-color: #60604c;
                    bottom:0;
                    left:0;
                    transform: translate(-130%);
                    transition:All 0.5s ease;
                    -webkit-transition:All 0.5s ease;
                    -moz-transition:All 0.5s ease;
                    -o-transition:All 0.5s ease;
                }
            #navbar > ul > li{
                margin-left: 25px;
            }
            #navbar > ul > li:first-child{
                margin-left: 0;
            }
                #navbar > ul > li > a.active:before,
                #navbar > ul > li > a:hover:before,
                .navbar-nav > li > .dropdown-menu a:hover:before,
                .navbar-nav > li > .dropdown-menu a.active:before{
                    transform: translate(0%);
                }
                .navbar-nav > li > .dropdown-menu{
                    left: -16px;
                    top: 69px;
                    margin: 0;
                    float: none;
                    box-shadow: none;
                    border-radius: 0;
                     border: none; 
                    padding: 20px 40px;
                    min-width: 100%;
                }
                   .navbar-nav > li > .dropdown-menu li{
                        margin-top: 20px;
                        overflow: hidden;
                   }
                   .navbar-nav > li > .dropdown-menu li:first-child{
                        margin-top: 0
                   }
                       .navbar-nav > li > .dropdown-menu a{
                            padding: 0;
                            color: #60604c;
                            position: relative;
                            display: inline-block;
                       } 
                       .navbar-nav > li > .dropdown-menu a:hover{
                            background: transparent;
                       }
                   
/*Sticky Menu*/
header.stickEmUp {
    box-shadow:2px 2px 2px #a5a5a5;
    padding:20px 0;
}
    header.stickEmUp #logo img {
        width: 100px;
    }
/*end HEADER*/
/*start FOOTER*/
#newsletter{
    background:#60604c;
    color:#fff;
    padding:40px 0;
}
    #newsletter h3{
        margin:0;
        font-weight: 700
    }
footer{
    background: #1f1f19;
    padding-bottom: 30px;
}
footer .inner{
    padding: 60px 0 0;
}
    footer a:hover,
    footer a:focus{
        color:#f4f1ed;
    }
    footer img{
        width: 90px;
        transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;
    }
        footer img:hover{
            opacity: .7;

        }
    footer .txt p{
        margin-bottom: 0
    }
    footer ul li{
        margin-bottom: 3px;
    }
    .inner .container{
        position: relative;
    }
    .absolute{
        padding-top: 40px;
    }
        .absolute .flex{
            border-top: 1px solid;
            padding-top: 10px;
        }
    footer .social{
        float: right;
    }
        footer .social li a{
            font-size: 1.2em;
        }


.whatsapp-wrap{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
      font-size:30px;
	box-shadow: 2px 2px 3px #999;
      z-index:100;
}

.wa-btn{
	margin-top:16px;
}
/*end FOOTER*/

.container-fluid{
    padding: 0 30px;
}
/*-----------end LAYOUT-----------*/

/*-------start HOME--------*/
/*--Main Slide--*/
.slide-home {
    padding:0;
}
.slide-home .bxslider li{
    background-position: top center;
    background-size: cover;
    height: 600px;
    width: 100%;
    text-align: center;
}
    .slide-home .bxslider li .container{
        height: 100%;
    }
        .slide-home .bxslider li .flex{
            justify-content: center;
            -webkit-justify-content:center;
            -moz-justify-content:center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            height: 100%;
        }
            .slide-home .bxslider li h1{
                color:#fff;
                font-size: 5em;
                line-height: .95em;
                width: 80%;
                margin: auto;
                margin-bottom: 50px;
                visibility: unset
            }
            .slide-home .bxslider li a{
                visibility: unset;
            }
/*--start Empresa----*/
.center{
    text-align: center;
}
.dark{
    background-color:#60604c;
    color:#fff;
}
.title{
    text-align: center;
    margin-bottom: 65px;
}
    .title h2{
        position: relative;
        display: inline-block;
    }
        .title h2:after{
            content: '';
            width: 80%;
            height: 1px;
            background-color: #60604c;
            position: absolute;
            bottom: -15px;
            left: 10%;
        }
    .title p{
        font-size: 1.1em;
        text-align: center;
        width: 50%;
        margin:70px auto 0;
    }
        .dark .title h2:after{
            background-color:#fff;
        }
    .dark p{
        font-size: 1.2em;
        line-height: 1.6em;
        width: 80%;
        margin:auto;
    }
    .dark img{
        width: 25%;
        margin:65px auto 0;
    }
/*----end Empresa----*/
/*----start Obras----*/
.budge{
    background: #60604c;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%
}

.thumbnail{
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 30px;
}
    .thumbnail .mask{
        position: absolute;
        background: #000;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;
    }
        .thumbnail:hover .mask{
            opacity: .3;
        }
    .thumbnail .caption{
        padding: 0;
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
        .thumbnail .caption .flex{
            height: 100%;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
        }
            .thumbnail .caption h3{
                font-weight: 700;
                font-size: 1.8em;
                text-decoration: underline;
                text-transform: uppercase;
                margin: 0;
                line-height: 1.2em;
            }
/*----end Obras----*/
/*----start Partners----*/
.light{
    background-color: #fff;
}
#partners .container{
    position: relative;
}
.jcarousel-pagination{
    display: none;
}
.jcarousel-control-prev, .jcarousel-control-next{
    width: 50px;
    height: 80px;
    background: url(../images/controls.png);
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    top:40%;
}
    .jcarousel-control-prev {
        left: -20px;
        background-position: 0 -80px;
    }
        .jcarousel-control-prev:hover{
            opacity: .45;
        }
    .jcarousel-control-next {
        right: -20px;
        background-position: -60px -80px;
    }
        .jcarousel-control-next:hover{
            opacity: .45;
        }
.jcarousel img {
    max-width: 60%;
    margin: auto;
}
/*----end Partners----*/
/*--------end HOME--------*/

/*--------start EMPRESA--------*/
.first-text .editor{
    width: 75%;
    margin:auto;
    line-height: 1.8em;
}
/*--start Parallax Section--*/
.clip-mask{
    position: absolute;
    left: 0;
    top:0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
    .inner-mask{
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: left center;
        width: 100%;
        height: 100%;
        background-color: #60604c;
        background-size: cover;
    }
#career{
    height: 400px;
    color:#fff;
    background-color: #60604c;
    position: relative;
    overflow: hidden;
}
    #career .container,
    #career .row,
    #career .flex{
        height: 100%;
    }
        #career .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
        }
            #career h5{
                font-size: 1.65em;
                margin: 0;
                line-height: 1em;
            }
            #career h3{
                margin: 0;
                font-size: 6.65em;
                line-height: 1em;
            }
/*--end Parallax Section--*/
/*--start Columns---*/
.middle-light{
    background-color:#eae5df;
    padding: 100px 0;
}
    .middle-light .container{
        position: relative;
    }
        .middle-light .row .col-md-6:nth-child(1):after{
            content: '....................';
            font-size: .8em;
            letter-spacing: 5px;
            position: absolute;
            right: -80px;
            display: block;
            top: 70px;
            transform: rotate(-90deg);
            font-family: 'Arimo';
        }
        .middle-light .editor{
            width: 75%;
        }
            .middle-light .row .col-md-6:last-child .editor{
                float: right;
            }
            .middle-light p{
                margin-bottom: 30px;
            }
                .middle-light p + p{
                    margin-bottom: 0;
                }
/*--end Columns--*/
/*--start image fixed--*/
.emblematics{
    position: relative;
    height: 500px;
}
    .emblematics .flex{
        height: 100%;
    }
        .emblematics p{
                margin-bottom: 30px;
            }
                .emblematics p + p{
                    margin-bottom: 0;
                }
.img-fixed{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
    .img-fixed img{
        width: auto;
        height: 100%;
        margin-left: -200px;
    }
/*--end Image fixed--*/
/*--------end EMPRESA--------*/
/*--------start OBRAS REALIZADAS--------*/
.list .thumbnail .mask{
    background: #f4f1ed;
    width: 85%;
    height: 90%;
    left: 7.5%;
    top: 5%;
    opacity: 0;
    transform: scale(0);
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}
    .list .thumbnail:hover .mask{
        transform: scale(1);
        opacity: 1;
    }
        .list .thumbnail .caption{
            padding:15px;
        }
            .list .thumbnail .caption h3 {
                text-decoration: none;
                text-transform: none;
                color: #60604c;
                line-height: 1.2em;
                margin-bottom: 10px;
                transition:All 0.5s ease;
                -webkit-transition:All 0.5s ease;
                -moz-transition:All 0.5s ease;
                -o-transition:All 0.5s ease;
            }
            .list .thumbnail .caption p{
                font-family: 'Playfair Display', serif;
                color: #60604c;
                margin: 0;
                line-height: 1.2em;
                transition:All 0.5s ease;
                -webkit-transition:All 0.5s ease;
                -moz-transition:All 0.5s ease;
                -o-transition:All 0.5s ease;
            }
/*--------end OBRAS REALIZADAS--------*/
/*--------start CONTACTO--------*/
#gmap{
    width: 100%;
    height: 600px;
}
#contacto .txt p{
    line-height: 1.2em;
}
button[type=submit]{
    background:#60604c;
    border:1px solid #60604c;
    color:#fff;
    float: right;
}
    button[type=submit]:hover,
    button[type=submit]:focus{
        background:transparent;
        color:#60604c;
        box-shadow: none;
        outline: none;
    }
.form-contact form .row .col-md-6:first-child{
    padding-right: 7.5px;
}
.form-contact form .row .col-md-6:last-child{
    padding-left: 7.5px;
}
/*--------end CONTACTO--------*/
/*--------start DETALLE DE OBRAS--------*/
/*--start Plugin Share This--*/
.st-backdrop{
    background:rgba(244,241,237,0.8)!important;
}
.st-btns {
    top: 30%!important;
}
    .st-btn[data-network='blogger'],
    .st-btn[data-network='delicious'],
    .st-btn[data-network='digg'],
    .st-btn[data-network='flipboard'],
    .st-btn[data-network='linkedin'],
    .st-btn[data-network='livejournal'],
    .st-btn[data-network='mailru'],
    .st-btn[data-network='meneame'],
    .st-btn[data-network='odnoklassniki'],
    .st-btn[data-network='pinterest'],
    .st-btn[data-network='print'],
    .st-btn[data-network='reddit'],
    .st-btn[data-network='stumbleupon'],
    .st-btn[data-network='vk'],
    .st-btn[data-network='wechat'],
    .st-btn[data-network='xing'],
    .st-btn[data-network='tumblr'],
    .st-btn[data-network='weibo'],
    .st-logo{
        display: none!important;
    }
.st-btn{
    text-transform: capitalize;
    border-radius: 0px!important;
}
.st-btn:hover{
    top:0!important;
    opacity: .6;
}
.sharethis-inline-share-buttons .st-btn{
    background-color: transparent!important;
    padding: 0 10px 0 0!important;
}
    .sharethis-inline-share-buttons .st-btn > svg{
        fill:#60604c;
        width: 25px!important;
        height: 25px!important;
    }
.st-close {
    background: #60604c;
    font-size: 30px;
    height: 40px;
    line-height: 45px;
    padding: 0;
    width: 40px;
    z-index: 40;
    text-align: center;
}
/*--end pPlugin Share This--*/
.details-header{
    height: 300px;
    background-color:#60604c;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    /*background-position: center;*/
    background-attachment: fixed;
    background-size:cover;
}
    .details-header .parallax-window{
        background-color: rgba(69,69,55,0.8);
    }
    .details-header .container,
    .details-header .flex{
        height: 100%;
    }
        .details-header .flex{
            align-items: flex-end;
            -webkit-align-items: flex-end;
            -moz-align-items: flex-end;
        }
            .details-header h3{
                color:#fff;
                font-size: 3em;
                font-weight: 700;
                margin:0;
                margin-bottom: 60px;
            }
.summary .editor{
    border-top:1px solid #60604c;
    padding-top:25px;
}
    .editor ul + p{
        margin-top: 20px;
    }
.options{
    margin: 30px 0;
}
    .options ul li img{
        height: 22px;
    }
.sharethis-inline-share-buttons{
    text-align: left!important;
}
.details-block{
    border-top:1px solid #60604c;
    padding-top:25px;
}   
    .details-block + .details-block{
        margin-top: 80px;
    }
    .details-block .pag{
        margin-bottom: 45px;
    }
    .details-block .bxslider li{
        /*height: 550px;*/
        background:#fff;
        text-align: center;
    }
        .details-two .details-block .bxslider li{
            background: transparent;
        }
            .details-block .bxslider li .editor{
                height: 100%;
            }
                .details-block .bxslider li .flex{
                    justify-content: center;
                    -webkit-justify-content: center;
                    -moz-justify-content: center;
                    align-items: center;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    height: 100%;
                }
                    .details-block .bxslider li img{
                        height: auto;
                        width: 100%;
                    }
    .details-block .bx-wrapper .bx-controls-direction a{
        width: 50px;
        height: 80px;
        background-image: url(../images/controls.png);
        box-shadow: none;
        text-shadow: none;
        border-radius: 0;
        top:50%;
    }
        .details-block .bx-wrapper .bx-prev {
            left: 15px;
            background-position: 0 -80px;
        }
        .details-block .bx-wrapper .bx-next {
            right: 15px;
            background-position: -60px -80px;
        }
    .details-block .bx-wrapper .bx-pager {
        bottom: auto;
        top: -65px;
        left: 0;
        width: auto;
        font-size: 1em;
        font-weight: 400;
        font-family: 'Arimo', sans-serif;
    }
    
    #plants .bxslider .txt span{
        display: inline-block;
        margin-top: 10px;
    }
/*--------end DETALLE DE OBRAS--------*/
/*-----------start MEDIA QUERIES-----------*/
/*start IPHONE VERTICAL*/
@media (min-width: 320px) and (max-width: 479px) {
    /*start Global*/
    body{
        font-size: 14px;
    }
    .btn {
        padding: 10px 20px;
    }
    .bx-controls-direction{
        display: none;
    }
    .bx-wrapper .bx-pager {
        bottom: 10px;
        padding-top: 0;
    }
    article {
        padding: 50px 0;
    }
    .title {
        margin-bottom: 50px;
    }
    .row .col-md-6 + .col-md-6 {
        margin-top: 30px; 
    }
    #gotop {
        bottom: 20px;
    }
    h2, .h2 {
        font-size: 2.2em;
    }
    /*end Global*/
    /*start Header*/
    header{
        padding: 20px 0;
        position: static;
        /*overflow: visible;*/
    }
        #logo img {
            width: 120px;
        }
    header ul.social{
        display: none;
    }
    header ul.social.responsive{
        display: block!important;
        margin-left: 0;
        font-size: 1.3em;
        margin-top: 10px;
    }
    #navbar{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(256,256,256,0.95);
        text-align: left;
        padding: 0;
        z-index: 999;
        display: block!important;
        transform: translate(0,-100%);
        opacity: 0;
        transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;
    } 
    #navbar.active{
        transform: translate(0,0);
        opacity: 1;
    }  
        #navbar > ul{
            padding: 100px 30px;
            height: 100%;
            overflow: auto;
        }

        .navbar-nav{
            margin:0;
        }
            #navbar ul li a {
                padding: 5px 0px;
                display: inline-block;
                margin-left: 0;
                text-transform: none;
                letter-spacing: 1.5px;
                line-height: 1.5em;
                font-size: 1.8em;
            }
            #navbar ul li{
                margin-left: 0;
            }
            #navbar ul li .dropdown-menu{
                text-align: left;
                overflow: hidden;
                min-width: 0
            }
                .navbar-nav > li > .dropdown-menu li{
                    margin-top: 0
                }
                    .navbar-nav > li > .dropdown-menu li a{
                        overflow: hidden;
                        font-size: 1.2em!important;
                    }
    /*end Header*/
    /*start Footer*/
    #newsletter{
        padding:30px 0;
        text-align: center
    }
        #newsletter .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
        }
            #newsletter h3{
                margin-bottom: 15px;
            }
    footer{
        text-align: center;
    }
        .inner .col-md-2{
            margin-bottom: 20px;
        }
        .inner .col-md-4{
            margin-bottom: 20px;
        }
        footer .social {
            float: none;
        }
    .absolute{
        padding-top: 10px;
    }
        .absolute .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
        }
    /*end Footer*/
    /*start Home*/
    .slide-home .bxslider li{
        height: 300px;
    }
        .slide-home .bxslider li h1 {
            font-size: 2em;
            margin-bottom: 20px;
        }
    .dark p {
        font-size: 1em;
        width: 90%;
    }
    .dark img {
        width: 75%;
        margin: 30px auto 0;
    }
    .thumbnail .txt{
        padding:0 20px;
    }
    .jcarousel-pagination{
        display: block;
        bottom: -20px;
    }
        .jcarousel-control-prev,
        .jcarousel-control-next{
            display: none;
        }
    .jcarousel img {
        max-width: 80%;
        margin: 0 auto;
    }
    /*end Home*/
    /*start Empresa*/
    .first-text .editor{
        width: 100%;
    }
    #career {
        height: 450px;
        background-size: cover;
    }
        #career .flex{
            height: auto;
        }
        #career .col-md-6 + .col-md-6{
            margin-top: 50px;
        }
    .middle-light{
        padding:50px 0;
    }
        .middle-light .editor {
            width: 95%;
            margin: auto;
        }
            .middle-light .row .col-md-6:last-child .editor {
                float: none;
            }
        .middle-light .row .col-md-6:nth-child(1):after{
            display: none;
        }
    .emblematics {
        padding-top: 0;
        height: auto;
    }
        .img-fixed {
            width: 100%;
            height: auto;
            margin-bottom: 50px;
            position: relative;
        }
        .emblematics p {
            margin-bottom: 10px;
        }
    .clip-mask {
        width: 100%;
        -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
    }
    
    .inner-mask, .details-header{
        background-attachment: scroll;
        /*background-size:auto 100%;*/
    }
    /*end Empresa*/
    /*start Listado Proyectos*/
    .list .thumbnail .mask {
        height: 40%;
        top: auto;
        bottom: 5%;
        opacity: 1;
        transform: scale(1);
    }
    .budge{
        position: relative;
        left: 0;
        top: 0;
    }
    /*end Listado Proyectos*/
    /*start Detalles*/
    .details-header {
        height: 200px;
    }
    .details-block .bx-wrapper .bx-pager {
        top: -45px;
    }
    .details-block + .details-block{
        margin-top: 40px;
    }
    .details-one #gmap,
    .details-two #gmap{
        height: 400px;
    }
    /*end Detalles*/
    /*start Contacto*/  
    .title p {
        width: 90%;
        margin: 40px auto 0;
    }
    #contacto .title{
        margin-bottom: 0
    }
    #gmap{
        height: 400px;
    }
    .form-contact .col-md-4{
        margin-bottom: 30px;
    }
    .form-contact form .row .col-md-6:first-child {
        padding-right: 15px;
    }
    .form-contact form .row .col-md-6:last-child{
        padding-left: 15px;
    }
    .form-contact .row .col-md-6 + .col-md-6 {
        margin-top: 15px;
    }
    /*end Contacto*/
}
/*end IPHONE VERTICAL*/

/*start IPHONE HORIZONTAL*/
@media (min-width: 480px) and (max-width: 767px) {
    /*start Global*/
    body{
        font-size: 14px;
    }
    .btn {
        padding: 10px 20px;
    }
    .bx-controls-direction{
        display: none;
    }
    .bx-wrapper .bx-pager {
        bottom: 10px;
        padding-top: 0;
    }
    article {
        padding: 50px 0;
    }
    .title {
        margin-bottom: 50px;
    }
    .row .col-md-6 + .col-md-6 {
        margin-top: 30px; 
    }
    #gotop {
        bottom: 20px;
    }
    h2, .h2 {
        font-size: 2.2em;
    }
    /*end Global*/
    /*start Header*/
    header{
        padding: 20px 0
    }
        #logo img {
            width: 120px;
        }
    header ul.social{
        display: none;
    }
    header ul.social.responsive{
        display: block!important;
        margin-left: 0;
        font-size: 1.3em;
        margin-top: 10px;
    }
    #navbar{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%!important;
        background: rgba(256,256,256,0.95);
        text-align: left;
        padding: 0;
        z-index: 999;
        display: block!important;
        transform: translate(0,-100%);
        opacity: 0;
        transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;
    } 
    #navbar.active{
        transform: translate(0,0);
        height: 100%!important;
        opacity: 1;
        background: rgba(256,256,256,0.95);
    }   
        #navbar > ul{
            padding: 100px 30px;
            height: 100%;
            overflow: auto;
        }

        .navbar-nav{
            margin:0;
        }
            #navbar ul li a {
                padding: 5px 0px;
                display: inline-block;
                margin-left: 0;
                text-transform: none;
                letter-spacing: 1.5px;
                line-height: 1.5em;
                font-size: 1.8em;
            }
            #navbar ul li{
                margin-left: 0;
            }
            #navbar ul li .dropdown-menu{
                text-align: left;
                overflow: hidden;
                min-width: 0
            }
                .navbar-nav > li > .dropdown-menu li{
                    margin-top: 0
                }
                    .navbar-nav > li > .dropdown-menu li a{
                        overflow: hidden;
                        font-size: 1.2em!important;
                    }
    header.stickEmUp,
    header{
        position: relative;
        box-shadow: none;
    }
        header.stickEmUp #navbar{
            top:82px;
            box-shadow: inset 0px 0px 3px #ccc;
        }
        
    /*end Header*/
    /*start Footer*/
    #newsletter{
        padding:30px 0;
        text-align: center
    }
        #newsletter .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
        }
            #newsletter h3{
                margin-bottom: 15px;
            }
    footer{
        text-align: center;
        padding-bottom: 15px;
    }
        footer .inner{
            padding:40px 0 0;
            text-align: left;
        }
            .inner .col-md-2{
                width: 25%;
                float: left;
            }
            .inner .col-md-4{
                width: 35%;
                float: left;
            }
                .inner .col-md-4 + .col-md-4{
                    width: 30%;
                    float: left;
                }
            .inner .col-md-2:last-child{
                float: left;
                margin: 10px 0 0;
            }
            footer .social {
                float: none;
            }
    .absolute{
        padding-top: 10px;
    }
        .absolute .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
        }
    /*end Footer*/
    /*start Home*/
    .slide-home .bxslider li{
        height: 300px;
    }
        .slide-home .bxslider li h1 {
            font-size: 2em;
            margin-bottom: 20px;
        }
    .dark p {
        font-size: 1em;
        width: 90%;
    }
    .dark img {
        width: 45%;
        margin: 30px auto 0;
    }
    #construction-home .col-md-4{
        width: calc(100% / 3);
        float: left;
        padding: 0 10px;
    }
    .thumbnail .txt{
        padding:0 20px;
    }
        .thumbnail .caption h3{
            font-size: 1.3em;
        }
    .jcarousel-pagination{
        display: block;
        bottom: -20px;
    }
        .jcarousel-control-prev,
        .jcarousel-control-next{
            display: none;
        }
    .jcarousel img {
        max-width: 80%;
        margin: 0 auto;
    }
    /*end Home*/
    /*start Empresa*/
    .first-text .editor{
        width: 90%;
    }
    #career {
        height: 250px;
        background-size: cover;
    }
        #career .flex{
            height: 100%;
            width: 50%;
            float: left;
            margin:0;
        }
            #career h3 {
                font-size: 5em;
            }
            #career h5{
                font-size: 1.3em;
            }
    .middle-light{
        padding:50px 0;
    }
        .middle-light .row .col-md-6{
            width: 50%;
            float: left;
            margin:0;
        }
        .middle-light .editor {
            width: 95%;
        }
            .middle-light p {
                margin-bottom: 10px;
            }
            .middle-light .row .col-md-6:last-child .editor {
                float: none;
            }
    .middle-light .row .col-md-6:nth-child(1):after {
        right: -70px;
        top: 100px;
    }
    .emblematics {
        padding-top: 0;
        height: 450px;
        overflow: hidden;
    }
        .img-fixed {
            width: 50%;
            height: auto;
            margin-bottom: 50px;
            position: absolute;
        }
        .emblematics .col-md-5{
            width: 50%;
        }
            .emblematics p {
                margin-bottom: 10px;
            }
            
            .inner-mask, .details-header{
                background-attachment: scroll;
                /*background-size:auto 100%;*/
            }
    /*end Empresa*/
    /*start Listado Proyectos*/
    .list .col-md-3{
        width: 50%;
        float: left;
    }
        .list .thumbnail{
            margin-bottom: 30px;
        }
            .list .thumbnail .mask {
                height: 40%;
                top: auto;
                bottom: 5%;
                opacity: 1;
                transform: scale(1);
            }
            .budge{
                position: relative;
                left: 0;
                top: 0;
            }
    /*end Listado Proyectos*/
    /*start Detalles*/
    .details-header {
        height: 200px;
    }
    .details-block .bx-wrapper .bx-pager {
        top: -45px;
    }
    .details-block + .details-block{
        margin-top: 40px;
    }
    .details-one #gmap,
    .details-two #gmap{
        height: 400px;
    }
    /*end Detalles*/
    /*start Contacto*/  
    .title p {
        width: 90%;
        margin: 40px auto 0;
    }
    #contacto .title{
        margin-bottom: 0
    }
    #gmap{
        height: 300px;
    }
    .form-contact .col-md-4{
        width: 40%;
        float: left;
    }
    .form-contact .col-md-8{
        width: 60%;
        float: left;
    }
    .form-contact form .row .col-md-6:first-child {
        padding-right: 15px;
    }
    .form-contact form .row .col-md-6:last-child{
        padding-left: 15px;
    }
    .form-contact .row .col-md-6 + .col-md-6 {
        margin-top: 15px;
    }
    /*end Contacto*/
}
/*end IPHONE HORIZONTAL*/

 /*start IPAD VERTICAL*/
@media (min-width: 768px) and (max-width: 979px){
    /*start Global*/
    body{
        font-size: 16px;
    }
    article{
        padding:50px 0;
    }
    .title {
        margin-bottom: 40px;
    }
        h2, .h2 {
            font-size: 2.5em;
        }
    /*end global*/
    /*start Header*/
    #logo{
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    #logo img {
        width: 130px;
        margin: auto;
    }
    header ul.social {
        margin-left: 10px;
    }
    #navbar > ul > li{
        margin-left: 15px;
    }
    header .navbar-nav > li > .dropdown-menu{
        top: 54px;
    }
    header.stickEmUp .navbar-nav > li > .dropdown-menu{
        top: 46px;
    }
    .menu-block{
        width: 100%;
    }
    /*end Header*/
    /*start Footer*/
    #newsletter{
        padding:30px 0;
    }
        #newsletter .flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
        }
            #newsletter h3{
                margin-bottom: 15px;
            }
    /*end Footer*/
    /*start Home*/
    .slide-home .bxslider li{
        height: 500px;
    }
    .dark img {
        margin: 25px auto 0;
    }
    .thumbnail .caption h3{
        font-size: 1.3em;
    }
    .jcarousel-control-next {
        right: 0;
    }
    .jcarousel-control-prev {
        left: 0;
    }
    /*end Home*/
    /*start Empresa*/
    #career {
        height: 300px;
        background-position-x: -270px;
    }
    .middle-light .editor {
        width: 90%;
    }
    /*end Empresa*/
    /*start Obras*/
    .budge{
        font-size: 0.8em;
        top: 10px;
    }
    .details-header {
        height: 200px;
    }
        .details-block .pag {
            margin-bottom: 30px;
        }
    .details-one #gmap,
    .details-two #gmap{
        height: 350px;
    }
    .details-block .bx-wrapper .bx-pager{
        top:-50px;
    }
    /*end Obras*/
    /*start Contacto*/
    .title p {
        width: 60%;
        margin: 50px auto 0px;
    }
    #gmap{
        height: 500px;
    }
    /*end Contacto*/
}
/*end IPAD VERTICAL*/

/*start BIG SCREEN*/
@media (min-width: 1200px){
    #career{
        background-size: auto;
    }
    .img-fixed img{
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .thumbnail .caption h3{
        font-size: 2em;
    }

    header ul.social{
        margin-left: 35px;
    }
    #navbar > ul > li{
        margin-left: 40px;
    }
}
/*end BIG SCREEN*/
/*-----------end MEDIA QUERIES-----------*/