/*
Theme Name: Rosenzweig 2019
Theme URI: http://www.vebrand.com.mx/
Description: <a href="http://.com">Developed by vebrand.com.mx</a>
Version: 1.0
Author: Jorge Estrella
*/
html, body, div, span, object, iframe, h1, h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
*:focus { outline: none; }
ol { list-style-position: inside; }
ul{ list-style: none; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
figure{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection{ background:#32b4ce; color: #fff;  }
::-moz-selection{ background:#32b4ce; color: #fff;  } 
::-webkit-selection{ background:#32b4ce; color: #fff;  }
a{ text-decoration:none !important; color:#333 !important; }
a:hover{ color:#06C !important; text-decoration:none !important;}

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap');

html{ height:100%; }
body{ height:100%;}
img{ max-width:100%; height:auto;}

body{ color: #333; line-height: 1.5em; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 2em;  }
.clear{ clear: both; }
a{ font-family: 'Hind', sans-serif; text-decoration: none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p{ font-family: 'Hind', sans-serif; font-size:16px; margin-bottom:15px; font-weight:300; direction: initial; }
h1, h2, h3, h4, h5, h6{ font-family: 'Hind', sans-serif; text-transform:uppercase; font-weight:bold !important;  }

/* Header */
header{ position:relative; background:#FFF; width:100%; }
.logo{ float:left; text-align:center !important; }

.principal{ float:right; padding-top:50px;}
.principal ul{ display:block; text-align:right;}
.principal ul li{ display:inline-block; padding:2px 10px; position:relative;}
.principal ul li a{ color:#25282b; }
.principal ul li::after { content: ''; display: block; width: 0;   height: 2px; background: #000; transition: width .3s; }
.principal ul li::hover::after { width: 100%; }
.principal ul li a:hover{ text-decoration:none; color: #0CC;  }

.principal ul li ul{ display:none;transition:1s; position:absolute; top:30px; min-width:160px; background:#FFF; left: 0; text-align: left; }
.principal ul li:hover ul{ display:block; transition:1s; }
.principal ul li ul li{ border-bottom:1px solid #CCC; display:block; padding:5px 10px; }

.lang-item{ border-left:4px solid #00acc8; }
#responsiveNav{ display:none;}

/* Titulos */
.titles{ padding-top:24px; padding-bottom:16px; padding-left:0px !important; padding-right:0px !important;}

/* Inicio */
#header-home{ position:absolute; z-index:9999;}
.slide__title-wrap { color:#FFF; font-size:24px; }
.slide__title-wrap h2{ font-size:48px; line-height: 40px; text-transform:uppercase; }
.slide__title-wrap h2 strong{ font-weight: 100; }

/* Proyecto */
#proyectos a{ color:#333; text-transform:uppercase; margin:0 auto; }
#proyectos a:hover{ text-decoration:none; color:#00acc8;}

#proyectos a.more{ background:#000; padding:8px 32px 6px; color:#FFF; border-radius:20px; }
#proyectos a.more:hover{ background:#00acc8;  }
/*#proyectos a.more{ display:block; text-align:center; }*/

#proyectos .col-md-12{ position:relative !important; display:flex!important; align-items:center; }
#proyectos .col-md-12:nth-last-of-type(2n+0){ direction:rtl;}
#proyectos .col-md-6{ display:table-cell!important; padding:0 25px; text-align:center;}

.wp-block-columns{ float:left; }

/* Contacto */
label, input, textarea{ max-width:100%; width:100%; }
.wpcf7-submit{ float:inherit; position:relative; width:auto!important; margin:0 auto; background:#000; color:#FFF; }

/* Footer */
footer{ background:#f6f6f6; padding:32px 0 24px; margin-top:48px; }
footer ul{ display:block; text-align:right;}
footer ul li{ display:inline-block; padding:2px 10px; position:relative;}
footer ul li a{ color:#25282b; text-decoration:none; }
footer ul li a:hover{ text-decoration:none; color:#00acc8; }
footer ul li.lang-item{ display:none;}
footer a{ color:#333; }
footer a:hover{ color:#00acc8; text-decoration:none; }
footer .col-md-3{ min-height:50px;}
footer .col-md-9 p{ text-align:right; }

/* IPHONE */
@media only screen and (min-width: 120px) and (max-width: 640px) { 

#proyectos .col-md-12{ position:relative !important; display:block!important; align-items:center; }
#proyectos .col-md-12:nth-last-of-type(2n+0){ direction:initial;}
#proyectos .col-md-12 >.col-md-6:first-child{ display:block; min-height:300px !important;}
#proyectos .col-md-6{ padding:56px 16px 64px !important;}
}


/*Ipad Vertical*/
@media only screen and (min-width: 641px) and (max-width: 800px) {

}
/*Ipad */
@media only screen and (min-width: 141px) and (max-width: 991px) {
#header-home{ position:relative; }
.logo{ float:left; text-align:left!important; }
.principal{ display:none;}
#responsiveNav{ display:block; z-index:999;}
.slide__title-wrap { color:#FFF; font-size:24px; }
.slide__title-wrap p{ display:none;}
}

/*Ipad Horizontal*/
@media only screen and (min-width: 961px) and (max-width: 1024px) {

}

/* IPAD */
@media only screen and (min-width: 761px) and (max-width: 1024px) { 

}

/* MOBILE */
@media only screen and (max-width: 950px){

}

/* MOBILE */
@media only screen and (max-width: 767px){

}

/* ALL WIDER SCREENS */
@media only screen and (min-width: 1024px){	
}

/* MEDIUM SCREENS */
@media only screen and (min-width: 951px) and (max-width: 1100px){ 
}

@media only screen and (min-width: 1260px) and (max-width: 1400px){ 
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1300px) {  
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}