@charset "UTF-8";
/* CSS Document */

/*Common USE*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important;
}


input[type="text"]{border: 1px solid #f0f0f0; background: #fff}
input[type="radio"]{margin-right: 5px}
select, select.wpcf7-select,#filter_catid, #radius, #resultpanel {display: inline-block; /*width: auto !important;*/ padding: .375rem 1.75rem .375rem .75rem; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-color: rgb(255, 255, 255); background-image: none\9; background-size: 10px 15px; -moz-appearance: none; -webkit-appearance: none;}
select option, select{font-size: 14px !important;}
.formControls label{padding-right: 20px}
select option{padding: 3px 0 !important}


ul li, ol li{list-style: none}
.invisible{visibility: hidden !important; display: none}
[id^="wk-grid"].aktuelles a.wk-link-reset { pointer-events: none; }

h4{color: #231F20; font-size: 20px; margin-top: 0}
.uk-button-default{border: 1px solid #46535b;  line-height: normal; padding: 5px 10px; letter-spacing: normal}
.uk-button-default:before{content: url(/templates/yootheme/vendor/yootheme/theme/assets/images/customizer/breadcrumb.svg); padding-right: 5px;}
.uk-button-default:hover{background: #231F20; color: #fff; border: 1px solid #231F20}
.uk-button-text{letter-spacing: 1px; text-transform: none; text-decoration: underline}


.uk-logo{padding: 0 15px !important;}
.uk-navbar-toggle{background: #231F20 !important; color: #fff; min-width: 60px !important; min-height: 50px !important; padding: 0 !important;}
.uk-navbar-toggle:hover{background: #fff !important; color: #231F20}
.uk-navbar-toggle:hover .uk-navbar-toggle-icon svg{color: #000 !important;}
.uk-navbar-toggle:hover .uk-navbar-toggle-icon svg rect:nth-child(2){margin-left: -30px}
.uk-navbar-toggle-icon svg, .uk-modal-close-full svg {width: 40px; height: auto; color: #fff;}
.uk-offcanvas-close svg{width:40px; height:auto}
.uk-navbar-nav > li > a:before {transform: none;}
.uk-modal-close-full{background: #231F20; padding: 8px 15px; border: 2px solid #818283;}
.tm-header :not(.uk-sticky-below) > .uk-navbar-container{padding-top: 0}
.uk-offcanvas-bar .uk-close{color: #fff}
.uk-offcanvas-bar .uk-close:hover{color: #818283}

/*Hamburger Menu*/
.tm-header :not(.uk-sticky-below) > .uk-navbar-container{padding-bottom: 0}
.home-cld .tm-header-overlay{ position: fixed}
.uk-navbar-sticky, .uk-navbar-container:not(.uk-navbar-transparent){background: #fff;}
.uk-offcanvas-bar{overflow: hidden; padding: 20px 0;background: #1d1d1b;}
.uk-offcanvas-bar .uk-nav{padding-top: 10%}
.uk-offcanvas-bar .uk-nav > li > a{font-size: 22px; color: #fff; text-transform: none !important; border-bottom: 1px solid #505c63; padding: 8px 20px}
.uk-offcanvas-bar .uk-nav > li a:hover, .uk-offcanvas-bar .uk-nav ul.uk-nav-sub li a:hover, .uk-modal-full .uk-modal-dialog .uk-nav-default a:hover{color: #818283; background: #1d1d1b}
.uk-offcanvas-bar .uk-nav ul.uk-nav-sub{padding-left: 0}
.uk-offcanvas-bar .uk-nav ul.uk-nav-sub li a{font-size: 18px !important; color: #454545; text-decoration: none; border-bottom: 1px solid #505c63; padding: 8px 20px 8px 20%}
.uk-offcanvas-bar .uk-nav > li.uk-active a, .uk-offcanvas-bar .uk-nav ul.uk-nav-sub li.uk-active a, .uk-modal-full .uk-modal-dialog .uk-nav-default li.uk-active a, .uk-modal-full .uk-modal-dialog .uk-nav-default ul.uk-nav-sub li.uk-active a{color: #818283; }
.uk-offcanvas-bar .uk-nav > li.uk-active a:hover, .uk-offcanvas-bar .uk-nav ul.uk-nav-sub li.uk-active a:hover{color: #818283}

/*Mobile menu*/
.tm-header-mobile .uk-navbar-container{border-bottom: 0px solid #231F20}
.uk-modal-full .uk-modal-dialog{background: #1d1d1b;}
.uk-modal-full .uk-modal-dialog .uk-nav-default>li>a{font-size: 22px; color: #fff; text-transform: none !important; padding: 5px; text-align: center}
.uk-modal-full .uk-modal-dialog .uk-nav-default>li.uk-active a:hover{color: #231F20}
.uk-modal-full .uk-modal-dialog .uk-nav-default ul.uk-nav-sub li a{text-align: center; color:#fff; font-size: 20px}

.uk-logo, .uk-logo:focus, .uk-logo:hover{color: #fff}

.mob-contact{color: #fff; padding: 20px}
.mob-contact a{color: #818283}

.logo-on-mobile-menu{padding: 0 0 0 20px}

/*Home page*/
.homesliders h2{text-align: center; padding-bottom: 20px; letter-spacing:1px; line-height: normal !important; color: #fff; margin: 0; padding: 0}
.homesliders h2 strong{color: #231F20;}
.homesliders h3{padding:20px 0; margin: 0; color: #fff; font-size: 22px}
.homesliders .el-item a{border: 2px solid #231F20; font-size: 17px; padding: 15px 30px; text-align: center;  background: #231F20; color: #fff; text-transform: uppercase; font-weight: bold}
.homesliders .el-item a:before{content: "\f002";  font-family: "FontAwesome"; padding-right: 10px; display: none}
.homesliders .el-item a:hover{ background: #fff; text-decoration: none; color: #231F20;}
.homesliders .uk-dotnav{margin-left: 0 !important}
.homesliders .uk-dotnav > * > *{width: 15px; height: 15px}

.hm-introduction, .uk-section-muted, .uk-tile-muted, .uk-card-default{background: url(../../../images/pattern1.jpg) 0 0 repeat; border-bottom: 1px solid #f0f0f0; box-shadow:0 5px 15px rgba(0,0,0,0)}

.hm-block-transparent{background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.8), rgba(0,0,0,1)) !important; margin-top: -255px; position: relative}
.hm-block a:hover{color: #fff !important}
.hm-block .el-link{text-transform: uppercase; font-size: 15px; letter-spacing: 2px; font-weight: bold}
.hm-block img{width: 80px; height: auto;}
.hm-block > div:nth-child(2) > div:hover, .hm-block > div:nth-child(3) > div:hover{background: #231F20;}
.hm-block > div:nth-child(2) > div:hover h3, .hm-block > div:nth-child(3) > div:hover h3, .hm-block > div:nth-child(2) > div:hover .el-link, .hm-block > div:nth-child(3) > div:hover .el-link{color: #fff}

.hm-getintouch h2, .hm-getintouch p{color: #fff}

.hm-projects a{background: #fff; box-shadow: 2px 5px 10px rgba(0,0,0,0)}
.hm-projects a:hover{background: #fff !important; box-shadow: 3px 8px 16px rgba(0,0,0,0)}

.our-client-logos ul li > div{border: 1px solid #f0f0f0; padding: 20px}
.our-client-logos img{filter: grayscale(100%);}

/*Projects*/
.block-overlap{margin-top: -100px; position: relative}
.project-hero-gallery ul.el-nav {padding-bottom: 20px}
.project-hero-gallery ul.el-nav li{margin-bottom: 5px}
.project-hero-gallery ul.el-nav a {color: #46535b; border: 1px solid #46535b; border-radius: 15px; padding: 5px 12px}
.project-hero-gallery ul.el-nav li.uk-active a, .project-hero-gallery ul.el-nav a:hover{border-color: #231F20; background: #231F20; color: #fff}
.project-hero-gallery a.el-item:hover img{filter: grayscale(100%);}
.project-hero-gallery .uk-text-meta{color: #fff !important; letter-spacing: 3px; display: block !important; font-weight: normal}
.project-hero-gallery h4{text-transform:uppercase; letter-spacing: 4px; font-size: 20px}
h5.project-filter-title{text-transform: uppercase; font-weight: bold}

.btnShowreel a{font-size: 22px; padding: 10px 10px 10px 20px; display: inline-flex; display: -webkit-inline-flex; justify-content: space-between; -webkit-justify-content: space-between; text-align: left; line-height: 40px; align-items: center}
.btnShowreel svg{width:60px; height: 60px}


 .uk-transition-fade, [class*="uk-transition-scale"], .project-hero-gallery [class*="uk-transition-slide"] { opacity: 1 !important;}


.wk-overlay-background{background: rgba(72,83,90,0.7) !important}
.uk-text-meta{color: #231F20; font-size: 14px; text-transform: uppercase; font-weight: bold; display: none}
.wk-modal{background: rgba(72,83,90,0.7) !important}
.hero-img .uk-position-cover, .uk-overlay-primary{background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.6), rgba(0,0,0,0.8)) !important; top: 20%}
.hero-img h2{padding-top: 250px}
.hero-project .uk-position-cover{background: linear-gradient(to bottom, rgba(72,83,92,0),rgba(72,83,92,0.2), rgba(72,83,92,0.5)) !important;}
.hero-project h2{padding-top: 120px}


.modTagsSimilar{padding: 0; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: flex-start; -webkit-justify-content: flex-start; width: 100%}
.modTagsSimilar li{width: 23%; position: relative; margin: 0 2% 20px 0;}
.modTagsSimilar li .overlay{position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.2), rgba(0,0,0,0.8)) !important; -webkit-transition: opacity linear 300ms; transition: opacity linear 300ms;}
.modTagsSimilar li .overlay h4{color: #fff; font-size: 16px;  margin: 0 0 20px 0;  -webkit-transform: translateY(200px);  transform: translateY(200px);  -webkit-transition: transform linear 200ms;  transition: transform linear 200ms; padding: 20px; text-transform: uppercase; letter-spacing: 4px}
.modTagsSimilar li a:hover .overlay{opacity: 1; }
.modTagsSimilar a:hover .overlay h4{-webkit-transform: translateY(150px); transform: translateY(150px);}

.modTagsSimilar a{ width: 100%; height: 300px; display: block;}
.modTagsSimilar a:hover{filter: grayscale(100%);}
.modTagsSimilar a:after{content: "View Project"; font-size: 16px; position: absolute; z-index: 10; opacity: 0; bottom: 0; left: 20px; color: #fff;  -webkit-transform: translateY(20px);  transform: translateY(20px); transition-property: transform, opacity;}
.modTagsSimilar a:hover:after{-webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 1}
.modTagsSimilar a[href="/projects/mama-baba"], .modTagsSimilar a[href="/projects/mama-baba"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-mamababa.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/pinnochios"], .modTagsSimilar a[href="/projects/pinnochios"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-pinochino.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/the-smith"], .modTagsSimilar a[href="/projects/the-smith"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-thesmith.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/trinity-college"], .modTagsSimilar a[href="/projects/trinity-college"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-trinity-college.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/qantas-lounges"], .modTagsSimilar a[href="/projects/qantas-lounges"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-qantas-lounge.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/the-conservatory"], .modTagsSimilar a[href="/projects/the-conservatory"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-theconservatory.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/supernormal"], .modTagsSimilar a[href="/projects/supernormal"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-supernormal.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/rosetta"], .modTagsSimilar a[href="/projects/rosetta"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-rosetta.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/racv-inverloch"], .modTagsSimilar a[href="/projects/racv-inverloch"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-RACV-inverloch.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/park-royal-the-altus"], .modTagsSimilar a[href="/projects/park-royal-the-altus"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-parkroyal.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/elements-of-byron"], .modTagsSimilar a[href="/projects/elements-of-byron"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-north-byron-beach-resort.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/mings"], .modTagsSimilar a[href="/projects/mings"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-mings.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/jimbo-rex"], .modTagsSimilar a[href="/projects/jimbo-rex"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-jimbo-rex.jpg) 50% 50% no-repeat; background-size: cover;}

.modTagsSimilar a[href="/projects/jackpot-bar"], .modTagsSimilar a[href="/projects/jackpot-bar"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-jackpot.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/gradi-at-crown"], .modTagsSimilar a[href="/projects/gradi-at-crown"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-gradi.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/flemington-vrc"], .modTagsSimilar a[href="/projects/flemington-vrc"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-flemington-vrc.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/essendon-fields"], .modTagsSimilar a[href="/projects/essendon-fields"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-hyattplacehotel-essendonfields.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/collins-square"], .modTagsSimilar a[href="/projects/collins-square"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-collinssquare.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/bendigo-theatre-complex"], .modTagsSimilar a[href="/projects/bendigo-theatre-complex"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-bendigo-gaol.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/atrium-bar"], .modTagsSimilar a[href="/projects/atrium-bar"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-atrium.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/maha"], .modTagsSimilar a[href="/projects/maha"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-maha.jpg) 50% 50% no-repeat; background-size: cover;}
.modTagsSimilar a[href="/projects/society"], .modTagsSimilar a[href="/projects/society"]{ background:url(https://www.eatscape.com.au/images/thumb-projects/thumb-society.jpg) 50% 50% no-repeat; background-size: cover;}

.wk-slidenav-position .wk-slidenav-previous, .wk-slidenav-position .wk-slidenav-next{background: #1d1d1b;}

.nested > div:nth-child(3), .nested > div:nth-child(8){width: 100%; transform: translate(0) !important}

.uk-slidenav{background:#000}

/*Core services*/
.core-services{margin-top: -100px}
.core-services ul{margin: 0; padding: 0}
.core-services ul li{text-transform: uppercase; padding: 0; margin: -15px 0; font-weight: bold; display: inline-flex; display: -webkit-inline-flex; align-items: center; width: 100%; justify-content: space-between; -webkit-justify-content: space-between}
.core-services li img{width: 25%;}
.core-services li span{width: 70%}

.stage-process{background: url(../../../images/pattern.png) 0 0 repeat; border: 1px solid #e2e7ea; padding: 40px 80px 40px 40px}
.stage-process .el-nav li{padding: 10px 0}
.stage-process .el-nav li.uk-active a, .stage-process .el-nav a:hover{background: #1d1d1b; color: #fff}
.stage-process .el-nav li a{position: relative; background: #e2e7ea; padding: 20px; text-transform: uppercase; letter-spacing: 4px; font-weight: bold; font-size: 20px;}
.stage-process .el-nav li a:before {content: ""; position: absolute; right: -35px; bottom: 0; width: 0; height: 0; border-left: 35px solid #e2e7ea; border-top: 35px solid transparent; border-bottom: 35px solid transparent;}
.stage-process .el-nav li.uk-active a:before, .stage-process .el-nav a:hover:before{content: ""; position: absolute; right: -35px; bottom: 0; width: 0; height: 0; border-left: 35px solid #1d1d1b !important; border-top: 35px solid transparent; border-bottom: 35px solid transparent;}
.stage-process .el-content ul, .stage-process-new .el-content ul, .lists{padding: 0; margin: 0 0 0 15px}
.stage-process .el-content ul li,.stage-process-new .el-content ul li, .lists li{list-style-type: disc; list-style-position: inside; padding: 3px 0; text-indent: -15px}
.stage-process .el-content h4{font-size: 20px; color: #1d1d1b; letter-spacing: 0; text-transform: none;}

.stage-process-new .el-content h3{font-size: 25px; color: #231F20}
.stage-process-new .el-content h4{font-size: 20px; color: #1d1d1b; letter-spacing: 0; text-transform: none;}
.stage-process-new > div > div > div{background: none; padding-left: 0; border: 0; border-bottom: 0 dotted #e2e7ea; padding-top: 0}
.stage-process-new > div > div > div > div > div:last-child{background: url(../../../images/dot-vertical.jpg) bottom left repeat-x; padding-bottom: 40px}
.stage-process-new > div > div:last-child div{background: none !important}
.stage-process-new > div{ counter-reset: stage;}
.stage-process-new > div > div{position: relative; overflow: hidden; background: url(../../../images/dot-vertical.jpg) 90px 50px repeat-y; margin-top: 0 !important;}
.stage-process-new > div > div:before{display: none; counter-increment: stage;  content: " " counter(stage) " "; position: absolute; z-index: 10; top: 0; font-size: 4em; left: 2%; background: #231F20; width: 100px; height: 100px; border-radius: 100%; color: #fff; text-align: center; border: 5px solid #e2e7ea; color: #fff}
.stage-process-new  img{background: #1d1d1b; border: 5px solid #e2e7ea}

/*Tag pg*/
.tagitem-list{ display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: flex-start; -webkit-justify-content: flex-start}
.tagitem-list article{ width: 32%; margin: 0 15px 15px 0 !important; position: relative; overflow: hidden}
.tagitem-list article div:last-child{display: none !important}
.tagitem-list article div.introText{position: absolute; z-index: 15; bottom: 0; width: 100%; height: 100%; -webkit-transform: translateY(50px); transform: translateY(50px); transition-property: transform, opacity; transition: .3s ease-out; opacity: 0}
.tagitem-list article .uk-article-title{font-size: 22px; letter-spacing: 3px}
.tagitem-list article h3{text-align: left !important; padding: 30px !important; color: #fff !important}
.tagitem-list article h3:after{content: "View Project"; font-size: 16px; display: block; margin-top: 50px}
.tagitem-list article:before{content: ""; position: absolute; z-index: 10; width: 100%; height: 100%; background: rgba(72,83,90,.8); -webkit-transform: translateY(50px); transform: translateY(50px); transition-property: transform, opacity; transition: .3s ease-out; opacity: 0}
.tagitem-list article:hover:before, .tagitem-list article:hover div.introText{transform: translate(0, 0); opacity: 1}
.tagitem-list .thumb-img{margin-top: 0 !important}
.tagitem-list h3 a{height: 100%; display: table-cell; vertical-align: middle; width: 100%; position: absolute; z-index: 10;}


/*404 page*/
.page404 h2{color: #fff; padding-bottom: 30px}
.page404 span{font-weight: bold; font-size: 4em; line-height: 1.4; font-family: Heebo; display: block;}
.page404 p{font-size: 1.5em; color: #fff}
.page404 a{font-size: 1.1em}

/*footer*/
.footer ul{display: block}
.footer h4{margin-bottom: -20px}
.byTAGS a{text-transform: uppercase; font-size: 15px}
.copyright{padding: 0; background: #000}
.copyright p{padding: 8px 10px; margin: 0; font-size: 13px}
.uk-totop{background: #000 !important; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff !important; border:2px solid #000; position: fixed; z-index: 10; right: 20px; bottom: 10px}
.uk-totop:hover{background: #231F20 !important}
#toTop{display: none}

/*MOBILE RESPONSIVE*/
@media screen and (min-width:1200px){
/*Begin SAFARI 7 FIX*/
.uk-flex-inline{display: -webkit-inline-flex;}
.uk-flex-nowrap{-webkit-flex-wrap: nowrap}
.uk-grid{display: -webkit-flex; -webkit-flex-wrap:wrap}
.uk-flex-middle{-webkit-align-items: center;}
.uk-flex{display: -webkit-flex}
.uk-navbar{display: -webkit-flex}
.uk-flex-auto{-webkit-flex:auto; -ms-flex:auto}
.uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right{-webkit-flex-wrap:wrap}
.uk-navbar-center, .uk-navbar-center-left>*, .uk-navbar-center-right>*, .uk-navbar-left, .uk-navbar-right{display: -webkit-flex; -webkit-align-items: center;}
.uk-navbar-nav{display: -webkit-flex;}
.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{display: -webkit-flex; -webkit-justify-content:center; -webkit-align-items: center;}
.uk-width-expand\@m, .uk-child-width-expand>:not([class*=uk-width]){-webkit-flex:1; -ms-flex:1; -webkit-flex-basis:1px}
.uk-grid-item-match, .uk-grid-match>*{display: -webkit-flex; -webkit-flex-wrap:wrap}
.uk-flex-bottom{-webkit-align-items:flex-end}
.uk-flex-1{-webkit-flex:1; -ms-flex:1;}
.uk-flex-right{-webkit-justify-content:flex-end}
.uk-dotnav{display: -webkit-flex; -webkit-flex-wrap:wrap}
.uk-dotnav>*{-webkit-flex:none}
.uk-position-small.uk-position-center-left, .uk-position-small.uk-position-center-right{-webkit-transform: translateY(-50%);}
.uk-flex-top{-webkit-align-items: flex-start}
.uk-flex-left{-webkit-justify-content: flex-start}
.uk-flex-center{-webkit-justify-content:center}
.uk-search .uk-search-icon{display: -webkit-inline-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.uk-subnav{display: -webkit-flex;-webkit-flex-wrap: wrap;}
.uk-subnav-divider>*{display: -webkit-flex; -webkit-align-items: center}
.uk-subnav>*{-webkit-flex: end; float: none}
.breadcrumb, .uk-breadcrumb{display: -webkit-flex; -webkit-flex-wrap: wrap;}
.uk-cover{-webkit-transform: translate(-50%, -50%)}
.uk-child-width-expand\@s>:not([class*=uk-width]){-webkit-flex:1; -ms-flex:1; -webkit-flex-basis:1px}
.uk-pagination{display: -webkit-flex; -webkit-flex-wrap: wrap;}
.uk-pagination>*{-webkit-flex: end}
/*End SAFARI 7 FIX*/
}


@media(max-width:1440px){
	.hero-project .uk-background-fixed{background-size:cover !important; background-position:50% 50% !important; background-attachment:inherit !important}
}


@media (max-width: 1024px){
	.hm-block-transparent{padding-top: 0 !important; margin-top: 0; background: #fff !important; color: #1d1d1b !important}	
	.hm-block-transparent h3{color: #1d1d1b !important}
	.hm-block a:hover{color: #1d1d1b !important}
	.hm-block > div{border-bottom: 1px solid #f0f0f0 !important; margin: 10px 0 !important; padding-top: 20px; padding-bottom: 20px}
	.uk-tile-small, .uk-tile{padding: 30px 10px}
	.block-overlap, .core-services{margin: 20px 0 0 0}
	.hm-block img{width: 60px; height: auto; border-radius: 50%; background: #5e666c}
	.uk-text-right{text-align: left !important; color: #000 !important}
}


@media (max-width: 960px){		
	.stage-process .el-nav li a{padding: 22px 10px; letter-spacing:0; font-size:16px}
	.modTagsSimilar a{height: 150px}
	.modTagsSimilar li .overlay h4{transform: translateY(50px); -webkit-transform: translateY(50px); font-size: 14px !important}
	.modTagsSimilar a:hover .overlay h4{-webkit-transform: translateY(0); transform: translateY(0);}
	
}

@media (max-width: 667px){	
	.homesliders h2{font-size: 32px}
	.homesliders h3{font-size: 18px}
	.homesliders .el-item a{padding: 5px; font-size:15px }
	
	
	.modTagsSimilar li{width: 47%}
}
@media (max-width: 568px){	
	.uk-navbar-right{padding-right: 15px}
	.uk-navbar-toggle {min-width: 45px !important; min-height: 40px !important;}
	.uk-navbar-toggle-icon svg{width: 30px}	
	.stage-process-new > div > div{background: none}
}

@media(max-width:414px){	
	.uk-button-primary, .uk-button-secondary{line-height: 35px; font-size: 15px; padding: 5px 10px !important}
	.page404 span{font-size: 2em}
}