/* ---------------------- 
Stylesheet Guide
-------------------------

FONTS
GENERAL STYLES
HEADER (LOGO)
MAIN MENU
PAGES
SLIDER
GALLERY BOXES
IMAGE GRID
TESTIMONIALS
ARTISTS (AND BLOG IMAGE EFFECTS)
FAQ
RESPONSIVE GOOGLE MAP
CONTACT
SOCIAL ICONS
BLOG
RESPONSIVE VIDEO
COMMENTS


*/

/* ================= FONTS ================== */
 
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ================= GENERAL STYLES ================== */

 

::-moz-selection {
	color:#fff;
	text-shadow:none;
	background:#aa1111;
}
::selection {
	color:#fff;
	text-shadow:none;
	background:#aa1111;
}
::-webkit-scrollbar {
	width:5px;

}
::-webkit-scrollbar-thumb {
	background: rgba(60,175,230, 0.9);

}
::-webkit-scrollbar-thumb:window-inactive {
	background:#fff;
}
html, body{
	margin: 0;
	padding: 0;
}
body{
    background-color:#000;
    color:#000;
    font-family: 'open_sansregular';
    font-weight:normal;
    font-size:13px;
}
img {
    -ms-interpolation-mode:bicubic;
    image-rendering:optimizeQuality;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:0px;
    margin-bottom:15px;
    padding:0px;
    line-height:1;
   /* font-family: 'oswaldbold';*/
    font-weight:normal;
}
h1 {
    font-size:55px;
}
h2 {
    font-size:47px;
}
h3 {
    font-size:40px;
}
h4 {
    font-size:34px;
}
h5 {
    font-size:28px;
}
h6 {
    font-size:22px;
}
.show
{
    display:block !important;
}
.hide
{
    display:none !important;
}
.clear {
    clear:both;
}
hr {
    margin-top:30px;
    margin-bottom:30px;
    padding: 0;
    border: none;
    height:1px;
    /*background-color:#aa1111;*/
    background: rgba(179,220,237,1);
    background: -webkit-linear-gradient(left, #fff, #fff 30%, rgba(179,220,237,1) 30%, rgba(179,220,237,1));
    clear:both;
}
p {
    font-size:13px;
    line-height:1.5;
    margin-bottom:21px;
    margin-top:0px !important;
    font-family: 'open_sansregular';
    font-weight:normal;
    color:rgba(0,0,0,0.8);
    word-spacing: 0.2em;
}
p:last-child
{
    margin-bottom:0px;
}
a {
	color: #fff;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	-ms-transition: color 0.4s ease-in-out;
	text-decoration:none;
}
a:hover {
	color: #000;
}
strong {
   /* font-family: 'open_sansbold';*/
    font-weight: bold;
}
i, em {
    /*font-family: 'open_sansitalic';*/
    font-style: italic;
}
label
{
   /* font-family: 'open_sansregular';*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
   /* font-weight:normal;*/
    font-size:13px;
    line-height:1.7;
    color: rgba(0,0,0,0.6);
}
.label {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    background-color:   rgba(60,175,230,0.9);
    color:#fff;
    line-height:1.5;
    font-size:17px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
blockquote {
    /*font-family: 'open_sansregular';*/
    font-weight: bold;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 0px 21px 0px;
    position: relative;
    border-left:3px solid #aa1111;
    color:#fff;
    background-color:#000;
}
blockquote cite {
   /* font-family: 'open_sansitalic';*/
    font-style:italic;
    font-size:14px;
    line-height:1.5;
    display:block;
    margin-top:20px;
    text-align:right;
}
#ascensorBuilding {
	overflow:hidden !important;
    background-color:#000;
}
#ascensorBuilding article {
    overflow: hidden !important;
    background-color:#000;
}

/* ================= HEADER ================== */

header
{
    position:fixed;
    left:60px;
    top:-25px;
     height:140px;
    width:340px;
   /* height:120px;
    width:300px;*/
    z-index:9999;
    text-align:center;
    margin-top:-200px;
     
background: rgba(255,255,255,1);
/*
background: -moz-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 83%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(16%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(83%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 83%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 83%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 83%, rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 83%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff', GradientType=1 );
 border-width: 1px;
 border-style:    double;
 border-color: rgba(60,175,230,0.9) ;*/


/*
*/
/*background: url(../images/fondo.png) no-repeat ;
background-size:  100% 100%; */
padding-top: 25px;
padding-left: 23px;
padding-right: 23px;
 
}
header img
{
    width:100%;
    height:auto;
    margin:0;
    padding:0;

}



/* ================= MAIN MENU ================== */
#mobile-menu
{
    position:fixed;
    z-index:9998;
    left:0px;
    top:0px;
    display:none;
    padding-left:150px;
    height:95px;
    line-height:95px;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    font-family: 'oswaldregular';
    font-weight:normal;
    font-size:22px;
    background-image:url('../images/bottom-s.png');
    background-repeat:no-repeat;
    background-position:98% center;
}
#mobile-menu:hover
{
    cursor:pointer;
    color:#fff;
}
.menu-close
{
    background-image:url('../images/top-s.png') !important;
}
nav
{
    position:fixed;
    z-index:9998;
    left:0px;
    top:0px;
    height:60px;
    width:100%;
   /* font-family: 'oswaldregular';*/
     font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;

    font-size:16px;
}
nav ul
{
    list-style:none;
    margin:0;
    display:inline-block;
    padding-left:405px;
    padding-right:15px;
    background-color:   rgba(60,175,230,0.9);
    position:relative;
    margin-left:-120%;
}
#main-menu ul:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color:  rgba(60,175,230, 0.9);

/*    background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(70%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );
*/

	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}
nav li
{
    float:left;
    display:inline-block;
     /*background: rgba(60,175,230,1);
     */

   /*  background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(70%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );

*/
    padding-left:5px;
    padding-right:5px;
    line-height:60px;
    height:60px;
    cursor:pointer;
}
nav li a
{
    color:#fff;
    text-decoration:none;
}
nav li a:hover
{
    color:#fff;
}
nav ul li a::before,
nav ul li a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

 .active  {
    
   text-decoration: underline;
 /*   border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #fff;*/
   /* margin-right: 10px;
    content: '|';
    margin-left: 10px;
    content: '|';
    color: #fff*/
    
}


nav ul li a::before {
	margin-right: 10px;
	content: '|';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

nav ul li a::after {
	margin-left: 10px;
	content: '|';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

nav ul li a:hover::before,
nav ul li a:hover::after,
nav ul li a:focus::before,
nav ul li a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
#main-menu
{
     background-color:#fff;
 /*  
    background-color:rgba(255,255,255,0.8);
*/
 
/* background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(48%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );
*/

}

/*#main-menu ul 
{

    background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(70%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 70%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );

}
*/
#sub-menu
{
    background-color:transparent;
}
#sub-menu ul, #sub-menu li
{
    background-color:#fff;
}

nav#sub-menu ul >li >a
{
    color:rgba(29,155,215,1);


 } 


#sub-menu ul:after {
    border: solid transparent;
	border-color: transparent;
	border-left-color: #fff;
    left: 100%;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}

/* ================= PAGES ================== */


.page-content-big
{
    position:absolute;
    width:70px;
    right:0px;
    top:0px;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}


.page-content
{
    position:absolute;
    width:650px;
    right:0px;
    top:0px;
    height:100%;
    background-color:#fff;
    background-color:rgba(255,255,255,0.9);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}

.page-content-small
{
    position:absolute;
    width:500px;
    right:0px;
    top:0px;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
.content
{
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    padding-top:90px;
   
}

.content h1, .content h3 , .content h4
{
color:rgba(29,155,215,1);
/* font-family: 'Roboto Condensed', sans-serif;
font-weight: 900;*/
  /* font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;*/
font-family: 'Open Sans', sans-serif;
font-weight: 700;
} 

.content h5
{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color:rgba(0,0,0,0.4);

} 


.content p
{
/*font-family: 'Roboto', sans-serif;
font-weight: 300;*/
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 15px;
/*color:#595959;*/
 color:rgba(0,0,0,0.55);
text-align: justify;
} 

.girar-objeto
{

 -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(-50%) rotateX(60deg) rotateZ(35deg);
    transform: translateY(-50%) rotateX(60deg) rotateZ(35deg);
   
} 



/* ================= SLIDER ================== */

.capa{
width:100%; height:100%;/*  */
position:absolute;
float:left; 
background-image:url(../images/malla-slide.png); 
background-repeat:repeat;
z-index: 2
}
 

.slider_bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.slider_bg img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index: 1;
	display:none;
}

.slider_content{
	position:absolute;
	bottom:250px;
	left:38px;
	z-index:10;
	display:none;
    /*background-color:#000;*/
         /*color:rgba(29,155,215,1);*/
    color:#fff;
	margin:0px;
    padding:15px;
    width: 50%

}
.slider_content h1
{
    width: 68.5%;
    line-height:1.5;
    margin-bottom:30px;
    background: rgba(60,175,230,0.77);
    padding-left: 15px;
    font-family: 'Roboto Condensed', sans-serif;
     font-weight: 700;
     font-size: 23px;

}

.slider_content h1:after {
    border: solid transparent;
    border-color: transparent;
    border-left-color: rgba(60,175,230,0.77);
    left: 67.6%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 25px;
    top: 20%;
    margin-top: -19px;
}



.slider_content h2
{
    color: rgba(60,175,230,9);
    padding-left: 15px;
    width: 65.3%;
    line-height:2;
     margin-bottom:10px;
     background: rgba(255,255,255,0.77);
       font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.slider_content h2:after {
    border: solid transparent;
    border-color: transparent;
    border-left-color: rgba(255,255,255,0.77);
    left: 64.6%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 24px;
    top: 66.5%;
    margin-top: -19px;
}


.slider_content.showcontent{
	display:block;
}
.slider_loading{
	position:fixed;
	top:0;
	left:0;
	margin:0px;
    width:100%;
    height:100%;
	background:#fff url(../images/loader.gif) no-repeat center center;
	z-index:99999999999;
}
.slider_next,
.slider_prev{
	width:70px;
	height:70px;
	position:absolute;
	right:20px;
	z-index:100;
	cursor:pointer;
	opacity:0.5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color:#000;
    padding:20px;
    -webkit-transition:opacity 0.4s ease-in-out;
	-moz-transition:opacity 0.4s ease-in-out;
	-o-transition:opacity 0.4s ease-in-out;
	-ms-transition:opacity 0.4s ease-in-out;
}
.slider_next{
	bottom:90px;
    background-image:url('../images/bottom.png');
    background-repeat:no-repeat;
    background-position:center center;
}
.slider_prev{
	top:80px;
    background-image:url('../images/top.png');
    background-repeat:no-repeat;
    background-position:center center;
}
.slider_next:hover,
.slider_prev:hover{
	opacity:0.9;
}





.titulo-pagina{
    position:absolute;
    bottom:260px;
    left:35px;
    z-index:10;
    display:none;
    /*background-color:#000;*/
         /*color:rgba(29,155,215,1);*/
    color:#fff;
    margin:0px;
    padding:15px;
    width: 50%

}
.titulo-pagina h1
{
      width: 35%;
    line-height:1.5;
    margin-bottom:10px;
     background: rgba(60,175,230,0.77);
     padding-left: 15px;
 /*    font-family: 'Roboto', sans-serif;
    font-weight: 400;*/
        font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 34px;
}

.titulo-pagina h1:after {
    border: solid transparent;
    border-color: transparent;
    border-left-color: rgba(60,175,230,0.77);
    left: 35.8%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 25px;
    top: 20%;
    margin-top: -2.5px;
}


.titulo-pagina.showcontent
{
    display:block;
}    



/* ================= GALLERY BOXES ================== */

.gallery
{
    margin-top:30px;
    padding:0;
    width:100%;
    position:relative;
    clear:both;
}
.left-gallery
{
    width:252px;
    float:left;
}
.right-gallery
{
    width:252px;
    float:right;
}
.gallery figure {
	margin: 0;
	position: relative;
}

.gallery figure img {
	width: 100%;
    height:auto;
	display: block;
	position: relative;
}

.gallery figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 20px;
    padding-right: 20px;
    padding-top:10px;
	background: #aa1111;
	color: #fff;
    height: 58px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.gallery figcaption span {
	margin: 0;
	padding: 0;
	color: #fff;
    line-height:1.5;
    font-family: 'oswaldregular';
    font-weight:normal;
    font-size:24px;
}
.gallery figure {
	overflow: hidden;
}
.gallery figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
    width:100%;
}
.no-touch .gallery figure:hover img,
.gallery figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.no-touch .gallery figure:hover figcaption,
.gallery figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

/* ================= IMAGE GRID ================== */
.da-thumbs {
	list-style:none;
	width:99.9%;
	position:relative;
	margin:5px auto 15px auto;
	padding:0;
	display:inline-block;
}
.da-thumbs li {
	float:left;
	position:relative;
	width:33.3%;
    border-style:  dotted;
    border-width: 1px;
    border-color: #e9e9e9;
}
.da-thumbs li a, .da-thumbs li a img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
    outline:0 !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    overflow:hidden;
}

.da-thumbs li a .imgcliente{
-webkit-transition: all 1s ease;
-webkit-filter:  grayscale(1);

}

.da-thumbs li a .imgcliente:hover{
-webkit-transition: all 1s ease;
-webkit-filter:  grayscale(0);
}


/*
.da-thumbs li a {
    background-image:url('../images/zoom.png');
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#aa1111;
}

.da-thumbs li a img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.da-thumbs li a img:hover {
    opacity:0.1;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}*/




/* ================= TESTIMONIALS ================== */

#quote_wrap
{
    width:100%;
    position:relative;
    min-height:130px;
    margin-top:30px;
}
#quote_wrap p
{
    margin-bottom:0px !important;
}
#quote_wrap img
{
    width:100%;
    height:auto;
    float:left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.testimonial-item
{
    width:100%;
}
.item-left
{
    float:left;
    width:30%;
    padding-right:25px;
}
.item-right
{
    float:right;
    width:70%;
    padding-right:5px;
}
.item-client
{
    text-align:right;
    padding-top:10px;
    font-size:16px;
    font-family: 'open_sansbold';
    font-weight:bold;
}

/* ================= ARTISTS ================== */

.grid {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 100%;
	margin: 0;
    margin-bottom:27px;
	padding: 0px;
	text-align: left;
	position: relative;
}
.grid li:last-child {
    margin-bottom:-3px;
}

.grid figure {
	margin: 0;
	position: relative;
    overflow: hidden;
}

.grid figure img {
	width: 100%;
    height:auto;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #000;
	color: #c7c7c7;
    font-size:12px;
}

.grid figcaption h4 {
	margin-bottom:10px;
	color: #fff;
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	display: inline-block;
	background: #aa1111;
	color: #fff;
    text-decoration:none;
     -webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
    font-size:13px;
}
.grid figcaption a:hover {
	background: #fff;
	color: #000;
}


.grid figure > div {
	overflow: hidden;
}

.grid figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .grid figure:hover img,
.grid figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.grid figcaption {
	height: 100%;
	width: 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .grid figure:hover figcaption,
.grid figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.grid figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* ================= FAQ ================== */

.faq {
    margin-top:-10px;
    margin-bottom:-10px;
}
.accordion-header {
    background: red;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
   /* font-family: 'oswaldregular';*/
   /* font-weight:normal;*/
	margin:0;
	padding:10px 0px 10px 0px;
	cursor:pointer;
	text-align:left;
    font-size:18px;
    -webkit-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
	-moz-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
	-o-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
}
.accordion-header:hover {
    background:url(../images/down.png);
	background-repeat:no-repeat;
	background-position:right 50%;
}
.active-header {
	color:#fff;
    font-size:22px;
    background-color:#aa1111;
    padding-left:20px;
    margin-top:10px;
}
.active-header:hover {
    background-image:none;
    color:#fff;
    background-color:#aa1111;
}
.accordion-content {
	display:none;
	padding:20px;
	width:100%;
    background-color:#000;
    margin-bottom:10px;
}

/* ================= RESPONSIVE GOOGLE MAP ================== */

.google-map {
    position:relative;
    height:100%;
    overflow:hidden;
}
.google-map iframe{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    outline:none;
    border:none;
}

/* ================= CONTACT ================== */

input[type="text"], input[type="email"], input[type="number"], input[type="date"], textarea
{
    border: 1px solid #000;
    width: 80%;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    font-size: 14px;
    margin: 0px 0px 11px 0px;
    padding: 5px 10px 5px 10px;
    height: 35px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background-color: #fff;
    color:#fff;
}
input[type="text"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="date"].oversize {
	font-size:15px;
	padding:4px 5px
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus {
	outline:none !important;
	border-color:#aa1111;
}
input[type="submit"] {
	margin-top:14px;
}
textarea {
	height:100px;
	width:100%;
	margin-bottom:0px !important;
}
.button {
	width: auto;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	margin: 5px 20px 0px 0px;
	outline: none;
	padding: 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	border: none !important;
	background-color:rgba(60,175,230,1);
}
.button:hover {
	background-color:#000;
}
.contact-info {
    padding-top:5px;
    padding-bottom:5px;
}
#mobile-map {
	position:relative;
	padding-top:25px;
	padding-bottom:67.5%;
	height:0;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
    display:none;
}
#mobile-map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	outline:none;
	border: none;
}

/* ================= SOCIAL ICONS ================== */

.socialbox {
	margin-top:30px;
}
.social-icons {
	list-style-type:none;
	float:left;
	display:block;
	margin:0px;
	padding-left:0px;
    padding-right:0px;
    padding-top:10px;
    padding-bottom:25px;
	width:105%;
}
.social-icons li {
	float:left;
	display:block;
	position:relative;
	margin-right:10px;
}
.social-icons li img {
	width:48px;
}
.social-icons li:last-child {
	margin-left:0px !important;
	margin-right:0px !important;
}
.social-icon {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
    opacity:0.5;
}
.social-icon:hover {
	opacity: 1;
}
/* ================= BLOG ================== */

.blog-content {
	margin-top:30px;
}
.tagsicon, .usericon, .categoryicon, .dateicon {
    line-height:30px;
}
.tagsicon {
    background-image: url('../images/tags.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}
.usericon {
    background-image: url('../images/user.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}
.categoryicon {
    background-image: url('../images/category.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}
.dateicon {
    background-image: url('../images/date.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}
.next, .previous {
    font-family: 'open_sansbold';
    font-weight:bold;
    font-size:14px;
}
.previous {
    float:left;
    width:50%;
}
.next {
    float:right;
    width:50%;
    text-align:right;
}
/* ================= RESPONSIVE VIDEO ================== */
 .flex-video {
    position:relative;
    padding-bottom:67.5%;
    height:0;
    overflow:hidden;
    margin-bottom:25px;
    margin-top:20px;
}
.flex-video.widescreen {
    padding-bottom:37.25%
}
.flex-video.vimeo {
    padding-top:0
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    outline:none;
    border:none;
}
/* ================= COMMENTS ================== */
.comments {
    margin-top:0px;
    margin-bottom:0px;
}
.comments p {
    margin-bottom:0px !important;
    padding-right:40px;
}
.comments .meta {
    font-size:14px;
    font-family: 'open_sansbold';
    font-weight:bold;
    margin-bottom:5px !important;
    color:#c7c7c7;
}
.comments_content {
    margin-bottom:10px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:15px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#c7c7c7;
    position:relative;
}
.reply {
    padding-left:50px;
    margin-top:-10px !important;
}
.reply_icon {
    width:31px;
    height:33px;
    background-image:url(../images/reply.png);
    position:absolute;
    display:none;
    top:-40px;
    left:-45px;
    background-repeat:no-repeat;
}
.comments.reply .reply_icon {
    display:block !important;
}
.comments a.reply {
    color:#fff !important;
    font-size:12px;
    position:absolute;
    top:10px;
    right:0;
    padding:7px;
    background-color:#000;
    -webkit-transition:background-color 0.4s ease-in-out;
    -moz-transition:background-color 0.4s ease-in-out;
    -o-transition:background-color 0.4s ease-in-out;
    transition:background-color 0.4s ease-in-out;
}
.comments a.reply:hover {
    background-color: #aa1111;
}


/*CABECERA DATOS DE CONTACTO: TELEFONO, CORREO*/

/*#header-content p{*/
 #contacto-dato   {
     text-transform: lowercase;
    font-family: 'Roboto', sans-serif;
font-weight: 300;
/*color:#595959;*/
color:rgba(60,175,230, 0.9);
    float:right;
    font-size:15px;
   padding-top: 15px;
   padding-left: 5px;
     padding-right: 25px; 
    height: 100%;  
}
 #icon-contacto {
    margin-top: 18px;
    float:right;
    font-size:15px;
    color:#595959;
   

}

/*FIN CABECERA DATOS DE CONTACTO: TELEFONO, CORREO*/

.seccion-clientes
{
    position: absolute; 
    width: 100%;  
    z-index: 100;  
      
      left: 0;
    bottom: 0;

}
.seccion-clientes2
{
    position: absolute; 
    width: 50%;  
    z-index: 100;  
      
      left: 0;
    bottom: 0;

}
    


/*FOOTER*/
footer {
    border-top-width:1px;
    border-top-style:dotted;
    border-top-color: #fff; 
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 100%;
  
    z-index: 100;

   /* margin: 0 auto;*/
   
    text-align: center;
    color: #fff;
     background: rgba(60,175,230,0.9);
/*     background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(48%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 48%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );
*/

    }
    

    footer div { color: #fff}

    .sep {
      padding-top: 3px;
      color: #fff;
      float:right;

    }

#grumetsan{
    float:left;
    
    font-size:9px;
    margin-left:220px;
    padding-top: 3px;
    text-align:left;
}
#direccion{
    font-size:10px;
      padding-top: 3px;
   /* 
    padding:12px 0px 0px 0px;*/
    text-align:center;
}

#plusdigital{
     margin-right:300px;

    font-size:9px;
      padding-top: 3px;
   /* 
    padding:12px 0px 0px 0px;*/
    text-align:right;

     float:right;
}

/*FIN FOOTER*/



@media screen and (max-width: 52.375em) {
  /*  .tabs nav a span {
             }*/

    .titulo-pagina h1{
        display: none;
             }

 
}