@charset"UTF-8";
section:not(:first-of-type) {
    padding:3rem 0
}
section:first-of-type {
    padding-bottom:5rem
}
.section {
    padding:0
}
.container {
    width:90%;
    max-width:1600px
}
.container.full-width {
    width:100%
}
.container.row.narrow-row {
    margin-right:0;
    margin-left:0
}
iframe {
    border:0
}
img {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all .75s cubic-bezier(.075, .82, .165, 1);
    transition:all .75s cubic-bezier(.075, .82, .165, 1)
}
img:hover {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
strong {
    font-weight:700
}
thead {
    border:0
}
.divider {
    background-color:#eee
}
.materialboxed.active {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
main {
    -webkit-transition:all .5s cubic-bezier(.075, .82, .165, 1);
    transition:all .5s cubic-bezier(.075, .82, .165, 1);
    will-change:filter
}
html {
    font:16px  'Katibeh','HYA6GJ' ,cursive;
    color:#373737
}
body, button, input, select, textarea {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-kerning:normal;
    -moz-font-feature-settings:'liga', 'kern'
}
h3 {
    font-size:2rem
}
.locked {
    overflow:hidden
}
.mega-padding {
    padding:7rem 2rem
}
.nobr {
    white-space:nowrap
}
.blurry {
    -webkit-filter:blur(20px);
    filter:blur(20px)
}
.pace {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
}
.pace .pace-activity {
    -webkit-animation:pace-spinner .4s linear infinite;
    animation:pace-spinner .4s linear infinite;
    position:fixed;
    top:15px;
    right:15px;
    z-index:2000;
    display:block;
    width:14px;
    height:14px;
    border:2px solid transparent;
    border-top-color:#373737;
    border-left-color:#373737;
    border-radius:10px
}
.pace .pace-progress-inner {
    box-shadow:none
}
@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn)
    }
}
@keyframes pace-spinner {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.spinner-wrapper {
    position:fixed;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    content:''
}
.spinner {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin:-125px 0 0 -125px
}
.curtains {
    -webkit-transition:left .75s cubic-bezier(.075, .82, .165, 1);
    transition:left .75s cubic-bezier(.075, .82, .165, 1);
    position:fixed;
    top:0;
    left:-100%;
    z-index:800;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#fafafa;
    will-change:left
}
.btn, .btn-large {
    background:#eee
}
.btn-large:focus, .btn:focus {
    background:#f5f5f5
}
.btn-large {
    font-size:22px;
    line-height:57px;
    text-transform:none
}
a {
    color:#373737
}
a.underline {
    -webkit-transition:border-bottom-color .5s cubic-bezier(.075, .82, .165, 1);
    transition:border-bottom-color .5s cubic-bezier(.075, .82, .165, 1);
    border-bottom:1px solid rgba(55, 55, 55, .25)
}
a.underline:hover {
    border-bottom-color:#373737
}
.navbar-fixed {
    z-index:900
}
.navbar-fixed nav {
    -webkit-transition:all 1s cubic-bezier(.075, .82, .165, 1);
    transition:all 1s cubic-bezier(.075, .82, .165, 1);
    background-color:transparent;
    box-shadow:none
}
.navbar-fixed nav.classic:hover {
    background:hsla(0, 0%, 100%, .95)
}
.navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) a {
    -webkit-transition:border-bottom-color .5s cubic-bezier(.075, .82, .165, 1);
    transition:border-bottom-color .5s cubic-bezier(.075, .82, .165, 1);
    display:inline;
    padding:0;
    font-size:1.75rem;
    color:#373737;
    border-bottom:1px solid rgba(55, 55, 55, .25)
}
.navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) a:hover {
    background:transparent;
    border-bottom-color:#373737
}
.navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) a.dropdown-button {
    border-bottom-style:dotted
}
.navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) li:not(:first-of-type) {
    margin-left:2rem
}
.navbar-fixed nav .logo, .navbar-fixed nav .sidenav-toggle {
    font-size:1.75rem;
    color:#373737
}
.navbar-fixed nav .side-nav a {
    font-size:1.3rem
}
.navbar-fixed nav .side-nav .current-page:after, .navbar-fixed nav .side-nav .current-page:before {
    margin-left:5px
}
.navbar-fixed nav .side-nav .current-page:before {
    margin-top:21px
}
.navbar-fixed nav .side-nav .current-page:after {
    margin-top:17px
}
.navbar-fixed nav .side-nav .collapsible-header:after {
    position:relative;
    top:.3rem;
    left:.25rem;
    font-family:linea-arrows-10;
    content:'\e019'
}
.navbar-fixed nav .side-nav .collapsible-header.active:after {
    content:'\e083'
}
#sidenav-overlay {
    z-index:800
}
.navbar-fixed, .navbar-fixed nav {
    height:150px;
    line-height:150px
}
.zero-nav-height .navbar-fixed {
    height:0
}
.nav-overlay {
    -webkit-transition:top .5s cubic-bezier(.075, .82, .165, 1);
    transition:top .5s cubic-bezier(.075, .82, .165, 1);
    position:fixed;
    top:-100%;
    left:0;
    z-index:800;
    width:100%;
    height:100%;
    padding-top:150px;
    overflow-y:scroll;
    background:hsla(0, 0%, 98%, .7);
    will-change:top
}
.nav-overlay .nav-overlay-content {
    -webkit-transition:opacity .75s cubic-bezier(.075, .82, .165, 1) .15s;
    transition:opacity .75s cubic-bezier(.075, .82, .165, 1) .15s;
    opacity:0
}
.nav-overlay .nav-overlay-content ul {
    margin-top:0
}
.nav-overlay .nav-overlay-content li {
    padding:.4rem 0
}
.nav-overlay .nav-overlay-content h3 {
    display:inline-block;
    margin-bottom:0
}
.nav-overlay .nav-overlay-content h3 a {
    margin-bottom:1.424rem
}
.nav-overlay.visible {
    top:0
}
.nav-overlay.visible .nav-overlay-content {
    opacity:1
}
.nav-overlay .current-page:after, .nav-overlay .current-page:before {
    margin-left:-12px
}
.nav-overlay .current-page:before {
    margin-top:14px
}
.nav-overlay .current-page:after {
    margin-top:10px
}
.current-page {
    position:relative
}
.current-page:before {
    margin-top:-1px;
    border-top:4px solid #373737
}
.current-page:after {
    margin-top:-5px;
    border-bottom:4px solid #373737
}
.current-page.index-link:before {
    border-top-color:rgba(55, 55, 55, .5)
}
.current-page.index-link:after {
    border-bottom-color:rgba(55, 55, 55, .5)
}
.current-page:after, .current-page:before {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:0;
    height:0;
    margin-left:-3px;
    border-right:3px solid transparent;
    border-left:3px solid transparent;
    content:''
}
.nav-icon-container {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition:all .5s cubic-bezier(.075, .82, .165, 1);
    transition:all .5s cubic-bezier(.075, .82, .165, 1);
    position:relative;
    top:13px;
    right:7px;
    z-index:999;
    display:inline-block;
    width:40px;
    height:40px;
    cursor:pointer
}
.nav-icon-container.hidden {
    -webkit-transform:translate3d(120px, 0, 0);
    transform:translate3d(120px, 0, 0)
}
.nav-icon {
    -webkit-transition:background-color .2s cubic-bezier(.075, .82, .165, 1);
    transition:background-color .2s cubic-bezier(.075, .82, .165, 1);
    position:relative;
    top:50%;
    left:50%;
    display:block;
    width:24px;
    height:2px;
    margin-top:-1px;
    margin-left:-12px;
    background-color:#373737
}
.nav-icon.transformed {
    background-color:transparent
}
.nav-icon.transformed:after {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.nav-icon.transformed:before {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.nav-icon:after, .nav-icon:before {
    -webkit-transition:all .2s cubic-bezier(.075, .82, .165, 1);
    transition:all .2s cubic-bezier(.075, .82, .165, 1);
    position:absolute;
    display:block;
    width:24px;
    height:2px;
    background-color:#373737;
    content:''
}
.nav-icon:after {
    top:6px
}
.nav-icon:before {
    top:-6px
}
.nav-icon-container:hover .nav-icon:after {
    top:10px
}
.nav-icon-container:hover .nav-icon:after, .nav-icon-container:hover .nav-icon:before {
    -webkit-transition:all .2s cubic-bezier(.075, .82, .165, 1);
    transition:all .2s cubic-bezier(.075, .82, .165, 1)
}
.nav-icon-container:hover .nav-icon:before {
    top:-10px
}
.nav-icon.transformed:after, .nav-icon.transformed:before {
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all .15s cubic-bezier(.075, .82, .165, 1);
    transition:all .15s cubic-bezier(.075, .82, .165, 1);
    top:1px;
    left:-1px;
    width:26px
}
.nav-icon-container:hover .nav-icon.transformed:after, .nav-icon-container:hover .nav-icon.transformed:before {
    -webkit-transition:all .15s cubic-bezier(.075, .82, .165, 1);
    transition:all .15s cubic-bezier(.075, .82, .165, 1);
    top:1px;
    left:-4px;
    width:32px
}
footer {
    padding:3rem 0
}
.toast {
    display:none;
    height:auto;
    padding:20px;
    font-weight:400;
    line-height:1.75rem
}
.toast:first-of-type, .toast a {
    display:block
}
.toast a {
    color:#fff;
    text-decoration:underline
}
.toast.error {
    background-color:#ff5252
}
.toast.success {
    color:#373737;
    background-color:#00e676
}
.slider .indicators .indicator-item {
    background-color:rgba(55, 55, 55, .5)
}
.slider .indicators .indicator-item.active {
    background-color:#373737
}
.rectangle {
    padding-bottom:60%
}
.rectangle-vertical {
    padding-bottom:calc(120% + 1.5rem)
}
.square {
    padding-bottom:100%
}
.rectangle, .rectangle-8-of-12, .rectangle-vertical, .square {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all .75s cubic-bezier(.075, .82, .165, 1);
    transition:all .75s cubic-bezier(.075, .82, .165, 1);
    position:relative;
    display:block;
    overflow:hidden;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.rectangle-8-of-12>.content, .rectangle-vertical>.content, .rectangle>.content, .square>.content {
    position:absolute;
    bottom:0;
    width:100%;
    padding:0 1.46rem
}
.rectangle-8-of-12>.content.medium-content, .rectangle-vertical>.content.medium-content, .rectangle>.content.medium-content, .square>.content.medium-content {
    padding:0 .75rem
}
.rectangle-8-of-12>.content.medium-content h3, .rectangle-vertical>.content.medium-content h3, .rectangle>.content.medium-content h3, .square>.content.medium-content h3 {
    margin:.75rem 0;
    font-size:1.5rem
}
.rectangle-8-of-12>.content.small-content, .rectangle-vertical>.content.small-content, .rectangle>.content.small-content, .square>.content.small-content {
    padding:0 .5rem
}
.rectangle-8-of-12>.content.small-content h3, .rectangle-vertical>.content.small-content h3, .rectangle>.content.small-content h3, .square>.content.small-content h3 {
    margin:.5rem 0;
    font-size:1.2rem
}
.rectangle-8-of-12:hover, .rectangle-vertical:hover, .rectangle:hover, .square:hover {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.blocks .row {
    margin-bottom:1.5rem
}
.blocks>.row .row:not(:first-of-type) {
    margin-bottom:0
}
.blocks a, .blocks a:hover {
    color:#373737
}
.dropdown-content {
    min-width:200px;
    margin-left:-1rem;
    box-shadow:none
}
.dropdown-content ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) li {
    margin-left:0!important
}
.dropdown-content ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) li a {
    display:block!important;
    padding-left:1rem;
    line-height:4rem;
    border:0!important
}
.dropdown-content .current-page:after, .dropdown-content .current-page:before {
    top:1rem!important;
    left:1rem!important
}
.dropdown-button {
    cursor:default
}
#fullpage .fp-controlArrow {
    top:auto;
    bottom:20px
}
#fullpage .fp-controlArrow.fp-prev {
    left:20px;
    border-right-color:#373737;
    border-width:18.5px 14px 18.5px 0
}
#fullpage .fp-controlArrow.fp-next {
    right:20px;
    border-left-color:#373737;
    border-width:18.5px 0 18.5px 14px
}
.container-padding {
    padding:180px 0 150px
}
#pp-nav span, .pp-slidesNav span {
    border-color:#484848!important
}
.dark {
    background:#0f0f0f
}
.dark, .dark a {
    color:#fff
}
.dark a.underline {
    border-bottom-color:hsla(0, 0%, 100%, .25)
}
.dark a.underline:hover {
    border-bottom-color:#fff
}
.dark .divider {
    background-color:#212121
}
.dark .curtains {
    background:#212121
}
.dark .current-page:before {
    border-top-color:#fff
}
.dark .current-page:after {
    border-bottom-color:#fff
}
.dark .current-page.index-link:before {
    border-top-color:hsla(0, 0%, 100%, .5)
}
.dark .current-page.index-link:after {
    border-bottom-color:hsla(0, 0%, 100%, .5)
}
.dark .navbar-fixed nav:hover {
    background:hsla(0, 0%, 6%, .95)
}
.dark .navbar-fixed nav .current-page:before {
    border-top-color:#fff
}
.dark .navbar-fixed nav .current-page:after {
    border-bottom-color:#fff
}
.dark .navbar-fixed nav .current-page.index-link:before {
    border-top-color:hsla(0, 0%, 100%, .5)
}
.dark .navbar-fixed nav .current-page.index-link:after {
    border-bottom-color:hsla(0, 0%, 100%, .5)
}
.dark .navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) a {
    color:#fff;
    border-bottom:1px solid hsla(0, 0%, 100%, .25)
}
.dark .navbar-fixed nav ul:not(.side-nav):not(.collapsible-accordion):not(.collapsible-body-list) a:hover {
    border-bottom-color:#fff
}
.dark .navbar-fixed nav .logo, .dark .navbar-fixed nav .sidenav-toggle {
    color:#fff
}
.dark .dropdown-content ul li, .dark .side-nav, .dark .side-nav .collapsible-body {
    background:#0f0f0f
}
.dark .dropdown-content ul li:hover {
    background:#212121
}
.dark figcaption {
    color:#0f0f0f;
    border:0
}
.dark .team .hiring {
    background:#212121
}
.dark .btn, .dark .btn-large {
    color:#0f0f0f;
    background:#fff
}
.dark .news-grid.blocks a, .dark .news-grid.blocks a:hover, .dark[class*=page-news] .blocks a, .dark[class*=page-news] .blocks a:hover {
    color:#fff
}
.dark.page-contact form {
    background:#212121
}
.dark.page-contact .input-field label {
    color:hsla(0, 0%, 100%, .8)
}
.dark.page-contact .input-field input[type=email]:focus, .dark.page-contact .input-field input[type=email]:focus:not([readonly]), .dark.page-contact .input-field input[type=text]:focus:not([readonly]), .dark.page-contact input[type=email], .dark.page-contact input[type=email]:focus, .dark.page-contact input[type=email]:focus:not([readonly]), .dark.page-contact input[type=text], .dark.page-contact textarea.materialize-textarea, .dark.page-contact textarea.materialize-textarea:focus, .dark.page-contact textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom-color:hsla(0, 0%, 100%, .8)
}
.dark.page-contact .input-field input[type=email]:focus+label, .dark.page-contact .input-field input[type=email]:focus:not([readonly])+label, .dark.page-contact .input-field input[type=text]:focus:not([readonly])+label, .dark.page-contact input[type=email]:focus+label, .dark.page-contact input[type=email]:focus:not([readonly])+label, .dark.page-contact textarea.materialize-textarea:focus+label, .dark.page-contact textarea.materialize-textarea:focus:not([readonly])+label {
    color:hsla(0, 0%, 100%, .8)
}
.dark.page-contact .input-field input[type=email].invalid, .dark.page-contact .input-field input[type=email].valid, .dark.page-contact .input-field input[type=text].invalid, .dark.page-contact .input-field input[type=text].valid, .dark.page-contact textarea.materialize-textarea.invalid, .dark.page-contact textarea.materialize-textarea.valid {
    border-bottom-color:hsla(0, 0%, 100%, .8)
}
.dark.page-contact .input-field .prefix.active {
    color:hsla(0, 0%, 100%, .8)
}
.dark table.highlight>tbody>tr:hover {
    background:#212121
}
.dark .panel-background {
    background:#0f0f0f
}
.dark .nav-icon, .dark .nav-icon:after, .dark .nav-icon:before {
    background-color:#fff
}
.dark .nav-icon.transformed {
    background-color:transparent
}
.dark .nav-overlay {
    background:rgba(33, 33, 33, .7)
}
.dark .hero h1 {
    color:#f5f5f5
}
.dark .pace .pace-activity {
    border-top-color:#fff;
    border-left-color:#fff
}
.hero {
    position:relative;
    margin-bottom:5rem
}
.hero h1 {
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    position:absolute;
    top:50%;
    left:50%;
    width:75%;
    padding:0 5rem;
    margin:0;
    color:#424242;
    text-align:center
}
.view-all {
    position:relative;
    display:inline-block;
    margin-top:2rem
}
.view-all:after {
    -webkit-transition:all .4s cubic-bezier(.075, .82, .165, 1);
    transition:all .4s cubic-bezier(.075, .82, .165, 1);
    position:absolute;
    right:-1rem;
    content:'→';
    opacity:0
}
.view-all:hover:after {
    right:-2rem;
    opacity:1
}
.team .rhombus-clip {
    -webkit-clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}
.team .rhombus-clip:hover {
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.team .hiring {
    background:#fafafa
}
.team .title {
    font-size:75%
}
.page-about .expertise .row:not(:first-of-type) {
    /*margin-bottom:5rem*/
}
.expertise i {
    display:block;
    margin-bottom:1.5rem;
    font-size:7rem
}
.expertise .expertise-description {
    font-size:75%
}
.philosophy .tabs {
    height:auto;
    background-color:transparent
}
.philosophy .tabs .tab {
    height:auto;
    letter-spacing:normal;
    color:#373737;
    text-transform:none
}
.philosophy .tabs .tab a {
    color:#bdbdbd
}
.philosophy .tabs .tab a.active, .philosophy .tabs .tab a:hover {
    color:#373737
}
.philosophy .tab-contents h5 {
    display:none
}
.philosophy .indicator {
    height:3px;
    background-color:#373737
}
.prices .info {
    display:inline-block;
    padding:0 1rem;
    cursor:help;
    opacity:.5
}
.prices .info:hover {
    opacity:1
}
.prices .price {
    font-size:3.5rem;
    font-weight:300
}
.prices .divider {
    margin-top:.5em
}
.faq .collapsible {
    border:0;
    box-shadow:none
}
.faq .collapsible-header {
    min-height:5rem;
    padding:0;
    line-height:5rem;
    background:transparent
}
.faq .collapsible-body p {
    padding:2rem 0
}
.page-contact .input-field label {
    left:0;
    color:#373737
}
.page-contact input[type=email], .page-contact input[type=text], .page-contact textarea.materialize-textarea {
    border-bottom-color:#373737
}
.page-contact .input-field input[type=email]:focus, .page-contact .input-field input[type=email]:focus:not([readonly]), .page-contact .input-field input[type=text]:focus:not([readonly]), .page-contact input[type=email]:focus, .page-contact input[type=email]:focus:not([readonly]), .page-contact textarea.materialize-textarea:focus, .page-contact textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom-color:#373737;
    box-shadow:none
}
.page-contact .input-field input[type=email]:focus+label, .page-contact .input-field input[type=email]:focus:not([readonly])+label, .page-contact .input-field input[type=text]:focus:not([readonly])+label, .page-contact input[type=email]:focus+label, .page-contact input[type=email]:focus:not([readonly])+label, .page-contact textarea.materialize-textarea:focus+label, .page-contact textarea.materialize-textarea:focus:not([readonly])+label {
    color:#373737
}
.page-contact .input-field input[type=email].invalid, .page-contact .input-field input[type=email].valid, .page-contact .input-field input[type=text].invalid, .page-contact .input-field input[type=text].valid, .page-contact textarea.materialize-textarea.invalid, .page-contact textarea.materialize-textarea.valid {
    border-bottom-color:#373737;
    box-shadow:none
}
.page-contact .input-field .prefix.active {
    color:#373737
}
.page-contact address {
    margin:1em 0;
    font-style:normal
}
.page-contact form {
    padding:2rem;
    background:#fafafa
}
.page-contact .social .network {
    -webkit-transition:background .4s cubic-bezier(.075, .82, .165, 1);
    transition:background .4s cubic-bezier(.075, .82, .165, 1);
    display:block;
    padding:4rem 0
}
.page-contact .social .network.facebook:hover {
    background:#1485BD;
}
.page-contact .social .network.twitter:hover {
    background:#F5672D;
}
.page-contact .social .network.dribbble:hover {
    background:#c73b6f
}
.page-contact .social .network.github:hover {
    background:#999
}
.page-contact .social .network.vk:hover {
    background:#262626
}
.page-contact .social .network.googleplus:hover {
    background:#c24e40
}
.page-contact .social .network:hover {
    color:#fff
}
.news-grid article h3 {
    margin:0
}
.alternative .rectangle, .news-grid article a:hover .rectangle {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.alternative .rectangle {
    opacity:0
}
.alternative .rectangle:after {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(55, 55, 55, .75);
    content:''
}
.alternative article a {
    position:relative
}
.alternative article a:hover .rectangle {
    opacity:1
}
.alternative article a:hover h3 {
    color:#fff
}
.alternative .info {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    top:50%;
    z-index:10;
    width:calc(100% - 1.5rem);
    text-align:center
}
.alternative h3, [class*=page-news-] .text-indent p, [class*=page-work-] .text-indent p {
    margin:0
}
[class*=page-news-] .text-indent p:not(:first-of-type), [class*=page-work-] .text-indent p:not(:first-of-type) {
    text-indent:2rem
}
[class*=page-news-] .project-meta p:first-of-type, [class*=page-work-] .project-meta p:first-of-type {
    margin-top:0
}
[class*=page-news-] .divider, [class*=page-work-] .divider {
    /*margin:5rem 0*/
    margin:2rem 0;
}
[class*=page-news-] .divider.modest, [class*=page-work-] .divider.modest {
    margin:1.5rem 0
}
[class*=page-news-] .parallax-container:hover img, [class*=page-work-] .parallax-container:hover img {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
[class*=page-news-] blockquote, [class*=page-work-] blockquote {
    font-size:2rem;
    border-left:0
}
[class*=page-news-] .floating-blockquote, [class*=page-news-] .floating-figure, [class*=page-work-] .floating-blockquote, [class*=page-work-] .floating-figure {
    width:50%;
    padding:2rem
}
[class*=page-news-] .floating-blockquote, [class*=page-work-] .floating-blockquote {
    font-size:2rem;
    font-weight:700
}
[class*=page-news-] .mdash-ul li:before, [class*=page-work-] .mdash-ul li:before {
    color:#e0e0e0;
    content:'— '
}
[class*=page-news-] .author-picture, [class*=page-work-] .author-picture {
    -webkit-transition:all .2s cubic-bezier(.075, .82, .165, 1);
    transition:all .2s cubic-bezier(.075, .82, .165, 1);
    -webkit-clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    position:absolute;
    width:30px;
    margin-top:-2px;
    margin-left:-35px
}
[class*=page-news-] .author-picture:hover, [class*=page-work-] .author-picture:hover {
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
    width:60px;
    margin-top:-16px;
    margin-left:-52px
}
.full-half {
    -webkit-transition:all .75s cubic-bezier(.075, .82, .165, 1);
    transition:all .75s cubic-bezier(.075, .82, .165, 1);
    -webkit-filter:grayscale(100);
    filter:grayscale(100);
    position:fixed;
    top:0;
    left:0;
    width:47.5%;
    height:100%
}
.full-half:hover {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.full-half.left-side {
    left:0
}
.full-half.right-side {
    right:0;
    left:auto
}
.full-half, .panel {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.panel-background {
    background:#fff
}
.page-work-pagepiling {
    overflow:hidden
}
.one-col .row {
    margin-bottom:10rem
}
figure {
    position:relative;
    margin:0
}
figure img {
    position:relative;
    z-index:8;
    display:block
}
figcaption {
    position:absolute;
    bottom:-50px;
    z-index:9;
    width:300px;
    padding:0 2rem;
    background:#fff;
    border:4px solid #373737
}
figcaption h3 {
    margin-bottom:0
}
figcaption p {
    margin-top:0
}
figcaption.right-figcaption {
    right:-200px
}
figcaption.left-figcaption {
    left:-200px
}
.demos h1 {
    margin-top:4rem;
    margin-bottom:0
}
.demos h1+p {
    margin-top:0
}
.demos h2 {
    margin-bottom:0
}
.demos .current-page:after, .demos .current-page:before {
    display:none
}
.demos .demo-link {
    display:block;
    margin-bottom:2rem
}
.demos a:hover img {
    opacity:.5
}
.demos .screens {
    -webkit-transition:all .75s cubic-bezier(.075, .82, .165, 1);
    transition:all .75s cubic-bezier(.075, .82, .165, 1);
    -webkit-transform:translate3d(0, 300px, 1px);
    transform:translate3d(0, 300px, 1px);
    opacity:0
}
.demos .screens.loaded {
    -webkit-transform:translateZ(1px);
    transform:translateZ(1px);
    opacity:1
}
@media only screen and (max-width:992px) {
    section:not(:first-of-type) {
        padding:2rem 0
    }
    section:first-of-type {
        padding-bottom:4rem
    }
    h2 {
        font-size:2.5rem;
        text-align:center
    }
    .margin-on-medium-and-down {
        margin-bottom:1.5rem
    }
    .pace .pace-activity {
        right:50%;
        margin-right:-7px
    }
    .navbar-fixed, .navbar-fixed nav {
        height:100px;
        line-height:100px
    }
    .nav-overlay {
        padding-top:100px;
        text-align:center
    }
    .nav-overlay .current-page:before {
        margin-top:11px
    }
    .nav-overlay .current-page:after {
        margin-top:7px
    }
    .nav-overlay .current-page:before {
        margin-top:9px
    }
    .nav-overlay .current-page:after {
        margin-top:5px
    }
    .nav-icon-container {
        float:right
    }
    footer {
        text-align:center
    }
    .container-padding {
        padding:130px 0 75px
    }
    .page-home main, .team {
        text-align:center
    }
    .page-about .expertise .row:not(:first-of-type) {
        margin-bottom:2rem
    }
    .expertise i {
        margin-bottom:.5rem
    }
    .expertise {
        text-align:center
    }
    .prices .price-box {
        margin-bottom:2rem
    }
    .prices {
        text-align:center
    }
    .prices .info {
        position:absolute
    }
    .page-contact .social .network {
        padding:3rem 0
    }
    .news-grid, .page-contact .visit-us {
        text-align:center
    }
    [class*=page-news-] .divider, [class*=page-work-] .divider {
        /*margin:3.5rem 0*/
        margin:1.75rem 0
    }
    .full-half {
        position:relative;
        width:100%;
        padding-bottom:50%
    }
    .one-col .row {
        margin-bottom:4rem
    }
    figcaption.right-figcaption {
        right:auto
    }
    figcaption.left-figcaption {
        left:auto
    }
    figcaption {
        position:relative;
        bottom:auto;
        width:auto;
        text-align:center;
        border:0
    }
}
@media only screen and (max-width:600px) {
    section:not(:first-of-type) {
        padding:1rem 0
    }
    section:first-of-type {
        padding-bottom:3rem
    }
    .navbar-fixed, .navbar-fixed nav {
        height:80px;
        line-height:80px
    }
    .nav-overlay {
        padding-top:80px
    }
    .nav-icon-container {
        margin-top:.35rem
    }
    .container-padding {
        padding:80px 0 50px
    }
    .hero h1 {
        padding:0 .5rem;
        font-size:2.5rem
    }
    .expertise .expertise-description, .team .title {
        font-size:90%
    }
    .philosophy .tabs .tab h5 {
        display:none
    }
    .philosophy .tab-contents h5 {
        display:block;
        text-align:center
    }
    .page-contact .social .network {
        padding:2rem 0
    }
    [class*=page-news-] .divider, [class*=page-work-] .divider {
        margin:1rem 0
    }
    [class*=page-news-] blockquote, [class*=page-work-] blockquote {
        font-size:1.5rem;
        font-weight:300
    }
    [class*=page-news-] .floating-blockquote, [class*=page-work-] .floating-blockquote {
        padding:1rem;
        font-size:1.5rem
    }
}
@media only screen and (min-width:601px) {
    .container {
        width:80%
    }
}
@media only screen and (min-width:993px) {
    .container {
        width:80%
    }
    .philosophy .tabs .tab .philosophy-number {
        display:none
    }
}
@media only screen and (min-width:601px) and (max-width:992px) {
    .nav-icon-container {
        margin-top:.75rem
    }
}
@media only screen and (max-width:992px) and (min-width:601px) {
    #toast-container {
        right:5%
    }
}

.homeTop{
    margin-bottom:0;
}