.clearfix{
    clear:both
}
*{
    border:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    outline:none;
    padding:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent
}
a{
    color:inherit
}
html,body{
    height:100%
}
html{
    -webkit-text-size-adjust:none;
    -ms-content-zooming:none
}
@font-face {
	font-family: 'Avenir Book';
	src: url('../fonts/Avenir-Book.eot');
	src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Avenir-Book.woff') format('woff'),
		 url('../fonts/Avenir-Book.ttf') format('truetype'),
		 url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
.Avenir-Book{
    font-family:'Avenir Book';
    font-weight:400;
    font-style:normal;
    font-stretch:normal
}
@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Heavy.eot');
	src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Avenir-Heavy.woff') format('woff'),
		 url('../fonts/Avenir-Heavy.ttf') format('truetype'),
		 url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
}
.Avenir-Heavy{
    font-family:'Avenir';
    font-weight:900;
    font-style:normal;
    font-stretch:normal
}
@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Light.eot');
	src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Avenir-Light.woff') format('woff'),
		 url('../fonts/Avenir-Light.ttf') format('truetype'),
		 url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
.Avenir-Light{
    font-family:'Avenir';
    font-weight:300;
    font-style:normal;
    font-stretch:normal
}
body,button,input,textarea{
    -webkit-font-smoothing:antialiased
}
.fonts-not-loaded body,.fonts-not-loaded button,.fonts-not-loaded input,.fonts-not-loaded textarea{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif
}
.fonts-loaded body,.fonts-loaded button,.fonts-loaded input,.fonts-loaded textarea{
    font-family:'Avenir Book'
}
h1, h2, h3, h4, h5, h6{font-family:'Avenir';}
p{font-family:'Avenir'; font-weight:300;}
button,input:not([type=checkbox]),textarea{
    -webkit-appearance:none;
    -moz-appearance:none
}
textarea{
    resize:none
}
blockquote,figcaption,p{
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto
}
img{
    vertical-align:top
}
.at-left{
    float:left
}
.at-right{
    float:right
}
.text{
    font-size:24px;
    font-weight:400;
    line-height:40px;
}
.text-center{
    text-align:center
}
.display-1{
    font-size:62px;
    font-weight:600;
    line-height:74px;
}
.display-2{
    font-size:62px;
    font-weight:300;
    line-height:74px;
}
.display-3{
    font-size:50px;
    font-weight:600;
    line-height:60px;
}
.display-4{
    font-size:50px;
    font-weight:300;
    line-height:60px;
}
.display-5{
    font-size:36px;
    font-weight:600;
    line-height:46px;
}
.display-6{
    font-size:32px;
    font-weight:300;
    line-height:40px;
}
.display-7{
    font-size:32px;
    font-weight:600;
    line-height:40px;
}
.display-8{
    font-size:23px;
    font-weight:600;
    line-height:30px;
}
.display-9{
    font-size:20px;
    font-weight:600;
    line-height:24px;
}
.display-10{
    font-size:18px;
    font-weight:400;
    line-height:30px;
}
.display-11{
    font-size:12px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase
}
.material{
    border-radius:4px
}
.material-white{
    background-color:#FFF
}
.material-light-white{
    background-color:rgba(255,255,255,0.04)
}
.material-white-shd{
    background-color:#FFF;
    -webkit-box-shadow:0 4px 8px rgba(0,0,0,0.24);
    box-shadow:0 4px 8px rgba(0,0,0,0.24)
}
.material-blue{
    background-color:#2F77EB
}
.material-black{
    background-color:#000
}
.material-red{
    background-color:#ED4747
}
.material-red-hover{
    background-color:#ce1414
}
.material-green{
    background-color:#0FC740
}
.material-pink{
    background-color:#ED4786
}
.material-gray{
    background-color:#F5F5F5
}
.material-light-green{
    background-color:rgba(47,235,58,0.16)
}
.material-black-hover{
    background-color:rgba(0,0,0,0.16)
}
.material-light-black-hover{
    background-color:rgba(0,0,0,0.04)
}
.material-border-gray-active{
    -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.56);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.56)
}
.material-border-gray{
    -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08)
}
.material-border-light-gray{
    -webkit-box-shadow:inset 0 0 0 1px #EBEBEB;
    box-shadow:inset 0 0 0 1px #EBEBEB
}
.material-border-light-gray-alpha{
    -webkit-box-shadow:inset 0 0 0 1px #CCCCCC;
    box-shadow:inset 0 0 0 1px #CCCCCC
}
.material-border-blue{
    -webkit-box-shadow:inset 0 0 0 1px #2F77EB;
    box-shadow:inset 0 0 0 1px #2F77EB
}
.material-border-green{
    -webkit-box-shadow:inset 0 0 0 1px #10C741;
    box-shadow:inset 0 0 0 1px #10C741
}
.material-border-red{
    -webkit-box-shadow:inset 0 0 0 1px #ED4747;
    box-shadow:inset 0 0 0 1px #ED4747
}
.button{
    text-align:center;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.button-primary{
    font-size:24px;
    font-weight:400;
    line-height:40px;
    padding:9px 16px
}
.fonts-not-loaded .button-primary{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .button-primary{
    font-family:'Avenir Book'
}
.button-primary--icon{
    margin-left:8px
}
.button-secondary{
    font-size:20px;
    font-weight:400;
    line-height:30px;
    padding:9px 16px
}
.fonts-not-loaded .button-secondary{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .button-secondary{
    font-family:'Avenir Book'
}
.button-secondary--icon{
    margin-left:4px;
    margin-right:-8px
}
.button-secondary-small{
    font-size:36px;
    font-weight:600;
    line-height:46px;
    padding:2px 6px
}
.input{
    position:relative
}
.input input,.input textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    display:block;
    position:relative;
    width:100%
}
.input input::-webkit-input-placeholder,.input textarea::-webkit-input-placeholder{
    color:rgba(20,20,20,0.32)
}
.input input::-moz-placeholder,.input textarea::-moz-placeholder{
    color:rgba(20,20,20,0.32)
}
.input input:-moz-placeholder,.input textarea:-moz-placeholder{
    color:rgba(20,20,20,0.32)
}
.input input:-ms-input-placeholder,.input textarea:-ms-input-placeholder{
    color:rgba(20,20,20,0.32)
}
.input input+span, .input input+label+span{
    font-size:12px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    opacity:0;
    pointer-events:none;
    position:absolute;
    -webkit-transform-origin:left top;
    transform-origin:left;
    visibility:hidden;
    z-index:1
}
.fonts-not-loaded .input input+span{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .input input+span{
    font-family:'Avenir Book'
}
.input input:not(:placeholder-shown)+span,.input input:not(:placeholder-shown):focus+span, .input input:not(:placeholder-shown)+label+span,.input input:not(:placeholder-shown):focus+label+span{
    opacity:1;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition:all .3s;
    transition:all .3s;
    visibility:visible
}
.input-primary input,.input-primary textarea{
    font-size:24px;
    font-weight:400;
    line-height:40px;
    padding:9px 16px
}
.fonts-not-loaded .input-primary input,.fonts-not-loaded .input-primary textarea{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .input-primary input,.fonts-loaded .input-primary textarea{
    font-family:'Avenir Book'
}
.input-primary input+span{
    left:16px;
    top:19px
}
.input-primary input:not(:placeholder-shown),.input-primary input:not(:placeholder-shown):focus{
    padding-bottom:5px;
    padding-top:13px
}
.input-secondary input,.input-secondary textarea{
    font-size:18px;
    font-weight:400;
    line-height:30px;
    padding:9px 16px;
    padding:9px 10px
}
.fonts-not-loaded .input-secondary input,.fonts-not-loaded .input-secondary textarea{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .input-secondary input,.fonts-loaded .input-secondary textarea{
    font-family:'Avenir Book'
}
.input-secondary input+span{
    left:10px;
    top:17px
}
.input-secondary input:not(:placeholder-shown),.input-secondary input:not(:placeholder-shown):focus{
    padding:14px 10px 4px
}
.icon{
    display:inline-block;
    vertical-align:middle
}
.icon-spinner{
    background-image:url(../images/Spinner.svg);
    height:20px;
    width:20px
}
.icon-close{
    height:24px;
    position:relative;
    width:24px
}
.icon-close:before,.icon-close:after{
    border-top:1px solid;
    content:'';
    display:block;
    left:50%;
    position:absolute;
    top:50%;
    width:66.66%
}
.icon-close:before{
    -webkit-transform:translate(-50%, -50%) rotate(-45deg);
    transform:translate(-50%, -50%) rotate(-45deg)
}
.icon-close:after{
    -webkit-transform:translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)
}
.icon-burger{
    height:24px;
    position:relative;
    width:24px
}
.icon-burger:before,.icon-burger:after{
    border-top:1px solid;
    content:'';
    display:block;
    left:50%;
    position:absolute;
    top:50%;
    width:66.66%
}
.icon-burger:before{
    -webkit-transform:translate(-50%, -4px);
    transform:translate(-50%, -4px)
}
.icon-burger:after{
    -webkit-transform:translate(-50%, 2px);
    transform:translate(-50%, 2px)
}
@media (max-width:767px){
    .typography-title{
        font-size:36px;
        font-weight:600;
        line-height:46px;
    }
}
@media (min-width:768px) and (max-width:1279px){
    .typography-title{
        font-size:50px;
        font-weight:600;
        line-height:60px;
    }
}
@media (min-width:1280px){
    .typography-title{
        font-size:62px;
        font-weight:600;
        line-height:74px;
    }
}
@media (max-width:767px){
    .typography-subtitle{
        font-size:32px;
        font-weight:300;
        line-height:40px;
    }
}
@media (min-width:768px) and (max-width:1279px){
    .typography-subtitle{
        font-size:50px;
        font-weight:300;
        line-height:60px;
    }
}
@media (min-width:1280px){
    .typography-subtitle{
        font-size:62px;
        font-weight:300;
        line-height:74px;
    }
}
@media (max-width:767px){
    .typography-subhead{
        font-size:23px;
        font-weight:600;
        line-height:30px;
    }
}
@media (min-width:768px){
    .typography-subhead{
        font-size:36px;
        font-weight:600;
        line-height:46px;
    }
}
@media (max-width:767px){
    .typography-quote-slide{
        font-size:20px;
        font-weight:600;
        line-height:24px;
    }
}
@media (min-width:768px) and (max-width:1600px){
    .typography-quote-slide{
        font-size:32px;
        font-weight:600;
        line-height:40px;
    }
}
@media (min-width:1600px){
    .typography-quote-slide{
        font-size:36px;
        font-weight:600;
        line-height:46px;
        line-height:40px;
    }
}
@media (max-width:767px){
    .typography-paragraph{
        font-size:18px;
        font-weight:400;
        line-height:30px;
    }
    .fonts-not-loaded .typography-paragraph{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .typography-paragraph{
        font-family:'Avenir Book'
    }
}
@media (min-width:768px){
    .typography-paragraph{
        font-size:24px;
        font-weight:400;
        line-height:40px;
    }
    .fonts-not-loaded .typography-paragraph{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .typography-paragraph{
        font-family:'Avenir Book'
    }
}
.typography-text{
    font-size:18px;
    font-weight:400;
    line-height:30px;
}
.fonts-not-loaded .typography-text{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .typography-text{
    font-family:'Avenir Book'
}
.typography-caption{
    color:rgba(20,20,20,0.56);
    font-size:18px;
    font-weight:400;
    line-height:30px;
}
.fonts-not-loaded .typography-caption{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .typography-caption{
    font-family:'Avenir Book'
}
div.container{
	margin:0 auto;
	max-width:100%;
	display: grid;
	grid-template-columns: [start] minmax(40px, 1fr) [wrapper-start] repeat(12, minmax(0, 140px)) [wrapper-end] minmax(40px, 1fr) [end];
	grid-gap: 40px;
	align-items: start;
}
div.container .column{
	-webkit-transition:padding .3s;
	transition:padding .3s;
	grid-row: 1;
	grid-column-end: span 12;
	align-self: center;
}
#logo{margin-left:-16px;}
@media(min-width: 1024px)
{
	section.container{
		margin:0 auto;
		max-width:100%;
		display: grid;
		grid-template-columns: [start] minmax(40px, 1fr) [wrapper-start] repeat(12, minmax(0, 140px)) [wrapper-end] minmax(40px, 1fr) [end];
		grid-gap: 40px;
		align-items: start;
	}
	
	section.container #contact.column
	{
		grid-column-start: 2;
	}
	section.container .column{
		-webkit-transition:padding .3s;
		transition:padding .3s;
		grid-row: 1;
		grid-column-end: span 12;
		align-self: center;
	}
	section.container .column+.column{
		-webkit-transition:padding .3s;
		transition:padding .3s;
		grid-row: 2;
		grid-column-end: span 12;
		align-self: center;
	}
	#about section.container .column+.column
	{
		grid-column-start: 3;
		grid-column-end: span 10;
	}
}
@media(max-width: 1023px)
{
	section.container{
		margin:0 auto;
		max-width:100%;
		display: flex;
		align-items: start;
	}
	#logo{margin-left: 0px;}
	#about section.container
	{
		display:block;
	}
	section.container .column{
		display: flex;
		flex-direction: column;
		position: relative;
		align-self: center;
	}
	section.container #contact.column
	{
		align-self: start;
	}
	
}
@media (min-width:768px) and (max-width:1279px){
    .container{
        padding:0 24px
    }
}
@media (min-width:1600px){
    .container{
        max-width:2048px
    }
}

@media (max-width:1023px){
   section.container .column{
        padding-left:20px;
        padding-right:20px;
		display:block;
    }
	#home section.container
	{
		display:block;
		height:auto;
	}
}
#home
{
	height:100%;
	display:flex;
	align-items: center;
	padding-top:200px;
}
@media (min-width:1025px) and (max-width:1599px){
    .column{
        padding-left:40px;
        padding-right:40px
    }
}
@media (min-width:1600px){
    .column{
        padding-left:80px;
        padding-right:80px
    }
}
@media (max-width: 768px)
{
	div.container .column{
		grid-column-end: span 10;
	}
	#home
	{
		align-items: start;
		padding-top: 160px;
	}
	
}
.fonts-loading body:before{
    opacity:1;
    visibility:visible
}
.fonts-loading .page-view{
    opacity:0;
    visibility:hidden
}
.fonts-loaded body:before{
    opacity:0;
    -webkit-transition:opacity .3s,visibility .3s;
    transition:opacity .3s,visibility .3s;
    visibility:hidden
}
.fonts-loaded .page-view{
    opacity:1;
    -webkit-transition:opacity .3s,visibility .3s;
    transition:opacity .3s,visibility .3s;
    visibility:visible
}
.fonts-loading body:before,.fonts-loaded body:before{
    background-image:url(../images/Spinner.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:40px;
    bottom:0;
    content:'';
    left:0;
    position:absolute;
    right:0;
    top:0
}
.col-group{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
body{
    color:#000000;
    min-width:320px;
	font-size:20px;
}
.symbol-copy{
    position:relative;
    top:3px
}
.main-section{
    height:100%;
    overflow:hidden;
    position:relative
}
.main-section>img{
    left:50%;
    min-height:100%;
    min-width:100%;
    position:absolute;
    pointer-events:none;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.main-section .content{
    color:#FFF;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    padding:80px 0;
    position:relative;
    text-align:center
}
.main-section .content h1{
    font-size:62px;
    font-weight:600;
    line-height:74px;
    margin-bottom:40px
}
.main-section .content p{
    color:inherit;
    font-size:24px;
    font-weight:400;
    line-height:40px;
}
.fonts-not-loaded .main-section .content p{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded .main-section .content p{
    font-family:'Avenir Book'
}
header{
    position:fixed;
    top:0;
    width:100%;
    z-index:10;
	/*background: rgba(255, 255, 255, 0.8);*/
}
header.animated{
    -webkit-transition:-webkit-transform .3s;
    transition:transform .3s
}
header.top-of-page .background{
    -webkit-transition:background .3s;
    transition:background .3s
}
header .column{
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between
}
@media (max-width:767px){
    header .column{
        padding-bottom:10px;
        padding-top:10px
    }
}
@media (min-width:768px){
    header .column{
        padding-bottom:20px;
        padding-top:20px
    }
}
header.bg-showed:not(.top-of-page):not(.floating) .background{
    background-color:#FFF
}
header a{
    color:rgba(0,0,0,1);
    text-decoration:none;
    -webkit-transition:color 300ms ease-in-out;
    transition:color 300ms ease-in-out
}
header a.is-active{
    color:#141414
}
header .nav-item{
    display:inline-block;
	padding: 9px 16px;
}
header .nav-item:not(:last-child){
    margin-right:10px
}
header .nav-item .icon:before,header .nav-item .icon:after{
    -webkit-transition:all .3s;
    transition:all .3s
}
header .open-navigation{
    cursor:pointer
}
header .button-secondary{
    border-radius:4px;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    position:relative;
	padding:0px;
}
header .button-secondary:before{
    content:'';
    height:1px;
    left:0;
    border-radius:0px;
    position:absolute;
    bottom:0;
    width:0%;
	-webkit-transform-origin: 0 bottom 0;
    transform-origin: 0 bottom 0;
    -webkit-transition: width 150ms cubic-bezier(0, 0, .58, 1);
    transition: width 150ms cubic-bezier(0, 0, .58, 1);
}
header .button-secondary:hover:before, header .button-secondary.actived:before
{
	width:100%;
}
header .button-secondary span{
    position:relative;
    -webkit-transition:color 150ms cubic-bezier(0, 0, .58, 1);
    transition:color 150ms cubic-bezier(0, 0, .58, 1)
}
.no-touch header .button-secondary:hover:before,.is-touch header .button-secondary:active:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
header[data-theme=dark]:not(.bg-showed) a{
    color:#FFF
}
header[data-theme=dark]:not(.bg-showed) a.is-active{
    color:#FFF
}
header[data-theme=dark]:not(.bg-showed) .button-secondary:before{
    background-color:rgba(255,255,255,0.04)
}
@media (max-width:767px){
    header .nav-stack:not(.open-navigation){
        display:none
    }
}
@media (min-width:768px){
    header .container{
        max-width:100%
    }
    /*header .column{
        padding-left:3%;
        padding-right:3%
    }*/
    header .open-navigation{
        display:none
    }
}
.page-view{
    position:relative
}
.page-view,.page-view-inner{
    height:100%
}
.page-view.leave{
    bottom:0;
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
.page-view.leave,.page-view.leave~.page-view{
    overflow:hidden
}

@media (max-width:767px){
    #contact h1, #about h1{
        font-size: 34px;
		font-weight: 900;
		line-height: 46px;
		padding-bottom: 15px;
    }
	
}
@media (min-width:768px) and (max-width:1279px){
    #contact h1, #about h1{
        font-size: 70px;
		font-weight: 900;
		line-height: 90px;
		padding-bottom: 20px;
    }
}
@media (min-width:1280px){
    #contact h1, #about h1{
        font-size: 100px;
		font-weight: 900;
		line-height: 120px;
		padding-bottom: 20px;
    }
}
@media (min-width: 1400px)
{
    #contact h1, #about h1{
        font-size: 120px;
		font-weight: 900;
		line-height: 150px;
		padding-bottom: 20px;
    }
}
#contact h2, #about h2{
    margin-bottom:60px;
    margin-top:60px
}
@media (max-width:767px){
    #contact h2, #about h2{
        font-size:32px;
        font-weight:300;
        line-height:40px;
    }
}
@media (min-width:768px) and (max-width:1279px){
    #contact h2, #about h2{
        font-size:50px;
        font-weight:300;
        line-height:60px;
    }
}
@media (min-width:1200px){
    #contact h2, #about h2{
        font-size:52px;
        font-weight:300;
        line-height:74px;
    }
}
@media (min-width:1400px){
    #contact h2, #about h2{
        font-size:62px;
        font-weight:300;
        line-height:74px;
    }
}
@media (max-width:767px){
    #contact h1~p{
        font-size:18px;
        font-weight:400;
        line-height:30px;
    }
    .fonts-not-loaded #contact h1~p{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact h1~p{
        font-family:'Avenir Book'
    }
}
@media (min-width:768px){
    #contact h1~p{
        font-size:24px;
        font-weight:400;
        line-height:40px;
    }
    .fonts-not-loaded #contact h1~p{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact h1~p{
        font-family:'Avenir Book'
    }
}
#contact div .form-info,#contact div .form-footer{
    font-size:18px;
    font-weight:400;
    line-height:30px;
    color:rgba(20,20,20,0.56);
    margin-top:10px
}
.fonts-not-loaded #contact div .form-info,.fonts-not-loaded #contact div .form-footer{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded #contact div .form-info,.fonts-loaded #contact div .form-footer{
    font-family:'Avenir Book'
}
#contact div .form-info a,#contact div .form-footer a{
    -webkit-box-shadow:0 3px rgba(20,20,20,0.16);
    box-shadow:0 3px rgba(20,20,20,0.16);
    color:rgba(20,20,20,0.56);
    display:inline-block;
    text-decoration:none;
    -webkit-transition:all .3s;
    transition:all .3s
}
.no-touch #contact div .form-info a:hover,.no-touch #contact div .form-footer a:hover,.is-touch #contact div .form-info a:active,.is-touch #contact div .form-footer a:active{
    color:rgba(20,20,20,0.56);
    -webkit-box-shadow:0 3px rgba(20,20,20,0.56);
    box-shadow:0 3px rgba(20,20,20,0.56)
}
#contact div .form-footer{
    margin-top:40px
}
#contact div .form-footer>a:not(:first-child){
    margin-left:20px
}
#contact label>p{
    font-size:12px;
    font-weight:400;
    line-height:1;
    color:rgba(20,20,20,0.32);
    text-transform:uppercase;
    margin-top:10px;
    margin-bottom:40px
}
.fonts-not-loaded #contact label>p{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded #contact label>p{
    font-family:'Avenir Book'
}
#contact h1,#contact h2,#contact p{
    max-width:100%
}
#contact h1{padding:20px 0px;}
#contact h1:not(:first-child),#contact h2:first-child,#contact p:first-child,#contact .paragraph:first-child {
    
}
@media (max-width:479px){
    #contact h1:first-child+p, #about h1:first-child+p{
        margin-top:0px
    }
}
@media (min-width:480px){
    #contact h1:first-child+p, #about h1:first-child+p{
        margin-top:0px
    }
}
@media (max-width:767px){
    #contact h1:first-child, #about h1:first-child, .contact-us>.column>h1{
        margin-top:160px
    }
	#about{margin-bottom:30px}
    #contact .form-group{
        margin-top:60px;
        margin-bottom:20px
    }
    #contact .success-state h1~p{
        margin-bottom:40px
    }
}
@media (min-width:768px){
    #contact h1:first-child,  #about h1:first-child, .contact-us>.column>h1{
        margin-top:200px
    }
	#about{margin-bottom:60px}
    #contact .form-group{
        margin-bottom:20px;
        margin-top:120px
    }
    #contact .success-state h1~p{
        margin-bottom:80px
    }
}
@media (min-width:1600px){
    #contact .form-group{
        margin-top:120px
    }
}
#contact input[type=checkbox],#contact input[type=radio]{
    display:none
}
#contact input[type=checkbox]+label,#contact input[type=radio]+label{
    float:left;
    text-align:center;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    text-align:left;
    color:rgba(20,20,20,0.56);
    cursor:pointer;
    display:inline-block;
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 0 1px #EBEBEB;
    box-shadow:inset 0 0 0 1px #EBEBEB;
    position:relative
}
#contact input[type=checkbox]+label:before,#contact input[type=radio]+label:before{
    content:'';
    height:100%;
    left:0;
    border-radius:4px;
    background-color:rgba(0,0,0,0.04);
    position:absolute;
    top:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0 bottom 0;
    transform-origin:0 bottom 0;
    -webkit-transition:all 150ms cubic-bezier(0, 0, .58, 1);
    transition:all 150ms cubic-bezier(0, 0, .58, 1);
    width:100%
}
#contact input[type=checkbox]+label span,#contact input[type=radio]+label span{
    position:relative;
    -webkit-transition:color 150ms cubic-bezier(0, 0, .58, 1);
    transition:color 150ms cubic-bezier(0, 0, .58, 1)
}
.no-touch #contact input[type=checkbox]+label:hover:before,.no-touch #contact input[type=radio]+label:hover:before,.is-touch #contact input[type=checkbox]+label:active:before,.is-touch #contact input[type=radio]+label:active:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
#contact input[type=checkbox]:checked+label:before,#contact input[type=radio]:checked+label:before{
    background-color:#2F77EB;
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    background-image:url(../images/icons/icon-check-white.svg);
    background-size:18px;
    background-position:93%;
    background-repeat:no-repeat
}
#contact input[type=checkbox]:checked+label span,#contact input[type=radio]:checked+label span{
    color:#FFF
}
#contact input[type=checkbox]:disabled+label,#contact input[type=radio]:disabled+label{
    cursor:default;
    pointer-events:none
}
@media (max-width:767px){
    #contact input[type=checkbox]+label,#contact input[type=radio]+label{
        font-size:18px;
        font-weight:400;
        line-height:30px;
        padding:9px 16px;
        margin-bottom:10px;
        margin-right:10px
    }
    .fonts-not-loaded #contact input[type=checkbox]+label,.fonts-not-loaded #contact input[type=radio]+label{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact input[type=checkbox]+label,.fonts-loaded #contact input[type=radio]+label{
        font-family:'Avenir Book'
    }
}
@media (min-width:768px){
    #contact input[type=checkbox]+label,#contact input[type=radio]+label{
        font-size:24px;
        font-weight:400;
        line-height:40px;
        padding:9px 16px;
        margin-bottom:20px
    }
    .fonts-not-loaded #contact input[type=checkbox]+label,.fonts-not-loaded #contact input[type=radio]+label{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact input[type=checkbox]+label,.fonts-loaded #contact input[type=radio]+label{
        font-family:'Avenir Book'
    }
    #contact input[type=checkbox]+label:not(:last-child),#contact input[type=radio]+label:not(:last-child){
        margin-right:20px
    }
}
#contact .how-find-us-block{
    margin-top:10px
}
#contact .radio-group{
    display:-webkit-flex;
    display:flex
}
@media (max-width:1279px){
    #contact .radio-group{
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap
    }
    #contact .radio-group input[type=radio]+label{
        width:calc(50% - 5px);
        margin-bottom:10px
    }
    #contact .radio-group input[type=radio]+label:nth-child(4n+2){
        margin-right:10px !important
    }
    #contact .radio-group input[type=radio]+label:nth-child(4n+4){
        margin-right:0 !important
    }
}
@media (min-width:1280px){
    #contact .radio-group{
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap
    }
    #contact .radio-group input[type=radio]+label{
        width:calc(32% - 10px)
    }
    #contact .radio-group input[type=radio]+label:nth-child(6n+4){
        margin-right:10px !important
    }
    #contact .radio-group input[type=radio]+label:nth-child(6n+6){
        margin-left:10px !important;
        margin-right:0 !important
    }
}
#contact .form-update>p span{
    display:none
}
#contact .form-update .group-wrap>div{
    margin-top:40px
}
@media (min-width:320px) and (max-width:767px){
    #contact .form-update .group-wrap>div{
        margin-top:60px
    }
}
@media (min-width:768px){
    #contact .form-update .group-wrap>div{
        margin-top:120px
    }
}
@media (min-width:1600px){
    #contact .form-update .group-wrap>div{
        margin-top:200px
    }
}
#contact .form-update .company-update{
    opacity:0;
    visibility:hidden;
    display:none
}
#contact .form-update .company-update.step-ctrl button:not(:last-child){
    margin-right:10px
}
#contact .form-update .company-update.is-current{
    display:block;
    opacity:1;
    visibility:visible
}
#contact .form-update .company-update h3{
    margin-bottom:4px
}
@media (max-width:767px){
    #contact .form-update .company-update h3{
        font-size:18px;
        font-weight:400;
        line-height:30px;
    }
    .fonts-not-loaded #contact .form-update .company-update h3{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact .form-update .company-update h3{
        font-family:'Avenir Book'
    }
}
@media (min-width:768px){
    #contact .form-update .company-update h3{
        font-size:24px;
        font-weight:400;
        line-height:40px;
    }
    .fonts-not-loaded #contact .form-update .company-update h3{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded #contact .form-update .company-update h3{
        font-family:'Avenir Book'
    }
}
form .input{
    display:block;
    width:100%
}
form .input input,form .input textarea{
    background:none;
    color:#141414;
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 0 1px #CCCCCC;
    box-shadow:inset 0 0 0 1px #CCCCCC;
    -webkit-transition:box-shadow .3s;
    transition:box-shadow .3s
}
form .input input:focus,form .input textarea:focus{
    -webkit-box-shadow:inset 0 0 0 1px #000000;
    box-shadow:inset 0 0 0 1px #000000;
}
form .input input.is-visited:not(:focus):invalid,form .input textarea.is-visited:not(:focus):invalid{
    -webkit-box-shadow:inset 0 0 0 1px #ED4747;
    box-shadow:inset 0 0 0 1px #ED4747;
    z-index:1
}
form .input input+span, form .input input_label+span{
}
form .input textarea{
    min-height:140px
}
@media (max-width:767px){
    form .input input,form .input textarea{
        font-size:18px;
        font-weight:400;
        line-height:30px;
        padding:9px 16px;
        padding:9px 10px
    }
    .fonts-not-loaded form .input input,.fonts-not-loaded form .input textarea{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded form .input input,.fonts-loaded form .input textarea{
        font-family:'Avenir Book'
    }
    form .input input+span, form .input input+label+span{
        left:10px;
        top:17px
    }
    form .input input:not(:placeholder-shown),form .input input:not(:placeholder-shown):focus, form .input input.error{
        padding:14px 10px 4px
    }
    form .input:not(:last-child) input,form .input:not(:last-child) textarea{
        margin-bottom:10px
    }
}
@media (min-width:768px){
    form .input input,form .input textarea{
        font-size:24px;
        font-weight:400;
        line-height:40px;
        padding:9px 16px
    }
    .fonts-not-loaded form .input input,.fonts-not-loaded form .input textarea{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded form .input input,.fonts-loaded form .input textarea{
        font-family:'Avenir Book'
    }
    form .input input+span, form .input input+label+span{
        left:16px;
        top:19px
    }
    form .input input:not(:placeholder-shown),form .input input:not(:placeholder-shown):focus, form .input input.error{
        padding-bottom:5px;
        padding-top:13px
    }
    form .input:not(:last-child) input,form .input:not(:last-child) textarea{
        margin-bottom:20px
    }
}
.btn-primary,.ctrl-update-submit,.steps-state form .button{
    border-radius:4px;
    background-color:#2F77EB;
    color:#FFF;
    -webkit-transition:all .3s;
    transition:all .3s;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.btn-primary:not(:disabled),.ctrl-update-submit:not(:disabled),.steps-state form .button:not(:disabled){
    cursor:pointer
}
@media (max-width:767px){
    .btn-primary,.ctrl-update-submit,.steps-state form .button{
        font-size:18px;
        font-weight:400;
        line-height:30px;
        padding:9px 16px;
        margin-top:20px;
        width:100%
    }
    .fonts-not-loaded .btn-primary,.fonts-not-loaded .ctrl-update-submit,.fonts-not-loaded .steps-state form .button{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .btn-primary,.fonts-loaded .ctrl-update-submit,.fonts-loaded .steps-state form .button{
        font-family:'Avenir Book'
    }
    .btn-primary .icon,.ctrl-update-submit .icon,.steps-state form .button .icon{
        margin-left:4px;
        margin-right:-8px
    }
}
@media (min-width:768px){
    .btn-primary,.ctrl-update-submit,.steps-state form .button{
        font-size:24px;
        font-weight:400;
        line-height:40px;
        padding:9px 16px;
        margin-top:40px
    }
    .fonts-not-loaded .btn-primary,.fonts-not-loaded .ctrl-update-submit,.fonts-not-loaded .steps-state form .button{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .btn-primary,.fonts-loaded .ctrl-update-submit,.fonts-loaded .steps-state form .button{
        font-family:'Avenir Book'
    }
    .btn-primary .icon,.ctrl-update-submit .icon,.steps-state form .button .icon{
        margin-left:8px
    }
}
.is-update-sending .ctrl-update-submit .default-state,.is-update-sended .ctrl-update-submit .default-state,.is-update-complete .ctrl-update-submit .default-state{
    display:none
}
.ctrl-update-submit .update-process-state{
    display:none
}
@media (max-width:767px){
    .ctrl-update-submit .update-process-state .icon{
        margin-top:-4px
    }
}
@media (min-width:768px){
    .ctrl-update-submit .update-process-state .icon{
        margin-top:-8px
    }
}
.is-update-sending .ctrl-update-submit .update-process-state{
    display:block
}
.is-update-sended .ctrl-update-submit,.is-update-complete .ctrl-update-submit{
    background-color:#0FC740
}
.ctrl-update-submit .update-complete-state{
    display:none
}
.ctrl-update-submit .update-complete-state .icon{
    position:relative;
    top:-2px
}
.is-update-sended .ctrl-update-submit .update-complete-state,.is-update-complete .ctrl-update-submit .update-complete-state{
    display:block
}
.is-sending .steps-state form .button .default-state,.is-sended .steps-state form .button .default-state,.is-complete .steps-state form .button .default-state{
    display:none
}
.steps-state form .button .process-state{
    display:none
}
@media (max-width:767px){
    .steps-state form .button .process-state .icon{
        margin-top:-4px
    }
}
@media (min-width:768px){
    .steps-state form .button .process-state .icon{
        margin-top:-8px
    }
}
.is-sending .steps-state form .button .process-state{
    display:block
}
.is-sended .steps-state form .button,.is-complete .steps-state form .button{
    background-color:#0FC740
}
.steps-state form .button .complete-state{
    display:none
}
.steps-state form .button .complete-state .icon{
    position:relative;
    top:-2px
}
.is-sended .steps-state form .button .complete-state,.is-complete .steps-state form .button .complete-state{
    display:block
}
#contact:not(.is-sending):not(.is-sended):not(.is-complete) .steps-state button:disabled{
    color:rgba(20,20,20,0.32);
    background-color:rgba(0,0,0,0.04)
}
.form-layer-container{
    margin:0 auto;
    overflow:hidden
}
@media (max-width:767px){
    .form-layer-container{
        padding-bottom:80px
    }
}
@media (min-width:768px){
    .form-layer-container{
        padding-bottom:200px
    }
}
.form-column{
    margin:0 auto
}
@media (max-width:479px){
    .form-column{
        width:100%
    }
}
@media (min-width:480px) and (max-width:1024px){
    .form-column{
        width:83.33333333%
    }
}
@media (min-width:1025px) and (max-width:1599px){
    .form-column{
        width:66.66666667%
    }
}
@media (min-width:1600px){
    .form-column{
        width:50%
    }
}
#contact .fail-layer{
    bottom:0;
    display:none;
    left:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:background-color .1s ease-in,opacity 1ms .2s,visibility 1ms .2s;
    transition:background-color .1s ease-in,opacity 1ms .2s,visibility 1ms .2s;
    visibility:hidden;
    z-index:20
}
#contact .fail-layer .layer-block{
    border-radius:4px;
    background-color:#FFF;
    -webkit-box-shadow:0 4px 8px rgba(0,0,0,0.24);
    box-shadow:0 4px 8px rgba(0,0,0,0.24);
    margin:auto;
    max-width:410px;
    opacity:0;
    overflow:hidden;
    padding:20px;
    -webkit-transform:scale(.0003);
    transform:scale(.0003);
    -webkit-transition:-webkit-transform .2s ease-out,transform .2s ease-out,opacity .2s ease-in-out;
    transition:-webkit-transform .2s ease-out,transform .2s ease-out,opacity .2s ease-in-out
}
#contact .fail-layer .layer-block-container{
    display:-webkit-flex;
    display:flex;
    height:100%;
    padding:12px;
    -webkit-transform:translateY(20%);
    transform:translateY(20%);
    -webkit-transition:-webkit-transform 1ms .2s,transform 1ms .2s;
    transition:-webkit-transform 1ms .2s,transform 1ms .2s;
    width:100%
}
#contact .fail-layer h2{
    font-size:36px;
    font-weight:600;
    line-height:46px;
    margin:0 0 10px
}
#contact .fail-layer p{
    color:rgba(20,20,20,0.56);
    font-size:18px;
    font-weight:400;
    line-height:30px;
    margin:0 0 40px
}
.fonts-not-loaded #contact .fail-layer p{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded #contact .fail-layer p{
    font-family:'Avenir Book'
}
#contact .fail-layer .submit_form{
    font-size:18px;
    font-weight:400;
    line-height:30px;
    padding:9px 16px;
    color:#FFF;
    cursor:pointer;
    display:inline-block;
    margin-right:10px;
    background-color:#ED4747;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.fonts-not-loaded #contact .fail-layer .submit_form{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded #contact .fail-layer .submit_form{
    font-family:'Avenir Book'
}
#contact .fail-layer .submit_form:hover{
    background-color:#ce1414
}
#contact .fail-layer .mailto{
    font-size:18px;
    font-weight:400;
    line-height:30px;
    padding:9px 16px;
    color:rgba(20,20,20,0.56);
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.fonts-not-loaded #contact .fail-layer .mailto{
    font-family:Georgia,'Times New Roman',Times,serif
}
.fonts-loaded #contact .fail-layer .mailto{
    font-family:'Avenir Book'
}
#contact .fail-layer .mailto:hover{
    background-color:rgba(0,0,0,0.04)
}
#contact.is-failed-state .fail-layer{
    display:block
}
#contact.is-failed .fail-layer{
    background-color:rgba(245,245,245,0.96);
    opacity:1;
    -webkit-transition:background-color .1s ease-in;
    transition:background-color .1s ease-in;
    visibility:visible
}
#contact.is-failed .fail-layer .layer-block{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform .2s ease-out,transform .2s ease-out,opacity .2s ease-in-out;
    transition:-webkit-transform .2s ease-out,transform .2s ease-out,opacity .2s ease-in-out
}
#contact.is-failed .fail-layer .layer-block-container{
    -webkit-transform:skew(0);
    transform:skew(0);
    -webkit-transition:-webkit-transform .2s ease-in-out,transform .2s ease-in-out;
    transition:-webkit-transform .2s ease-in-out,transform .2s ease-in-out
}
.success-state{
    display:none;
	padding-top:50px;
	width:100%;
}
#contact.is-sended .success-state{
    display:block
}
#contact.is-complete .steps-state{
    bottom:0;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all .2s;
    transition:all .2s;
    visibility:hidden
}
#contact.is-complete .success-state{
    display:block;
    opacity:1;
    position:relative;
    -webkit-transform:skew(0);
    transform:skew(0);
    -webkit-transition:all .4s ease-out;
    transition:all .4s ease-out;
    visibility:visible
}
@keyframes currentSlideProgress{
    0%{
        opacity:.56;
        stroke-dashoffset:0;
        stroke-width:4px
    }
    to{
        opacity:.24;
        stroke-dashoffset:37.69px;
        stroke-width:4px
    }
}
.btn-solid{
    color:rgba(20,20,20,0.56);
    display:inline-block;
    border-radius:4px;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    position:relative;
    text-decoration:none
}
@media (max-width:767px){
    .btn-solid{
        font-size:18px;
        font-weight:400;
        line-height:30px;
        padding:9px 16px;
        margin-top:20px
    }
    .fonts-not-loaded .btn-solid{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .btn-solid{
        font-family:'Avenir Book'
    }
}
@media (min-width:768px){
    .btn-solid{
        font-size:24px;
        font-weight:400;
        line-height:40px;
        padding:9px 16px;
        margin-top:40px
    }
    .fonts-not-loaded .btn-solid{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .btn-solid{
        font-family:'Avenir Book'
    }
}
.btn-solid:not(:disabled){
    cursor:pointer
}
a.btn-solid:not([href]){
    cursor:default;
    background-color:rgba(0,0,0,0.04)
}
.btn-solid.btn,a.btn-solid[href]{
    -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08)
}
.btn-solid:before{
    content:'';
    height:100%;
    left:0;
    border-radius:4px;
    background-color:#000;
    position:absolute;
    top:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0 bottom 0;
    transform-origin:0 bottom 0;
    -webkit-transition:all 150ms cubic-bezier(0, 0, .58, 1);
    transition:all 150ms cubic-bezier(0, 0, .58, 1);
    width:100%
}
.btn-solid span{
    position:relative;
    -webkit-transition:color 150ms cubic-bezier(0, 0, .58, 1);
    transition:color 150ms cubic-bezier(0, 0, .58, 1)
}
.no-touch .btn-solid.btn:hover span,.no-touch a.btn-solid[href]:hover span,.is-touch .btn-solid.btn:active span,.is-touch a.btn-solid[href]:active span{
    color:#FFF
}
.no-touch .btn-solid.btn:hover:before,.no-touch a.btn-solid[href]:hover:before,.is-touch .btn-solid.btn:active:before,.is-touch a.btn-solid[href]:active:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.work-block{
    text-align:left;
	position:relative;
	height:100%;
}

@media (max-width:767px){
    .work-block h1.header{
        font-size:34px;
        font-weight:900;
        line-height:46px;
		padding-bottom:15px;
    }
	p{font-size:16px;}
	.work-block h1.header span:after{font-size:20px;}
}
@media (min-width:768px) and (max-width:1279px){
    .work-block h1.header{
        font-size:70px;
        font-weight:900;
        line-height:90px;
		padding-bottom:25px;
    }
	.work-block h1.header span:after{font-size:30px;}
}
@media (min-width:1280px){
    .work-block h1.header{
        font-size:104px;
        font-weight:900;
        line-height:150px;
		padding-bottom:20px;
    }
}
@media (min-width:1400px){
    .work-block h1.header{
        font-size:120px;
        font-weight:900;
        line-height:150px;
		padding-bottom:20px;
    }
}

.work-block h1.header span svg g *{-webkit-animation:colorchange 6s infinite alternate; width:18px; display:inline-block;opacity:0;}
.work-block h1.header span svg g *:first-child{opacity:1;}
@-webkit-keyframes colorchange {
	0% {
		fill: #9b59b6;
	}
	20% {
        fill: #3498db;
	}
	40% {
        fill: #2ecc71;
	}
	60% {
		fill: #e74c3c;
	}
	80% {
        fill: #e67e22;
	}
	100% {
        fill: #f39c12;
	}
	
}
@-moz-keyframes colorchange {
	0% {
		fill: #9b59b6;
	}
	20% {
        fill: #3498db;
	}
	40% {
        fill: #2ecc71;
	}
	60% {
		fill: #e74c3c;
	}
	80% {
        fill: #e67e22;
	}
	100% {
        fill: #f39c12;
	}
}
@-ms-keyframes colorchange {
	0% {
		fill: #9b59b6;
	}
	20% {
        fill: #3498db;
	}
	40% {
        fill: #2ecc71;
	}
	60% {
		fill: #e74c3c;
	}
	80% {
        fill: #e67e22;
	}
	100% {
        fill: #f39c12;
	}
}
.work-block h1.header.text0-left{
    padding-top:160px;
    margin-bottom:50px;
    text-align:left
}
@media (min-width:768px){
    .work-block h1.header.text0-left{
        padding-top:200px
    }
	.work-block h1.header span svg{width: 14px; height:14px; margin-left:5px;}
}
@media (min-width:1025px){
    .work-block h1.header.text0-left{
        max-width:790px
    }
	.work-block h1.header span svg{width: 18px; height:18px; margin-left:5px;}
}
.work-block h2.header{
    margin-top:10px
}
@media (max-width:767px){
    .work-block h2.header{
        font-size:32px;
        font-weight:300;
        line-height:40px;
    }
	.work-block h1.header span svg{width: 10px; height:10px; margin-left:3px;}
}
@media (min-width:768px) and (max-width:1279px){
    .work-block h2.header{
        font-size:50px;
        font-weight:300;
        line-height:60px;
    }
}
@media (min-width:1280px){
    .work-block h2.header{
        font-size:62px;
        font-weight:300;
        line-height:74px;
    }
}
.work-block>.column>h3{
    font-size:20px;
    font-weight:600;
    line-height:24px;
    line-height:48px;
    box-shadow:0 1px 0 0 rgba(20,20,20,0.12);
    margin:20px 0 3px;
    text-align:left;
    text-transform:uppercase
}
.to-next{
    -webkit-box-shadow:inset 0 0px rgba(0,0,0,0.02);
    box-shadow:inset 0 0px rgba(0,0,0,0.02);
    display:block;
    position:relative;
    text-decoration:none
}
.to-next:before{
    content:'';
    height:100%;
    left:0;
    border-radius:0px;
    background-color:rgba(0,0,0,0.04);
    opacity:1;
    position:absolute;
    top:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0 bottom 0;
    transform-origin:0 bottom 0;
    -webkit-transition:all 150ms cubic-bezier(0, 0, .58, 1);
    transition:all 150ms cubic-bezier(0, 0, .58, 1);
    width:100%
}
.to-next span{
    position:relative
}
@media (max-width:767px){
    .to-next{color: #fff;}
    .to-next:before{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
    }
    .to-next span{
        font-size:18px;
        font-weight:400;
        line-height:30px;
    }
    .fonts-not-loaded .to-next span{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .to-next span{
        font-family:'Avenir'
    }
}
@media (min-width:768px){
    .to-next span{
        font-size:24px;
        font-weight:400;
        line-height:40px;
    }
    .fonts-not-loaded .to-next span{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .to-next span{
        font-family:'Avenir'
    }
}
.to-next h2{
    position:relative;
}
@media (max-width:767px){
    .to-next h2{
        font-size:36px;
        font-weight:600;
        line-height:46px;
    }
}
@media (min-width:768px) and (max-width:1279px){
    .to-next h2{
        font-size:50px;
        font-weight:600;
        line-height:60px;
    }
}
@media (min-width:1280px){
    .to-next h2{
        font-size:62px;
        font-weight:600;
        line-height:74px;
    }
}
.no-touch .to-next h2:hover,.is-touch .to-next h2:active{
    /*color:#2F77EB*/
}
.no-touch .to-next:hover:before,.is-touch .to-next:active:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.to-next .column{
    margin:0 auto
}
@media (max-width:479px){
    .to-next h2{
        margin-top:14px
    }
}
@media (max-width:767px){
    .to-next{
        padding:60px 0 66px
    }
}
@media (min-width:480px){
    .to-next .column{
        width:83.33333333%
    }
    .to-next h2{
        margin-top:16px
    }
}
@media (min-width:768px){
    .to-next{
        padding:121px 0 164px
    }
}
@media (min-width:1025px){
    .to-next .column{
        width:66.66666667%
    }
}
@media (min-width:1600px){
    .to-next .column{
        width:50%
    }
}
.page-view.leave[data-transition-chain=page-leave]{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:all 500ms;
    transition:all 500ms
}
.page-view.leave[data-transition-chain=page-leave] header{
    display:none
}
.page-view .viewport-process{
    opacity:0;
    -webkit-transform:translate3d(0, 20px, 0);
    transform:translate3d(0, 20px, 0);
    visibility:hidden
}
.page-view .viewport-process[data-transition-chain=page-enter],.page-view .viewport-process.page-enter-complete{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    visibility:visible
}
.page-view h1.viewport-process[data-transition-chain=page-enter],.page-view h1.viewport-process.page-enter-complete{
    -webkit-transition:all 700ms ease-in-out,visibility 1ms;
    transition:all 700ms ease-in-out,visibility 1ms
}
.page-view h1.viewport-process[data-transition-chain=page-enter]+h2.viewport-process[data-transition-chain=page-enter],.page-view h1.viewport-process.page-enter-complete+h2.viewport-process[data-transition-chain=page-enter],.page-view h1.viewport-process[data-transition-chain=page-enter]+h2.viewport-process.page-enter-complete,.page-view h1.viewport-process.page-enter-complete+h2.viewport-process.page-enter-complete{
    -webkit-transition:all 600ms 150ms ease-in-out,visibility 1ms;
    transition:all 600ms 150ms ease-in-out,visibility 1ms
}
.page-view h1.viewport-process[data-transition-chain=page-enter]+h2.viewport-process[data-transition-chain=page-enter].is-in-viewport,.page-view h1.viewport-process.page-enter-complete+h2.viewport-process[data-transition-chain=page-enter].is-in-viewport,.page-view h1.viewport-process[data-transition-chain=page-enter]+h2.viewport-process.page-enter-complete.is-in-viewport,.page-view h1.viewport-process.page-enter-complete+h2.viewport-process.page-enter-complete.is-in-viewport{
    -webkit-transition:all 600ms ease-in-out,visibility 1ms;
    transition:all 600ms ease-in-out,visibility 1ms
}
.page-view h1.viewport-process[data-transition-chain=page-enter]+p.viewport-process[data-transition-chain=page-enter],.page-view h1.viewport-process.page-enter-complete+p.viewport-process[data-transition-chain=page-enter],.page-view h1.viewport-process[data-transition-chain=page-enter]+p.viewport-process.page-enter-complete,.page-view h1.viewport-process.page-enter-complete+p.viewport-process.page-enter-complete{
    -webkit-transition:all 600ms 900ms ease-in-out,visibility 1ms 900ms;
    transition:all 600ms 900ms ease-in-out,visibility 1ms 900ms
}
.page-view h1.viewport-process[data-transition-chain=page-enter]+p.viewport-process[data-transition-chain=page-enter].is-in-viewport,.page-view h1.viewport-process.page-enter-complete+p.viewport-process[data-transition-chain=page-enter].is-in-viewport,.page-view h1.viewport-process[data-transition-chain=page-enter]+p.viewport-process.page-enter-complete.is-in-viewport,.page-view h1.viewport-process.page-enter-complete+p.viewport-process.page-enter-complete.is-in-viewport{
    -webkit-transition:all 600ms ease-in-out,visibility 1ms;
    transition:all 600ms ease-in-out,visibility 1ms
}
.page-view .viewport-process[data-transition-chain=page-enter],.page-view .viewport-process.page-enter-complete{
    -webkit-transition:all 300ms 300ms ease-in-out,visibility 1ms 300ms;
    transition:all 300ms 300ms ease-in-out,visibility 1ms 300ms
}
.page-view .viewport-process[data-transition-chain=page-enter].is-in-viewport,.page-view .viewport-process.page-enter-complete.is-in-viewport{
    -webkit-transition:all 300ms ease-in-out,visibility 1ms;
    transition:all 300ms ease-in-out,visibility 1ms
}
.page-view .сheckerboard .column a.viewport-process{
    -webkit-transform:translate3d(0, 40px, 0);
    transform:translate3d(0, 40px, 0)
}
.page-view .сheckerboard .column a.viewport-process[data-transition-chain=page-enter],.page-view .сheckerboard .column a.viewport-process.page-enter-complete{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:all 300ms 50ms ease-in-out,visibility 1ms 50ms;
    transition:all 300ms 50ms ease-in-out,visibility 1ms 50ms
}
.page-view .сheckerboard .column a h2{
    opacity:0;
    visibility:hidden
}
.no-touch .page-view .сheckerboard .column a:not([href]) p,.is-touch .page-view .сheckerboard .column a[href] p{
    opacity:0;
    -webkit-transform:translate3d(0, 10px, 0);
    transform:translate3d(0, 10px, 0);
    visibility:hidden
}
.page-view .сheckerboard .column a.is-in-viewport{
    -webkit-transition:all 300ms ease-in-out,visibility 1ms;
    transition:all 300ms ease-in-out,visibility 1ms
}
.page-view .сheckerboard .column a.is-in-viewport h2{
    opacity:1;
    -webkit-transition:all 300ms 300ms ease-in-out;
    transition:all 300ms 300ms ease-in-out;
    visibility:visible
}
.no-touch .page-view .сheckerboard .column a.is-in-viewport:not([href]) p,.is-touch .page-view .сheckerboard .column a.is-in-viewport[href] p{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:all 300ms 600ms ease-in-out;
    transition:all 300ms 600ms ease-in-out;
    visibility:visible
}
.no-touch .page-view .сheckerboard .column a[href] p{
    opacity:0;
    -webkit-transform:translate3d(0, 10px, 0);
    transform:translate3d(0, 10px, 0);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    visibility:hidden
}
.no-touch .page-view .сheckerboard .column a[href]:hover p{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    visibility:visible
}
.page-view .сheckerboard .column:first-child a.viewport-process[data-transition-chain=page-enter],.page-view .сheckerboard .column:first-child a.viewport-process.page-enter-complete{
    -webkit-transition:all 300ms 600ms ease-in-out,visibility 1ms 600ms;
    transition:all 300ms 600ms ease-in-out,visibility 1ms 600ms
}
@media (max-width:767px){
    .navigation{
        background:#000;
        color:#FFF;
        cursor:default;
        display:none;
        height:100%;
        left:0;
        padding:20px;
        position:absolute;
        top:0;
        width:100%;
        z-index:20
    }
    .navigation.is-visible{
        display:block;
        opacity:0;
        -webkit-transition:all 150ms;
        transition:all 150ms;
        visibility:hidden
    }
    .navigation.is-visible.is-opened,.navigation.is-visible[data-transition-chain=open-navigation]{
        opacity:1;
        -webkit-transition:all 300ms;
        transition:all 300ms;
        visibility:visible
    }
    .navigation-inner{
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:column;
        flex-direction:column;
        height:100%;
        -webkit-justify-content:center;
        justify-content:center;
        position:relative
    }
    .navigation .close{
        color:rgba(255,255,255,0.56);
        cursor:pointer;
        position:absolute;
        right:0;
        top:-10px;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    .no-touch .navigation .close:hover,.is-touch .navigation .close:active{
        color:#FFF
    }
    .navigation .close .icon:before,.navigation .close .icon:after{
        -webkit-transition:all .3s;
        transition:all .3s
    }
    .navigation ul{
        list-style:none
    }
    .navigation ul li{
        font-size:36px;
        font-weight:600;
        line-height:46px;
    }
    .navigation ul li:not(:first-child){
        margin-top:20px
    }
    .navigation ul li a{
        opacity:.8;
        text-decoration:none;
        -webkit-transition:opacity .3s;
        transition:opacity .3s
    }
    .no-touch .navigation ul li a:hover,.is-touch .navigation ul li a:active{
        opacity:1
    }
    .navigation-footer{
        bottom:0;
        color:rgba(255,255,255,0.56);
        font-size:18px;
        font-weight:400;
        line-height:30px;
        left:0;
        position:absolute
    }
    .fonts-not-loaded .navigation-footer{
        font-family:Georgia,'Times New Roman',Times,serif
    }
    .fonts-loaded .navigation-footer{
        font-family:'Avenir Book'
    }
    .navigation-footer a{
        -webkit-box-shadow:0 3px rgba(255,255,255,0.16);
        box-shadow:0 3px rgba(255,255,255,0.16);
        margin-right:10px;
        text-decoration:none;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    .no-touch .navigation-footer a:hover,.is-touch .navigation-footer a:active{
        color:#FFF;
        -webkit-box-shadow:0 3px #FFF;
        box-shadow:0 3px #FFF
    }
    .navigation-footer a,.navigation-footer span{
        display:inline-block
    }
    .navigation .nav-item-step{
        display:inline-block
    }
    .navigation .is-hidden,.navigation [data-transition-chain=open-navigation]{
        opacity:0;
        -webkit-transform:translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0);
        visibility:hidden
    }
    .navigation .is-hidden.is-complete,.navigation [data-transition-chain=open-navigation].is-complete,.navigation .is-hidden.transition-chain-state,.navigation [data-transition-chain=open-navigation].transition-chain-state{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        -webkit-transition:all 300ms 150ms ease-in-out,visibility 1ms 150ms;
        transition:all 300ms 150ms ease-in-out,visibility 1ms 150ms;
        visibility:visible
    }
    .navigation .is-hidden.is-complete:first-child,.navigation [data-transition-chain=open-navigation].is-complete:first-child,.navigation .is-hidden.transition-chain-state:first-child,.navigation [data-transition-chain=open-navigation].transition-chain-state:first-child{
        -webkit-transition:all 300ms ease-in-out,visibility 1ms;
        transition:all 300ms ease-in-out,visibility 1ms
    }
    .navigation-opened{
        background-color:#000;
        -webkit-transition:background-color 300ms;
        transition:background-color 300ms
    }
    .views-hidden .page-view{
        overflow:hidden
    }
}
@media (min-width:768px){
    .navigation{
        display:none
    }
}
.agency-socials a{
    display:inline-block;
    border:0
}
.tooltip{
    position:relative;
    display:inline;
    cursor:pointer;
    border-bottom:3px solid transparent;
    -webkit-box-shadow:0 3px rgba(0,0,0,0.16);
    box-shadow:0 3px rgba(0,0,0,0.16);
    text-decoration:none;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    -webkit-box-shadow:0 3px rgba(255,255,255,0.16);
    box-shadow:0 3px rgba(255,255,255,0.16)
}
.tooltip>a{
    position:absolute;
    top:0;
    left:0;
    display:block;
    padding:10px 15px;
    font-size:70%;
    line-height:1.2;
    transform:translate(10px, -40%);
    border-radius:2px;
    color:black;
    background:#fff;
    transition:transform .2s .1s ease-in-out,opacity .2s .1s ease-in-out;
    opacity:0;
    min-width:310px;
    text-align:center
}
.tooltip:hover{
    color:inherit;
    -webkit-box-shadow:0 3px #FFF;
    box-shadow:0 3px #FFF
}
.tooltip:hover>a{
    color:black !important;
    box-shadow:none !important;
    opacity:1;
    transform:translate(10px, -100%)
}
h3.spacing{padding: 40px 0px 30px 0px;}
.contact-page{background-image: url(../images/contact-visual.png); background-size:cover;}
#map {
    position: absolute;
    width: 100%;
    height: 100%;
}
.gmnoprint, .gm-fullscreen-control{display:none !important;}
.boxshadow {
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
    transition: all 200ms ease-in-out;
}
.boxshadow:hover {
    box-shadow: 0px 0px 30px rgba(0,0,0,.15);
    margin-top: -2px;
    margin-bottom: 2px;
}
.modal--info {
	position:absolute;
    padding: 45px 45px;
    text-align: center;
    background-color: #fff;
	width:260px;
	height:280px;
	top: calc(50% - 150px);
	right:calc(50% - 450px);
    /*box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75)*/
}
.modal--information p,
.modal--information a {
    display: block;
    margin: 14px 0;
    text-decoration: none;
    font-weight: 400;
	font-size:16px;
}
.modal--information p {
    margin-top: 0
}
section h4{
    font-size:22px;
    font-weight:900;
    line-height:30px;
    margin-bottom:20px;
    margin-top:30px
}
@media(max-width: 768px)
{
	.modal--info{
		right: calc(50% - 130px);
	}
	section h4{font-size:16px;}
	section.container.contact-us{display:block;}
}
section h3{
    font-size:22px;
    font-weight:900;
    line-height:30px;
    margin-top:20px;
}

.cb-view{
    height:100%;
	padding:100px 0px;
}

.cb-project{
    position:relative
}
.cb-project-grid{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:column-reverse;
    -moz-box-orient:vertical;
    -moz-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
@media (min-width:1280px){
    .cb-project-grid{
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width:1280px){
    .cb-project-grid-col{
        -webkit-box-flex:1;
        -webkit-flex:1 0 50%;
        -moz-box-flex:1;
        -ms-flex:1 0 50%;
        flex:1 0 50%
    }
}

.cb-project-grid-col{
    -webkit-perspective:1000px;
    -moz-perspective:1000px;
    perspective:1000px
}
.cb-project-img{
    position:relative;
    display:inline-block;
    margin:0 0 35px 0;
    -webkit-perspective:2000px;
    -moz-perspective:2000px;
    perspective:2000px;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d
}
@media (min-width:768px){
    .cb-project-img{
        margin:0 0 50px 0
    }
}
@media (min-width:1280px){
    .cb-project-img{
        margin:0
    }
}
.cb-project-img img{
    max-width:100%
}
.cb-project-img-depth{
    position:relative;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.cb-project-img-depth img:nth-child(2){
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:scale(.775) translateZ(150px);
    -moz-transform:scale(.775) translateZ(150px);
    transform:scale(.775) translateZ(150px)
}
.ie .cb-project-img{
    display:block
}
.cb-project .cb-project-img{
    cursor:pointer
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#contact  svg {
  width: 600px;
  margin: 0 auto;
  position: relative;
  display: block;
  z-index: 0;
}
#contact  text {
    fill: #fff;
    font-family: 'Oswald';
    font-weight: 700;
  }
#contact  tspan {
      padding: 0;
      margin: 0;
      opacity: 0;
    }

  
#contact line, #contact polyline, #contact ellipse, #contact path {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 6;
    opacity: 0;
    stroke-miterlimit: 10;
  }
  
#contact .dec {
    stroke-width: 3;
  }
  
#contact .underline {
    stroke-width: 6;
    stroke-linecap: butt;
    opacity: 1;
  }
  
#contact .dot {
    opacity: 1;
  }
  
#contact .purple {
    stroke: #9b59b6;
  }
  
#contact .lime {
    stroke: #3498db;
  }
  
#contact .plum {
    stroke: #2ecc71;
  }
  
#contact .blue {
    stroke: #e74c3c;
  }
.listlogo
{
	list-style: none;
    display: table;
	width: 100%;
}
.listlogo li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
	text-align:center;
	min-width:60px;
}
.listlogo li svg {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: auto;
	opacity:0.5;
	max-width: 100%;
	height:auto;
}
.listlogo.expertiselogos li svg{
	max-height: 48px;
}
.listlogo li:hover svg {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	opacity:1;
}
.table{display:table; width:100%;}
.tablecell{display:table-cell; width:50%;}
label.error {
    color: red;
    top: 5px;
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    left: 15px;
    background: #fff;
	z-index:2;
}
.agree{padding-left: 30px;display: inline-block;}
@media (min-width: 1600px)
{
	.listlogo li svg
	{
		max-height: 38px;
	}
	
}
@media (max-width: 1366px)
{
	.listlogo li svg
	{
		max-height: 27px;
	}
}
@media (max-width: 1024px)
{
	
	.listlogo li svg
	{
		max-height: 17px;
	}
}
@media(max-width: 767px)
{
	.table{padding-bottom:30px;}
	.listlogo li{float: left;}
	.listlogo li svg
	{
		max-height: 17px;
	}
	.listlogo.expertiselogos li svg
	{
		max-height: 22px;
	}
	label.error{
		font-size:11px; left:9px;
	}
	.agree{padding-left: 0px;padding-top: 15px;display: inline-block;font-size: 16px;}
}
@media(max-width: 480px)
{
	.work-block h1.header{
		font-size:28px;
	}
	div.container .column
	{
		grid-column-end: span 8;
	}
}
@media(max-width: 320px)
{
	.listlogo li svg
	{
		max-height: 22px;
	}
}
@media(min-width: 1024px)
{
	#contactus .inputform{margin-top: -100px;}
	
}