/*
Theme Name: Fluid
Theme URI: http://fluid.edge-themes.com
Description: A Theme for Apps, Startups, and Digital Businesses
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Text Domain: fluid
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

.main-menu{
	padding:0 !important;

}

.nav-left{

    float:left;
    width:50%;
}

.nav-right{

    float:right;
    width:50%;

}
.nav-left {
    -moz-transform:scale(2.5);
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
}

.grid__item{
	    float: left;
    display: inline-block;
    padding-left: 3.5em;
    vertical-align: top;
    width: 100%;
    letter-spacing: normal;
    word-spacing: normal;
}

.grid__item img {
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
.desk--one-half{
	width:50%;
}
.desk--one-quarter{
	width:25%;
}
.desk--one-third{
	  width: 33.33%; /* as @passatgt mentioned in the comment, for the older browsers fallback */
  	  width: calc(100% / 3);
}

.main-menu>div h2{
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    zoom: 1;
    display: block;
    z-index: 100;
    width: 100%;
}

.main-menu-button {
    position: fixed;
    top: 52px;
    right: 50%;
    margin-right: -60px;
    display: block;
    z-index: 1002;
    width: 80px;
    height: 40px;
    background-color: rgb(0,0,0,0.0);
    cursor: pointer;

}
@media only screen and (max-width:1023px) {
     .main-menu-button {
	  top: 20px;
	  margin-right: -55px;
         -moz-transform:scale(.6);
    	  -webkit-transform:scale(.6);
   	  transform:scale(.6);
  }
}

// @media only screen and (min-width:768px) and (max-width:1023px) {
//     .main-menu-button {
//         top: 16px;
//         right: 16px
//     }
// }

// @media only screen and (min-width:1024px) {
//     .main-menu-button { 
//         top: 20px;
//         right: 20px
//     }
// }

.main-menu-button .bar {
    display: block;
    position: absolute;
    width: 20px;
    height: 1px;
    top: 40%;
    left: 95%;
    margin-top: -1px;
    background-color: #00d8ff;
    -webkit-transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out;
    -moz-transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out;
    transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out

}
@media only screen and (max-width:1023px) {
     .main-menu-button .bar {
        height: 3px
  }
}
.main-menu-button .bar.bar-1 {
    margin-top: -8px
}

.main-menu-button .bar.bar-3 {
    margin-top: 6px
}


.main-menu-button.menu-open .bar {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s;
    -moz-transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s;
    transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s
}

.main-menu-button.menu-open .bar-1 {
    margin-top: -1px;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.main-menu-button.menu-open .bar-3 {
    margin-top: -1px;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 0;
    padding: 11.43px
}

.main-menu .arrow {
    display: block;
    position: relative;
    height: 11.5%;
    margin-bottom: -1px;
    background-color: #404040;
    color: #fff;
    cursor: pointer
}

.main-menu .arrow span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    width: 1em;
    height: 1em;
    text-align: center;
    margin-left: -.5em;
    margin-top: -.5em;
    line-height: 1;
    font-family: Entypo;
    -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .4s cubic-bezier(.165, .84, .44, 1);
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.action .icon,
.more-arrow,
.slider .next .arrow,
.slider .prev .arrow {
    font-family: Entypo

}
.main-menu .arrow.open span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .main-menu {
        padding: 13.33px;
    }
    .main-menu .arrow {
        display: none
    }

}

@media only screen and (min-width:1024px) {
    .main-menu {
        padding: 20px

    }
    .main-menu .arrow {
        display: none
    }

}

.main-menu>div {
    text-align: center;
    padding: 0;
    position: relative;
    background-color: #333;
    opacity: 0;
    backface-visibility: hidden;
    height: 17.7777778%
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .main-menu>div {
        height: 16.666666667%
    }
}

@media only screen and (min-width:1024px) {
    .main-menu>div {
        height: 50%
    }
    .main-menu>div.small {
        font-size: .75em
    }
}

.main-menu>div.contact {
    height: 89%;
    background-color: #404040
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .main-menu>div.contact {
        height: 16.666666667%
    }
}

@media only screen and (min-width:1024px) {
    .main-menu>div.contact {
        height: 50%;
    }
}

.main-menu>div.contact h2 {
    visibility: hidden;
}

@media all and (max-height:850px) {
    .main-menu>div.contact .content p {
        line-height: 1.15em;
    }
    .main-menu>div.contact .content img {
        width: 32px;
        height: 32px;
        margin: .75em auto .5em!important
    }
}

.main-menu>div.contact .content {
    position: relative;
    z-index: 500;
    text-align: center;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    font-size: .875em;
    padding: 0 5%;
}

.main-menu>div.contact .content img {
    margin: 1.5em auto 1em;
}

@media only screen and (max-width:500px) {
    .main-menu>div.contact .content img.inline {
        display: inline;
        margin: 0 .25em;
        width: 27px;
    }
    .main-menu>div.contact .content img.bg {
        display: none;
    }
}

@media only screen and (min-width:501px) and (max-width:767px) {
    .main-menu>div.contact .content img.inline {
        display: inline;
        margin: 0 .25em;
        width: 27px;
    }
    .main-menu>div.contact .content img.bg {
        display: none;
    }
}

.main-menu>div h2 {
    color: #fff;
    margin: 0;
    position: absolute;
    z-index: 200;
    width: 100%;
    text-align: center;
    text-decoration: underline;
  -moz-text-decoration-color: #90ffff; /* Code for Firefox */
    text-decoration-color: #90ffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden

}
@media(max-width:1023px){
	.main-menu>div h2{
	text-align: left;
	left: 20px;
  }
}
.main-menu>div>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300
}

.main-menu>div>a>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
    max-width: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    display: none;

}
.slider .next,
.slider .prev,
.slider nav {
    -webkit-backface-visibility: hidden;
    position: absolute;
}

.main-menu>div .block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    white-space: nowrap;
    -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .4s cubic-bezier(.165, .84, .44, 1);
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.main-menu>div .block.after {
    top: 100%
}

.main-menu>div .block.after p {
    font-size: 1.5em;
    font-weight: 500;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 200;
    width: 80%;
    text-align: left;
    left: 10%
}
.main-menu>div:active .block,
.main-menu>div:hover .block {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.main-menu>div video {
     object-fit: contain;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     display: none;
}

@media(max-width:1023px){
	.desk--one-half{
		width:100%;
		float:none;

	}
@media(max-width:1023px){
	.desk--one-third{
		width:100%;
		float:none;
	}

	.main-menu>div{
		height:20%;
	}

}


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-59815870-1', 'auto');
  ga('send', 'pageview');

</script>