/* Enter Your Custom CSS Here */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

/*GENERALS*/
body{
font-family: 'Roboto', sans-serif !important;color:#9ea1a2;font-weight:300;}
div, p, span, strong, h1, h2, h3, h4, h5, h6, ul, ol, li, a{font-family: 'Roboto', sans-serif !important;letter-spacing:0 !important;color:#9ea1a2;}
p, .pagetitle .subtitle{font-size:16px;line-height:140%; font-weight:300 !important; color:#9ea1a2;}
.top-nav{background:#ffffff!important;}
.pagetitle .title{font-size:25px; color:#ffb602;font-weight:600; line-height:40px;}
.pagetitle.background-not-transparent{margin-bottom:0;}
.page-template-template-portfolio-php .pagetitle{padding-top:50px;}
.sf-menu li {margin-left:0;border-right:1px solid #9ea1a2;}
/*TOP NAV*/
.cell.verticalcenter, .cell.verticalcenter.menucell{height:240px !important;}
/*MENU*/
a.sf-with-ul{padding:14px 41px !important;}
a.sf-with-ul:after{right:1em !important;}
.sf-menu ul{width:240px; box-shadow:0 5px 12px rgba(0,0,0,0.2); border:none;}
.sf-menu ul li{border:none;}
.sf-menu li a, .sf-menu li li a{padding:14px 41px;text-transform:lowercase;font-size:16px !important;letter-spacing:0;font-weight:300;color:#9ea1a2;}
.sf-menu li > a:hover{color:#ffb602;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{color:#ffb602!important;}
.sf-menu li:last-child {border-right: 1px solid transparent;}
#sitecontainer {padding-top:240px !important;}
.tw-divider{border-color:#000;}
.dark{background:#fff;border-top:1px solid #000;}
.dark p, .dark ul, .dark ol {color:#9ea1a2;font-size:11px;line-height:150%;}
#footer .container .sixteen.columns{width:960px;left:0;}
.single-slideshow .gallery-caption span a{color:#fff;}
.btn-caption a{font-family: 'Roboto', sans-serif !important;position:absolute;bottom:30px;font-size:21px;color: #fff; text-transform:none;font-weight:400;}
.empty-space-50{display:block; padding:50px 0;}
.empty-space-20{display:block; padding:20px 0;}
.widget h4.widget-title{font-size:16px;font-weight:400; color:#ffb602;}

.widget .widget-title{ text-transform:none;}
.contactsubmit label{font-size: 16px;text-transform: none;letter-spacing: 0;color: #ffb602;}
input[type="text"], textarea, #commentsubmit input[type="text"], #commentsubmit textarea, .contactsubmit input[type="text"], .contactsubmit textarea, .contactsubmit select, select#top_nav_menu,
input.button{background:#ced0d0;}

body.page-id-12 .container, body.page-id-879 .container, body.page-id-881 .container, body.page-id-877 .container, body.page-id-1107 .container, body.page-id-1119 .container, body.page-id-1120 .container{width:100vw;}

body.page-id-12 .container .sixteen.columns, body.page-id-879 .container .sixteen.columns,
 body.page-id-881 .container .sixteen.columns, body.page-id-877 .container .sixteen.columns, body.page-id-1107 .container .sixteen.columns, body.page-id-1119 .container .sixteen.columns,
 body.page-id-1120 .container .sixteen.columns {width:100vw!important;margin:0!important;}

.container.verticalcenter, .pagetitle .container, .container p{width:940px !important; margin:0 auto!important;}
/*page-nosotros*/

body.page-id-881 .pagetitle, body.page-id-877 .pagetitle{position:absolute; top:-15000px;}

/* studioloop ID-12 */
body.page-id-12 .pagetitle{display:none;}

body.page-id-12 .tw-divider span{font-size:16px; text-transform:none; font-weight:normal; letter-spacing:0;padding:18px 24px;}

body.page-id-12 #gallery-1  .gallery-caption{top:0 !important;}

body.page-id-12 #gallery-1 .wp-caption-text, .gallery-caption {width:100%; padding:20px 0;}

body.page-id-12 .single-slideshow .gallery-caption {background:#fff;height:150px;}

body.page-id-12 .single-slideshow .gallery-caption span {background:transparent;box-shadow:none;text-transform:none !important;color:#A0A1A2;font-weight:normal;line-height:140%;font-size:25px;font-family: Helvetica;letter-spacing:0;font-weight:300;}
body.page-id-12 .single-slideshow .gallery-caption span strong{color:#000;}

/* SERVICIOS ID-877*/

body.page-id-877 .pagetitle{padding-bottom:0;}
body.page-id-877 .pagetitle .title{margin-bottom:10px;}
body.page-id-877 #gallery-1 img, body.page-id-877 #gallery-2 img, body.page-id-877 #gallery-3 img{width:77% !important;}
body.page-id-877 #gallery-1 .gallery-caption, body.page-id-877 #gallery-2 .gallery-caption, body.page-id-877 #gallery-3 .gallery-caption{top:0 !important; left:73% !important;}
body.page-id-877 .wp-caption-text, body.page-id-877 .gallery-caption {width:21vw;padding:5vh 3vw;}
body.page-id-877 .single-slideshow .gallery-caption {background:#9ea1a2;}
body.page-id-877 .single-slideshow .gallery-caption span {background:transparent;box-shadow:none;color:#FFFFFF;font-weight:bold;line-height:140%;font-size:53px;letter-spacing:0;}
body.page-id-877 .single-slideshow .gallery-caption span strong{color:#000;}
body.page-id-877 .gallery-wrap{margin:10px 0;} 

/*PROYECTOS ID-879*/

body.page-id-879 div.filtercontainer{display:none;}
body.page-id-879 .more-posts:before{border-top:1px solid #000;margin-top:35px;}
body.page-id-879 .more-posts a{padding:18px 24px;background:#000000;color:#FFFFFF;border:0;text-transform: none !important;letter-spacing:0;font-size:16px;}
body.page-id-879 #postcontainer{margin-bottom:120px;}
body.page-id-879 .container  p {width:100vw !important;}
.controls span.closepost{display:none;}

/* NOSOTROS ID-881 */

body.page-id-881 .pagetitle {position:absolute; top:-15000px;}

/* CONTACTO ID-883*/

body.page-id-883 .pagetitle .title {margin-bottom:0;}
body.page-id-883 .pagetitle .container {border-bottom:1px solid #000000;}
/*body.page-id-883 #text-5 .textwidget p{font-size:18px;}*/

/* ARQUITECTURA INTERIOR ID-1107*/
body.page-id-1107 .pagetitle .title {font-size:57px;line-height:120%;}

/* DISEÑO DE PRODUCTO ID-1120*/
body.page-id-1120 .pagetitle .title {font-size:57px;line-height:120%;}

/* DISEÑO GRAFICO ID-1119*/
body.page-id-1119 .pagetitle .title {font-size:57px;line-height:120%;}

 #footer .container .sixteen.columns {width:960px !important; margin:0 auto!important;}

#footer .container column, #footer .container 
 .columns {float:none; display:inherit;}

input.button {text-transform:none; letter-spacing:0; font-size: 16px;padding: 14px 30px; font-weight:bold;}

/*+++++++ RESPONSIVE +++++++*/

@media only screen and (min-width: 1880px) {
p, .pagetitle .subtitle {font-size:25px;}
body.page-id-883 p, body.page-id-883 .pagetitle .subtitle, body.page-id-883 #text-5 .textwidget p {font-size:16px;}
}
@media only screen and (min-width: 1281px){
body.page-id-877 .single-slideshow .gallery-caption span{font-size:3vw !important;}
body.page-id-12 #gallery-1 img{padding-top:77px;}
}
@media only screen and (max-width: 1280px) {

body.page-id-12 .single-slideshow .gallery-caption span {font-size:24px;}
body.page-id-12 #gallery-1 .wp-caption-text, .gallery-caption {width:93vw ;padding:3vw 3.7vw 7vw 3.7vw;}
body.page-id-12 .single-slideshow .gallery-caption {height:37px;}
body.page-id-12 #gallery-1 img {padding-top:277px;}

/* SERVICIOS */
body.page-id-877 .single-slideshow .gallery-caption span {font-size:37px!important;}
body.page-id-877 #gallery-1 .gallery-caption, body.page-id-877 #gallery-2 .gallery-caption, body.page-id-877 #gallery-3 .gallery-caption{left:67% !important;}
body.page-id-877 .wp-caption-text, body.page-id-877 .gallery-caption{width:33vw;}
body.page-id-877 #gallery-1 img, body.page-id-877 #gallery-2 img, body.page-id-877 #gallery-3 img{width:70% !important;}
/* ARQUITECTURA INTERIOR ID-1107*/
body.page-id-1107 .pagetitle .title, body.page-id-1120 .pagetitle .title, body.page-id-1119 .pagetitle .title{font-size:41px;line-height:120%;width: 85vw;}
body.page-id-1107 .pagetitle, body.page-id-1120 .pagetitle, body.page-id-1119 .pagetitle{padding:30px 0 15px 0;}
}

@media only screen and (min-width:960px) and (max-width:1024px) {
body.page-id-12 #gallery-1 img{padding-top:187px;}
}

@media only screen and (min-width:768px) and (max-width:959px){
.container.verticalcenter, .pagetitle .container, .container p {width:660px !important;}
}

@media only screen and (min-width:769px) and (max-width:959px) {
body.page-id-12 #gallery-1 img{padding-top:187px;}
}

@media only screen and (min-width: 480px) and (max-width: 768px){
#logo img {margin:0 auto;}
/*tiutlos*/
.pagetitle .title, body.page-id-883 h2.subtitle {text-align:center !important; width:86vw;}

/*menu*/
.sf-menu li a, .sf-menu li li a{padding:8px 24px; font-size:15px;}
a.sf-with-ul {padding:8px 41px 8px 24px !important;}
.menucell {position: relative;right: 50px;}

/*contenedor*/
.container p{width:570px !important;}

/*inicio*/
body.page-id-12 .single-slideshow .gallery-caption span {font-size:21px;}
body.page-id-12 #gallery-1 .wp-caption-text, .gallery-caption{width:86vw ;padding:0 7vw 8vw 7vw;}
body.page-id-12 .single-slideshow .gallery-caption{height:37px;}
body.page-id-883 h2.subtitle {text-align:center !important; width:86vw !important;}

body.page-id-12 #gallery-1 img{padding-top:77px !important;}
/*body.page-id-12 .bx-viewport{height:330px !important;}*/
/*servicios*/
body.page-id-877 #gallery-1 img, body.page-id-877 #gallery-2 img, body.page-id-877 #gallery-3 img,
body.page-id-877 .wp-caption-text, body.page-id-877 .gallery-caption{min-width:100vw !important;}
body.page-id-877 #gallery-1 .gallery-caption, body.page-id-877 #gallery-2 .gallery-caption, body.page-id-877 #gallery-3 .gallery-caption {position:relative; left:0 !important;}
body.page-id-877 .single-slideshow .gallery-caption span {font-size:33px; line-height:100%;}
body.page-id-877 .btn-caption a {bottom:7px;}
/*FOOTER*/
#footer .container .sixteen.columns, #footer .container p {width:100vw !important; margin:0 !important;}
#footer .textwidget {text-align:center;}
#footer .widget, #footer .one-third{margin-bottom:5px;}
#footer .container{width:100vw !important;}
#footer .one-third{width:100% !important;}
}
@media only screen and (max-width:767px){
#logo {width:85vw;}
#sitecontainer{padding-top:50px !important;}
body.page-id-883 #text-5, body.page-id-883 #text-5 .textwidget p {width:100% !important; text-align:center;}
body.page-id-12 #gallery-1 .wp-caption-text, .gallery-caption{width:100vw ;padding:0 7vw 10vw 7vw;}
body.page-id-12 .single-slideshow .gallery-caption{height:60px;}
body.page-id-12 .single-slideshow.full .gallery-caption{left:100px; max-width:87vw;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
body.page-id-12 .container.verticalcenter, .pagetitle .container, .container p{width:86vw !important; margin:0 auto!important;}
}
@media only screen and (max-width:617px){
.postphoto{min-height: 456.986px!important; width: 604px!important;}
}
@media only screen and (max-width:479px){
#sitecontainer{padding-top:0px !important;}
/*tiutlos*/
.pagetitle .title {text-align:center !important; width:86vw;}
  .subtitle{text-align:center!important;}
  .postid-1241 .subtitle, .postid-1205 .subtitle, .postid-1228 .subtitle, .postid-1235 .subtitle, .postid-1225 .subtitle, .postid-1267 .subtitle, .postid-1241 .pagetitle .title, .postid-1205 .pagetitle .title, .postid-1228 .pagetitle .title, .postid-1235 .pagetitle .title, .postid-1225 .pagetitle .title, .postid-1267 .pagetitle .title{text-align:left!important;}
/*inicio*/
.postid-1241 .container.verticalcenter, .postid-1205 .container.verticalcenter, .postid-1228 .container.verticalcenter, .postid-1235 .container.verticalcenter, .postid-1225 .container.verticalcenter, .postid-1267 .container.verticalcenter, body.page-id-12 .container.verticalcenter, body.page-id-877 .container.verticalcenter, body.page-id-879 .container.verticalcenter, body.page-id-881 .container.verticalcenter, body.page-id-883 .container.verticalcenter, body.page-id-1107 .container.verticalcenter, body.page-id-1120 .container.verticalcenter, body.page-id-1119 .container.verticalcenter, .pagetitle .container, .container p {width:86vw !important; margin:0 auto!important;}
body.page-id-12 .single-slideshow .gallery-caption span {font-size:16px;}
body.page-id-12 #gallery-1 .wp-caption-text, .gallery-caption{width:100vw ;padding:0 7vw 10vw 7vw;}
body.page-id-12 .single-slideshow .gallery-caption{height:60px;}
body.page-id-12 .single-slideshow.full .gallery-caption{left:100px; max-width:87vw;}
body.page-id-1119 .pagetitle .title, body.page-id-1120 .pagetitle .title, body.page-id-1107 .pagetitle .title{font-size:37px;line-height:114%;}
.container .sixteen.columns .singlecontent p{width:77% !important; font-size:16px; line-height:140%; text-align:justify;}
#logo img {margin:0 auto;}
#logo {width:88vw;}
body.page-id-12 #gallery-1 img{padding-top:77px !important;}
body.page-id-12 .bx-viewport{height:330px !important;}
/*Contacto*/
input.button {width:73vw;}
.contactsubmit label {text-align:center;}
/* proyectos */
  .controls{top:12px!important;}
  .postphoto{min-height: 316.259px!important; width: 418px!important;}
/*FOOTER*/
#footer .container .sixteen.columns, #footer .container p {width:100vw !important; margin:0 !important;}
#footer .textwidget {text-align:center;}
#footer .widget, #footer .one-third{margin-bottom:5px;}
#footer .container{width:100vw !important;}
#footer .one-third{width:100% !important;}
}

@media only screen and (max-width:383px){
.postphoto{min-height: 279.942px!important; width: 370px!important;}
}

@media only screen and (max-width:320px){
.postphoto{min-height: 245.138px!important; width: 324px!important;}
}