@charset "utf-8";
/* 
Specia Main CSS
Author: Specia
Project: Mogacon
Created on: 06/12/2017
*/

/* Fonts */
@font-face {
    font-family: 'DINPro-CondensedRegular';
    src: url('css/fonts/DINPro-CondensedRegular.eot');
    src: url('css/fonts/DINPro-CondensedRegular.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/DINPro-CondensedRegular.woff2') format('woff2'),
         url('css/fonts/DINPro-CondensedRegular.woff') format('woff'),
         url('css/fonts/DINPro-CondensedRegular.ttf') format('truetype'),
         url('css/fonts/DINPro-CondensedRegular.svg#DINPro-CondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-CondensedBold';
    src: url('css/fonts/DINPro-CondensedBold.eot');
    src: url('css/fonts/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/DINPro-CondensedBold.woff2') format('woff2'),
         url('css/fonts/DINPro-CondensedBold.woff') format('woff'),
         url('css/fonts/DINPro-CondensedBold.ttf') format('truetype'),
         url('css/fonts/DINPro-CondensedBold.svg#DINPro-CondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Base */
body {font:14px/1em 'Open Sans', sans-serif; line-height:1em; overflow-x:hidden;}
h1 {text-transform:uppercase;}
h1, h2, h3 {font-family:'DINPro-CondensedBold', sans-serif; font-weight:normal; line-height:0.8em; text-transform:uppercase;}
h4, h5, h6 {font-family:'DINPro-CondensedRegular', sans-serif;}
iframe {border:none; max-width:100%; width:100%;}
a {color:#333;}
a:hover {color:#ec9200;}
p {line-height:1em;}
input:not([type="button"]), textarea, select {border:none; border-bottom:1px solid #000; font:20px/1em 'DINPro-CondensedRegular', sans-serif; outline:none; padding:10px 5px;}
select {background-image:url(images/bg-select.png); background-position:right 15px center; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea {max-height:100px; resize:none;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.wrap {max-width:1200px;}
.align-center {text-align:center;}
/* Buttons */
.btn {background-color: transparent !important; border-style:solid !important; border-width:2px !important; font:24px/1em 'DINPro-CondensedRegular'; display:inline-block; padding:10px 70px 10px 20px !important; position:relative; text-transform:uppercase;}
.btn:before, .btn:after {content:" "; position:absolute;}
.btn:not(.btn-download):before {height:1px; right:20px; top:50%; width:40px;}
.btn:after {border-style:solid; border-width:1px; height:11px; margin-top:-5px; top:50%; transform:rotate(45deg); right:20px; width:11px;}
.btn.btn-primary {border-color:#333; color:#333;}
.btn.btn-primary:hover {color: #333;}
.btn.btn-primary:before {background:#333;}
.btn.btn-primary:hover:before {background:#ec9200;}
.btn.btn-primary:after {border-color: #333 #333 transparent transparent;}
.btn.btn-primary:hover:after {border-color:#ec9200 #ec9200 transparent transparent;}
.btn.btn-secondary {border-color:#fff; color:#fff;}
.btn.btn-secondary:before {background:#fff;}
.btn.btn-secondary:after {border-color:#fff #fff transparent transparent;}
.btn.btn-download {border-color: #333; padding-right:50px;}
.btn.btn-download:before {background:#333; height:1px; right:18px; top:26px; width:15px;}
.btn.btn-download:after {border-color:transparent #333 #333 transparent; margin-top:-11px;}
.btn.btn-download:hover:before {background:#ec9200;}
.btn.btn-download:hover:after {border-color:transparent #ec9200 #ec9200 transparent;}
/* Main Title */
.main-title {padding-bottom:20px; position:relative;}
.main-title:before, .main-title:after {background:#ec9200; content:" "; left:0; position:absolute;}
.main-title:before {bottom:0; height:1px; width:280px;}
.main-title:after {bottom:-5px; height:5px; width:90px;}

/* Transitions */
 a, :before, :after, input, #main-menu_mobile, .menu-toggle span, .sticky-header, .services__slider .slider-item, .services__slider .slider-item h3, #home-slider .slider-item h3 a span, .project__gallery .bx-viewport li, .project__filter li button, .about__values *, .contact-toggle *, #home-contact .contact__forms {-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}

 /* Background Cover */
#home-slider .slider-item .item__img-back {-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}

/* Preloader */
#preloader {background:#de890a; height:0; left:0; overflow:hidden; position:fixed; transition:height 0.8s ease-in; right:0; top:0; z-index:200;}
#preloader:after {background:#fff; content:" "; height:0; left:0; position:absolute; right:0; top:0; transition:height 0.4s ease-in; z-index:1;}
.loading #preloader, .loading #preloader:after {height:100%;}
.loading #preloader .preloader__circle {opacity:1;}
#preloader .preloader__circle {height:120px; left:50%; opacity:0; position:absolute; top:50%; transform:translate(-50%, -50%); transition:opacity 0.4s; width:120px; z-index:2;}
#preloader .preloader-logo {left:20px; position:absolute; top:20px; width:80px; z-index:10;}
#preloader .loader-ind {animation:preload 2s infinite linear; fill:none; position:relative; stroke:#65675a; stroke-width:2px; stroke-dasharray:20px 500px; transform-origin:center;}
#preloader .loader-bg {fill:none; opacity:0.2; stroke:#65675a; stroke-width:2px;}
@keyframes preload {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}

/* Header */
#logo a {display:block; line-height:1em;}
#header {left:0; position:absolute; right:0; top:0; z-index:100;}
#header #logo {margin:0 auto 30px; padding-top:20px; width:195px;}
#header #logo path, #header #logo polygon {fill:#fff;}
/* Sticky Header */
.sticky-header {background:rgba(255,255,255,0.9); box-shadow:0 0 15px rgba(0,0,0,0.25); left:0; opacity:0; padding:8px 0; position:fixed; right:0; top:-20px; visibility:hidden; z-index:101;}
.sticky-header.fixed {opacity:1; top:0; visibility:visible;}
.sticky-header #logo {float:left; width:195px;}
.sticky-header .menu-main-menu-container {float:right; margin-top:13px;}
.sticky-header .menu-main-menu-container ul {margin:0;}
.sticky-header .menu-main-menu-container ul li a {color:#333;}

/* Home */
/** Slider **/
#home-slider {background:#000; height: 1024px; position:relative;}
#home-slider .slider-item {height: 1024px;}
#home-slider .slider-item .item__container {max-width:100%; position:absolute; top:50%; z-index:5;}
#home-slider .slider-item .item__content {position:absolute;}
#home-slider .slider-item h3 {font-size:100px; line-height:0.8em;}
#home-slider .slider-item h3 a {color:#fff; position:relative;}
#home-slider .slider-item h3 a:hover span {color:#ec9200;}
#home-slider .slider-item .item__img {box-shadow:0 10px 40px rgba(0,0,0,0.6);}
#home-slider .slider-item .item__img-back {bottom: 0; left: 0; opacity:0.3; position:absolute; right:0; top:0; z-index:1;}
#home-slider .controls-wrap {position:absolute; z-index:10;}
#home-slider .slider-pager {color:#fff; font:30px/1em 'DINPro-CondensedRegular', sans-serif; left:50%; position:absolute; top:50%; transform:translateX(-40%) translateY(-50%);}
#home-slider .control-link a {font-size:0; position:absolute;}
#home-slider .control-link a:before {background:#fff; content:" "; position:absolute;}
#home-slider .control-link a:after {border-style:solid; border-width:1px; content:" "; height:17px; position:absolute; width:17px;}
#home-slider #circle-load {fill:none; stroke:rgba(255,255,255,1); stroke-width:2px; stroke-dasharray:0,510; stroke-dashoffset:82%;}
#home-slider #circle-load.run {animation:circleHeight 6s infinite;}
#home-slider #circle-back {fill:none; fill-rule:evenodd; stroke:rgba(255,255,255,0.3); stroke-width:1px;}
#home-slider .lets-scroll {bottom:30px; height:52px; left:50%; position:absolute; transform:translateX(-50%); width:28px;}
#home-slider .lets-scroll .scroll-mouse {animation:scrollMouse 6s infinite; border:2px solid #fff; border-radius:20px; height:42px; left:0; position:absolute; top:0; width:28px;}
#home-slider .lets-scroll .scroll-mouse:before {background:#fff; border-radius:2px; content:" "; height:8px; left:50%; margin-left:-1px; position:absolute; top:5px; width:2px;}
#home-slider .lets-scroll .scroll-arrow {animation:scrollArrow 6s infinite; border-color:transparent #fff #fff transparent; border-style:solid; border-width:2px; bottom:0; height:8px; left:50%; margin-left:-4px; position:absolute; transform:rotate(45deg); width:8px;}
/** Sections **/
.home__section h2 {font-size:100px; line-height:0.8em; margin-bottom:50px; text-transform:uppercase;}
.home__section h2 small {display:block; font:50px/0.8em 'DINPro-CondensedRegular', sans-serif;}
/** Services **/
#home-services h2, #home-services h2 small {color:#333;}
#home-services .wrap {position:relative;}
#home-services .services__slider {position:relative;}
#home-services .services__slider .bx-wrapper {max-height:700px; padding:0 7.5%;}
#home-services .services__slider .bx-viewport {margin:200px 0; overflow:visible !important;}
#home-services .services__slider .slider-item {height:300px; opacity:0.4; width:auto !important;}
#home-services .services__slider .slider-item[aria-hidden="false"] {box-shadow:15px 20px 50px rgba(0,0,0,0.5); margin:0 -60px; opacity:1;}
#home-services .services__slider .slider-item h3 {font-size:60px; left:50%; line-height:0.8em; opacity:0; margin:0; position:absolute; text-align:center; text-shadow:0 0 20px rgba(0,0,0,0.8); text-transform:uppercase; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#home-services .services__slider .slider-item h3 a {color:#fff;}
#home-services .services__slider .slider-item[aria-hidden="false"] h3 {opacity:1;}
#home-services .services__slider .bx-controls a {color:#999; font-size:0; height:60px; left:0; position:absolute; width:20px;}
#home-services .services__slider .bx-controls a:before, #home-services .services__slider .bx-controls a:after {content:" "; position:absolute;}
#home-services .services__slider .bx-controls a:before {background:#999; height:100%; left:50%; top:0; width:1px;}
#home-services .services__slider .bx-controls a:after {border-style:solid; border-width:1px; height:19px; left:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:19px;}
#home-services .services__slider .bx-controls a.bx-prev {top:5%;}
#home-services .services__slider .bx-controls a.bx-prev:after {border-color:#999 #999 transparent transparent; top:3px;}
#home-services .services__slider .bx-controls a.bx-next {bottom:5%}
#home-services .services__slider .bx-controls a.bx-next:after {border-color:transparent transparent #999 #999; bottom:3px;}
/** About **/
#home-about {background-image:url(images/bg-about_home.jpg); background-repeat:no-repeat;}
#home-about h2, #home-about h2 small {color:#fff;}
#home-about .wrap {position:relative;}
#home-about .about__content {color:#fff; position:absolute;}
#home-about .about__content p {line-height:1.4em;}
#home-about .about__content .btn {margin-top:30px;}
/** Contact **/
#home-contact {position:relative;}
#home-contact .contact__forms {left:18%; position:absolute; z-index:2;}
#home-contact .contact__tabs .ui-tabs-nav {position:absolute; transform:rotate(-90deg) translateX(-100%); transform-origin:left top; width:100%;}
#home-contact .contact__tabs .ui-tabs-panel {padding:40px 40px 0 100px;}
#home-contact .contact__tabs .nf-before-form-content {display:none;}

/* Proyectos */
.single-proyecto h2 {font-size: 60px; line-height:1em;}
.single-proyecto .page-header {background:#333; position:relative;}
.single-proyecto .page-header .header__bg {background-repeat:no-repeat; bottom:0; left:0; opacity:0.3; position:absolute; right:0; top:0; z-index:1;}
.single-proyecto .page-header .wrap {height:700px; position:relative; z-index:2;}
.single-proyecto .page-header .entry-title {bottom:17.1428%; left:0; position:absolute;}
.single-proyecto .page-header .entry-title h1 {color:#fff; line-height:0.8em;}
.single-proyecto .page-header .project__category {color:#fff; font:30px/1em 'DINPro-CondensedRegular', sans-serif; text-transform:uppercase;}
.single-proyecto .page-header .project__category span:not(:last-child) {margin-right:10px;}
.single-proyecto .page-header .project__category span:not(:last-child):after {content:","; display:inline-block;}
.section__title {text-align: center;}
.section__title h2 {margin-bottom:3rem;}
.project__content {padding-bottom:100px;}
.project__body-wrap .breadcrumb {font-size:14px; font-weight:bold; margin-bottom:80px; padding-top:30px;}
.project__body-wrap .breadcrumb li {display:inline;}
.project__body-wrap .breadcrumb a {color:#333; font-weight:normal;}
.project__body-wrap .breadcrumb a:hover {color:#ec9200;}
.project__body-wrap .breadcrumb a:after {content:"/"; color:#ec9200; display:inline-block; margin:0 10px;}
.project__body-wrap .project__body {text-align:justify;}
.project__body-wrap .brochure {padding-top:30px;}
.project-base_info {color: #fff; display: flex; justify-content:space-between; transform: translateY(3em);}
.project-base_info > div:not(:last-child) {padding-right: 1em;}
.project-base_info > div:not(:first-child) {padding-left: 1em;}
.project-base_info .info__content {font:26px/1em 'DINPro-CondensedBold', sans-serif;}
.project-base_info .base-info__area .info__content:after {content: "m2"; font-size: 1rem; margin-left: 0.2rem; vertical-align: super;}
.project__quote {background:rgba(236,146,0,0.95); box-shadow:15px 15px 40px rgba(0,0,0,0.3); color:#fff; padding:30px;}
.project__quote .quote__text {font-size:28px; font-style:italic; font-weight:200; padding-left:45px; position:relative;}
.project__quote .quote__text p {line-height:1.2em; margin:0;}
.project__quote .quote__text p:before {background:url(images/sprite.png) 0 -90px no-repeat; content:" "; height:29px; left:0; position:absolute; top:0; width:37px;}
.project__quote .quote__text p span {display:inline-block; padding-right:10px;}
.project__quote .quote__text p span:after {background:url(images/sprite.png) 0 -129px no-repeat; content:" "; display:inline-block; height:15px; position:relative; right:-5px; top:-10px; width:19px;}
.project__quote .quote__author {font:20px/1em 'DINPro-CondensedBold', sans-serif; margin-top:30px; text-transform:uppercase;}
.project__quote .quote__position {font:16px/1em 'DINPro-CondensedRegular', sans-serif; text-transform:uppercase;}
.project__form {background: #eee;}
.project__form .nf-field-label {display:none;}
.project__form input:not([type="submit"]) {background:transparent;}
.project__form input.nf-element[type="submit"] {background-color: #EC9200; background-image: url(images/icon-arrow_right-w.svg); border:none; color:#fff;}
.project__body.project__special {padding-top: 2em;}
.project__body .project__logo {max-width:150px; margin-bottom: 2em;}
.project__gallery {padding:30px 0 50px; position:relative;}
.project__gallery .bx-wrapper {height:500px; position:relative;}
.project__gallery .bx-viewport {height:100% !important; overflow:visible !important;}
.project__gallery .bx-viewport li:not([aria-hidden="false"]) {opacity:0.6;}
.project__gallery .bx-viewport li[aria-hidden="false"] {margin:-30px; width:840px !important; z-index:10;}
.project__gallery .bx-controls {bottom:-50px; left:50%; position:absolute; transform:translate(-50%);}
.project__gallery .bx-controls a {border:2px solid #333; display:inline-block; font-size:0; height:50px; position:relative; width:100px;}
.project__gallery .bx-controls a:active {bottom:-5px;}
.project__gallery .bx-controls a.bx-prev {margin-right:10px;}
.project__gallery .bx-controls a:before, .project__gallery .bx-controls a:after {content:" "; position:absolute; top:50%;}
.project__gallery .bx-controls a:before {background:#333; height:1px; width:40px;}
.project__gallery .bx-controls a:hover:before {width:30px;}
.project__gallery .bx-controls a:after {border-style:solid; border-width:1px; height:11px; margin-top:-5px; transform-origin:center; width:11px;}
.project__gallery .bx-controls a.bx-prev:before {left:30px;}
.project__gallery .bx-controls a.bx-next:before {right:30px;}
.project__gallery .bx-controls a.bx-prev:after {border-color:#333 transparent transparent #333; left:31px; transform:rotate(-45deg);}
.project__gallery .bx-controls a.bx-next:after {border-color:#333 #333 transparent transparent; right:31px; transform:rotate(45deg);}
#project-gallery {clear:both; margin-bottom: 5em;}
#project-gallery .slick-list {overflow:visible;}
#project-gallery .slick-list .slick-slide {margin:0 10px;}
#project-gallery:hover .slick-arrow {opacity:1; visibility: visible;}
#project-gallery .slick-arrow {background: #EC9200; font-size:0; height:2.8rem; opacity:0; position: absolute; top:50%; transform: translateY(-50%); transition:0.3s all; visibility: hidden; width:2.8rem; z-index: 5;}
#project-gallery .slick-arrow:before {border-color:#fff; border-style: solid; border-width:1px; content: " "; height: 0.8rem; position:absolute; top:50%; width:0.8rem;}
#project-gallery .slick-arrow.slick-prev {left:0;}
#project-gallery .slick-arrow.slick-prev:before {border-width:1px 0 0 1px; left:55%; transform:translate(-50%,-50%) rotate(-45deg);}
#project-gallery .slick-arrow.slick-next {right:0;}
#project-gallery .slick-arrow.slick-next:before {border-width:1px 1px 0 0; left:45%; transform:translate(-50%,-50%) rotate(45deg);}
#project-video {position: relative;}
#project-video:before {background: #EEE; bottom: 0; content: " "; height: 50%; left:0; position:absolute; width: 100%; z-index:1;}
#project-video .wrap {position:relative; z-index:2;}
#project-video iframe {height:80vh;}

#project-blueprints {background: #EEE; padding:5em 0;}
#project-blueprints .row {margin:0;}
#project-blueprints .tab-items-list, #project-blueprints .resp-tabs-container {padding: 0;}
#project-blueprints .tab-items-list ul {list-style: none; margin: 0;}
#project-blueprints .tab-items-list ul li {cursor: pointer; padding:1em;}
#project-blueprints .tab-items-list ul li:not(.resp-tab-active) {border-bottom:1px solid rgba(101,103,90,0.2);}
#project-blueprints .tab-items-list ul .resp-tab-active {background: #FFF; font-weight:bold;}
#project-blueprints .resp-tabs-container {background:#fff;}
#project-blueprints .tab-content div[class*="col-"] {padding: 0;}
#project-blueprints .tab-text__wrap {padding: 2em;}

#project-commodities {padding:5em 0;}
#project-commodities .items {display: flex; flex-wrap: wrap;}
#project-commodities .item {margin-bottom: 2em;}
#project-commodities .item .commodity-icon {background: #EC9200; display:flex; align-items: center; justify-content: center; height: 60px; margin-bottom: 1.2rem; width: 60px;}
#project-commodities .item .commodity-icon img {max-width: 30px;}

#project-contact_location {padding: 5em 0;}
#project-contact_location .wrap {position:relative;}
#project-contact_location .project__advisor {background: #333; color: #fff; padding:2em; z-index: 5;}
#project-contact_location .project__advisor h2 {margin-bottom: 2rem;}
#project-contact_location .advisor__wrap {display: flex; flex-wrap: wrap;}
#project-contact_location .advisor__wrap .advisor__photo {flex: 0 1 60px;}
#project-contact_location .advisor__wrap .advisor__photo .advisor-photo {background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; width: 100%; aspect-ratio: 1/1;}
#project-contact_location .advisor__wrap .advisor__info {flex: 1 0 70%; max-width: 80%; padding-left: 1.5em;}
#project-contact_location .advisor__wrap .advisor__info .advisor__info-wrap {display: flex; flex-wrap: wrap;}
#project-contact_location .advisor__wrap .advisor__info .advisor__info-wrap > div {padding-left: 25px; position: relative;}
#project-contact_location .advisor__wrap .advisor__info h3 {line-height: 1em; margin-bottom: 1em; width: 100%;}
#project-contact_location .advisor__wrap .advisor__info label {display: block; font-weight: normal; margin: 0;}
#project-contact_location .advisor__wrap .advisor__info a {color: #EC9200; display: block; font:20px/1em 'DINPro-CondensedBold', sans-serif;}
#project-contact_location .advisor__wrap .advisor__info .advisor__info-wrap > div:before {background-position: center; background-repeat: no-repeat; background-size: contain; content: " "; height: 15px; left: 0; position: absolute; top: 3px; width: 15px;}
#project-contact_location .advisor__wrap .advisor__info .advisor__info-wrap > div:not(:last-child) {margin-bottom: 1em;}
#project-contact_location .advisor__wrap .advisor__info .advisor__phone:before {background: url(images/icon-agent_phone-w.svg);}
#project-contact_location .advisor__wrap .advisor__info .advisor__mobile:before {background: url(images/icon-agent_mobile-w.svg);}
#project-contact_location .advisor__wrap .advisor__info .advisor__email:before {background: url(images/icon-agent_email-w.svg);}
#project-contact_location .project__location .acf-map {height: 440px; width: 100%;}


.project__video {margin-bottom:120px; position:relative;}
.project__video:before {background:url(images/bg-video.png) repeat-x; content:" "; height:75px; left:0; position:absolute; right:0; top:80px; z-index:1;}
.project__video .wrap {position:relative;}
.project__video h2 {color:#333; font-size:80px; left:0; line-height:0.8em; text-transform:uppercase;}
.project__video h2:before {background:url(images/sprite.png) 0 -153px no-repeat; content:" "; display:block; height:62px; margin-bottom:20px; width:59px;}
.project__video .video__container video {box-shadow:20px 20px 50px rgba(0,0,0,0.4); max-width:100%;}

/* Pages */
.page-template .page-header {height:360px; padding-top:230px;}
.page-template .page-header .page-title h1 {color:#ec9200; font-size:100px; line-height:0.8em; margin:0;}
.page-content {padding:120px 0;}
/* Page: Projects */
.page-proyectos .page-header {height:480px; margin-bottom:-120px;}
.page-proyectos .main-content, .page-servicios .main-content {padding-bottom:120px;}
.projects-new .bx-wrapper {box-shadow: 10px 20px 40px rgba(0,0,0,0.5);}
#new-projects .slider-item .item__image figure {margin:0;}
#new-projects .slider-item .item__content {left:40px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#new-projects .slider-item .item__title {max-width:40%;}
#new-projects .slider-item .item__title h3 {font-size:100px; line-height:0.9em; text-shadow:0 5px 10px rgba(0,0,0,0.6);}
#new-projects .slider-item .item__title h3 a {color:#fff;}
#new-projects .slider-item .item__title h4 {background:#ec9200; color:#fff; display:inline-block; line-height:1em; padding:10px 20px; text-transform:uppercase;}
.projects-new .bx-wrapper {position:relative;}
.projects-new .bx-controls {position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:right;}
.projects-new .bx-controls .bx-pager-item {padding:10px 0;}
.projects-new .bx-controls .bx-pager-link {background:#fff; color:#333; display:block; font:0px/0em 'DINPro-CondensedBold', sans-serif; margin:5px auto; padding:5px 10px; width:30px;}
.projects-new .bx-controls .bx-pager-link.active {color:#ec9200; font-size:50px; padding:5px 15px; width:auto;}
.projects__filters {margin-bottom:80px;}
.project__filter {margin:0 auto; width:328px;}
.project__filter h4 {color:#333; font-size:22px; font-weight:normal; line-height:0.8em; text-align:center; text-transform:uppercase;}
.project__filter ul {border:2px solid #333; margin:0; list-style:none; position:relative;}
.project__filter ul:after {content:" "; clear:both; display:block;}
.project__filter li {float:left; position:relative; z-index:2;}
.project__filter li button {color:#333; font:22px/1em 'DINPro-CondensedRegular', sans-serif; display:block; padding:10px 15px; text-transform:uppercase;}
.project__filter li.active button {color:#fff;}
.project__filter li:last-child {display:none;}
#magic-line {background:#333; bottom:0; left:0; position: absolute; top:0; transition: 0.3s; width:74px; z-index:1;}

.filter {position: relative; z-index: 10;}
.filter .filter__wrapper {background: #333; color: #fff;}
.filter .filter__wrapper h4 {margin: 0; padding: 1.1rem; text-align: center; text-transform: uppercase;}
.filter .filter__wrapper .filter__cat > a {background: #333; color: #fff; display: block; position: relative;}
.filter .filter__wrapper .filter__cat > a:after {border-color: transparent #fff #fff transparent; border-style: solid; border-width: 0 1px 1px 0; content: " "; height: 0.571rem; position: absolute; right: 1.8rem; top: 50%; transition: transform 0.3s; transform: translateY(-80%) rotate(45deg); width: 0.571rem;}
.filter .filter__wrapper .filter__cat.active > a:after {transform: translateY(-20%) rotate(-135deg);}
.filter .filter__wrapper .filter__cat > ul {background: #333; list-style: none; margin: 0; opacity: 0; padding: 0 1.4rem 1.4rem 1.4rem; transition: all 0.3s; visibility: hidden; width: 100%;}
.filter .filter__wrapper .filter__cat.active > ul {opacity: 1; visibility: visible;}
.filter .filter__wrapper .filter__cat > ul li {padding: 0.357rem;}
.filter .filter__wrapper .filter__cat > ul li button {display: block; position: relative; text-align: left; width: 100%;}
.filter .filter__wrapper .filter__cat > ul li button:after {background: #ec9200; border-radius: 50%; content: " "; height: 5px; opacity: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 5px;}
.filter .filter__wrapper .filter__cat > ul li button.selected {color: #ec9200;font-weight: bold;}
.filter .filter__wrapper .filter__cat > ul li button.selected:after {opacity: 1;}


/*.projects-list .item:nth-child(2), .projects-list .item:nth-child(5), .projects-list .item:nth-child(6), .projects-list .item:nth-child(9) {width:66.66%;}*/
.projects-list .item .item__new {height:80px; position:absolute; right:0; top:0; width:80px; z-index:5;}
.projects-list .item .item__new:before {background:#ec9200; content:" "; height:120px; position:absolute; transform:rotate(-45deg); right:-60px; top:-60px; width:120px; z-index:1;}
.projects-list .item .item__new span {color:#fff; display:inline-block; font:22px/1em 'DINPro-CondensedRegular', sans-serif; position:relative; right:-25px; text-transform:uppercase; top:20px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:2;}
.projects-list .item .item__wrap {height:400px; overflow:hidden; position:relative; transition:box-shadow 0.2s; z-index:1;}
.projects-list .item .item__image {background:#000; bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0;}
.projects-list .item .item__image figure {margin:0;}
.projects-list .item .item__image img {height:400px; left:50%; max-width:initial; position:absolute; top:50%; transform:translate(-50%,-50%); transition:transform 1.2s ease-out, opacity 0.5s; width:800px;}
.projects-list .item .item__content {left:10%; position:absolute; top:50%; transform:translateY(-50%); width:80%; z-index:2;}
.projects-list .item .item__content h3 {font-size:40px; line-height:0.8em;}
.projects-list .item .item__content h3 a {color:#fff;}

/* Page: Projects */
.page-servicios .main-content {background:#eee;}
.service-list {padding-top:120px;}
.service-list .item {position:relative;}
.service-list .item:last-child {margin:0;}
.service-list .item .item__image figure {margin:0;}
.service-list .item .item__content {background:#fff; padding:40px;z-index:2;}
.service-list .item .item__content h3 {ine-height:0.8em; margin-bottom:30px;}

/* Page: About */
.page-nosotros .page-content {padding:0;}
.about__main-content .wrap {position:relative;}
.about__main-content .about__content {text-align:justify;}

.about__column {margin-top:-40px;}
.about__column > div {text-align:justify;}
.about__column h3 {font-size:80px;}
.about__column .about__mission {background:#de890a; top:0;}
.about__column .about__mission, .about__column .about__mission h3 {color:#fff;}
.about__column .about__vision {background:#eee; bottom:0;}
.about__main-content {background:url(images/bg-about.jpg) center bottom no-repeat;}
.about__values {background: #65675a; background: -moz-linear-gradient(180deg, #65675a 0%, #4a4c42 100%); background: -webkit-linear-gradient(180deg, #65675a 0%,#4a4c42 100%); background: linear-gradient(180deg, #65675a 0%,#4a4c42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65675a', endColorstr='#4a4c42',GradientType=1 ); padding:110px 0; text-align:center;}
.about__values h2 {color:#fff; font-size:60px; line-height:1em; margin-bottom:60px;}
.about__values .wrap div {color:#fff;}
.about__team {padding-top:40px;}

/* Contact */
.contact-icons {list-style:none;}
.contact-icons li {font:20px/1em 'DINPro-CondensedRegular', sans-serif;}
.contact-icons li:first-child {font-size:30px;}
.contact-icons li:before {background-image:url(images/sprite.png); content:" "; display:inline-block; height:20px; margin:0 15px 0 0; width:20px;}
.contact-icons .icon-phone:before {background-position:0 -275px;}
.contact-icons .icon-address:before {background-position:30px -275px;}
.contact__content .contact__info {padding-bottom:50px;}
.contact__tabs {background:#fff; box-shadow:20px 20px 50px rgba(0,0,0,0.4);}
.contact__tabs .ui-tabs-nav:after {content:" "; clear:both; display:block;}
.contact__tabs .ui-tabs-nav li {background:#555; float:left; font:20px/1em 'DINPro-CondensedRegular', sans-serif; height:60px; list-style:none; text-align:center; text-transform:uppercase; width:50%;}
.contact__tabs .ui-tabs-nav li a {color:#fff; display:block; height:60px; outline:none; padding:20px 0; position:relative;}
.contact__tabs .ui-tabs-nav li a:before {border-style:solid; border-width:60px 40px; content:" "; opacity:0; position:absolute; top:0;}
.contact__tabs .ui-tabs-nav li a#ui-id-1:before {border-color:transparent transparent transparent #fff; right:-80px;}
.contact__tabs .ui-tabs-nav li a#ui-id-2:before {border-color:transparent #fff transparent transparent; left:-80px;}
.contact__tabs .ui-tabs-nav li.ui-state-active a {background:#fff; color:#555;}
.contact__tabs .ui-tabs-nav li.ui-state-active a:before {opacity:1;}
.contact__tabs .ui-tabs-panel {padding:50px;}
.nf-form-content .nf-field-container {margin-bottom:10px;}
.nf-form-fields-required {font-size:14px; margin-bottom:20px;}
.nf-error .ninja-forms-field {background:#ffecec; border:none !important; position:relative;}
.nf-field .nf-field-element:before {background:#e80000; bottom:0; content:" "; height:1px; position:absolute; width:0; z-index:2;}
.nf-error .nf-field-element:before {width:100%;}
.nf-after-field .nf-error-msg {font-size:13px;}
#home-contact .nf-form-content .submit-container {margin:0; text-align:right;}
input.nf-element[type="submit"] {background:url(images/icon-arrow_right.svg) transparent no-repeat; background-position: right 1.2rem center;  border:2px solid #333; color:#333; cursor:pointer; font:24px/1em 'DINPro-CondensedRegular'; display:inline-block; margin-top:10px; padding:10px 70px 10px 20px; position:relative; text-transform:uppercase;}

/* Login */
.login {background:#8e5928;}
.login input[type="text"], .login input[type="password"] {background:transparent; box-shadow:none; padding:10px;}
.login h1 a {background: url(mogacon-logo_white.svg) no-repeat; height:60px; width:230px;}
.login form {box-shadow:0 15px 30px rgba(0,0,0,.3); padding:30px;}
.login form .forgetmenot {float:none; margin:0 0 30px !important;}
.login form .forgetmenot input[type="checkbox"] {border:none;}
#login form p.submit {text-align:center;}
#login form p.submit .button-primary {background:url(images/sprite.png) transparent right -225px no-repeat; border:2px solid #333; border-radius:0; box-shadow:none; color:#333; cursor:pointer; display:inline-block; float:none; font:24px/1em 'DINPro-CondensedRegular'; height:auto; padding:10px 70px 10px 20px; position:relative; text-shadow:none; text-transform:uppercase;}
.login #backtoblog, .login #nav {text-align:center;}
.login #backtoblog a, .login #nav a {color:#fff;}

/* Footer */
#footer {border-top:1px solid #ddd;}
#footer .wrap {position:relative;}
#footer .footer__rights {padding-top:50px;}
#footer .footer__copyright {font-size:14px; font-weight:200;}
#footer .legal-menu {margin-bottom: 1.4285rem; text-align: right;}
#footer .legal-menu ul {list-style: none; margin: 0;}

#footer .footer__column-right {display: flex; flex-wrap: wrap; justify-content: flex-end;}
#footer .footer__column-right > div {flex: 0 0 100%;}
#footer .footer__column-right .social-menu > ul {justify-content: end; margin: 0;}
#footer .footer__column-right .social-menu li {background-color: transparent; border-style: solid; border-width: 2px;}
#footer .footer__column-right .social-menu li.wp-social-link-facebook {border-color: #1778f2;}
#footer .footer__column-right .social-menu li.wp-social-link-facebook:hover {background-color: #1778f2;}
#footer .footer__column-right .social-menu li.wp-social-link-instagram {border-color: #f00075;}
#footer .footer__column-right .social-menu li.wp-social-link-instagram:hover {background-color: #f00075;}
#footer .footer__column-right .social-menu li.wp-social-link-linkedin {border-color: #0d66c2;}
#footer .footer__column-right .social-menu li.wp-social-link-linkedin:hover {background-color: #0d66c2;}
#footer .footer__column-right .social-menu li a {height: 2.1428rem; display: flex; justify-content: center; padding: 0; width: 2.1428rem;}
#footer .footer__column-right .social-menu li a span {font-size: 1.3rem ;margin: 0;}
#footer .footer__column-right .social-menu li a svg {fill: #333;}
#footer .footer__column-right .social-menu li:hover a svg {fill: #fff;}

@keyframes circleHeight {0% {stroke-dasharray:0,510;}100% {stroke-dasharray:510,0;}}
@keyframes scrollMouse {0% {top:0;}25% {top:0;}30% {top:-5px;}35% {top:0;}40% {top:-5px;}45% {top:0;}100% {top:0;}}
@keyframes scrollArrow {0% {bottom:0;}60% {bottom:0;}65% {bottom:-5px;}70% {bottom:0;}75% {bottom:-5px;}80% {bottom:0;}100% {bottom:0;}}

@media screen and (min-width: 1201px){
    .wrap {margin:0 auto;}
}

@media screen and (max-width: 1200px){
    .wrap {margin:0 20px;}

    #home-slider .slider-item .item__container {width:75%;}
    #home-slider .controls-wrap {right:5%;}
}

@media screen and (min-width: 1025px){
    .projects-list .item:hover .item__wrap {box-shadow:20px 20px 50px rgba(0,0,0,0.5);}
    .projects-list .item:hover .item__image img {opacity:0.3; transform:translate(-50%,-50%) scale(1.2);}
    .projects-list .item .item__content {opacity:0; transition:opacity 0.3s;}
    .projects-list .item:hover .item__content {opacity:1;}
    .projects-list .item .item__content h3 {margin-bottom:60px; transition:margin 0.5s;}
    .projects-list .item:hover .item__content h3 {margin-bottom:25px;}

    .filter .filter__wrapper h4 {width: 18.5714rem;}
    .filter .filter__wrapper .filter__cat {width: 12.857rem;}

    #project-commodities .item {width: 25%;}

    .about__values .wrap div {border:2px solid #fff; border-radius:50%; display:inline-block; height:160px; margin:0 15px; padding:10px; position:relative; width:160px;}
    .about__values .wrap div:hover {border-color:rgba(255,255,255,0.2);}
    .about__values .wrap div h3 {font:20px/1em 'DINPro-CondensedBold', sans-serif; left:0; position:absolute; top:50%; transform:translateY(-50%); text-transform:uppercase; width:100%;}
    .about__values .wrap div:hover h3 {color:#de890a; font-size:26px; top:20%;}
    .about__values .wrap div p {left:-15%; line-height:1.4em; opacity:0; position:absolute; right:-15%; top:80%;}
    .about__values .wrap div:hover p {opacity:1; top:40%;}
}

@media screen and (max-width: 1024px){
    #home-contact .contact__forms {left:0;}

    .projects-list .item {height:330px;}
    .projects-list .item .item__wrap {height:300px;}
    .projects-list .item .item__image img {opacity:0.3;}
    .projects-list .item .item__content h3 {margin-bottom:25px;}

    .about__values .wrap div {border:2px solid #fff; border-radius:10px; padding:30px;}
    .about__values .wrap div:not(:last-child) {margin-bottom:30px;}
    .about__values .wrap div:nth-child(odd) {margin-right:10%;}
    .about__values .wrap div:nth-child(even) {margin-left:10%;}
}

@media screen and (min-width: 769px) and (max-width: 1024px){
    #home-contact .contact__tabs {width:480px;}

    .filter .filter__wrapper h4 {width: 10rem;}
    .filter .filter__wrapper .filter__cat {width: 12rem;}

    #project-commodities .item {width: 40%;}
}

@media screen and (min-width: 769px){
    #home-slider .slider-item .item__container {left:50%; transform:translate(-50%,-50%);}
    #home-slider .slider-item .item__content {left:-12%; top:50%; transform:translateY(-50%); width:40%;}
    #home-slider .controls-wrap {right:20%; top:50%; transform:translateY(-50%);}
    #home-slider .controls-timer {height:160px;}
    #home-slider .slider-pager .bx-pager::first-letter {font:100px/1em 'DINPro-CondensedBold', sans-serif;}
    #home-slider .control-link a {height:60px; left:50%; margin-left:-12px; width:25px;}
    #home-slider .control-link a:hover {height:50px;}
    #home-slider .control-link a:before {height:100%; left:50%; width:1px;}
    #home-slider .control-link a:after {border-color:#fff #fff transparent transparent; left:50%; margin-left:-8px;}
    #home-slider .control-link.control-prev a {bottom:110%;}
    #home-slider .control-link.control-next a {top:110%;}
    #home-slider .control-link.control-prev a:after {top:2px; transform:rotate(-45deg);}
    #home-slider .control-link.control-next a:after {bottom:2px; transform:rotate(135deg);}

    #home-services {max-height:700px; overflow:hidden;}
    #home-services .services__content {left:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:380px;}
    #home-services .services__slider {float:right; margin-right:-11.66%; width:66.66%;}

    
    .filter {margin-bottom: 100px; margin-top: -2.19rem;}
    .filter .wrap {display: flex; justify-content: center;}
    .filter .filter__wrapper {display: flex; align-items: center;}
    .filter .filter__wrapper h4 {height: 4.38rem;}
    .filter .filter__wrapper .filter__cat {border-left: 1px solid rgb(221 221 221 / 20%); position: relative;}
    .filter .filter__wrapper .filter__cat > a {height: 4.38rem; padding: 1.5rem;}
    .filter .filter__wrapper .filter__cat > ul {position: absolute; top: 80%;  z-index: 5;}
    .filter .filter__wrapper .filter__cat.active > ul {top: 100%;}

    .projects-list .item-sizer, .projects-list .item {width:33.33%;}
    .projects-list .item:nth-child(4n) {width:66.66%;}

    .single-proyecto .page-header .entry-title {width:580px;}
    .single-proyecto .page-header .entry-title h1 {font-size:100px;}
    .project__body-wrap {float:left; width:51.66%;}
    .project__quote, .project__form {float:right; margin-top:-60px; position:relative; width:38.41%; z-index:10;}
    .project__gallery {margin-bottom:160px;}
    .project__gallery .bx-viewport {left:50%; position:absolute !important; transform:translateX(-50%); width:739px !important;}
    .project__video h2 {left:0; position:absolute; top:50%; transform:translateY(-50%); width:340px; z-index:3;}
    .project__video .video__container {float:right; position:relative; width:77.5%; z-index:2;}

    #project-blueprints h3.resp-accordion {display:none;}

    .service-list .item {margin-bottom:120px;}
    .service-list .item .item__image {float:right;position:relative; z-index:1;}
    /*.service-list .item.odd .item__image {float:left;}
    .service-list .item.even .item__image {float:right;}*/
    .service-list .item .item__content {left:0; position:absolute; top:50%; transform:translateY(-50%); width:46.66%;}
    /*.service-list .item.odd .item__content {right:0;}
    .service-list .item.even .item__content {left:0;}*/
    .service-list .item .item__content h3 {font-size:60px;}

    .about__column {bottom:0; position:absolute; right:0; top:0; width:50%;}
    .about__column > div {height:50%; left:0; padding:50px 12.5% 0; position:absolute; right:0;}
    .about__content {padding:120px 5% 0 0; width:50%;}

    #footer .wrap {align-items: center; display: flex; flex-wrap: wrap;}
    #footer .wrap > div {width: 50%;}
}

@media screen and (max-width: 768px){
    .page-template .page-header .page-title h1 {font-size:80px;}
    #home-slider .slider-item .item__container {left:5%; top:40%; width:90%;}
    #home-slider .slider-item .item__content {left:10%; right:20%; top:-30%;}
    #home-slider .slider-item .item__content h3 {text-shadow:0 10px 20px rgba(0,0,0,0.6);}
    #home-slider .controls-wrap {left:50%; top:74%; transform:translateX(-50%); width:100px;}
    #home-slider .controls-timer {height:100px; width:100px;}
    #home-slider .controls-timer svg {margin:-30px 0 0 -30px; transform:scale(0.62);}
    #home-slider .slider-pager .bx-pager {width:80px;}
    #home-slider .slider-pager .bx-pager::first-letter {font:60px/1em 'DINPro-CondensedBold', sans-serif;}
    #home-slider .control-link a {height:25px; top:50%; transform:translateY(-50%); width:60px;}
    #home-slider .control-link a:before {height:1px; top:50%; width:100%;}
    #home-slider .control-link a:after {top:4px;}
    #home-slider .control-link a.bx-prev:after {border-color:#fff transparent transparent #fff; left:2px; transform:rotate(-45deg);}
    #home-slider .control-link a.bx-next:after {border-color:#fff #fff transparent transparent; right:2px; transform:rotate(45deg);}
    #home-slider .control-link.control-prev a {right:110%;}
    #home-slider .control-link.control-next a {left:110%;}

    #home-services .wrap {margin:0;}
    #home-services .services__content {padding:50px 10%;}
    #home-services .services__slider {height:400px; overflow:hidden; padding-left:50px;}
    #home-services .services__slider:before {background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); content:" "; height:50px; left:0; position:absolute; top:0; width:100%; z-index:2;}
    #home-services .services__slider .bx-wrapper {transform:translateY(-50%);}
    #home-services .services__slider .bx-controls a {left:-40px;}

    .projects-new .wrap {margin:0 -60px;}
    .projects-new .bx-wrapper {max-width:auto;}
    #new-projects .slider-item .item__content {left:15%; width:70%;}
    #new-projects .slider-item .item__title {max-width:80%;}
    #new-projects .slider-item .item__title h3 {font-size:60px;}
    .projects-new .bx-controls {right:15%;}
    .single-proyecto .page-header .entry-title h1 {font-size:80px;}
    .project__quote {margin:50px 30px 0;}
    .project__gallery {margin-bottom:100px;}

    .filter {margin-bottom: 60px;}
    .filter .filter__wrapper .filter__cat {border-top: 1px solid rgb(221 221 221 / 20%);}
    .filter .filter__wrapper .filter__cat > a {padding: 1rem 1.5em;}
    .filter .filter__wrapper .filter__cat > ul {max-height: 0; padding: 0 1.4rem 0 1.4rem;}
    .filter .filter__wrapper .filter__cat.active > ul {max-height: fit-content; padding: 0 1.4rem 1.4rem 1.4rem;}

    #project-commodities .item {margin-bottom: 1em; width: 50%;}
    #project-blueprints .tab-items-list {display:none;}

    .service-list .item {margin-bottom:80px;}
    .service-list .item .item__content {margin:-100px 5% 0; position:relative;}
    .service-list .item .item__content h3 {font-size:40px;}

    .about__main-content .about__column > div {padding:50px 8%;}
    .about__main-content .about__content {padding:80px 5% 0 0;}
    .about__main-content .about__content div {text-align:center;}

    .about__column h3 {font-size:60px;}
}

@media screen and (min-width: 569px) and (max-width: 768px){
    .projects-list .item-sizer, .projects-list .item {width:50%;}
    .projects-list .item:nth-child(3) {width:50% !important;}
    .projects-list .item:nth-child(3n) {width:100%;}

}

@media screen and (min-width: 569px){
    #main-menu_mobile {display:none;}

    #header .menu-main-menu-container {text-align:center;}
    #header .menu-main-menu-container ul li, .sticky-header .menu-main-menu-container ul li {display:inline-block; font:20px/1em 'DINPro-CondensedRegular'; position:relative; text-transform:uppercase;}
    #header .menu-main-menu-container ul li:not(:last-child), .sticky-header .menu-main-menu-container ul li:not(:last-child) {margin-right:30px;}
    #header .menu-main-menu-container ul li.current-menu-item:before, .sticky-header .menu-main-menu-container ul li.current-menu-item:before {background:#ec9200; content:" "; height:1px; left:-10px; position:absolute; right:-10px; top:50%; transform:rotate(-10deg); z-index:2;}
    #header .menu-main-menu-container ul li.current-menu-item a, .sticky-header .menu-main-menu-container ul li.current-menu-item a {font-weight:700; position:relative; z-index:1;}
    #header .menu-main-menu-container ul li a {color:#fff;}
    #header .menu-main-menu-container ul li a:hover, .sticky-header .menu-main-menu-container ul li a:hover {color:#ec9200;}

    #home-about .wrap {height:880px;}
    #home-about {background-position:center top;}
    #home-about .about__content {right:14.16%; text-align:center; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:370px;}

    .page-proyectos .page-title {float:left;}
    .projects-list .item {padding:0 15px 30px 15px;}
    .projects-list .item:nth-child(4n) .item__content h3 {font-size:60px;}

    #project-contact_location .advisor__wrap .advisor__info .advisor__phone,
    #project-contact_location .advisor__wrap .advisor__info .advisor__mobile {width: 50%;}
    #project-contact_location .project__advisor {position: absolute; top: 50%; transform: translateY(-50%); width: 40%;}
    #project-contact_location .project__location {margin-left: auto; width: 65%}

    .project__form {padding: 2.5em;}

    #home-contact .contact__forms {top:50%; transform:translateY(-50%); width:560px;}
    #home-contact .contact__tabs {height:560px; width:560px;}
    .contact-toggle {display:none;}
    .contact__info {float:left; width:45%;}
    .contact__forms {float:right; width:50%;}

    #footer .footer__logo {float:left; margin-right:30px; padding:0 30px 50px 0; position:relative; width:220px;}
    #footer .footer__logo:after {background:#ddd; content:" "; height:100%; position:absolute; right:0; top:0; width:1px;}
}

@media screen and (max-width: 568px){
    #header .menu-main-menu-container, .sticky-header .menu-main-menu-container {display:none;}
    #header .menu-toggle {margin:0 auto;}
    #header .menu-toggle span {background:#fff;}
    .sticky-header .menu-toggle {float:right; top:6px;}
    .sticky-header .menu-toggle span {background:#333;}

    .menu-toggle {height:40px; position:relative; width:40px;}
    .menu-toggle span {height:2px; position:absolute;}
    .menu-toggle span:nth-child(1) {left:0; top:8px; width:40px;}
    .menu-toggle span:nth-child(2) {left:2px; top:18px; width:36px;}
    .menu-toggle span:nth-child(3) {left:4px; top:28px; width:32px;}
    .menu-toggle.open span:nth-child(1) {left:0; top:10px; width:40px;}
    .menu-toggle.open span:nth-child(2) {left:2px; top:18px; width:36px;}
    .menu-toggle.open span:nth-child(3) {left:4px; top:26px; width:32px;}
    #main-menu_mobile .main-menu_close {height:40px; position:absolute; right:20px; top:20px; width:40px;}
    #main-menu_mobile .main-menu_close:before, #main-menu_mobile .main-menu_close:after {background:#fff; height:2px; content:" "; left:0; margin-top:-1px; position:absolute; top:50%; width:100%;}
    #main-menu_mobile .main-menu_close:before {transform:rotate(45deg);}
    #main-menu_mobile .main-menu_close:after {transform:rotate(-45deg);}
    #main-menu_mobile {background:url(images/bg-menu_mobile.jpg) center /cover no-repeat; bottom:20%; left:0; opacity:0; position:fixed; right:0; top:-10%; visibility:hidden; z-index:102;}
    #main-menu_mobile.open {bottom:0; opacity:1; top:0; visibility:visible;}
    #main-menu_mobile .menu-main-menu-container {left:0; position:absolute; top:50%; text-align:center; transform:translateY(-50%); width:100%;}
    #main-menu_mobile .menu-main-menu-container ul {list-style:none;}
    #main-menu_mobile .menu-main-menu-container li {display:block; font:40px/1em 'DINPro-CondensedRegular'; margin:15px 0;}
    #main-menu_mobile .menu-main-menu-container li.current-menu-item {font-family:'DINPro-CondensedBold'; position:relative; text-transform:uppercase;}
    #main-menu_mobile .menu-main-menu-container li.current-menu-item:before {background:#ec9200; content:" "; height:1px; left:10%; position:absolute; top:50%; width:80%;}
    #main-menu_mobile .menu-main-menu-container li a {color:#fff;}
    #main-menu_mobile .menu-main-menu-container li.current-menu-item a {color:#ec9200;}

    #home-slider, #home-slider .slider-item {height:768px;}
    #home-slider .slider-item .item__container {left:-10%; max-width:inherit; width:120%;}
    #home-slider .slider-item .item__content {left:15%;}
    #home-slider .slider-item h3 {font-size:70px;}
    #home-slider .lets-scroll {display:none;}

    .page-header .page-title h1 {text-align:center;}

    .home__section h2 {font-size:80px;}
    #home-services .services__slider {padding-left:80px;}
    #home-services .services__slider .bx-controls a {left:-70px;}

    #home-about {background-position:18% top;}
    #home-about.home__section h2 {font-size:70px;}
    #home-about .wrap {height:660px;}
    #home-about .about__content {top:15%; width:75%;}

    .projects-list .item {padding:0 0 30px 0;}
    .projects-list .item-sizer, .projects-list .item {width:100%;}

    .project__form {padding: 1.5em;}
    .project__content .project__body-wrap {margin-bottom: 3em;}
    #project-blueprints .resp-tabs-container .resp-accordion {margin: 0; padding:1em;}

    .contact-toggle {background:#ec9200; border-radius:50%; bottom:20px; height:60px; left:50%; margin-left:-30px; position:absolute; width:60px; z-index:10;}
    .contact-toggle span {display:block; height:35px; left:12.5px; position:absolute; top:12.5px; width:35px;}
    .contact-toggle .contact__toggle-icon {background:url(images/icon-contact.png) center no-repeat; opacity:1; visibility:visible;}
    .contact-toggle.open .contact__toggle-icon {opacity:0; visibility:hidden;}
    .contact-toggle .contact__toggle-close {opacity:0; visibility:hidden;}
    .contact-toggle.open .contact__toggle-close {opacity:1; visibility:visible;}
    .contact-toggle .contact__toggle-close:before, .contact-toggle .contact__toggle-close:after {background:#fff; content:" "; height:2px; left:0; margin-top:-1px; position:absolute; top:50%; width:100%;}
    .contact-toggle .contact__toggle-close:before {transform:rotate(45deg);}
    .contact-toggle .contact__toggle-close:after {transform:rotate(-45deg);}
    #home-contact .contact__forms {bottom:30px; left:0; opacity:0; visibility:hidden; width:100%;}
    #home-contact .contact__forms.open {bottom:0; opacity:1; visibility:visible;}
    #home-contact .contact__tabs .ui-tabs-panel {padding:30px 30px 50px 90px;}
    .contact__forms {margin-bottom:50px;}

    #footer .footer__logo {margin:0 auto 30px; width:200px;}
    #footer .footer__copyright {padding:20px 0 40px; text-align:center;}
}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}