@charset "utf-8";

html{
    height: 100%;
}
body{
    height: 100%;
    overflow: hidden;
    width: 100%;
}
body:before{background-image: none}
.noppading{padding: 0}
.pager {
    margin: 0;
}
.page-header {
    border: medium none;
}
#main {
    padding:0;
}
.hentry, .page-header, .page-content {
    box-shadow: none;
    margin: 0;
    padding: 0;
}
div#viewport {
    height: 100%;
    position: relative;
    overflow: hidden;
    top: 0;
    width: 100%;
}
.bx-wrapper .bx-controls-direction a {
    background: none;
    color: #ffffff;
    font-size: 86px;
    margin-top: -60px;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=85);
    /* Modern Browsers */
    opacity: 0.85;
    width: auto;
    height: auto;
    text-indent: 0px;
    z-index: 1;
}

.wrapper-content .press p{
    color: #1C1C1C;
    font-size: 10px;
    font-family: "Arial Black", Gadget, Arial, sans-serif;
}

.press .bx-wrapper .bx-controls-direction a i{
    color: #5E5E5E;
    font-size: 60px;
}

.press .bx-wrapper .bx-prev {
    left: -60px;
}

.press .bx-wrapper .bx-next{
    right: -60px;
}

#slider-work .bx-viewport, .bx-wrapper, #slider-porfolio .bx-viewport, .bx-wrapper{
    margin: 0;
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}

.bxslider, .bxslider li{
    height: 100% !important;;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background: #fff;
}

#slider-porfolio > li{
    background-color: transparent;
    background-attachment: scroll;
    background-position:center left;
    background-repeat: repeat;
    -webkit-background-size: cover;           /* Safari 3.0 */
    -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;           /* Opera 9.5 */
    background-size: cover;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 100vh;
    width: 100%;
}

#slider-work > li{
    height: 100vh;
    width: auto !important;
    max-width: 100vw;
}

#slider-work > li > img{
    height: 100vh;
}

#slider-porfolio > li > a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-indent: -9999px;
}

.menu{
    background-color: #fff;
    /*-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);*/
    border-bottom: 1px solid #ddd;
    padding: 10px 0 5px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 4;
	opacity: 0.75;
}

.menu .icon-menu {
    color: #f8b728;
    float: right;
    font-size: 25px;
    margin-top: 14px;
    margin-right: 10px;
}

.menu a.icon-menu:hover,.menu a.icon-menu:focus
{
    color: #7c7c7c;
    text-decoration: none;
}

.menu #language-selector
{
    float: right;
    margin-right: 45px;
    margin-top: 16px;
}

.menu #language-selector ul
{
    list-style: none;
    overflow: hidden;
}

.menu #language-selector ul > li{ float: left;}
.menu #language-selector ul > li > a
{
    /*color: #f8b728;*/
	color:#f39200;
    font-family: 'open_sanssemibold';
    font-size: 13px;
    margin-right: 10px;
    text-transform: uppercase ;
}

.menu #language-selector ul > li:first-child > a:before{ content: normal;}
.menu #language-selector ul > li > a:before{ content: '|';}
.menu #language-selector ul > li > a span{ margin-left: 10px;}
.menu #language-selector ul > li > a:hover,.menu #language-selector ul > li > a:focus,
.menu #language-selector ul > li.active > a
{
    /*color: #7c7c7c;*/
	color:#000000;
    text-decoration: none;
}

.menu_closed {
    background-color: rgba(0,0,0,0.65);
    height: 91.5%;
    padding: 30px 10px 10px 30px;
    position: fixed;
    right: -100%;
    top: 75px;
    z-index: 3;
    width: 615.39px;
}

.menu_closed .close{
    color: #FFFFFF;
    font-family: "Arial", Gadget, Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    margin-top: 10px;
    text-transform: uppercase;
    filter: alpha(opacity=100);
    opacity: 1;
}

.menu_closed .close:hover, .menu_closed .close:focus{
    color: #fff;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.menu_closed .redessociales{
    position: absolute;
    bottom: 50px;
    width: 92%;
}

.menu_closed .redessociales ul > li > a{
    color: #ffffff;
    font-size: 17.6pt;
    font-family: "Arial Bold", sans-serif;
    line-height: 26.9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}

.menu_closed .list_menu{
    margin-right: 40px;
    margin-top: 65px;
}

.menu_closed .list_menu ul > li.ver-list{  margin-bottom: 5px;}
.menu_closed .list_menu ul > li{ margin-bottom: 4px; text-align: center}
.menu_closed .list_menu ul > li > a{
    color: #ffffff;
    font-family: "Arial Black", Gadget, Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    font-size: 49pt;
    letter-spacing: -4pt;
    line-height: 38pt;
    text-transform: uppercase;
}

.menu_closed .list_menu ul > li > a i{
    font-size: 14px;
    margin-top: -2px;
}

.menu_closed .list_menu ul > li > ul {
    list-style: none;
    margin-left: 10px;
    margin-top: 10px;
    display: none;
}

.menu_closed .list_menu ul > li.active > ul{  display: block;}
.menu_closed .list_menu ul > li > ul > li{ margin-bottom: 5px; text-align: left}
.menu_closed .list_menu ul > li > ul > li:last-child{margin-bottom: 16px}
.menu_closed .list_menu ul > li > ul > li > a {
    font-size: 22pt;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15pt;
    letter-spacing: -1pt;
    text-transform: none;
}

.menu_closed .list_menu a:hover,.menu_closed .list_menu a:focus,
.menu_closed .list_menu li.current a, .menu_closed .list_menu li.current-menu-item a{ color: rgba(255,255,255,0.50); text-decoration: none;}
.menu_closed .list_menu .ver-list a
{
    font-family: 'open_sansregular';
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -1px;
}

.description_category{
    bottom: -68%;
    position: absolute;
    width: 100%;
}

.description_category .backg-category{
    background-color: rgba(255,255,255,0.65);
    bottom: 0;
    height: 0px;
    position: absolute;
    width: 100%;
}

.description_category h1{
    color: #fff;
    font-family:"Arial Black", Gadget, Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    font-size: 60.59pt;
    letter-spacing: -6pt;
    line-height: 46pt;
    margin: 0 0 0 25px;
    text-transform: uppercase;
    position: absolute;
    bottom: 55px;
    word-break: break-word;
}

.description_category .content-description p{
    color: #212120;
    font-family: 'franklin_gothic_book';
    font-size: 10.75pt;
    line-height: 10pt;
    letter-spacing: 0px;
    margin: 0;
}

.view {
    width: 100%;
    height: 275px;
    overflow: hidden;
    position: relative;
    cursor: default;
}

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

.view .mask {
    display: table;
    width: 100%;
    height: 100%;
    bottom: 0;
    table-layout: fixed;
    padding: 20px 15px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view .mask a {
    display: table;
    width: 100%;
    height: 100%;
    bottom: 0;
    table-layout: fixed;
    padding: 20px 15px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view .mask a:focus, .view .mask a:hover { text-decoration: none;}
.view .mask .content-text{
    display: table-cell;
    vertical-align: bottom
}

.view .mask h2 {
    color: #fff;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
}

.view p {
    font-family: 'HelveticaNeueLTStd-MdCn';
    font-size: 14px;
    line-height: 10px;
    position: relative;
    margin-bottom: 5px;
    color: #fff;
}

.view button {
    background-color: transparent;
    border: 0;
    font-family: 'HelveticaNeueLTStd-MdCn';
    font-size: 14px;
    position: relative;
    color: #f2a818;
    text-transform: uppercase;
}

.view button:hover, .view button:focus { text-decoration: underline;}
.mostrar-img{
    -webkit-box-shadow: 4px -1px 3px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow:    4px -1px 3px 0px rgba(0, 0, 0, 0.23);
    box-shadow:         4px -1px 3px 0px rgba(0, 0, 0, 0.23);
    bottom: 20px;
    height: 52px;
    overflow: hidden;
    position: relative;
}

.mostrar-img img{ height: 100%; width: 100%;}
.mostrar-img .back-img{
    display: none;
    background-color: rgba(112,111,111,0.69);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.mostrar-img.active .back-img{ display: block;}
.loding{
    background: url('../images/Loader.png') no-repeat scroll center #fff;
    /*-webkit-background-size: contain;           /* Safari 3.0 */
   /* -moz-background-size: contain;           /* Gecko 1.9.2 (Firefox 3.6) */
    /*-o-background-size: contain;           /* Opera 9.5 */
    /*background-size: contain;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.single-work .loding{  display: none;}
.page-title, .comments-title, .comment-reply-title, .post-navigation .post-title { color: #fff;}
.descrip-larg{
    height: 95px;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    bottom: 10px;
    right: -210px;
    width: 96%;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #706f6f; }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.5); }
.mCS-my-light.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #f2a818; }
.mCS-my-light.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.5); }
.mCS-my-light.mCSB_inside>.mCSB_container { margin-right: 9px;}
.modal-backdrop.in { filter: alpha(opacity=76); opacity: .76;}
.modal-backdrop {z-index: 1;}
.modal {z-index: 2;}
.modal-open .modal { padding: 0 !important;}
.modal-content {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    padding: 15px;
    border-bottom: none;
}

.modal-body { padding: 0;}
.modal-dialog { margin: 30px auto 0;}
.modal-body .close {
    float: left;
    font-family: 'open_sanslight';
    font-size: 48px;
    font-weight: normal;
    line-height: 1;
    margin-left: 5px;
    margin-top: 15px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-body .close:focus, .modal-body .close:hover {
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 100;
}

.zoom{
    background: url("../images/zoom.png") no-repeat scroll 0 -31px transparent;
    cursor: pointer;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 15px;
    top: 90px;
    z-index: 1;
}

.zoom.out{ background-position: 0 0;}
.fancybox-overlay { background: none #fff;}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fancybox-close {
    background-image: url("../images/zoom.png");
    background-position: 0 0;
    background-size: auto;
    height: 26px;
    width: 26px;
}

.fancybox-prev span {
    background-image: url("../images/controls_facy.png");
    background-position: -6px 0;
    background-size: auto auto;
    height: 65px;
    width: 33px;
}

.fancybox-next span{
    background-image: url("../images/controls_facy.png");
    background-position:  -6px -70px;
    background-size: auto;
    height: 65px;
    width: 33px;
}

.ui-widget-content {border: medium none;}
.ui-progressbar .ui-progressbar-value { height: 25%;}
.modal-dialog .modal-body .alto-window{ width: 95.66666667%;}
.modal-dialog .modal-body .col-xs-1{ width: 4.33333333%;}

.activar-description, .ocultar-description {
    background: url("../images/flecha.png") no-repeat scroll left center transparent;
    color: #fffefd;
    cursor: pointer;
    font-family: "Arial Bold", sans-serif;';
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 11.06pt;
    letter-spacing: 0;
    line-height: 16pt;
    margin: 5px 0 0;
    padding-left: 48px;
    display: block;
    text-transform: none;
}

.ocultar-description {
    background: url("../images/flecha_izq.png") no-repeat scroll left center transparent;
}

.ocultar-description,.dscr-oculto {display: none;}
.fancybox-prev { left: -70px;}
.fancybox-next { right: -70px; }

#fancybox-thumbs {
    position: fixed;
    left: 0px !important;
    width: 60px;
    height: 100%;
}

#fancybox-thumbs.bottom {
    top: 18px;
    bottom: 0;
}

#fancybox-thumbs ul{
    left: 0px !important;
    width: 60px !important;
    height: 460px
}

#fancybox-thumbs ul li { float: none !important;}
.wrapper-content{margin-top: 135px}
.wrapper-content.mimizar{margin-top: 77px}

.wrapper-content p{
    color: #212120;
    font-family: 'franklin_gothic_book';
    font-size: 15px;
    line-height: 16pt;
    letter-spacing: 0px;
    margin: 0 0 15px 0;
    text-align: justify;
    /*color: #696868;
    font-family: 'open_sansregular';
    font-size: 13px;*/
}

.client-img > img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition:filter 0.4s;
    -webkit-transition:-webkit-filter 1s;
}

.client-img:focus > img,
.client-img:hover > img,
.client-img.active > img{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.info-contact{margin-top: 55px;}
.info-contact h2{
    color: #696868;
    font-family: 'open_sansbold';
    font-size: 16px;
    text-transform: uppercase;
}

.info-contact p{
    color: #696868;
    font-family: 'open_sansregular';
    font-size: 13px;
    line-height: 20px;
}

.info-contact p.phone{
    margin-top: 25px;
}

.info-contact a{
    color: #f2a818;
    font-family: 'open_sansregular';
    font-size: 13px;
}

.info-contact input[type="text"], .info-contact input[type="email"], .info-contact textarea { width: 100%;}
.info-contact input[type="submit"] {
    background-color: transparent;
    border: medium none;
    color: #f2a818;
    font-family: 'open_sanssemibold';
    font-size: 13px;
    text-transform: uppercase;
}

.info-contact input[type="submit"]:hover{
    background-color: #f2a818;
    color: #fff;
}

.info-contact .simplenewsleter-field{margin-bottom: 12px}
#map {
    width: 100%;
    height: 420px;
}

.infobox-wrapper .infobox-inner {
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    font-size: 12px;
    padding: 10px;
    position: relative;
    margin-bottom: 50px;
    max-width: 180px;
}
.infobox-wrapper .infobox-inner:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 95px;
    content: "";
    bottom: -6px;
}
.infobox-wrapper .infobox-inner .infobox-image {
    width: 250px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.infobox-wrapper .infobox-inner .infobox-image .infobox-price {
    color: #000;
    font-size: 14px;
    font-family: 'open_sansbold';
    padding: 3px 7px;
    text-transform: uppercase;
}
.infobox-wrapper .infobox-inner .infobox-title {
    color: #696868;
    font-size: 13px;
    font-family: 'open_sansregular';
}
.infobox-wrapper .infobox-inner .infobox-description {
    padding: 8px;
}
.infobox-wrapper .infobox-inner .infobox-location {
    color: #696868;
    font-size: 12px;
    font-family: 'open_sansregular';
}

.infobox-wrapper .infobox-inner .infobox-location span {
    color: #f2a818;
}
.infobox-wrapper .infobox-inner .fa {
    color: #1396e2;
    float: right;
    font-size: 18px;
    margin-top: 4px;
}

.marker-hover {
    opacity: .5;
}

.infobox-wrapper > img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: absolute !important;
    right: 8px;
    top: 0px;
    z-index: 2;
}
.infobox-wrapper > img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.comment{
    margin-bottom: 50px;
}

.comment h2.comments-title, .content-blog h1{
    color: #696868;
    font-size: 30px;
    font-family: 'open_sansbold';
    text-transform: uppercase;
}

.content-blog h1{  margin-top: 0;}
.comment p, .content-blog p{
    color: #696868;
    font-size: 14px;
    font-family: 'open_sansregular';
    text-align: justify;
}

.comment a, .content-blog a{
    color: #f8b728;
    font-size: 14px;
    font-family: 'open_sansregular';
}

.comment a.link-contact:hover, .content-blog a.link-contact:focus{ text-decoration: none;}
.comment a:hover h2, .content-blog a:focus h2{
    color: #f8b728;
    text-decoration: none;
}

.url-back{
    padding: 20px 0;
    color: #000000;
    display: block;
    font-size: 14px;
    font-family: 'open_sanssemibold';
    text-transform: uppercase;
    overflow: hidden;
}

.url-back:hover, .url-back:focus{
    color: #696868;
}

.url-back i, .url-back span{ float: left;}
.url-back i{ font-size: 35px}
.url-back span{ display: block; margin-top: 7px}
.ver-voye{display: block; margin-top: 30px; margin-bottom: 30px;}
.margin-image .col-igual{display: table}
.margin-image .col-igual .client-img {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 15px;
}

.logo-header {
    display: inline-block;
    margin-top: 5px;
    margin-left: 25px;
}

.img-comment{display: block}
.revista{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 115px;
}

#myRevista .modal-body .close {
    color: #111;
}

#myRevista .bx-wrapper .bx-viewport {
    background: transparent;
}

.titulo-revista {
    bottom: -150px;
    position: absolute;
    width: 46%;
}

.titulo-revista  h1 {
    color:#22231e !important;
    font-family: "Arial Black", Gadget, Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    font-size: 48.74pt;
    letter-spacing: -5pt;
    line-height: 38pt;
    margin: 0 0 0 25px;
    text-transform: uppercase;
}

.titulo-revista  h1 span{
    background: url("../images/flecha-revista.png") no-repeat scroll left center transparent;
    -webkit-background-size: contain;           /* Safari 3.0 */
    -moz-background-size: contain;           /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: contain;           /* Opera 9.5 */
    background-size: contain;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    margin: 5px 0 0;
    padding-left: 78px;
    display: block;
    width: 153px;
    height: 38px;
}

.press-slider li, .press-slider1 li
{
    height: 250px;
}

.bx-wrapper .press-slider img, .bx-wrapper .press-slider1 img {
    height: 100%;
    width: 100%;
}

.descrip-revista .press p {
    color: #1C1C1C;
    font-size: 10px;
    font-family: "Arial Black", Gadget, Arial, sans-serif;
}

.cliente .line{
    border-right: 2px solid #9E9E9E;
}

.cliente ul > li > a{
    color: #7c7c7c;
    font-family: 'open_sanssemibold';
    font-size: 18px;
    margin-right: 10px;
    text-transform: uppercase;
}

.cliente ul > li > a:hover, .cliente ul > li > a:focus,
.cliente ul > li.active > a {
    color: #f8b728;
    text-decoration: none;
}

.contact-ext{margin-bottom: 20px}
.wid130 { width: 130px;}
.wid150 { width: 150px;}

.loding-circule{
   /* background-: url('../images/loading-fancy.gif') no-repeat scroll center transparent;
    -webkit-background-size: 15%;           /* Safari 3.0 */
    /*-moz-background-size: 15%;           /* Gecko 1.9.2 (Firefox 3.6) */
   /*-o-background-size: 15%;           /* Opera 9.5 */
    /*background-size: 15%;*/
    background-color: transparent;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    display: none;
}

.single-work .loding-circule{display: block}
.signal {
    border: 5px solid #f8b728;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;

    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.margin-bottom-team
{
	margin-bottom:10px;
}
#slider-porfolio .title-slider
{
	position:absolute;
	bottom:7%;
	left:3%;
	color:#fff;
	text-transform:uppercase;

	
}
.title-slider
{
	 visibility:hidden;
}
.title-slider.active-slide {
    visibility: visible;
}