html,body{margin:0px;height:100%;}

html {
    font-size: 17px;
  }
body{font-family: 'Libre Franklin', sans-serif; color: #252525;}

h1, h2, h3, h4, h5, h6,p, li{font-weight: 300;}
h5{ font-size:20px  }
h4{ font-size:22px  }
h2{ font-size: 35px; }

.ftz-30{font-size:initial;}

nav{ box-shadow: none; text-transform: uppercase; background-color: initial; margin-bottom: 0px;}
.nav-wrapper{ margin-bottom: 0 }
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i, nav ul a, nav .brand-logo, nav ul{ height: 110px; line-height: 110px; }
nav ul a, nav .brand-logo{color: #252525; margin: 0 !important; padding: 0 !important; letter-spacing: 3px;}
nav ul li{ text-align: center;}
nav ul li{ padding: 0 !important }
nav ul a{ position: relative; }
nav ul a:hover{ background-color: initial;  }

nav ul li ul {
		display: none;


	}
	nav ul li ul li{ width: 130%; left: -15%; background-color: #efefef;  z-index: 1; position: relative; }
	nav ul li ul li a{height: auto; padding: 15px 10px 15px 10px !important; display: block; line-height: 15px; font-size: 13px; }
	nav ul li a:hover + ul, nav ul li ul:hover {
		display: block;
	}

nav ul a:before {
	content: " ";
	width: 100%;
	background-color: black;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}



.sidenav .active, .sidenav li>a:hover {  
    background-color: #003e6b; color: white;
    border-bottom: 1px solid #FFFFFF;}
.noactive{border-bottom: 1px solid #EFEFEF;}

    li.current_page_item
    {background-color: #FFFFFF;
    border-bottom: 1px solid #003e6b;}
    li.current_page_item a
    {color: #003e6b !important;}

nav ul a:hover:before{
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.flex-p {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.flex-p > div{
   display: -webkit-flex;
   display: flex;
}

.sidenav li>a{ font-size: 18px; line-height: initial; padding-top: 20px; padding-bottom: 20px; height: initial; }
ul.sidenav li ul.subbmenu li > a{ font-size: 16px; line-height: initial; padding: 15px 0 15px 40px;}

ul.sidenav li ul.subbmenu li:before{ 
    content: "››";
    width: 100%;
    height: 1px;
    color: #2db34a;
    position: absolute;
    left: 25px;
}



.slick-slide img{ display: initial; }
.slick-list, .slick-track{ width: 100% }

.valign-wrapper{display: block}

/*HELPERS*/
.nomargin{ margin: 0 !important; }
.nopadding{ padding: 0 !important }
.uppercase{text-transform: uppercase;}
.strn{font-weight: 600;}
.relative{ position: relative; }

.mr-t-30{ margin-top: 30px; }
.mr-t-100{ margin-top: 0px; }
.mr-b-50{ margin-bottom: 80px; }

.pd-tb-200{padding: 100px 0 100px 0}
.pd-tb-100{padding: 50px 0 50px 0}
.pd-tb-50{padding: 20px 0 20px 0}
.pd-tb-90{ padding:0px 0 0px 0; }


.slider-single .descripcion {  width:100%; background-color:#273743; color:white; padding:20px; margin-top:-10px; }
.slider-single .descripcion h4{margin:0;}
.slider-single .descripcion h2{margin:0;}
.slider-single .descripcion p{margin:0;}

.bg-style-01, .bg-style-03{ background-position: bottom left; background-repeat: no-repeat; background-size: 40px;   background-image: none; background-position-y: 300px;}
.bg-style-02{background-image: none; background-position: center right 50px; background-repeat: no-repeat;}

.bg-trabajamos{background-image: none; background-size: cover; position: relative; z-index: 1}
.box-trabajamos{float: right; background-color: white; padding: 10px 0 10px 0}

.c-negro{ color: black; }
.c-verde{ color: #2db34a; }
.c-azul{color: #1798cb;}
.c-azul-2{color: #003e6b;}
.c-naranja{ color: #db821f; }
.bg-gris-01{ background-color: #efefef; }
.bg-blanco-01{ background-color: white; }

.w-50{width: 100%; margin: auto}

.fz-25{ font-size: 25px; }
.fz-36{ font-size: 36px; }

.container {width: 95%;}
.container-gal {width: 100%;}

.banner{ height: auto; background-position: center; background-size: cover; position: relative;}
.banner .content{ width: 100%; position: relative; bottom:0; right: 0px; z-index: 1; background-color: white; padding: 0px 20px 40px 0; }
.banner.image{ height: 300px; background-position: center;}


.banner-right{ height: auto; background-position: center; background-size: cover; position: relative;}
.banner-right .content{ width: 100%; position: relative; bottom:0; right: 0px; z-index: 1; background-color: white; padding: 0px 20px 40px 0; }
.banner-right.image{ height: 300px;}
.banner-right h2{ font-size: 35px; }

.title-isotipo-colores{ background-image: url(images/isotipo-colores.png); font-size: 25px; padding-left: 100px; line-height: 25px; text-transform: uppercase; font-weight: 200; height: 80px; display: inline-block; background-repeat: no-repeat; background-position: left; }
.title-isotipo-celeste{ background-image: url(images/isotipo-celeste.png); font-size: 35px; margin-bottom: 40px; padding-left: 100px; line-height: 36px; text-transform: uppercase; font-weight: 200; height: 80px; display: inline-block; background-repeat: no-repeat; background-position: left; }
.title-isotipo-verde{ background-image: url(images/isotipo-verde.png); font-size: 35px; margin-bottom: 40px; padding-left: 100px; line-height: 36px; text-transform: uppercase; font-weight: 200; height: 80px; display: inline-block; background-repeat: no-repeat; background-position: left; }

.home .servicios{padding-left: 10px; margin-top: 30px;}
.home .servicios .row{ height: auto; padding: 50px 0 50px 0; display: block;}


.list-green li{ margin-bottom: 10px; background-image: url(images/list-green.png); background-repeat: no-repeat; background-position: left top 10px; padding-left: 15px; }
.list-blue{margin:0;}
.list-blue li{ margin-bottom: 10px; background-image: url(images/list-blue.png); background-repeat: no-repeat; background-position: left top 10px; padding-left: 15px; }
.list-celeste li{ margin-bottom: 10px; background-image: url(images/list-celeste.png); background-repeat: no-repeat; background-position: left top 10px; padding-left: 15px; }

.list-service-01{margin: 10px 10px 10px 0px !important; background-size: auto 60px; padding: 40px 20px 100px 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: bottom 30px right 30px; }
.list-service-01 h2{ font-size: 30px; font-weight: 800; }

.square-1{height:500px;}
.square-2{height:auto;}
.square-3{height:796px;}
.square-4{height:580px;}

.list-service-02{margin: 0 0 0 0 !important; background-size: 60px; padding: 20px 20px 70px 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: bottom 30px right 30px; }
.list-service-02 h2{ font-size: 30px; font-weight: 800; }

.list-clientes img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}

.list-proyectos{ width: 100%; margin: auto; font-size: 0 }
.list-proyectos li{ display: inline-block; width: 20% }
.list-proyectos li img{ width: 60% }

.number-nonima{font-size: 35px; margin-top: 30px;}

footer input:not([type]), footer input[type=text]:not(.browser-default), footer input[type=password]:not(.browser-default), footer input[type=email]:not(.browser-default), 
footer input[type=url]:not(.browser-default), footer  input[type=time]:not(.browser-default), footer input[type=date]:not(.browser-default), footer input[type=datetime]:not(.browser-default), 
footer input[type=datetime-local]:not(.browser-default), footer input[type=tel]:not(.browser-default), footer input[type=number]:not(.browser-default), footer input[type=search]:not(.browser-default), 
footer textarea .materialize-textarea{ background-color: white; height: 33px; margin-bottom: 20px; padding: 0 0px 0px 10px;  box-sizing: border-box; color: #273743 }
footer textarea{ background-color: white; color: #273743; padding:10px 0px 0px 5px; height: 150px; }

.nuestro-trabajo{border-bottom: 15px solid #1798cb; height: 200px; background-size: cover;  background-position:center;}
.nuestro-trabajo-in{margin-left: 0px; margin-top: 50px; background-repeat: no-repeat; background-position: 10px 5px; padding-left: 60px; padding-right: 10px;}

.slider-nav div{ height:150px; background-size:cover;}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: rgba(0,0,0,0.05);
    padding: 5px;
    z-index: 1;
}

.experiencia-relevante .slick-prev,
.experiencia-relevante .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: black;
    border: none;
    outline: none;
    background: rgba(255,255,255,0.5);
    padding: 5px;
    z-index: 1;
}

.nuestra-experiencia .slick-prev,
.nuestra-experiencia .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: black;
    border: none;
    outline: none;
    background:transparent;
    padding: 5px;
    z-index: 1;
}




.banner-slick .slick-prev,
.banner-slick .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: black;
    border: none;
    outline: none;
    background:transparent;
    padding: 5px;
    z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
   /*background: rgba(0,0,0,0.1);*/
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 0.9;
}


.banner-slick .slick-prev:before, .nuestra-experiencia .slick-prev:before,
.banner-slick .slick-next:before,  .nuestra-experiencia .slick-next:before
{

    font-size: 20px;
    line-height: 1;

    opacity: 0.9;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.one-time .slick-prev:before,
.one-time .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 0.9;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.list-proyectos .slick-prev:before,
.list-proyectos .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 0.9;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.list-clientes .slick-prev:before,
.list-clientes .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 0.9;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.experiencia-relevante .slick-prev:before,
.experiencia-relevante .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 0.9;
    
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity:0.9;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.variable-width, .list-clientes .slick-prev, .list-proyectos .slick-prev, .one-time .slick-prev, .nuestra-experiencia  .slick-prev
{
    left: 25px;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}
.slick-prev:before
{


    content:url(images/left_min.png);

}
[dir='rtl'] .slick-prev:before
{
    content:url(images/right_min.png);
}

.variable-width, .list-clientes .slick-next, .list-proyectos .slick-next, .one-time .slick-next,  .nuestra-experiencia .slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content:url(images/right_min.png);
}
[dir='rtl'] .slick-next:before
{
    content:url(images/left_min.png);
}
.experiencia-relevante .slick-prev{left: 25px; margin-top: 60px;}
.experiencia-relevante .slick-next{right: 25px; margin-top: 60px;}



.slider-nav .slick-prev{left: 25px; margin-top: 0px;}
.slider-nav .slick-next{right: 25px; margin-top: 0px;}

.slider-single .slick-prev{left: 25px; }
.slider-single .slick-next{right: 25px; }

.list-clientes .slick-prev{left: 25px; margin-top: 0px;}
.list-clientes .slick-next{right: 25px; margin-top: 0px;}

.variable-width .slick-prev{left: 25px; margin-top: 0px;}
.variable-width .slick-next{right: 25px; margin-top: 0px;}

.banner-slick .slick-prev{left: 25px; margin-top: 120px;}
.banner-slick .slick-next{right: 25px; margin-top: 120px;}


.list-clientes li img{ width: 50%; }




.widget_recent_entries{
    padding: 10px 20px;
    background: #f9f9f9;
}

h1.tituloBlogCat{
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #003e6b;
    position: relative;
    padding: 0px;
    letter-spacing: 10px;
    font-weight: 500;
}
h1.tituloBlogCat:before{
    /*content: "››";
    width: 100%;
    height: 1px;
    color: #2db34a;
    display: inherit;
    left: 0;
    position: absolute;
    */
}

h1.tituloBlogCat span{
color: #2db34a;
padding: 0 10px 0 0;
line-height: 80px;
}

span.diaBlog{
    display: block;
    font-size: 55px;
    text-transform: uppercase;
    color: #003e6b;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    width: 100%;
}
span.mesBlog{
    display: block;
    font-size: 30px;
    text-transform: uppercase;
    color: #003e6b;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
 }

 h3.pretituloBlog{
    color: #003e6b;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 15px;
    padding: 0;
    margin: 0;
}
h2.tituloBlog{
    color: #003e6b;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    padding: 10px 0 0 0;
    margin: 0;
}
.contenidoBlog p{
    color: #252525;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    text-align: justify;
}

.contenidoBlog p a.more-link{
    color:#db821f;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    padding:0;
    margin: 20px 0 0 5px;
}
.redes_sociales{
display: block;
    float: right;
    width: 80px;
    margin-top: -30px;
}

span.dateBlogM{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 100;
    padding: 0 0 10px 0;
 }
 .sidebar-widget h3{
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #003e6b;
 }
 .sidebar-widget ul li.cat-item {
   font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #252525;
  
}
  .sidebar-widget ul li:before {
    content: "››";
    width: 100%;
    height: 1px;
    color: #2db34a;
    display: inherit;
 
}
 .sidebar-widget ul li.cat-item a, .sidebar-widget .widget_recent_entries ul li a{
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #252525;
    padding: 0 0 15px 15px;
    display: inline-block;
 }

 p.ulimos_posts{
    color: #252525;
    font-size: 11px;
    padding: 0 0 40px 15px;
    margin: 0;
    text-align: justify;
    line-height: 18px;
 }
.widget_categories{
    padding: 0 0 50px 0;
}

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:481px) {


}
@media only screen and (min-width:601px) {

h1.tituloBlogCat{
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #003e6b;
    position: relative;
    padding: 0 0 50px 0;
    letter-spacing: 0px;
    font-weight: 500;
}
h1.tituloBlogCat:before{
    /*content: "››";
    width: 100%;
    height: 1px;
    color: #2db34a;
    display: inherit;
    left: 0;
    position: absolute;
    */
}
h3.pretituloBlog{
    color: #003e6b;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
    padding: 0;
    margin: 0;
}
h2.tituloBlog{
    color: #003e6b;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    padding: 10px 0 0 0;
    margin: 0;
}

}
@media only screen and (min-width:993px) {

}

@media only screen and (min-width:1023px) {


	h5{ font-size: 22px;}
	h4{ font-size: 25px;}
	h2{ font-size: 35px; }
	.ftz-30{font-size:30px;}

	nav{ margin-bottom: 50px;}
	.valign-wrapper{display: flex}

    .mr-t-100{ margin-top: 100px; }

	.pd-tb-200{padding: 200px 0 200px 0}
	.pd-tb-100{padding: 100px 0 100px 0}
	.pd-tb-50{padding: 50px 0 50px 0}
    .pd-tb-90{ padding:90px 0 90px 0; }

	.bg-style-01{  background-image: url(images/bg-line-blue.png);}
	.bg-style-02{background-image: url(images/isotipo-celeste.png); }
	.bg-style-03{  background-image: url(images/bg-line-verde.png);}

    .bg-trabajamos{background-image: url(../../media/imagen/banner-05.jpg); }
    .box-trabajamos{padding: 40px 0 40px 0 !important;;}

	.list-service-01{background-size: auto 90px; padding: 20px 120px 100px 20px;}
	.list-service-01 h2, .list-service-02 h2{ font-size: 50px; }

	.banner{ height: 700px; }
	.banner.image{ height: 700px; background-size: cover;}
	.banner .content{position: absolute; bottom: 100px; left: 0px; margin-left: 140px; width: 500px;  padding: 40px 20px 40px 0;}
	.banner h2{  margin:15px 0 15px 0; }

	.banner-right{ height: 700px; }
	.banner-right.image{ height: 700px;}
	.banner-right .content{position: absolute; bottom:initial; top: 0; right: 0px; margin-right: 50px; width: 520px;  padding: 40px 0px 40px 40px;}
	.banner-right h2{ font-size: 45px; }

	.list-proyectos{ width: 80%;}
	.list-proyectos li img{ width: 100% }


    .container {width: 95%; max-width: 95%;}

    .w-50{width: 70%;}

    .home .servicios{padding-left: 125px;}
    .home .servicios .row{ height: 410px; padding: 0; display: flex;}
    

    .title-isotipo-colores{ font-size: 36px; line-height: 36px;  }
    .title-isotipo-celeste{ font-size: 36px; line-height: 36px; margin-bottom: 40px; }
    .title-isotipo-verde{ font-size: 36px; line-height: 36px; margin-bottom: 40px; }

    .nuestro-trabajo{ height: auto;}
    .nuestro-trabajo-in{margin-left: 0px; margin-top: 150px; }

    .number-nonima{font-size: 50px; margin-top: 30px;}


    .experiencia-relevante .slick-prev:before,
	.experiencia-relevante .slick-next:before
	{

	    color: black;
	}

	.banner-slick .slick-prev:before,
	.banner-slick .slick-next:before
	{

	    color: black;
	}

    .experiencia-relevante .slick-prev{left: 175px; margin-top: 200px;}
	.experiencia-relevante .slick-next{left: 220px; margin-top: 200px;}

	.banner-slick .slick-prev{left: 175px; margin-top: 280px;}
	.banner-slick .slick-next{left: 220px; margin-top: 280px;}
    .container-gal {width: 75%;}
    .square-2{height:716px;}
}

@media only screen and (min-width:1920px) {
	.banner .content{margin-left: 140px;}

	.banner-right .content{margin-left: -100px;}
}

/**/
input#btn-send {
    color: #f9a33f;
    background: none;
    border: none;
    margin: 25px 0;
}

input#btn-send:hover {
    font-weight: bold;
}

select {
    background-color: rgb(255 255 255 / 90%);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    display: block;
    color: #4b4b4b;
    height: 36px;
}