/*! Theme Name: WordPress Starter Theme Theme URI: http://www.THEME.com Author: Matt Banks Author URI: http://mattbanks.me Description: WordPress Starter Theme for use as a starting template for building custom themes. Version: 1.0 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: _mbbasetheme Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. _mbbasetheme is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */
@font-face {
    font-family: 'radikallight';
    src: url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_light-webfont.eot');
    src: url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_light-webfont.woff') format('woff'),
         url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'radikalregular';
    src: url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_0-webfont.eot');
    src: url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_0-webfont.woff') format('woff'),
         url('/wp-content/themes/dfv&f/assets/fonts/nootype_-_radikal_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'radikalmedium';
    src: url('/wp-content/themes/dfv&f/assets/fonts/Nootype - Radikal Medium_0.eot');
    src: url('/wp-content/themes/dfv&f/assets/fonts/Nootype - Radikal Medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dfv&f/assets/fonts/Nootype - Radikal Medium_0.woff') format('woff'),
         url('/wp-content/themes/dfv&f/assets/fonts/Nootype - Radikal Medium_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'copernicusbook';
    src: url('/wp-content/themes/dfv&f/assets/fonts/hinted-CopernicusWeb-Book.eot');
    src: url('/wp-content/themes/dfv&f/assets/fonts/hinted-CopernicusWeb-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dfv&f/assets/fonts/hinted-CopernicusWeb-Book.woff') format('woff'),
         url('/wp-content/themes/dfv&f/assets/fonts/hinted-CopernicusWeb-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quant';
    src: url('/wp-content/themes/dfv&f/assets/fonts/hoftype_-_quant-regular-webfont.eot');
    src: url('/wp-content/themes/dfv&f/assets/fonts/hoftype_-_quant-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dfv&f/assets/fonts/hoftype_-_quant-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dfv&f/assets/fonts/hoftype_-_quant-regular-webfont.woff') format('woff'),
         url('/wp-content/themes/dfv&f/assets/fonts/hoftype_-_quant-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,button,input,select,textarea{
    color:#222
}
html{
    font-size:1.2em;
    line-height:1.6
}
::-moz-selection{
    background:#ff6464;
    text-shadow:none
}
::selection{
    background:#ff6464;
    text-shadow:none
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
audio,canvas,img,video{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
.browsehappy{
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0
}
*,:before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body{
    font-family:copernicusbook;
}
.hidden-a{
    opacity:0
}
.visible-a{
    opacity:1
}
a{
    color:#888888
}
img{
    height:auto;
    max-width:150%
}
h1,h2,h3,h4,h5,h6{
    clear:both;
    font-family:'radikalmedium';
    margin:0;
    font-weight:800;
    color:#000000;
    line-height:normal;
    text-transform: lowercase;
    letter-spacing: 1px
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
    font-family:radikalregular;
    font-weight:bold
}
h2{
    font-size:100px
}
h3{
    font-size:85px;
    line-height:80px
}
h4{
    font-size:38px;
    line-height:40px
}
p{
    font-size:20px;
    line-height:28px;
    color:rgba(0,0,0,0.6)
}
blockquote{
    margin:0 1.5em
}
address{
    margin:0 0 1.5em
}
.small_subhead{
    font-size:18px;
    text-transform:uppercase;
    letter-spacing: 2px
}
.text-center{
    text-align:center
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.link-hover,.menu li a{
    position:relative;
    display:inline-block;
    overflow:hidden
}
.link-hover:after,.menu li a:after{
    position:absolute;
    bottom:50%;
    opacity:0;
    width:100%;
    content:'';
    -webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    display:block;
    height:3px;
    background:white;
    left:0
}
.link-hover:hover:after,.menu li a:hover:after{
    bottom:0;
    opacity:1
}
.text-btn{
    position:relative;
    display:inline-block;
    overflow:hidden
}
.text-btn .brd{
    position:absolute;
    bottom:50%;
    opacity:0;
    width:100%;
    content:'';
    -webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    display:block;
    height:3px;
    left:0
}
.text-btn:hover .brd{
    bottom:0;
    opacity:1
}
.c-info>div a{
    -webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1)
}
.c-info>div a:hover{
    color:#bdbdbd
}
.spinner{
    width:50px;
    height:50px;
    -webkit-animation:spin 1.2s infinite ease-in-out;
    animation:spin 1.2s infinite ease-in-out
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotateY(0deg)
    }
    60%{
        -webkit-transform:rotateY(-360deg)
    }
    100%{
        -webkit-transform:rotateY(-360deg)
    }
}
@keyframes spin{
    0%{
        transform:rotateY(0deg)
    }
    60%{
        transform:rotateY(-360deg)
    }
    100%{
        transform:rotateY(-360deg)
    }
}
.menu li a:after{
    height:5px
}
.opaq{
    opacity:0;
    -webkit-transition:opacity 0.5s ease;
    -moz-transition:opacity 0.5s ease;
    -ms-transition:opacity 0.5s ease;
    transition:opacity 0.5s ease
}
.non-opaq{
    -webkit-transition:opacity 0.5s ease;
    -moz-transition:opacity 0.5s ease;
    -ms-transition:opacity 0.5s ease;
    transition:opacity 0.5s ease;
    opacity:1
}
.alignleft{
    display:inline;
    float:left;
    margin-right:1.5em
}
.alignright{
    display:inline;
    float:right;
    margin-left:1.5em
}
.aligncenter{
    clear:both;
    display:block;
    margin:0 auto
}
.screen-reader-text{
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important
}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;
    color:#21759b;
    display:block;
    font-size:14px;
    font-weight:bold;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{
    content:'';
    display:table
}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{
    clear:both
}
.border-bottom{
    border-bottom:1px solid #e2e2e2
}
.btn{
    font-family:'radikalmedium';
    font-weight:bold;
    font-size:20px;
    text-decoration:none;
    padding:12px 20px;
    min-width:220px;
    text-align:center;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease;
    display:inline-block;
    text-transform: lowercase;
    letter-spacing: 1px;
}
.btn.btn-dark{
    color:black;
    border:1px solid black;
    background:transparent
}
.btn.btn-dark:hover{
    background:black;
    color:white
}
.btn.btn-light{
    color:white;
    border:1px solid white;
    background:transparent
}
.btn.btn-light:hover{
    background:white;
    color:black
}
.site-content{
    min-height:101vh;
    position:relative
}
.link-hover,.menu li a,.menu li a h5{
    display:inline-block
}
@keyframes rotateback{
    0%{
        transform:translateY(0)
    }
    20%{
        transform:translateY(120px)
    }
    40%{
        transform:translateY(240px)
    }
    60%{
        transform:translateY(360px)
    }
    80%{
        transform:translateY(480px)
    }
    100%{
        transform:translateY(600px)
    }
}
@-webkit-keyframes rotateback{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        -webkit-transform:translateY(120px)
    }
    40%{
        -webkit-transform:translateY(240px)
    }
    60%{
        -webkit-transform:translateY(360px)
    }
    80%{
        -webkit-transform:translateY(480px)
    }
    100%{
        -webkit-transform:translateY(600px)
    }
}
.words-wrap{
    position:absolute;
    left:0;
    top:0
}
.words-wrap.animate{
    bottom:0;
    top:auto;
    animation:rotateback 5s cubic-bezier(0.73, 0.18, 0.22, 0.985);
    animation-delay:0.4s;
    animation-iteration-count:1;
    animation-direction:alternate;
    animation-fill-mode:forwards;
    -webkit-animation:rotateback 5s cubic-bezier(0.73, 0.18, 0.22, 0.985);
    -webkit-animation-delay:0.4s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction:alternate;
    -webkit-animation-fill-mode:forwards
}
.bounce{
    -moz-animation:bounce 2s infinite;
    -webkit-animation:bounce 2s infinite;
    animation:bounce 2s infinite
}
@keyframes bounce{
    0%, 20%, 50%, 80%, 100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
#page{
    padding-left:74px
}
.content{
    background:white;
    position:relative
}
.pddr-left{
    padding-left:74px
}
.full_h{
    height:100vh
}
.full_hh{
    height:70vh;
    min-height:380px;
    background:white;
    position:relative
}
.half_h{
    background:white;
    height:58vh;
    position:relative;
    min-height:400px
}
.container{
    max-width:1266px;
    margin:0 auto
}
.padder-large{
    padding:140px 0px
}
.inner-padder{
    padding-left:90px;
    padding-right:90px
}
.col-4{
    width:25%;
    float:left
}
.col-3{
    width:33.3333%;
    float:left
}
.col-2{
    width:50%;
    float:left
}
.site-header{
    position:fixed;
    width:100%;
    top:30px;
    left:0;
    text-align:center;
    z-index:5;
    padding-left:74px
}
.pace{
    width:74px !important;
    position:fixed;
    z-index:5;
    opacity:1;
    left:0;
    width:100px;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    height:100%;
    background:black
}
.pace-progress{
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:white;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease
}
#page.menu-white .pace{
    background:white
}
#page.menu-white .pace .pace-progress{
    background:black
}
#page.menu-grey .pace{
    background:#f3f2ef
}
#page.menu-grey .pace .pace-progress{
    background:black
}
.pace.pace-inactive{
    pointer-events:none;
    -webkit-transition-delay:2s;
    transition-delay:2s;
    -webkit-pointer-events:none;
    -moz-pointer-events:none;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease
}
.site-title{
    width:80px;
    display:inline-block
}
.site-title:hover a{
    opacity:0.5
}
.site-title a{
    width:80px;
    height:22px;
    -webkit-transition:opacity 0.4s ease;
    -moz-transition:opacity 0.4s ease;
    -ms-transition:opacity 0.4s ease;
    transition:opacity 0.4s ease;
    position:relative;
    display:block
}
.site-title img{
    width:150%;
    position:absolute;
    left:0;
    top:0;
    vertical-align:top;
    height:auto
}
.site-title .logo-dark .logo-d{
    opacity:1
}
.site-title .logo-dark .logo-l{
    opacity:0
}
.site-title .logo-light .logo-l{
    opacity:1
}
.site-title .logo-light .logo-d{
    opacity:0
}
.lang{
    position:fixed;
    left:0;
    bottom:0;
    width:74px;
    opacity:0;
    z-index:8;
    display:block;
    text-align:center;
    padding:20px 0px;
    border-top:1px solid rgba(181,181,181,0.41)
}
.lang a{
    display:inline-block;
    padding:0;
    font-size:13px;
    font-family:'radikalmedium';
    font-weight:800;
    padding:7px 4px;
    text-transform:uppercase;
    color:#5f5f5f;
    text-decoration:none;
    letter-spacing: 1px
}
.lang a.current-lang{
    color:white
}
.lang ul{
    padding:0;
    margin:0
}
.lang li{
    display:inline-block
}
.lang .current-lang a{
    color:white
}
.left-menu-bar.black{
    width:74px;
    height:100%;
    position:fixed;
    left:0;
    cursor:pointer;
    top:0;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    transition-timing-function:ease;
    transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
    z-index:6
}
.left-menu-bar.black .menu-icon{
    width:32px;
    height:32px;
    cursor:pointer;
    position:relative;
    display:block;
    margin:19px;
    margin-top:30px
}
.left-menu-bar.black .menu-icon span,.left-menu-bar.black .menu-icon span:after,.left-menu-bar.black .menu-icon span:before{
    display:block;
    width:100%;
    height:3px;
    background:white;
    position:absolute;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    right:0;
    top:0
}
.left-menu-bar.black .menu-icon span:before,.left-menu-bar.black .menu-icon span:after{
    content:''
}
.left-menu-bar.black .menu-icon span:before{
    top:10px;
    width:26px
}
.left-menu-bar.black .menu-icon span:after{
    top:20px
}
.left-menu-bar.black.open .menu-icon span:before{
    opacity:0
}
.left-menu-bar.black.open .menu-icon span{
    width:32px !important;
    transform:rotate(45deg);
    transform-origin:0;
    -webkit-transform:rotate(45deg);
    -webkit-transform-origin:0;
    left:5px
}
.left-menu-bar.black.open .menu-icon span:after{
    width:32px !important;
    -webkit-transform:rotate(-90deg);
    -webkit-transform-origin:50%;
    top:0
}
.left-menu-bar.black:hover{
    background:#232323
}
.left-menu-bar.black:hover span{
    width:26px
}
.left-menu-bar.black:hover span:after{
    width:26px
}
.left-menu-bar.black:hover span:before{
    width:32px
}
#page.menu-white .lang a,#page.menu-grey .lang a{
    color:#bcbcbc
}
#page.menu-white .lang a.act,#page.menu-grey .lang a.act{
    color:black
}
#page.menu-white .lang .current-lang a,#page.menu-grey .lang .current-lang a{
    color:black !important
}
#page.menu-white .left-menu-bar,#page.menu-grey .left-menu-bar{
    width:74px;
    height:100%;
    position:fixed;
    left:0;
    cursor:pointer;
    top:0;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    transition:all 0.4s ease;
    transition-timing-function:ease;
    transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
    z-index:6
}
#page.menu-white .left-menu-bar .menu-icon,#page.menu-grey .left-menu-bar .menu-icon{
    width:32px;
    height:32px;
    cursor:pointer;
    position:relative;
    display:block;
    margin:19px;
    margin-top:30px
}
#page.menu-white .left-menu-bar .menu-icon span,#page.menu-white .left-menu-bar .menu-icon span:after,#page.menu-white .left-menu-bar .menu-icon span:before,#page.menu-grey .left-menu-bar .menu-icon span,#page.menu-grey .left-menu-bar .menu-icon span:after,#page.menu-grey .left-menu-bar .menu-icon span:before{
    display:block;
    width:100%;
    height:3px;
    background:black;
    position:absolute;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    right:0;
    top:0
}
#page.menu-white .left-menu-bar .menu-icon span:before,#page.menu-white .left-menu-bar .menu-icon span:after,#page.menu-grey .left-menu-bar .menu-icon span:before,#page.menu-grey .left-menu-bar .menu-icon span:after{
    content:''
}
#page.menu-white .left-menu-bar .menu-icon span:before,#page.menu-grey .left-menu-bar .menu-icon span:before{
    top:10px;
    width:26px
}
#page.menu-white .left-menu-bar .menu-icon span:after,#page.menu-grey .left-menu-bar .menu-icon span:after{
    top:20px
}
#page.menu-white .left-menu-bar.open .menu-icon span:before,#page.menu-grey .left-menu-bar.open .menu-icon span:before{
    opacity:0
}
#page.menu-white .left-menu-bar.open .menu-icon span,#page.menu-grey .left-menu-bar.open .menu-icon span{
    width:32px !important;
    transform:rotate(45deg);
    transform-origin:0;
    -webkit-transform:rotate(45deg);
    -webkit-transform-origin:0;
    left:5px
}
#page.menu-white .left-menu-bar.open .menu-icon span:after,#page.menu-grey .left-menu-bar.open .menu-icon span:after{
    width:32px !important;
    -webkit-transform:rotate(-90deg);
    -webkit-transform-origin:50%;
    top:0
}
#page.menu-white .left-menu-bar:hover,#page.menu-grey .left-menu-bar:hover{
    background:#e0e0e0
}
#page.menu-white .left-menu-bar:hover span,#page.menu-grey .left-menu-bar:hover span{
    width:26px
}
#page.menu-white .left-menu-bar:hover span:after,#page.menu-grey .left-menu-bar:hover span:after{
    width:26px
}
#page.menu-white .left-menu-bar:hover span:before,#page.menu-grey .left-menu-bar:hover span:before{
    width:32px
}
.menu-modal{
    position:fixed;
    z-index:4;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.menu-modal li,.menu-modal a{
    display:block;
    line-height:normal
}
.menu-modal .menu-content{
    position:relative;
    text-align:left;
    max-width:750px;
    display:inline-block
}
.menu-modal .menu-content ul,.menu-modal .menu-content li{
    list-style:none;
    padding:0;
    margin:0
}
.menu-modal li a{
    font-size:90px;
    font-family:'radikalmedium';
    text-transform: lowercase;
    font-weight:800;
    text-decoration:none;
    line-height:118px;
    letter-spacing: 2px
}
.menu-modal li{
    line-height:87px
}
.menu-modal.black .bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:0;
    background:rgba(0,0,0,0.9)
}
.menu-modal.black li,.menu-modal.black a,.menu-modal.black p,.menu-modal.black h6{
    color:white
}
.menu-modal.white .bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:0;
    background:rgba(255,255,255,0.9)
}
.menu-modal.white li,.menu-modal.white a,.menu-modal.white p,.menu-modal.white h6{
    color:black
}
.menu-modal .c-info{
    margin-top:90px;
    overflow:hidden
}
.menu-modal .c-info>div{
    display:inline-block;
    margin-right:90px
}
.menu-modal .c-info .impr{
    opacity:0.4
}
.menu-modal .c-info a{
    text-decoration:none
}
.menu-modal .c-info h6,.menu-modal .c-info p{
    color:white;
    margin:0
}
.menu-modal .c-info h6{
    font-size:25px
}
.menu-modal .c-info p{
    font-size:15.5px
}
.site-footer{
    position:relative;
    text-align:center;
    background:#1d1d1d;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    clear: both
}
.site-footer .inner-padder{
    position:absolute;
    z-index:1;
    bottom:50px;
    width:100%;
    left:0
}
.site-footer .inner-padder p{
    color:rgba(255,255,255,0.4);
    font-size:18px;
    line-height:30px;
    vertical-align:bottom;
    display:inline-block
}
.site-footer h5{
    font-size:32px;
    display:block;
    color:white
}
.site-footer a{
    text-decoration:none
}
.site-footer .link-hover{
    margin-bottom:60px
}
.text-right{
    margin-top:38px
}
.text-right a{
    display:inline-block;
    margin-left:20px
}
.hp-wrap{
    display:none
}
.cases-page .site-footer,.competences-page .site-footer{
    background:black
}
.main-navigation{
    clear:both;
    display:block;
    float:left;
    width:100%
}
.main-navigation ul{
    list-style:none;
    margin:0;
    padding-left:0
}
.main-navigation li{
    float:left;
    position:relative
}
.main-navigation a{
    display:block;
    text-decoration:none
}
.main-navigation ul ul{
    box-shadow:0 3px 3px rgba(0,0,0,0.2);
    display:none;
    float:left;
    left:0;
    position:absolute;
    top:1.5em;
    z-index:99999
}
.main-navigation ul ul ul{
    left:100%;
    top:0
}
.main-navigation ul ul a{
    width:200px
}
.main-navigation ul li:hover>ul{
    display:block
}
.menu-toggle{
    cursor:pointer;
    display:none
}
@media screen and (max-width: 600px){
    .menu-toggle,.main-navigation.toggled .nav-menu{
        display:block
    }
    .main-navigation ul{
        display:none
    }
}
.site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation{
    margin:0 0 1.5em;
    overflow:hidden
}
.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous{
    float:left;
    width:50%
}
.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next{
    float:right;
    text-align:right;
    width:50%
}
.section{
    background-attachment:fixed;
    background-size:auto 80%;
    overflow:hidden;
    background-position:50% 0%;
    background-repeat:no-repeat
}
.down-arrw{
    position:absolute;
    bottom:0;
    color:black;
    text-align:center;
    font-size:44px;
    text-decoration:none;
    color:black;
    text-align:center;
    display:block;
    width:100%;
    bottom:20px;
    z-index:3
}
.slide-next,.slide-next-cont{
    position:absolute;
    height:100%;
    right:0;
    top:0;
    width:30%;
    z-index:7;
    cursor:url(assets/images/arrow-r.png),auto
}
.slide-prev,.slide-prev-cont{
    position:absolute;
    height:100%;
    left:0;
    width:30%;
    top:0;
    z-index:3;
    cursor:url(assets/images/arrow-l.png),auto
}
.bg_video_fixed{
    position:fixed;
    left:0;
    z-index:2;
    top:0;
    width:100%;
    height:100%
}
.bg_video_fixed .slide-bg{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background-size:cover;
    background-attachment:fixed;
    background-position:center
}
.lap-next-cont,.lap-next-cont-dark{
    position:absolute;
    height:100%;
    right:0;
    top:0;
    width:50%;
    z-index:x;
    cursor:url(assets/images/arrow-r.png),auto
}
.lap-prev-cont,.lap-prev-cont-dark{
    position:absolute;
    height:100%;
    left:0;
    width:50%;
    top:0;
    z-index:3;
    cursor:url(assets/images/arrow-l.png),auto
}
.lap-prev-cont{
    cursor:url(assets/images/arrow-l-white.png),auto
}
.lap-next-cont{
    cursor:url(assets/images/arrow-r-white.png),auto
}
.type-large{
    font-size:28px;
    line-height:50px
}
.type-medium{
    font-size:22px;
    line-height:38px
}
.hero-home{
    position:relative;
    overflow:hidden
}
.hero-home .hero-content{
    position:relative;
    text-align:center
}
.hero-home .hero-content h1{
    overflow:hidden;
    font-size:110px;
    position:absolute;
    width:100%;
    left:0;
    line-height:120px
}
.hero-home .hero-content h1 .words{
    float:left;
    display:block;
    width:50%;
    height:120px;
    line-height:120px;
    position:relative;
    text-align:left
}
.hero-home .hero-content h1 .words span{
    overflow:hidden;
    display:block;
    text-transform: lowercase;
    width:100%
    letter-spacing: 5px;
}
.hero-home .hero-content h1>span{
    height:120px;
    display:block;
    float:left;
    width:50%;
    padding-right:40px;
    text-transform: lowercase;
    letter-spacing: 5px;
}
.hero-home .hero-content h1>span:nth-child(1){
    text-align:right
}
.hero-home .hero-content h1>span:nth-child(2){
    text-align:left
}
.hero-home .hero-content p{
    font-size:22px
}
.hero-home .hero-content .action-btn{
    position:absolute;
    width:100%;
    bottom:-130px
}
.hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
    overflow:hidden;
    width:100%;
    background-size:cover;
    background-attachment:fixed;
    background-position:center;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    -webkit-backface-visibility:hidden;
    z-index:5
}
.hero-home .slide-2-bg,.hero-home .slide-3-bg{
    width:0
}
.hero-home .slide-2-heading,.hero-home .slide-3-heading{
    opacity:0
}
.hero-home .heading-wrapper{
    height:120px;
    overflow:hidden;
    position:relative
}
.hero-home .bg_parallax_wrap{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:2;
    overflow:hidden
}
.hero-home .slide-bg{
    position:static;
    width:100%;
    height:100%;
    background-size:cover;
    background-attachment:fixed;
    background-position:center
}
.hero-home .tp{
    position:absolute;
    height:100%;
    width:100%;
    top:-100%;
    left:0;
    background:white
}
.hero-home .bt{
    position:absolute;
    height:100%;
    width:100%;
    bottom:-100%;
    left:0;
    background:white
}
.hero-home .lf{
    position:absolute;
    height:150%;
    width:100%;
    top:-10;
    background:white;
    left:-100%
}
.hero-home .rg{
    position:absolute;
    height:150%;
    background:white;
    width:100%;
    top:-10%;
    right:-100%
}
.hero-home .movement{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    height:100%
}
.hero-home .slide-2-bg .movement .tp,.hero-home .slide-2-bg .movement .bt,.hero-home .slide-2-bg .movement .lf,.hero-home .slide-2-bg .movement .rg{
    background:#febcbc
}
.hero-home .slide-1-bg.right-stick,.hero-home .slide-2-bg.right-stick,.hero-home .slide-3-bg.right-stick{
    left:auto;
    right:0
}
.hero-home .slide-3-bg .movement .tp,.hero-home .slide-3-bg .movement .bt,.hero-home .slide-3-bg .movement .lf,.hero-home .slide-3-bg .movement .rg{
    background:#71a8a5
}
.hero-home img{
    display:inline-block;
    width:100%;
    left:0;
    top:0;
    height:100%;
    z-index:-100;
    position:absolute
}
.hero-home .bg_video{
    position:fixed;
    left:0;
    overflow:hidden;
    top:0;
    width:100%;
    text-align:center;
    height:100%;
    z-index:0
}
.hero-home .bg_video .video_wrap{
    position:relative;
    width:99%;
    height:99%;
    overflow:hidden
}
.hero-home .bg_video video{
    width:100%;
    position:absolute;
    object-fit:cover;
    left:0;
    top:0;
    height:100%;
    z-index:-100
}
.hero-home .bg_mask{
    position:absolute;
    width:100%;
    left:0;
    z-index:0;
    top:0;
    height:100%;
    text-align:center
}
.hero-home .bg_mask:after,.hero-home .bg_mask:before{
    height:100%;
    top:0;
    display:block;
    content:'';
    background:white;
    position:absolute;
    width:29%;
    left:0
}
.hero-home .bg_mask:after{
    right:0;
    left:auto
}
.hero-home .bg_mask img{
    display:inline-block;
    height:100%;
    width:auto
}
.awards-wrap{
    text-align:left;
    padding:50px 0px 0px 0px
}
.awards-wrap img{
    display:inline-block;
    margin-right:90px;
    max-width:140px
}
.awards-wrap a:last-child img{
    margin-right:0
}
.awards-wrap a{
    display:inline-block
}
.table{
    display:table;
    height:100%;
    width:100%;
    position:relative;
    z-index:1
}
.table-cell{
    display:table-cell;
    vertical-align:middle
}
.welcome{
    background:white
}
.bg_image{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed
}
.parallax_post{
    height:90vh;
    overflow:hidden;
    min-height:540px;
    position:relative
}
.parallax_post h2,.parallax_post p{
    color:white;
    text-align:center
}
.parallax_post .image-bg{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.services h5{
    margin:0px 0 120px 0
}
.services .point-ic{
    height:120px
}
.services .col-4:nth-child(1) img{
    height:80px
}
.services .col-4:nth-child(2) img{
    height:90px
}
.services .col-4:nth-child(3) img{
    height:74px
}
.services .col-4:nth-child(4) img{
    height:80px
}
.services .action-btn{
    text-align:center;
    margin:80px 0px 20px 0px
}
.services h4,.services p{
    max-width:210px
}
.services p{
    font-size:18px;
    line-height:28px
}
.services h4{
    margin-bottom:25px
}
.posts .col-2{
    height:100%;
    background:black;
    position:relative;
    overflow:hidden
}
.posts .bg_img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center
}
.posts .post-wrap{
    display:block;
    position:absolute;
    left:0px;
    bottom:70px;
    padding-right:50px;
    pointer-events:none;
    -moz-pointer-events:none;
    -webkit-pointer-events:none;
    z-index:1
}
.posts .line{
    height:120px;
    width:1px;
    position:absolute;
    left:80px;
    bottom:-200px;
    background:white
}
.posts h4,.posts span{
    color:white
}
.posts .bg_img{
    opacity:0.5
}
.posts h4{
    font-size:73px;
    line-height:83px
}
.posts span{
    font-family:'radikalmedium';
    font-weight:300;
    font-size:20px;
    display:block;
    padding-bottom:13px;
    text-transform:uppercase;
    letter-spacing: 2px;
}
.transit .case_bg,.transit .bg_img{
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    background-size:cover;
    background-position:center;
    opacity:1 !important
}
.text-content-left{
    text-align:left;
    max-width:530px
}
.text-content-left h2{
    line-height:85px;
    margin-bottom:40px;
    font-size:72px;
    text-align:left
}
.text-content-left p{
    text-align:left;
    font-size:22px;
    line-height:36px;
    opacity:0.7;
    margin-bottom:48px
}
.transit{
    -webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow:hidden !important
}
.transit>div{
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.transit.full_screen{
    top:0 !important;
    height:100% !important;
    left:0 !important;
    width:100% !important
}
.transit.full_screen .case_bg,.transit.full_screen .bg_img{
    transform:matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important;
    -moz-transform:matrix(1, 0, 0, 1, 0, 0) !important
}
.transit.full_h_screen{
    top:0 !important;
    left:0 !important;
    height:70vh !important;
    width:100% !important
}
.transit.full_h_screen .case_bg,.transit.full_h_screen .bg_img{
    transform:matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important;
    -moz-transform:matrix(1, 0, 0, 1, 0, 0) !important
}
.project-info,.project-screens,.project-content-wrapper{
    background:white;
    position:relative
}
.bg_img{
    width:100%;
    height:100%
}
.cases_wrapper{
    padding-top:80px
}
.cases_wrapper .case{
    height:70vh;
    min-height:500px;
    position:relative;
    overflow:hidden
}
.cases_wrapper .case:after{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,0.63);
    z-index:0;
    pointer-events:none;
    -moz-pointer-events:none;
    opacity:1;
    -webkit-pointer-events:none;
    -webkit-transition:all 0.9s ease;
    -moz-transition:all 0.9s ease;
    -ms-transition:all 0.9s ease;
    transition:all 0.9s ease
}
.cases_wrapper .case.visible:after{
    opacity:0
}
.cases_wrapper .line{
    height:120px;
    width:2px;
    position:absolute;
    left:90px;
    bottom:-220px;
    background:white
}
.cases_wrapper .case_content{
    position:absolute;
    bottom:90px;
    left:0;
    pointer-events:none;
    -moz-pointer-events:none;
    -webkit-pointer-events:none
}
.cases_wrapper .case_content h2{
    font-size:85px;
    line-height:80px;
    max-width:740px;
    text-shadow:1px 1px 35px rgba(0,0,0,0.2);
    -moz-text-shadow:1px 1px 35px rgba(0,0,0,0.2);
       color:white!important;
}
.cases_wrapper .case_content span{
    font-size:20px;
    font-family:'radikalmedium';
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight:300;
    padding-bottom:10px;
    display:block;
        color:white!important;
    text-shadow:1px 1px 15px rgba(0,0,0,0.41);
    -moz-text-shadow:1px 1px 15px rgba(0,0,0,0.41)
}
.hero-single-case h1,.hero-single-case span,.hero-single-case p{
    text-shadow:1px 1px 35px rgba(0,0,0,0.2);
    -moz-text-shadow:1px 1px 35px rgba(0,0,0,0.2)
}
.contact-wrapper{
    position:relative;
    background:white
}
.case_bg,.hero_bg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-size:cover;
    background-position:center
}
.case_fixed_bg{
    position:fixed
}
.hero-pages{
    position:relative;
    text-align:center
}
.hero-pages h1{
    font-size:110px;
    line-height:120px
}
.hero-pages h1.post-date{
    font-size:118px;
    line-height:120px
}
.hero-pages p{
    font-size:22px
}
.hero-pages.hero-dark h1,.hero-pages.hero-dark p,.hero-pages.hero-dark .down-arrw,.hero-pages.hero-dark span{
    color:white;
    position:relative;
    z-index: -1;
}
.hero-pages.hero-light h1,.hero-pages.hero-light p,.hero-pages.hero-light .down-arrw,.hero-pages.hero-light span{
    color:white;

}
.text-white span,.text-white h2{
    color:white
}
.text-white .line{
    background:white
}
.text-black span,.text-black h2{
    color:black
}
.text-black .line{
    background:black
}
.text-btn{
    font-family:'radikalmedium';
    font-weight: 800;
    font-size:36px;
    display:inline-block;
    margin:60px 0px 20px 0px;
    color:black;
    text-decoration:none
}
.right-stick{
    left:auto !important;
    right:0 !important
}
.service-content{
    width:100%;
    padding-left:190px;
    height:100%
}
.service-content h2{
    font-size:85px;
    line-height:80px;
    margin-bottom:100px;
    position:relative;
    padding-top:150px;
    z-index:2
}
.service-content .service-cwrap{
    position:absolute;
    top:47%;
    max-width:690px;
    width:100%
}
.service-content .flip_layer{
    height:100%;
    position:absolute;
    z-index:1;
    width:82px;
    left:0;
    top:0;
    display:none;
}
.service-content .flip_content{
    height:100%;
    position:absolute;
    z-index:1;
    width:100%;
    left:0;
    top:47%;
    padding:0px 0 0 190px
}
.service-content .flip_content .comp_col{
    float:left;
    width:30%;
    max-width:400px
}
.service-content .flip_content ul,.service-content .flip_content li{
    margin:0;
    padding:0;
    list-style:none
}
.service-content .flip_content h5{
    font-size:36px;
    margin-bottom:25px
}
.service-content .flip_content h5,.service-content .flip_content p,.service-content .flip_content li{
    color:white
}
.service-content .flip_content li{
    font-size:18px;
    line-height:32px
}
.service-content .flip_content.cont-dark li,.service-content .flip_content.cont-dark h5{
    color:black
}
.service-content span{
    display:block;
    font-family:radikalregular;
    font-weight:bold;
    font-size:24px
}
.service-content p{
    font-size:20px;
    line-height:34px
}
.service-content .service_icons{
    padding-top:60px
}
.service-content .service_icons img{
    margin-right:60px;
    display:inline-block;
    vertical-align:middle
}
.service-content.content-light h2,.service-content.content-light span,.service-content.content-light p{
    color:white
}
.service-wrapper{
    position:relative
}
.service-wrapper .bg_img{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-size:contain;
    background-position:right;
    background-repeat:no-repeat
}
.soc_ico img{
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.soc_ico:hover img{
    -moz-transform:scale(1.15);
    -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
    opacity:0.4
}
.contact-padder{
    padding:0 200px
}
.ninja-forms-response-msg.ninja-forms-error-msg{
    display:none
}
.ninja-forms-field-error p{
    margin:0;
    color:red
}
.ninja-forms-field-error{
    color:red;
    position: absolute;
    bottom: -10px !important;
    font-size: 14px;
}
.checkbox-wrap .ninja-forms-field-error{
  bottom: -23px !important;
}
.field-wrap,#ninja_forms_required_items{
    position:relative
}
.ninja-forms-field-error p{
    padding:0;
    color:#ffcdcd !important;
    margin:0 !important;
    font-size:10px !important
}
.contact-content h2,.contact-content p,.contact-content span{
    color:white
}
.contact-content h2,.contact-content .col-2{
    opacity:0
}
.contact-content span{
    font-family:radikalregular;
    font-weight:bold;
    font-size:26px
}
.contact-content h2{
    font-size:85px;
    line-height:80px;
    margin-bottom:100px
}
.contact-content p{
    font-size:18px;
    line-height:36px
}
.contact-content form{
    padding-left:50px
}
.contact-content form div.ninja-forms-required-items{
    display:none
}
.contact-content form input[type="text"],.contact-content form input[type="email"],.contact-content form textarea{
    padding:16px 20px;
    border:none;
    outline:none;
    box-shadow:none;
    background:rgba(255,255,255,0.13);
    font-weight:300;
    font-size:19px;
    color:white;
    display:block;
    width:100%;
    margin-bottom:30px
}
.contact-content form input[type="text"]::-webkit-input-placeholder,.contact-content form input[type="email"]::-webkit-input-placeholder,.contact-content form textarea::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5)
}
.contact-content form input[type="text"]:-moz-placeholder,.contact-content form input[type="email"]:-moz-placeholder,.contact-content form textarea:-moz-placeholder{
    color:rgba(255,255,255,0.5)
}
.contact-content form input[type="text"] ::-moz-placeholder,.contact-content form input[type="email"] ::-moz-placeholder,.contact-content form textarea ::-moz-placeholder{
    color:rgba(255,255,255,0.5)
}
.contact-content form input[type="text"]:-ms-input-placeholder,.contact-content form input[type="email"]:-ms-input-placeholder,.contact-content form textarea:-ms-input-placeholder{
    color:rgba(255,255,255,0.5)
}
.contact-content form input[type="submit"]{
    font-family: 'quant';
    font-weight: 700;
    font-size: 23px;
    text-decoration: none;
    padding: 12px 20px;
    min-width: 220px;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    background: 0 0;
    margin-top:30px;
}
.contact-content form input[type="submit"]:hover{
    background: #fff;
    color: #000;
}
.contact-content .spam-wrap input[type="text"] {
    color:rgba(255,255,255,0.5) !important;
}

.contact-content form .field-wrap label{
    display:none
}
.hero-single-case .hero-content span{
    font-family:'radikalmedium';
    font-weight:800;
    display:block;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:20px;
    color:white!important;
    letter-spacing: 2px
}
.hero-single-case .hero-content p{
    max-width:485px;
    line-height:36px;
    display:inline-block
}
.hero-contact .hero_bg{
    background-attachment:fixed
}
.col-3{
    width:33.3333%;
    float:left
}
.toggle-btn{
    position:absolute;
    width:82px;
    height:100%;
    left:0;
    cursor:pointer;
    z-index:2;
    top:0
}
.toggle-btn .arrow.right{
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.toggle-btn:hover .arrow.right{
    left:60px
}
.toggle-btn.toggle-close:hover .arrow.right{
    left:25px
}
.arrow{
    position:absolute;
    width:22px;
    height:22px;
    top:50%;
    left:25px;
    margin-top:-11px;
    background:transparent;
    border-top:.4rem solid white;
    border-right:.4rem solid white;
    box-shadow:0 0 0 lightgray;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease
}
div[style="background-color:#f7f7f7;"] .arrow{
    border-top: .4rem solid #808080;
    border-right: .4rem solid #808080;
}

.arrow.right{
    right:0;
    transform:translate3d(0, -50%, 0) rotate(45deg);
    -webkit-transform:translate3d(0, -50%, 0) rotate(45deg);
    -moz-transform:translate3d(0, -50%, 0) rotate(45deg)
}
.arrow.right.black{
    border-color:black !important
}
.arrow.left{
    opacity:0;
    left:0px;
    transform:translate3d(0px, -54%, 0px) rotate(-140deg);
    -webkit-transform:translate3d(0px, -54%, 0px) rotate(-140deg);
    -moz-transform:translate3d(0px, -54%, 0px) rotate(-140deg)
}
.arrow.left.black{
    border-color:black !important
}
.toggle-btn.toggle-close .arrow.left{
    opacity:1;
    left:48px
}
.single-post{
    background:white;
    position:relative;
    padding:160px 0px 150px 0px;
    z-index:1;
}
.single-post .img-grid{
    margin:140px 0px
}
.single-post .single-post-content,
.single-jobs .single-post-content{
    max-width:1100px;
    margin:0 auto;
    display:block;
    margin-bottom:40px;
    padding-right:70px
}
.single-post h1{
    opacity:0
}

.accordion-jobs-full-width {

    background: #1d1d1d;
    color: white;
    padding: 100px 0;

}

.accordion-jobs-full-width .toggle_row .toggle_header h4,
.accordion-jobs-full-width .toggle-content,
.accordion-jobs-full-width .toggle-content p,
.accordion-jobs-full-width li {
    color:white!important;
    line-height: 28px;
}
.single-jobs .accordion-jobs-full-width li::after,
.accordion-jobs-full-width .toggle_row .toggle_header::after {
    border-left-color:white!important;
}
.accordion-jobs-full-width .toggle_row .toggle_header h4 {
    text-align: center;
}
.accordion-jobs-full-width .single-post-content {
    margin-bottom: 0 !important;
}
.accordion-jobs-full-width + .accordion-jobs-full-width {
    padding-top: 0;
}



.single-post h1.non-opaq{
    opacity:1
}
.single-post p,.single-post li,
.single-jobs p,{
    font-size:22px;
    line-height:40px;
    color:#636363
}
.single-post li,
.single-jobs .compete-intro li{
    list-style:none;
    position:relative;
    padding-left:40px
}
.single-post li:after,
.single-jobs li:after{
    left:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    top:8px;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-left-color:#000000;
    border-width:10px;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    transform-origin:10px 10px;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%
}
.single-post .toggle-content ul,
.single-jobs .toggle-content ul{
    padding:0;
    margin:10px 0 50px 0;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:120px;
    -moz-column-gap:120px;
    column-gap:120px
}
.single-post .toggle-content li{
    margin:4px 0px 10px 0px
}
.single-post a{
    text-decoration:none;
    color:#fb756e
}
.single-post a:hover{
    text-decoration:underline
}
.single-post ul{
    padding:0 80px 60px 50px
}
.single-post h1{
    font-size:64px;
    line-height:76px
}
.single-post h2{
    font-size:48px;
    line-height:60px
}
.single-post h3{
    font-size:32px;
    line-height:40px
}
.single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5{
    margin-bottom:40px
}
.single-post p{
    margin-bottom:70px
}
.single-post img{
    width:100%;
    height:auto
}
.hero-competence{
    background:white;
    text-align:center
}
.hero-competence h1{
    width:930px;
    display:inline-block;
    padding-bottom:250px
}
.hero-competence h1 span{
    font-size:87px
}
.hero-competence h1 .cl1{
    display:inline-block;
    float:left;
    margin-left:-80px
}
.hero-competence h1 .cl2{
    display:inline-block;
    float:right;
    margin-right:-80px
}
.bottom-line{
    position:absolute;
    left:0;
    bottom:100px;
    text-align:center;
    z-index:1;
    width:100%
}
.bottom-line p{
    line-height:31px;
    opacity:0.8
}
.welcome.compete{
    background:white;
    position:relative
}
.bg_graphic{
    position:fixed;
    left:0;
    top:0;
    z-index:0;
    width:100%;
    height:100%;
    text-align:center
}
.graphic_wrapper{
    position:absolute;
    display:inline-block;
    width:929px;
    top:46%;
    left:50%;
    margin-left:35px;
    height:517px;
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.graphic_wrapper .grap1,.graphic_wrapper .grap2{
    position:absolute;
    top:0
}
.graphic_wrapper .grap1 img,.graphic_wrapper .grap2 img{
    width:100%;
    height:auto
}
.graphic_wrapper .grap1{
    left:3px;
    width:514px;
    top:-7px
}
.graphic_wrapper .grap2{
    right:3px;
    width:499px;
    top:8px
}
.graphic_wrapper .grap3{
    position:relative;
    z-index:1;
    margin-top:120px
}
.graphic_wrapper .grap3 img{
    width:76px
}
.competence-contact{
    background:white;
    position:relative
}
.competence-contact h3{
    margin-bottom:60px
}
.competence-contact a{
    margin-top:60px
}
.project-screens img{
    width:100%;
    height:auto
}
.project-info{
    padding:100px 0px 50px 0px
}
.proj-stats{
    text-align:center;
    margin:0 auto;
    width:100%;
    max-width:1400px
}
.proj-stats span{
    display:block;
    font-family:radikalregular;
    font-weight:bold;
    font-size:32px
}
.proj-stats p{
    font-size:16px;
    line-height:26px
}
.proj-stats span,.proj-stats p,.proj-stats a{
    text-decoration:none;
    color:black
}
.projec-text-wrapper{
    padding:0px 180px 50px 180px
}
.para_column2 p{
    font-size:23px;
    line-height:37px
}
.projec-text{
    padding:0px 180px 50px 180px
}
.projec-text h2{
    font-size:72px;
    line-height:80px;
    margin-bottom:50px
}
.projec-text p{
    font-size:21px;
    line-height:38px;
    color:#888888;
    margin:0
}
.projec-text i{
    font-style:italic
}
.projec-text .compete-intro p{
    font-size:22px;
    line-height:38px;
    color:#888888
}
/* .projec-text .para_column2{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:200px;
    -moz-column-gap:200px;
    column-gap:200px
} */

.toggle-content ul {
-webkit-column-count: 1!important;
-moz-column-count: 1!important;
column-count: 1!important;
}
.col-50 + .col-50 {

    margin-right: 0 !important;

}
.col-50 {

    max-width: 45%;
    float: left;
    margin-right: 80px;

}
.clear {
    clear: both;
    display:block;
    padding-top: 60px;
}
@media scree and (max-width:768px) {
    .col-50 {
        max-width: 100%;
        margin: 0;
        float:left;
    }
}

.compete-intro ul li,
.project-text-box ul li,
.toggle-content li  {
    color: #888888;
    position: relative;
    line-height: 45px;
}
.compete-intro ul,
.project-text-box ul,
.toggle-content ul {
    list-style: none;
    margin: 0;
    padding-left: 45px;
}
.compete-intro ul li::before,
.project-text-box ul li::before,
.toggle-content li:before {
    content: "";
    background: #888;
    height: 2px;
    width: 25px;
    position: absolute;
    top: 19px;
    left: -40px;

}
.project-text-box ul li::before {

    top: 21px!important;

}
.project-text-box ul li::after,
.toggle-content li:after {
    display: none;
}
.project-content-wrapper .project-text-box h2{
    font-size:72px;
    line-height:80px;
    margin-bottom:50px
}
.project-content-wrapper .project-text-box p{
    font-size:21px;
    line-height:38px;
    color:#888888;
    margin:0
}
.project-content-wrapper .project-text-box i{
    font-style:italic
}
.project-content-wrapper .project-text-box .compete-intro p{
    font-size:22px;
    line-height:38px;
    color:#888888
}
.project-content-wrapper .project-text-box .para_column2{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:200px;
    -moz-column-gap:200px;
    column-gap:200px
}
.project-content-wrapper .project-text-box .full-block-paragraph p{
    font-size:27px;
    line-height:50px
}
.project-content-wrapper .col2-images img,.project-content-wrapper .full-screen-image img{
    width:100%;
    height:auto
}
.project-content-wrapper .center-block-paragraph{
    max-width:750px;
    margin:0 auto
}
.share-block{
    text-align:center;
    padding:200px 0px
}
.share-block.top-pd{
    margin-top:140px
}
.share-block h5{
    font-size:36px;
    margin-bottom:50px
}
.share-block a{
    display:inline-block;
    margin:0 10px;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.share-block a:hover{
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:0.4
}
.share-block{
    position:relative;
    background:#ebebeb
}
.video-contaniner{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.video-contaniner iframe{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    width:100%;
    height:100%
}
.video-contaniner .video_cover{
    position:absolute;
    left:0;
    top:0;
    background-size:cover;
    z-index:0;
    width:100%;
    opacity:0.7;
    background-position:center;
    height:100%;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    transition:all 0.4s ease
}
.video-contaniner:hover .video_cover{
    opacity:0.5
}
.video-contaniner:hover a img{
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    transform:scale(0.8)
}
.video-contaniner a img{
    width:145px;
    height:145px;
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    margin-left:-72px;
    margin-top:-72px;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.awards-contaniner{
    padding:120px 0px
}
.awards-contaniner h5{
    font-size:36px;
    text-align:center;
    margin-bottom:70px
}
.awards-contaniner .aw-logos-wrap{
    text-align:center
}
.awards-contaniner .aw-logos-wrap img{
    display:inline-block;
    vertical-align:middle;
    margin:0 38px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    max-height:67px
}
.bg_comp-mobile{
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    margin-top:-154px;
    padding-left:14px;
    padding-right:14px
}
.bg_comp-mobile img{
    width:100%;
    height:auto
}
.mob-hero{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-15px;
    z-index:2;
    text-align:center;
    width:100%;
    font-size:29px
}

.full-banner-404 {
    color: white;
    height: 100vh;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mob-hero span{
    width:50%;
    text-align:center;
    float:left
}
.mobile-comp-slider{
    padding:50px 50px;
    position:relative
}
.mobile-comp-slider h5{
    font-size:22px;
    margin-bottom:20px
}
.mobile-comp-slider ul li{
    font-size:14px;
    line-height:21px
}
.mobile-comp-slider .slick-arrow{
    color:white;
    font-size:40px;
    position:absolute;
    top:50%;
    margin-top:-22px;
    font-family:'Zapf Dingbats'
}
.mobile-comp-slider .slick-next{
    right:0;
    left:auto
}
.mobile-comp-slider .slick-prev{
    left:0
}
.mobile-comp-slider ul{
    padding:0;
    margin:0;
    list-style:none
}
.toggle_row{
    border-top:1px solid #e2e2e2
}
.toggle_row .toggle_header{
    padding:35px 0px;
    position:relative;
    cursor:pointer;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease
}
.toggle_row .toggle_header:after{
    left:auto;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    right:20px;
    top:50%;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-left-color:#000000;
    border-width:13px;
    margin-top:-13px;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -ms-transition:all 0.8s ease;
    transition:all 0.8s ease;
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    transform-origin:10px 10px;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%
}
.toggle_row .toggle_header span{
    display:block;
    font-family:'quant';
    font-size:16px;
    letter-spacing:1px;
    opacity:0.5;
    margin-bottom:12px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.toggle_row .toggle_header h4{
    margin:0;
    font-size:48px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.toggle_row .toggle_header.active{
    opacity:1
}
.toggle_row .toggle_header.active:after{
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.toggle_row .toggle_header:hover span,.toggle_row .toggle_header:hover h4{
    opacity:0.5
}
.toggle-content{
    padding:80px 0px 50px 0px
}
.toggle_wrapper{
    border-bottom:1px solid #e2e2e2;
    padding-right:0 !important
}
.mac-slider-image{
    padding:150px 0px;
    position:relative
}
.slider_laptop_wrapper{
    width:80%;
    margin:0 auto;
    position:relative
}
.slider_laptop_wrapper img{
    height:auto;
    width:100%
}
.slider_laptop_wrapper .mac_slider{
    width:100%;
    height:100%;
    position:relative
}
.slider_laptop_wrapper .mac_slider div{
    width:100%
}
.slider_laptop_wrapper .laptop_slider_container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding:4.4% 13.5% 0 13.5%
}
.hero-landing.hero-pages h1{
    font-size:85px;
    line-height:90px
}
.landing-intro h3{
    font-size:72px;
    line-height:80px;
    margin-bottom:60px
}
.landing-intro p{
    font-size:24px;
    line-height:44px
}
.landing-parallax{
    height:700px;
    background-color:#048283
}
.landing-parallax h2{
    font-size:120px;
}
.landing-parallax p{
    font-size:20px;
    color:rgba(255,255,255,0.87);
    opacity:1
}
.landing-parallax p strong{
    font-family:radikalregular;
    font-weight:bold;
    text-transform:lowercase;
    font-size:16px;
    letter-spacing:1px
}
.case-slider-wrap{
    z-index: 0;
    position:relative
}
.cases-slider{
    z-index: 0;
    height:118vh;
}
.cases-slider .case-img{
    background-size:cover;
    background-position:center
}
.cases-slider .c-slide,.cases-slider .c-slide>div,.cases-slider .c-slide .col-2,.cases-slider .slick-list,.cases-slider .slick-track{
    height:100% !important;
}
.cases-slider h3{
    font-size: 64px;
    line-height: 72px;
}
.cases-slider .case-slider-content{
    padding:40px 80px
}
.cases-slider .case-slider-content span{
    text-transform:lowercase;
    font-family:'quant';
    display:block;
    padding-bottom:35px;
    letter-spacing:2.4px
}
.cases-slider .case-slider-content p{
    max-width: 600px;
    margin-bottom: 40px;
    margin-top: 30px;
    opacity: .9;
    line-height: 30px;
}
.cases-slider .text-white p,.cases-slider .text-white h5,.cases-slider .text-white h4,.cases-slider .text-white li,.cases-slider .text-white a,.cases-slider .text-white h3{
    color:white;
    border-color:white
}
.cases-slider .text-black p,.cases-slider .text-black h5,.cases-slider .text-black h4,.cases-slider .text-black li,.cases-slider .text-black a,.cases-slider .text-black h3{
    color:black;
    border-color:black
}
.arrow-pr,
.arrow-pr-pr {
    position:absolute;
    left:0;
    top:50%;
    height:112px;
    cursor:pointer;
    margin-top:-56px;
    background:rgba(4, 0, 0, 0.14);
    z-index: 2;
    padding:25px 9px 22px 13px
}
.arrow-nx,
.arrow-nx-pr {
    position:absolute;
    z-index: 2;
    right:0;
    cursor:pointer;
    top:50%;
    height:112px;
    margin-top:-56px;
    background:rgba(4, 0, 0, 0.14);
    padding:25px 3px 22px 19px
}
.logos-wrap{
    background:#f6f6f6;
    padding:110px 50px 80px 50px
}
.logos-wrap h5{
    margin:10px 0px 80px 0px
}
.logos-wrap .logo-col{
    width:20%;
    float:left;
    text-align:center;
    min-height:230px;
    padding:13px
}
.logos-wrap .logo-col img{
    display:inline-block;
    vertical-align:middle;
    max-width:90%
}
.compete-section{
    text-align:center;
    padding:140px 40px
}
.compete-section h3{
    font-size:60px;
    margin-bottom:60px
}
.compete-section p{
    font-size:24px;
    line-height:44px
}
.compete-section .comp-text{
    max-width:1000px;
    margin:0 auto
}
.compete-section .comp-graphic{
    width:830px;
    position:relative;
    height:455px;
    margin:100px auto
}
.compete-section .comp-graphic .grt1,.compete-section .comp-graphic .grt2{
    font-family:'quant';
    font-size:65px;
    position:absolute;
    top:42%
}
.compete-section .comp-graphic .grt1{
    left:-50px;
    text-align:left
}
.compete-section .comp-graphic .grt2{
    right:-50px;
    text-align:right
}
.compete-section .comp-graphic .gr1{
    position:absolute;
    left:0
}
.compete-section .comp-graphic .gr2{
    position:absolute;
    right:0
}
.compete-section .comp-graphic .gr3{
    position:absolute;
    left:50%;
    z-index:1;
    margin-left:-39px;
    top:105px
}
.contact-container{
    background:#f6f6f6
}
.contact-container h3{
    font-size:54px;
    line-height:60px;
    margin-bottom:40px
}
.contact-container p{
    max-width:477px;
    font-size:20px;
    line-height:34px
}
embed,iframe,object{
    max-width:100%
}
.c-land-info span{
    font-size:20px;
    color:black;
    display:block;
    max-width:400px;
    width:100%;
    padding:30px 10px 30px 55px
}
.c-land-info .phn{
    background:url("assets/images/c_ico.png") no-repeat;
    background-size:34px;
    background-position:center left;
    border-bottom:1px solid #afafaf
}
.c-land-info .eml{
    background:url("assets/images/e_ico.png") no-repeat;
    background-size:34px;
    background-position:center left
}
.cc-info{
    padding-left:70px
}
.cc-form .ninja-forms-cont{
    max-width:435px;
    margin-top:60px
}
.cc-form .ninja-forms-cont label,.cc-form .ninja-forms-cont .ninja-forms-required-items{
    display:none !important
}
.cc-form .ninja-forms-cont input[type="text"],.cc-form .ninja-forms-cont input[type="email"],.cc-form .ninja-forms-cont textarea{
    border:1px solid #dfdfdf;
    background:transparent;
    padding:18px;
    margin-bottom:14px;
    box-shadow:none
}
.cc-form .ninja-forms-cont input[type="text"]::-webkit-input-placeholder,.cc-form .ninja-forms-cont input[type="email"]::-webkit-input-placeholder,.cc-form .ninja-forms-cont textarea::-webkit-input-placeholder{
    color:rgba(0,0,0,0.8)
}
.cc-form .ninja-forms-cont input[type="text"]:-moz-placeholder,.cc-form .ninja-forms-cont input[type="email"]:-moz-placeholder,.cc-form .ninja-forms-cont textarea:-moz-placeholder{
    color:rgba(0,0,0,0.8)
}
.cc-form .ninja-forms-cont input[type="text"] ::-moz-placeholder,.cc-form .ninja-forms-cont input[type="email"] ::-moz-placeholder,.cc-form .ninja-forms-cont textarea ::-moz-placeholder{
    color:rgba(0,0,0,0.8)
}
.cc-form .ninja-forms-cont input[type="text"]:-ms-input-placeholder,.cc-form .ninja-forms-cont input[type="email"]:-ms-input-placeholder,.cc-form .ninja-forms-cont textarea:-ms-input-placeholder{
    color:rgba(0,0,0,0.8)
}
.cc-form .ninja-forms-cont input[type="submit"]{
    font-family: 'quant';
    font-weight: 700;
    font-size: 23px;
    text-decoration: none;
    padding: 12px 20px;
    min-width: 220px;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    background: 0 0;
}

.cc-form .ninja-forms-cont input[type="submit"]:hover{
    background: #000;
    color: #fff;
}
.cc-form .spam-wrap input[type="text"] {
    color:rgba(0,0,0,0.8) !important;
}
.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{
 
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block
}
.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
}
.section{
    background-attachment:fixed;
    background-size:auto 80%;
    background-position:50% 0%;
    background-repeat:no-repeat
}
#section4 .content{
    width:100%;
    position:absolute;
    left:0
}
#arrow{
    width:100%;
    height:50px;
    text-align:center;
    cursor:pointer;
    position:absolute;
    bottom:20px;
    left:0;
    border:0;
    outline:0;
    z-index:100;
    color:#000;
    background:transparent;
    -moz-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    font:36px Heiti, 'Lucida Grande', Arial;
    font-weight:bold
}
#arrow span{
    display:inline-block;
    position:relative;
    top:-18px;
    -moz-transition:all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition:all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition:all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition:all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1)
}
.intro{
    position:absolute;
    bottom:100px;
    text-align:center;
    width:100%
}
.intro h1{
    font-size:5em;
    font-weight:bold;
    color:#000
}
#section4 .intro{
    color:#000
}
#section2 .action-btn,#section3 .action-btn{
    margin-top:60px
}
.pp-section{
    height:100%;
    position:absolute;
    width:100%
}
.pp-easing{
    -webkit-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
    -moz-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
    -o-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
    transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
    -webkit-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
    -moz-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
    -o-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
    transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99)
}
#pp-nav{
    position:fixed;
    z-index:100;
    margin-top:-32px;
    top:50%;
    opacity:1
}
#pp-nav.right{
    right:17px
}
#pp-nav.left{
    left:17px
}
.pp-section.pp-table{
    display:table
}
.pp-tableCell{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.pp-slidesNav{
    position:absolute;
    z-index:4;
    left:50%;
    opacity:1
}
.pp-slidesNav.bottom{
    bottom:17px
}
.pp-slidesNav.top{
    top:17px
}
#pp-nav ul,.pp-slidesNav ul{
    margin:0;
    padding:0
}
#pp-nav li,.pp-slidesNav li{
    display:block;
    width:14px;
    height:13px;
    margin:7px;
    position:relative
}
.pp-slidesNav li{
    display:inline-block
}
#pp-nav li a,.pp-slidesNav li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#pp-nav li .active span,.pp-slidesNav .active span{
    background:#333
}
#pp-nav span,.pp-slidesNav span{
    top:2px;
    left:2px;
    width:8px;
    height:8px;
    border:1px solid #000;
    background:transparent;
    border-radius:50%;
    position:absolute;
    z-index:1
}
.pp-tooltip{
    position:absolute;
    top:-2px;
    color:#fff;
    font-size:14px;
    font-family:arial, helvetica, sans-serif;
    white-space:nowrap;
    max-width:220px
}
.pp-tooltip.right{
    right:20px
}
.pp-tooltip.left{
    left:20px
}
.pp-scrollable{
    overflow-y:scroll;
    height:100%
}
.hidden{
    display:none !important;
    visibility:hidden
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.invisible{
    visibility:hidden
}
.open-conversion-modal {
    position: fixed;
    z-index: 4;
    right:0;
    top:50%;
    position: fixed;
    z-index: 3;
    right: 0;
    top: 50%;
    background: white !important;
    min-width: 270px;
    transform: rotate(-90deg) translateX(50%);
    -moz-transform: rotate(-90deg) translateX(50%);
    -webkit-transform: rotate(-90deg) translateX(50%);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}

.open-conversion-modal:hover {
    background: black !important;
    color:white !important;
}

.conversion-modal {
    position: fixed;
    left: 74px;
    top: 0;
    background: rgba(0,0,0,.92);
    z-index: 10;
    height: 100%;
    overflow: auto;
    right: 0;
}

.conversion-modal-wrapper {
    max-width: 1180px;
    padding: 80px 60px 40px 60px;
    margin: 0 auto;
}

.conversion-modal-wrapper h3,
.conversion-modal-wrapper p {
    color:white;
}

.conversion-modal-wrapper p {
    color:white;
    max-width: 800px;
    font-size: 20px;
    line-height: 32px;
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=text],
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=email],
.conversion-modal-wrapper.cc-form .ninja-forms-cont textarea {
    border: 1px solid #dfdfdf;
    background: 0 0;
    padding: 13px 18px;
    margin-bottom: 0px;
    box-shadow: none;
    outline: none;
    background: #ffffff59;
    border: none;
    color:white;
    font-size: 20px;
}
.swap-col {
    position: absolute;
    transform: translateX(105%);
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    top: 0;
    left:0;
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=submit] {
    font-family: 'quant';
    font-weight: 700;
    font-size: 23px;
    text-decoration: none;
    padding: 12px 20px;
    min-width: 220px;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff !important;
    background: 0 0;
    width: 100%;
    outline: none !important;
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=submit]:hover {
    background: white;
    color:black;
}
.conver-call-info h4 {
    color: white;
    display: inline-block;
    margin-right: 50px;
    margin-top: 30px;
}
.conver-call-info .phn {
    background: url('assets/images/c_ico_white.png');
    text-decoration: none;
    font-size: 24px;
    line-height: 28px;
    font-family: 'quant';
    margin: 0;
    font-weight: 800;
    color: #fff;
    display: inline-block;
    background-repeat: no-repeat;
    padding: 10px 0px 10px 50px;
    background-size: 38px;
    background-position: 0 50%;
}
.conver-call-info .phn a {
    color:white;
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont {
    max-width: 435px;
    margin-top: 30px;
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=text]::-webkit-input-placeholder,
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=email]::-webkit-input-placeholder,
.conversion-modal-wrapper.cc-form .ninja-forms-cont textarea::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5)
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=text]::-moz-input-placeholder,
.conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=email]::-moz-input-placeholder,
.conversion-modal-wrapper.cc-form .ninja-forms-cont textarea::-moz-input-placeholder{
    color:rgba(255,255,255,0.5)
}
.conversion-modal-wrapper.cc-form .ninja-forms-cont .checkbox-wrap label {
    display: inline !important;
    color: white;
    font-size: 12px;
    font-family: radikalregular;
}

.close-conversion-modal {
    position: absolute;
    right: 32px;
    display: block;
    top: 32px;
    width: 43px;
    cursor: pointer;
    height: 43px;
    opacity: 1;
  }
  .close-conversion-modal:hover {
    opacity: 0.7;
  }
  .close-conversion-modal:before, .close-conversion-modal:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 43px;
    width: 2px;
    background-color: #fff;
  }
  .close-conversion-modal:before {
    transform: rotate(45deg);
  }
  .close-conversion-modal:after {
    transform: rotate(-45deg);
  }


@media screen and (min-width: 1030px){
    .single-post{
        margin-top:70vh
    }
    .hero-single-post{
        position:fixed;
        width:100%;
        left:0
    }
    .grap1,.grap2,.bottom-line,.comp_col,.cl1,.cl2,.grap3{
        opacity:0
    }
}
@media screen and (max-width: 1500px){
    @keyframes rotateback{
        0%{
            transform:translateY(0)
        }
        20%{
            transform:translateY(96px)
        }
        40%{
            transform:translateY(192px)
        }
        60%{
            transform:translateY(288px)
        }
        80%{
            transform:translateY(384px)
        }
        100%{
            transform:translateY(480px)
        }
    }
    @-webkit-keyframes rotateback{
        0%{
            -webkit-transform:translateY(0)
        }
        20%{
            -webkit-transform:translateY(96px)
        }
        40%{
            -webkit-transform:translateY(192px)
        }
        60%{
            -webkit-transform:translateY(288px)
        }
        80%{
            -webkit-transform:translateY(384px)
        }
        100%{
            -webkit-transform:translateY(480px)
        }
    }
    .hero-home .hero-content h1{
        overflow:hidden;
        font-size:90px;
        line-height:90px
    }
    .hero-home .hero-content h1>span{
        height:90px;
        padding-right:30px
    }
    .hero-home .hero-content h1 .words{
        height:96px;
        line-height:96px
    }
    .hero-home .hero-content p{
        font-size:18px;
        margin:10px 0 0 0
    }
    .container,.projec-text-wrapper{
        max-width:980px;
        margin:0 auto
    }
    .projec-text-wrapper{
        padding:0;
        padding-bottom:40px
    }
    .competence-contact .container{
        max-width:980px !important;
        margin:0 auto
    }
    .menu-modal li a{
        font-size:91px;
        line-height:94px
    }
    .type-large{
        font-size:22px;
        line-height:38px
    }
    .awards-wrap img{
        display:inline-block;
        margin-right:60px;
        max-width:100px
    }
    .full_h{
        height:100vh;
        min-height:600px
    }
    .padder-large{
        padding:100px 0px
    }
    h4{
        font-size:28px;
        line-height:32px
    }
    .services h4,.services p{
        max-width:250px;
        padding-right:38px
    }
    p{
        font-size:16px;
        line-height:25px
    }
    .posts h4{
        font-size:48px;
        line-height:52px
    }
    .posts span{
        font-size:19px
    }
    h2{
        font-size:80px
    }
    .cases_wrapper .case_content h2{
        font-size:60px;
        line-height:68px
    }
    .cases_wrapper .case_content span{
        font-size:20px
    }
    .cases_wrapper .case_content{
        bottom:70px
    }
    .hero-pages h1{
        font-size:90px;
        line-height:90px
    }
    .hero-pages p{
        font-size:18px
    }
    .welcome.compete{
        background:white;
        min-height:450px
    }
    .contact-content{
        padding:0 100px
    }
    .contact-content h2{
        font-size:66px;
        line-height:68px;
        margin-bottom:81px
    }
    .contact-content p{
        font-size:18px;
        line-height:32px
    }
    .inner-padder{
        padding-left:70px;
        padding-right:70px
    }
    .posts .post-wrap{
        bottom:60px;
        padding-right:33px
    }
    .site-footer .inner-padder p{
        font-size:14px
    }
    .services .action-btn{
        text-align:center;
        margin:85px 0px 20px 0px
    }
    .site-footer .inner-padder{
        bottom:30px
    }
    .service-content h2{
        font-size:60px;
        line-height:65px;
        margin-bottom:65px
    }
    .service-content{
        width:100%
    }
    .service-content p{
        font-size:16px;
        line-height:31px
    }
    .service-content span{
        font-size:20px
    }
    .service-content .flip_content{
        top:41%
    }
    .service-content .flip_content li{
        font-size:16px;
        line-height:27px
    }
    h3{
        font-size:56px;
        line-height:65px
    }
    .type-medium{
        font-size:18px;
        line-height:32px
    }
    .service-content .flip_content h5{
        font-size:30px;
        margin-bottom:20px
    }
    .projec-text h2{
        font-size:56px;
        line-height:62px;
        margin-bottom:40px
    }
    .projec-text .compete-intro p{
        font-size:18px;
        line-height:30px;
        color:#888888
    }
    .projec-text .para_column2,.project-content-wrapper .project-text-box .para_column2{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
        -webkit-column-gap:100px;
        -moz-column-gap:100px;
        column-gap:100px
    }
    .service-content h2{
        padding-top:85px
    }
    .service-content{
        padding-left:190px
    }
    .contact-padder{
        padding:0 200px
    }
    .project-content-wrapper .project-text-box h2{
        font-size:60px;
        line-height:69px;
        margin-bottom:40px
    }
    .project-content-wrapper .project-text-box p{
        font-size:18px;
        line-height:30px;
        color:#888888;
        margin:0;
        word-wrap:break-word
    }
    .project-content-wrapper .project-text-box .full-block-paragraph p{
        font-size:20px;
        line-height:38px
    }
    .text-content-left h2{
        line-height: 60px;
        margin-bottom: 34px;
        font-size: 50px;
        text-align: left;
    }
    .text-content-left p{
        text-align:left;
        font-size:19px;
        line-height:31px
    }
    .services p{
        font-size:15px;
        line-height:23px
    }
    .hero-pages h1.post-date{
        font-size:96px;
        line-height:106px
    }
    .single-post h1{
        font-size:54px;
        line-height:68px
    }
    .single-post p,.single-post li{
        font-size:18px;
        line-height:34px;
        color:#636363
    }
    .service-content .service-cwrap{
        top:41%
    }
}
@media screen and (max-width: 1300px){
    .full_h{
        height:auto
    }
    .cc-form .ninja-forms-cont input[type="submit"]{
        font-size:27px;
        margin-bottom:80px
    }
    .compete-section p{
        max-width:600px;
        margin:0 auto;
        padding:20px
    }
    .contact-padder{
        padding:0 135px
    }
    .cases-slider .case-slider-content{
        padding:35px 55px
    }
    .cases-slider .case-slider-content p{
        max-width:600px;
        margin-bottom:47px;
        margin-top:22px
    }
    .cases-slider .case-slider-content span{
        padding-bottom:8px;
        letter-spacing:2px
    }
    .hero-single-case .hero-content p{
        font-size:18px;
        line-height:26px
    }
    .compete-section .comp-graphic .gr3{
        position:absolute;
        left:50%;
        z-index:1;
        margin-left:-23px;
        top:65px;
        width:44px
    }
    .compete-section .comp-graphic .gr2{
        position:absolute;
        right:0;
        width:267px
    }
    .compete-section .comp-graphic .gr1{
        position:absolute;
        left:0;
        width:264px
    }
    .compete-section .comp-graphic{
        width:524px;
        position:relative;
        height:288px;
        margin:100px auto
    }
    .compete-section .comp-graphic .grt1,.compete-section .comp-graphic .grt2{
        font-family:'quant';
        font-size:47px;
        position:absolute;
        top:37%
    }
    *{
        -webkit-tap-highlight-color:transparent
    }
    @keyframes rotateback{
        0%{
            transform:translateY(0)
        }
        20%{
            transform:translateY(80px)
        }
        40%{
            transform:translateY(160px)
        }
        60%{
            transform:translateY(240px)
        }
        80%{
            transform:translateY(320px)
        }
        100%{
            transform:translateY(400px)
        }
    }
    @-webkit-keyframes rotateback{
        0%{
            -webkit-transform:translateY(0)
        }
        20%{
            -webkit-transform:translateY(80px)
        }
        40%{
            -webkit-transform:translateY(160px)
        }
        60%{
            -webkit-transform:translateY(240px)
        }
        80%{
            -webkit-transform:translateY(320px)
        }
        100%{
            -webkit-transform:translateY(400px)
        }
    }
    .hero-home .hero-content h1 .words{
        height:80px;
        line-height:80px
    }
    .hero-home .hero-content h1{
        overflow:hidden;
        font-size:80px;
        line-height:80px;
        height:83px
    }
    .type-large{
        font-size:18px;
        line-height:34px
    }
    .service-wrapper{
        padding-left:0
    }
    .cases_wrapper .case_content h2{
        max-width:400px
    }
    .hero-pages h1{
        font-size:70px;
        line-height:70px
    }
    .hero-pages p{
        font-size:16px
    }
    .proj-stats p{
        font-size:14px;
        line-height:22px
    }
    .projec-text h2{
        font-size:52px;
        line-height:64px;
        margin-bottom:50px
    }
    .projec-text .para_column2{
        -webkit-column-gap:60px;
        -moz-column-gap:60px;
        column-gap:60px
    }
    #welcome .para_column2 {
    column-count: 1;
    -webkit-column-count: 1;
}
    .projec-text{
        padding:104px 100px 80px 100px
    }
    .awards-wrap img{
        display:inline-block;
        margin-right:32px;
        max-width:95px
    }
    .awards-wrap a:last-child img{
        max-width:60px
    }
    .parallax_post{
        height:600px;
        position:relative
    }
    h2{
        font-size:64px;
        line-height:70px
    }
    .site-footer .inner-padder p{
        font-size:12px;
        line-height:20px
    }
    .text-right{
        margin-top:24px
    }
    .container,.projec-text-wrapper,.single-post .single-post-content{
        max-width:920px;
        margin:0 auto;
        padding-left:0;
        padding-right:0
    }
    .projec-text-wrapper{
        padding:0;
        padding-bottom:40px
    }
    .competence-contact .container{
        max-width:800px !important;
        margin:0 auto
    }
    .hero-competence h1 .cl1{
        margin-left:80px
    }
    .hero-competence h1 .cl2{
        margin-right:80px
    }
    .service-content{
        padding-left:145px
    }
    .service-content .flip_content{
        padding-left:145px
    }
    .service-content .flip_content h5{
        font-size:24px;
        margin-bottom:17px
    }
    .service-content .flip_content li{
        font-size:12px;
        line-height:25px
    }
    .service-content .flip_content .comp_col{
        float:left;
        width:23%;
        max-width:400px
    }
    .text-content-left p{
        text-align:left;
        font-size:15px;
        line-height:26px
    }
    .text-content-left h2{
        line-height:64px;
        margin-bottom:25px;
        font-size:58px;
        text-align:left
    }
    .single-post h1{
        font-size:52px;
        line-height:64px
    }
    .single-post h1 br{
        display:none
    }
    .posts h4{
        font-size:36px;
        line-height:40px
    }
    .posts .post-wrap{
        bottom:48px;
        padding-right:25px
    }
    .inner-padder{
        padding-left:56px;
        padding-right:56px
    }
    .cases_wrapper .case_content h2{
        max-width:800px
    }
    .cases_wrapper .case_content h2{
        font-size:52px;
        line-height:56px
    }
    .project-content-wrapper .project-text-box h2{
        font-size:48px;
        line-height:53px;
        margin-bottom:30px
    }
    .project-content-wrapper .project-text-box p,.compete-section p{
        font-size:16px;
        line-height:27px
    }
    .bg_comp-mobile img{
        width:100%;
        height:auto;
        max-width:630px
    }
    .bg_comp-mobile{
        position:absolute;
        width:100%;
        left:0;
        top:50%;
        margin-top:-226px;
        padding-left:14px;
        padding-right:14px
    }
    .mob-hero{
        margin-top:-35px
    }
    .mob-hero span{
        font-size:50px
    }
    .service-content h2,.compete-section h3{
        font-size:50px;
        line-height:59px;
        margin-bottom:60px
    }
    .service-content{
        padding-left:145px !important
    }
    .contact-content p,.contact-container p{
        font-size:15px;
        line-height:29px
    }
    .toggle_row .toggle_header h4{
        margin:0;
        font-size:38px
    }
    .contact-container h3{
        font-size:40px;
        line-height:47px;
        margin-bottom:32px
    }
    .hero-landing.hero-pages h1{
        font-size:60px;
        line-height:70px
    }
    .landing-intro h3{
        font-size:60px;
        line-height:70px;
        margin-bottom:52px
    }
    .landing-intro p{
        font-size:20px;
        line-height:38px
    }
    .contact-container .col-2{
        padding-right:50px
    }
}
@media screen and (max-width: 1050px){
    .conversion-modal {
        left:0;
    }
    .swap-col {
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }
    .conversion-modal-wrapper p {
        color: #fff;
        max-width: 800px;
        font-size: 16px;
        line-height: 24px;
    }
    .conversion-modal-wrapper.cc-form .ninja-forms-cont input[type=submit] {
        margin-bottom: 0px !important;
    }
    .conver-call-info h4 {
        width:100%;
        margin-bottom: 20px;
    }
    .toggle_row .toggle_header span{
        margin-bottom:2px
    }
    .logos-wrap .logo-col{
        width:25%;
        float:left;
        text-align:center;
        min-height:155px;
        padding:15px
    }
    .cases-slider .c-slide,.cases-slider .c-slide>div,.cases-slider .c-slide .col-2,.cases-slider .slick-list,.cases-slider .slick-track{
        height:auto
    }
    .cases-slider .c-slide .col-2{
        padding:50px 40px
    }
    .toggle_row .toggle_header{
        padding-right:20px
    }
    .toggle_row .toggle_header:after{
        right:0;
        border-width:9px;
        margin-top:-4px
    }
    .toggle-content{
        padding:40px 0px 30px 0px
    }
    .single-post .toggle-content ul{
        padding:0;
        margin:10px 0 40px 0;
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0px;
        -moz-column-gap:0px;
        column-gap:0px
    }
    .toggle_row .toggle_header h4{
        margin:0;
        font-size:29px;
        line-height:33px
    }
    .left-menu-bar .lang{
        display:none
    }
    .site-title .logo-dark .logo-l{
        opacity:1 !important
    }
    .left-menu-bar.black,#page.menu-white .left-menu-bar,.pace{
        width:100% !important;
        height:60px
    }
    #page{
        padding-left:0
    }
    .site-header{
        position:fixed;
        width:auto;
        top:24px;
        left:50%;
        margin-left:-35px;
        text-align:center;
        z-index:9;
        padding:0 !important
    }
    .project-content-wrapper .project-text-box h2{
        font-size:52px;
        line-height:60px;
        margin-bottom:50px
    }
    .project-content-wrapper .project-text-box .para_column2{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0;
        -moz-column-gap:0;
        column-gap:0
    }
    .projec-text-wrapper{
        padding:0px 50px 0px 50px
    }
    .project-content-wrapper .project-text-box .full-block-paragraph p{
        font-size:17px;
        line-height:35px
    }
    .left-menu-bar.black .menu-icon,#page.menu-white .left-menu-bar .menu-icon{
        margin-top:20px
    }
    .menu-white .site-title .logo-d{
        opacity:1 !important
    }
    .menu-white .site-title .logo-l{
        opacity:0 !important
    }
    .menu-black .site-title .logo-d,.home-page .site-title .logo-d{
        opacity:0 !important
    }
    .menu-black .site-title .logo-l,.home-page .site-title .logo-l{
        opacity:1 !important
    }
    .cases_wrapper{
        padding-top:60px
    }
    .cases_wrapper .case{
        height:400px;
        min-height:100px;
        position:relative;
        overflow:hidden
    }
    .left-menu-bar.black:hover,#page.menu-white .left-menu-bar:hover{
        background:#000000
    }
    .col-3{
        width:100%;
        float:left;
        text-align:center
    }
    .menu-modal .c-info>div{
        display:block;
        margin-bottom:37px
    }
    .hero-home .hero-content h1>span,.hero-home .hero-content h1>span:nth-child(1),.hero-home .hero-content h1>span:nth-child(2){
        text-align:center;
        display:block;
        padding:0;
        height:47px;
        width:100%
    }
    .text-content-left h2{
        line-height:59px;
        margin-bottom:40px;
        font-size:52px;
        text-align:left
    }
    .bg_image{
        background-attachment:initial
    }
    .parallax_post{
        height:620px;
        position:relative
    }
    .text-content-left p{
        text-align:left;
        font-size:17px;
        line-height:28px;
        opacity:0.7;
        margin-bottom:48px
    }
    .hero-home .hero-content h1{
        height:auto;
        font-size:65px;
        line-height:69px
    }
    .hero-home .hero-content h1 .words{
        width:100%;
        text-align:center;
        overflow:hidden
    }
    .words-wrap{
        width:100%;
        text-align:center
    }
    .container,.container,.projec-text-wrapper,.single-post .single-post-content,.projec-text,.service-content,.competence-contact .container{
        max-width:100%;
        padding-left:30px;
        padding-right:30px;
        max-width:600px !important;
        margin:0 auto
    }
    .services h5{
        margin:20px 0 76px 0
    }
    .services .action-btn{
        text-align:center;
        margin:55px 0px 20px 0px
    }
    .half_h{
        height:auto;
        clear: both;
    }
    .col-2{
        width:100%
    }
    .posts .col-2{
        height:350px
    }
    .site-footer a{
        margin-top:50px
    }
    .site-footer .inner-padder{
        position:static
    }
    .posts h4{
        font-size:34px;
        line-height:44px
    }
    .posts span{
        padding-bottom:0
    }
    .inner-padder{
        padding-left:40px;
        padding-right:40px
    }
    .awards-wrap img{
        display:inline-block;
        max-width:107px;
        margin:5px 25px 20px 25px
    }
    .col-4{
        width:100%;
        float:left;
        margin-bottom:30px
    }
    .services .col-4{
        text-align:center
    }
    .services h4,.services p{
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
        padding-right:0;
        text-align:center
    }
    .services h4 br,.services p br{
        display:none
    }
    .hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
        background-size:200%;
        position:absolute;
        background-position:center
    }
    .hero-home .bg_parallax_wrap,.hero-home .bg_video{
        position:absolute
    }
    .btn{
        font-family:radikalregular;
        font-weight:bold;
        font-size:18px;
        text-decoration:none;
        padding:9px 19px;
        min-width:193px;
        text-transform: lowercase;
    }
    .full_h{
        height:100%;
        min-height:0
    }
    .padder-large{
        padding:140px 0px
    }
    .cases_wrapper .case_content{
        bottom:30px
    }
    .cases_wrapper .case_content h2{
        font-size:42px;
        line-height:50px
    }
    .cases_wrapper .case_content h2{
        max-width:500px
    }
    .left-menu-bar.black:hover,#page.menu-white .left-menu-bar:hover{
        background:transparent
    }
    #page.menu-white .pace{
        background:black !important
    }
    #page.menu-white .left-menu-bar .menu-icon span,#page.menu-white .left-menu-bar .menu-icon span:after,#page.menu-white .left-menu-bar .menu-icon span:before,#page.menu-grey .left-menu-bar .menu-icon span,#page.menu-grey .left-menu-bar .menu-icon span:after,#page.menu-grey .left-menu-bar .menu-icon span:before{
        background:white
    }
    .projec-text h2 br{
        display:none
    }
    .service-content h2{
        font-size:41px;
        line-height:50px;
        margin-bottom:31px
    }
    .service-wrapper{
        padding-left:0;
        padding:80px 0px
    }
    .contact-content h2 br{
        display:none
    }
    .contact-content form{
        padding-left:0;
        padding-top:40px
    }
    .menu-modal.black .bg{
        top:60px
    }
    .hero-pages h1{
        font-size:48px;
        line-height:50px;
        padding-left:40px;
        padding-right:40px
    }
    .site-footer .text-right{
        margin-top:0 !important;
        margin-bottom:30px
    }
    .site-footer .link-hover{
        margin-bottom:40px
    }
    .single-post h1{
        opacity:1 !important
    }
    .welcome.compete{
        height:auto
    }
    .projec-text .compete-intro p{
        font-size:13px;
        line-height:26px;
        color:#888888
    }
    .service-content .flip_layer,.service-content .toggle-btn,.bg_graphic,.service-content .flip_content,.hero-competence h1 .cl1,.hero-competence h1 .cl2{
        display:none
    }
    .hero-competence h1{
        display:none
    }
    h3{
        font-size:35px;
        line-height:49px
    }
    .type-medium{
        font-size:14px;
        line-height:29px
    }
    .service-content h2{
        padding-top:60px
    }
    .bottom-line p{
        padding-left:20px;
        padding-right:20px;
        line-height:normal
    }
    .bottom-line p br{
        display:none
    }
    .service-content .service-cwrap{
        position:static
    }
    .site-title:hover a{
        opacity:1 !important
    }
    .case_fixed_bg{
        position:absolute
    }
    .project-content-wrapper .project-text-box p,.project-content-wrapper .project-text-box .full-block-paragraph p,.text-content-left p,.single-post p,.single-post li,.projec-text .compete-intro p,.service-content p{
        font-size:16px;
        line-height:28px
    }
    .landing-intro h3{
        font-size:48px;
        line-height:60px;
        margin-bottom:36px
    }
    .hero-landing.hero-pages h1{
        font-size:44px;
        line-height:50px
    }
    .hero-single-case .hero-content span{
        font-size:12px
    }
    .hero-single-case .hero-content p{
        font-size:16px;
        line-height:23px
    }
    .cases-slider{
        height:auto
    }
    .cases-slider .case-img.col-2{
        height:450px !important
    }
    .cases-slider .case-slider-content span{
        padding-bottom:10px
    }
    .cases-slider .case-slider-content p{
        max-width:800px;
        margin-bottom:26px;
        margin-top:23px;
        padding-right:20px
    }
    .type-large,.landing-intro p{
        font-size:17px;
        line-height:32px
    }
    .contact-content h2,.contact-content .col-2{
        opacity:1
    }
    .service-content{
        padding-left:0 !important
    }
    .proj-stats p{
        font-size:12px;
        line-height:21px
    }
    .project-info{
        padding:100px 0px 5px 0px
    }
    .single-post h1,.projec-text h2,.project-content-wrapper .project-text-box h2{
        font-size:50px;
        line-height:58px
    }
    .single-post h1 br,.projec-text h2 br,.project-content-wrapper .project-text-box h2 br{
        display:none
    }
    .single-post h2,.contact-content h2{
        font-size:42px;
        line-height:52px
    }
    h3{
        font-size:35px;
        line-height:42px
    }
    .competence-contact h3{
        margin-bottom:36px
    }
    .single-post ul{
        padding:0 0px 60px 20px
    }
    .single-post{
        background:white;
        position:relative;
        padding:120px 0px 70px 0px
    }
    .half_h{
        min-height:200px
    }
    .bottom-line p{
        padding-left:20px;
        padding-right:20px;
        line-height:normal;
        max-width:400px;
        margin:0 auto
    }
    .projec-text{
        padding-top:40px;
        padding-bottom:50px
    }
    .projec-text .para_column2,.project-content-wrapper .project-text-box .para_column2{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0px;
        -moz-column-gap:0px;
        column-gap:0px
    }
    .padder-large{
        padding:100px 0px
    }
    .contact-content h2{
        margin-bottom:38px
    }
    .contact-content p{
        font-size:14px;
        line-height:26px
    }
    .hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
        background-size:cover;
        position:absolute;
        background-position:center
    }
    .service-wrapper .bg_img{
        opacity:0.3
    }
    .lang{
        opacity:1;
        top:0;
        right:0;
        bottom:auto;
        left:auto;
        padding:14px 0px;
        height:60px
    }
    #page.menu-white .lang .current-lang a,#page.menu-grey .lang .current-lang a{
        color:white !important
    }
    #page.menu-white .lang a,#page.menu-grey .lang a{
        color:#6d6d6d
    }
    .mobile-next,.mobile-prev{
        width:50px;
        height:50px;
        bottom:10px;
        position:absolute;
        font-size:42px;
        color:white;
        font-family:'Zapf Dingbats';
        z-index:4
    }
    .mobile-next{
        right:0
    }
    .mobile-prev{
        left:0
    }
    .slide-next-cont,.slide-prev-cont{
        display:none
    }
}
@media screen and (min-width: 1030px){
    .mobile_flip_content{
        display:none
    }
}
@media screen and (max-width: 1030px){
    .bottom-line{
        bottom:140px
    }
    .site-content{
        min-height:400px
    }
    .full_hh{
        height:500px
    }
    .awards-contaniner{
        padding:80px 0px 60px 0px
    }
    .awards-contaniner .aw-logos-wrap img{
        margin-bottom:50px
    }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){
    .hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
        background-size:157%;
        background-position:top
    }
    .menu-modal li{
        line-height:58px
    }
    .menu-modal li a{
        font-size:59px;
        line-height:50px
    }
    .menu-modal .c-info{
        margin-top:40px;
        overflow:hidden
    }
}
@media screen and (max-width: 900px){
    .slide-bg-desk{
        display:none
    }
    .mac-slider-image{
        padding:80px 0px
    }
    .hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
        background-size:116%;
        background-position:50% -2%;
        background-repeat:no-repeat
    }
}
@media screen and (max-width: 700px){

    .show-on-mobile {
        display:block !important;
    }
    
  .ninja-forms-field-error{
      color:red;
      position: absolute;
      bottom: -15px !important;
      font-size: 13px;
  }

  .cc-form .ninja-forms-cont input[type=submit] {
        font-size: 16px;
  }
    .open-conversion-modal {
        bottom: 0;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        padding: 12px !important;
    }
    .conversion-modal-wrapper {
        max-width: 1180px;
        padding: 70px 20px 20px 20px;
        margin: 0 auto;
    }
    .conver-call-info .phn {
        font-size: 18px;
        line-height: 28px;
        padding: 10px 0 10px 35px;
        background-size: 24px;
    }
    .logos-wrap .logo-col{
        width:33.3333%
    }
    .hero-home .hero-content{
        position:static
    }
    .hero-contact .hero_bg{
        background-attachment:lowercase !important
    }
    .compete-section .comp-graphic .gr1{
        position:absolute;
        left:0;
        width:200px
    }
    .compete-section .comp-graphic .gr2{
        position:absolute;
        right:0;
        width:202px
    }
    .compete-section .comp-graphic .gr3{
        position:absolute;
        left:50%;
        z-index:1;
        margin-left:-17px;
        top:52px;
        width:33px
    }
    .compete-section .comp-graphic{
        width:405px;
        position:relative;
        height:221px;
        margin:51px auto
    }
    .compete-section .comp-graphic .grt1,.compete-section .comp-graphic .grt2{
        font-family:'quant';
        font-size:36px;
        position:absolute;
        top:33%
    }
    .compete-section .comp-graphic .grt1{
        left:0;
        text-align:left
    }
    .compete-section .comp-graphic .grt2{
        right:0;
        text-align:right
    }
    .contact-padder{
        padding:0 30px
    }
    .toggle_row .toggle_header{
        padding:20px 0px
    }
    .single-post .single-post-content.toggle_wrapper{
        margin-bottom:40px !important;
        padding-left:0 !important;
        padding-right:0px !important
    }
    .toggle_row{
        padding-left:20px;
        padding-right:20px
    }
    .toggle_row .toggle_header h4{
        margin:0;
        font-size:24px;
        line-height:24px
    }
    .mob-hero span{
        font-size:36px
    }
    .mob-hero{
        margin-top:-23px
    }
    .bg_comp-mobile{
        margin-top:-130px
    }
    .contact-content h2,.contact-content .col-2{
        opacity:1
    }
    .single-post .single-post-content{
        padding-right:30px;
        padding-left:30px
    }
    .service-content .service_icons img{
        margin-right: 32px;
        display: inline-block;
        vertical-align: middle;
        max-width: 70px;
        max-height: 50px;
    }
    .single-post{
        background:white;
        position:relative;
        padding:50px 0px
    }
    .single-post h1{
        font-size:34px;
        line-height:42px
    }
    .single-post h1 br{
        display:none
    }
    .single-post p,.single-post li{
        font-size:15px;
        line-height:26px;
        color:#636363
    }
    .single-post .img-grid{
        margin:50px 0px
    }
    .single-post h2{
        font-size:26px;
        line-height:30px
    }
    .single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5{
        margin-bottom:15px
    }
    .single-post h3{
        font-size:21px;
        line-height:28px
    }
    .single-post ul{
        padding:0 20px 20px 20px
    }
    .hero-pages h1{
        font-size:36px;
        line-height:38px;
        padding-left:40px;
        padding-right:40px
    }
    body,html,#page,#pagepiling,.section{
        height:100%
    }
    .full_h.hero-home,.full_h.hero-pages{
        height:100%
    }
    .site-content{
        height:100%;
        min-height:100%
    }
    @keyframes rotateback{
        0%{
            transform:translateY(0)
        }
        20%{
            transform:translateY(40px)
        }
        40%{
            transform:translateY(80px)
        }
        60%{
            transform:translateY(120px)
        }
        80%{
            transform:translateY(160px)
        }
        100%{
            transform:translateY(200px)
        }
    }
    @-webkit-keyframes rotateback{
        0%{
            -webkit-transform:translateY(0)
        }
        20%{
            -webkit-transform:translateY(40px)
        }
        40%{
            -webkit-transform:translateY(80px)
        }
        60%{
            -webkit-transform:translateY(120px)
        }
        80%{
            -webkit-transform:translateY(160px)
        }
        100%{
            -webkit-transform:translateY(200px)
        }
    }
    .btn{
        font-weight:bold;
        font-size:18px;
        text-decoration:none;
        padding:6px 12px;
        min-width:148px
    }
    .type-large{
        font-size:16px;
        line-height:26px
    }
    h2{
        font-size:38px;
        line-height:41px
    }
    .parallax_post{
        height:400px
    }
    .padder-large{
        padding:100px 0px
    }
    .services h5{
        margin:20px 0 50px 0
    }
    .services h4{
        margin-bottom:0px
    }
    h4{
        font-size:22px;
        line-height:22px
    }
    .services h4,.services p{
        max-width:100%;
        padding-right:20px
    }
    .services .action-btn{
        text-align:center;
        margin:20px 0px 20px 0px
    }
    .posts .post-wrap{
        bottom:35px;
        padding-right:20px
    }
    .posts h4{
        font-size:28px;
        line-height:32px
    }
    .site-footer .inner-padder{
        position:static
    }
    .half_h{
        min-height:100px
    }
    .site-footer{
        padding-bottom:60px
    }
    .menu-modal .menu-content{
        position:relative;
        text-align:left;
        max-width:100%;
        display:block;
        padding-left:50px
    }
    .cases_wrapper .case_content h2{
        font-size:34px;
        line-height:35px
    }
    .menu-modal li a{
        font-size:42px;
        line-height:52px
    }
    .hero-home .hero-content h1{
        overflow:hidden;
        font-size:40px;
        line-height:40px
    }
    .hero-home .hero-content h1>span,.hero-home .hero-content h1>span:nth-child(1),.hero-home .hero-content h1>span:nth-child(2){
        height:41px
    }
    .hero-home .hero-content p{
        font-size:14px;
        font-size:14px;
        position:absolute;
        bottom:110px;
        width:100%;
        text-align:center
    }
    .hero-home .hero-content h1 .words{
        height:41px;
        line-height:41px
    }
    .hero-single-case .hero-content p{
        max-width:100%;
        display:block;
        padding-left:30px;
        padding-right:30px
    }
    .hero-single-case .hero-content p br{
        display:none
    }
    .proj-stats p{
        font-size:12px;
        line-height:18px
    }
    .col-3{
        padding-left:30px;
        padding-right:30px;
        margin-bottom:30px
    }
    .proj-stats span{
        font-size:24px
    }
    .projec-text{
        padding:60px 40px 0px 40px
    }
    .projec-text h2{
        font-size:32px;
        line-height:34px;
        margin-bottom:44px
    }
    .projec-text .para_column2{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:200px;
        -moz-column-gap:200px;
        column-gap:200px
    }
    p{
        font-size:12px;
        line-height:23px
    }
    .projec-text p{
        font-size:14px;
        line-height:25px;
        margin:0;
        word-wrap:break-word
    }
    .service-content p{
        font-size:13px;
        line-height:24px
    }
    .service-content h2{
        font-size:34px;
        line-height:43px;
        margin-bottom:31px
    }
    .service-content span{
        font-size:16px
    }
    .contact-content{
        padding:40px
    }
    .contact-content h2{
        font-size:40px;
        line-height:42px;
        margin-bottom:72px
    }
    .contact-content p{
        font-size:14px;
        line-height:25px
    }
    .contact-content span{
        font-size:20px
    }
    .contact-content form input[type="text"],.contact-content form input[type="email"],.contact-content form textarea{
        padding:13px 16px;
        border:none;
        outline:none;
        box-shadow:none;
        font-weight:300;
        font-size:14px;
        margin-bottom:20px
    }
    .awards-wrap img{
        display:inline-block;
        max-width:78px;
        margin:0 10px 30px 0px
    }
    .pp-scrollable{
        padding-top:80px
    }
    .menu-modal .c-info h6{
        font-size:20px
    }
    .menu-modal .c-info>div{
        margin-right:0
    }
    .menu-modal .c-info p{
        font-size:15px
    }
    .menu-modal .c-info{
        margin-top:38px
    }
    .loader{
        width:50px;
        height:50px;
        margin-left:-25px !important;
        margin-top:-25px !important;
        left:50% !important;
        top:50% !important
    }
    .service-wrapper{
        height:auto !important
    }
    .inner-padder{
        padding-left:30px;
        padding-right:30px
    }
    .menu-modal li{
        line-height:normal
    }
    .site-title:hover a{
        opacity:1 !important
    }
    .project-content-wrapper .project-text-box h2{
        font-size:34px;
        line-height:44px;
        margin-bottom:20px
    }
    .project-content-wrapper .project-text-box p{
        font-size:14px;
        line-height:24px;
        color:#888888;
        margin:0;
        word-wrap:normal
    }
    .text-btn{
        font-family:'quant';
        font-size:22px;
        display:inline-block;
        margin:49px 0px 20px 0px;
        color:black;
        text-decoration:none
    }
    .project-content-wrapper .project-text-box .full-block-paragraph p{
        font-size:14px;
        line-height:27px
    }
    .project-content-wrapper .container{
        padding-left:0 !important;
        padding-right:0 !important
    }
    .case_fixed_bg{
        position:absolute;
        transform:none !important;
        -webkit-transform:none !important;
        -moz-transform:none !important
    }
    .site-footer .inner-padder p{
        font-size:12px;
        line-height:20px;
        padding-left:0;
        padding-right:0
    }
    .site-footer .col-3{
        padding-left:0;
        padding-right:0
    }
    .project-content-wrapper .project-text-box p,.project-content-wrapper .project-text-box .full-block-paragraph p,.text-content-left p,.single-post p,.single-post li,.projec-text .compete-intro p,.service-content p{
        font-size:14px;
        line-height:26px
    }
    .single-post h1,.projec-text h2,.project-content-wrapper .project-text-box h2{
        font-size:32px;
        line-height:41px
    }
    .inner-padder{
        padding-left:30px !important;
        padding-right:30px !important
    }
    .service-content h2{
        padding-top:0
    }
    .service-wrapper{
        padding-left:0;
        padding:53px 0px
    }
    .full_h{
        height:auto;
        min-height:0
    }
    .welcome.compete{
        height:auto;
        min-height:300px
    }
    .single-post li:after{
        top:2px
    }
}
@media screen and (max-width: 500px){
    .contact-container h3{
        font-size:30px;
        line-height:38px;
        margin-bottom:18px
    }
    .cc-form .ninja-forms-cont input[type="text"],.cc-form .ninja-forms-cont input[type="email"],.cc-form .ninja-forms-cont textarea{
        border:1px solid #dfdfdf;
        background:transparent;
        padding:14px;
        margin-bottom:2px;
        box-shadow:none;
        font-size:13px
    }
    .compete-section p{
        max-width:600px;
        margin:0 auto;
        padding:20px 0
    }
    .cases-slider .case-slider-content{
        padding:35px 0px
    }
    .landing-intro h3{
        font-size:40px;
        line-height:48px;
        margin-bottom:26px
    }
    .landing-intro p {
        font-size:14px;
        line-height:26px
    }
    .arrow-pr,.arrow-nx,
    .arrow-pr-pr, .arrow-nx-pr {
        margin-top: 0;
        z-index: 2;
        top: 34%;
        padding: 10px;
        height: auto;
    }

    .arrow-pr img,.arrow-nx img,
    .arrpw-pr-pr img, .arrow-nx-pr img {
        height:30px;
        width:auto;
    }

    .compete-section p{
        font-size:13px;
        line-height:27px
    }
    .awards-wrap a:last-child img{
        max-width:60px
    }
    .mac-slider-image{
        padding:50px 0px
    }
    .single-post li{
        padding-left:30px
    }
    .single-post ul{
        padding:0
    }
    .share-block h5{
        font-size:22px;
        margin-bottom:19px
    }
    .share-block{
        text-align:center;
        background:#ebebeb;
        padding:100px 0px
    }
    .projec-text{
        padding:50px 30px 0px 30px
    }
    .hero-pages h1.post-date{
        font-size:43px;
        line-height:62px
    }
    .type-large{
        font-size:15px;
        line-height:25px
    }
    .awards-wrap a:last-child img{
        width:50px
    }
    .text-content-left h2{
        line-height:43px;
        margin-bottom:18px;
        font-size:38px;
        text-align:left
    }
    .compt-points .col-4{
        text-align:center
    }
    .services p{
        font-size:14px;
        line-height:24px
    }
    .services h4,.services p{
        padding-right:0
    }
    .service-wrapper{
        height:auto !important
    }
    .hero-pages p{
        font-size:13px
    }
    .hero-pages h1{
        font-size:39px;
        line-height:38px;
        padding-left:20px;
        padding-right:20px
    }
    .text-btn{
        font-family:'quant';
        font-size:30px;
        display:inline-block;
        margin:49px 0px 20px 0px;
        color:black;
        text-decoration:none
    }
    .padder-large{
        padding:70px 0px
    }
    .contact-content h2{
        margin-bottom:43px
    }
    .menu-modal .menu-content{
        position:absolute;
        top:103px;
        left:0;
        padding-left:30px
    }
    .menu-modal .c-info h6{
        font-size:20px
    }
    input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea{
        font-size:16px
    }
    .hero-home .slide-1-bg,.hero-home .slide-2-bg,.hero-home .slide-3-bg{
        background-size:145% !important;
        background-attachment:lowercase;
        background-position:center
    }
    .hero-home .heading-wrapper{
        height:80px
    }
    .hero-single-case .hero-content p{
        font-size:16px;
        line-height:24px
    }
    .hero-landing.hero-pages h1 {
        font-size: 24px !important;
        line-height: 26px !important;
    }
    .contact-container .col-2 {
        padding-right: 0;
        padding-left: 0;
    }
    .contact-content p, .contact-container p {
        font-size: 13px;
        line-height: 25px;
    }
    .c-land-info span {
        font-size: 14px;
    }
    .cases-slider h3 {
        font-size: 44px;
        line-height: 50px;
    }
    .cases-slider .c-slide .col-2 {
        padding: 50px 20px;
        padding-top: 0;
    }
    .logos-wrap {
        background: #f6f6f6;
        padding: 80px 20px 20px 20px;
    }
    .logos-wrap .logo-col {
        width: 50%;
    }
    .logos-wrap .logo-col {
        padding: 5px;
        min-height: 95px;
    }
    .service-content h2, .compete-section h3 {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .landing-intro h3 {
        font-size: 27px;
        line-height: 29px;
        margin-bottom: 26px;
    }
    .conver-call-info h4 {
        margin-right: 0;
    }

}
body.modal-open {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.phone-header {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: absolute;
    top: 0;
    font-family:'quant';
    color:black;
    font-weight: 800;
    right: 20px;
}

.landing-parallax-slider {
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width: 100%;
    z-index: 0;
}
.landing-parallax-slider .slick-list,
.landing-parallax-slider .slick-track {
    height:100% !important;
}
@media screen and (max-width: 850px){
    .phone-header {
        display:none;
    }
.dfv-forms--anmeldung form input[type="text"], .dfv-forms--anmeldung form .checkbox-wrap {
    max-width: 100%!important;
}

}
@media screen and (max-width: 450px){
    .compete-section {
        padding: 120px 20px;
    }
    .compete-section .comp-graphic {
     width:270px;
     height: 141px;
    }
    .compete-section .comp-graphic .gr2 {
        position: absolute;
        right: 0;
        width: 135px;
    }
    .compete-section .comp-graphic .gr1 {
        position: absolute;
        left: 0;
        width: 135px;
    }
    .compete-section .comp-graphic .gr3 {
        position: absolute;
        left: 50%;
        z-index: 1;
        margin-left: -12px;
        top: 33px;
        width: 22px;
    }
    .compete-section .comp-graphic .grt1, .compete-section .comp-graphic .grt2 {
        font-family: 'quant';
        font-size: 24px;
        position: absolute;
        top: 38%;
        z-index: 1;
        width: 50%;
        display: block;
        text-align: center !important;
    }
}
@media print{
    *{
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
        content:""
    }
    pre,blockquote{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    tr,img{
        page-break-inside:avoid
    }
    img{
        max-width:100% !important
    }
    @page{
        margin:0.5cm
    }
    p,h2,h3{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
/*# sourceMappingURL=style.css.map */

.slide-next, .slide-prev {
    display: none!important;
}



.contact-wrapper.padder-large a {
    color: white;
}

.field-wrap.upload-wrap #ninja_forms_field_54_label,
.field-wrap.upload-wrap #ninja_forms_field_55_label,
.field-wrap.upload-wrap #ninja_forms_field_56_label,
.field-wrap.upload-wrap #ninja_forms_field_62_label,
.field-wrap.upload-wrap #ninja_forms_field_63_label,
.field-wrap.upload-wrap #ninja_forms_field_64_label {
    display: inline-block;
    padding: 1em 2em;
    color: #fff;
    background: rgba(255,255,255,0.13);
    transition: background .3s;
    border-radius: 0;
}
.field-wrap.upload-wrap #ninja_forms_field_54_label:hover,
.field-wrap.upload-wrap #ninja_forms_field_55_label:hover,
.field-wrap.upload-wrap #ninja_forms_field_56_label:hover,
.field-wrap.upload-wrap #ninja_forms_field_62_label:hover,
.field-wrap.upload-wrap #ninja_forms_field_63_label:hover,
.field-wrap.upload-wrap #ninja_forms_field_64_label:hover

 {
   background: rgba(255,255,255,0.2); 
}
.bg_video {
    overflow: hidden;
}
.file-upload-input {
    background: transparent !important;
}
.file-upload-wrapper .file-upload-input {
    margin: 0 !important;
    height: auto;
    padding: 0 !important;
    font-size: 15px !important;
    float: left !important;
}
.field-wrap.upload-wrap.label-above {
    margin-bottom: 10px;
}

.services .compt-points img {
    height: 80px !important;
}


/* Borlabs Fix */
#BorlabsCookieBox h3 {
    text-transform: inherit;
}

@media screen and (max-width:600px) {
  .home .bg_video {
    display: none;
}
.hero-home {
    background: url(https://career.vallone.de/wp-content/uploads/2020/04/startscreen.jpg) no-repeat center center/cover;
}
.hero-home .hero-content h1 {
    height: 70px;
}
.site-header {

    top: 18px;
    left: 35%;
    margin-left: 0;
  
}
.posts .post-wrap h4 {
    font-size: 45px !important;
    margin-top: 15px;
}
.site-footer .link-hover {
    margin-bottom: 0;
}
.hero-contact .hero_bg {
    background-attachment: inherit;
}
.page-template-contact .contact-wrapper .clear {
    padding-top: 0 !important;
}
.field-wrap.upload-wrap #ninja_forms_field_54_label, .field-wrap.upload-wrap #ninja_forms_field_55_label, .field-wrap.upload-wrap #ninja_forms_field_56_label {
    font-size: 13px;
    width: 100%;
    margin: 0;
}
.contact-content form .checkbox-wrap label {
    font-weight: normal;
    display: inline-block;
}
.compete-intro ul li::before, .project-text-box ul li::before, .toggle-content li::before {

    top: 10px;

}
.compete-intro ul li, .project-text-box ul li, .toggle-content li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.project-info {
    padding: 0px 0px 5px 0px;
}
.col-50 {
    max-width: 100%;
    margin-right: 0;
}
}

@media screen and (max-width:768px) {
.page-id-20 .full_h .bg_video,
.page-id-2543 .full_h .bg_video {
    background: url(/wp-content/uploads/2017/03/office_header01.jpg) no-repeat center center/cover;
    width: 100%;
height: 100%;
opacity: 1!important;
}
.page-id-20 .full_h.hero-competence.hero-pages video,
.page-id-2543 .full_h.hero-competence.hero-pages video {
    display: none;
}
.page-id-20 .hero-competence h1,
.page-id-2543 .hero-competence h1 {
    display: block;
    padding: 0;
    font-size: ;
    width: 100%;
}
.page-id-20 .hero-competence h1 span,
.page-id-2543 .hero-competence h1 span {
    font-size: 60px;
    line-height: 70px;
}
.page-id-20 .service-wrapper:not(.logo-light-in),
.page-id-2543 .service-wrapper:not(.logo-light-in) {
    padding: 0;
}
}