-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
1 lines (1 loc) · 24.9 KB
/
style.css
1
@font-face{font-family:"icomoon";src:url("fonts/icomoon.eot?b05bad");src:url("fonts/icomoon.eot?b05bad#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?b05bad") format("truetype"),url("fonts/icomoon.woff?b05bad") format("woff"),url("fonts/icomoon.svg?b05bad#icomoon") format("svg");font-weight:normal;font-style:normal}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-viber:before{content:""}.icon-envelope:before{content:""}.icon-image:before{content:""}.icon-file-text:before{content:""}.icon-file-picture:before{content:""}.icon-stack:before{content:""}.icon-laptop:before{content:""}.icon-search:before{content:""}.icon-cogs:before{content:""}.icon-rocket:before{content:""}.icon-meter:before{content:""}.icon-list2:before{content:""}.icon-sphere:before{content:""}.icon-checkmark:before{content:""}.icon-spell-check:before{content:""}.icon-embed2:before{content:""}.icon-coin-dollar:before{content:""}.icon-wrench:before{content:""}.icon-list-numbered:before{content:""}.icon-tree:before{content:""}.icon-facebook:before{content:""}.icon-vk:before{content:""}.icon-github:before{content:""}.icon-skype:before{content:""}.icon-linkedin:before{content:""}.icon-laptop2:before{content:""}.dropdown-trigger-post:after,.service-post-list li:after,.clearfix:after{content:"";display:table;clear:both}html{margin:0;padding:0;border:0}html,body,div,span,object,iframe,h1,.section-title,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;float:none !important}table,th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}:focus{outline:0}*,*:after,*:before{box-sizing:border-box}.flex{-ms-flex-flow:column nowrap;flex-flow:column nowrap;max-width:1280px;position:relative;z-index:1}@media(min-width: 768px){.flex{-ms-flex-flow:row wrap;flex-flow:row wrap}}.flex.column-all{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.flex.flex-all{-ms-flex-flow:row wrap;flex-flow:row wrap}@media(min-width: 580px){.flex.column-xsmall{-ms-flex-flow:column nowrap;flex-flow:column nowrap}}@media(min-width: 580px){.flex.flex-xsmall{-ms-flex-flow:row wrap;flex-flow:row wrap}}@media(min-width: 768px){.flex.column-small{-ms-flex-flow:column nowrap;flex-flow:column nowrap}}@media(min-width: 768px){.flex.flex-small{-ms-flex-flow:row wrap;flex-flow:row wrap}}@media(min-width: 1024px){.flex.column-medium{-ms-flex-flow:column nowrap;flex-flow:column nowrap}}@media(min-width: 1024px){.flex.flex-medium{-ms-flex-flow:row wrap;flex-flow:row wrap}}@media(min-width: 1280px){.flex.column-large{-ms-flex-flow:column nowrap;flex-flow:column nowrap}}@media(min-width: 1280px){.flex.flex-large{-ms-flex-flow:row wrap;flex-flow:row wrap}}.flex{display:-ms-flexbox;display:flex;position:relative}.flex.with-padding{padding-left:20px;padding-right:20px}@media(min-width: 580px){.flex.with-padding{padding-left:40px;padding-right:40px}}.flex.flex-layout-width{max-width:1280px;margin:0 auto}.flex.space-between{-ms-flex-pack:justify;justify-content:space-between}.flex.flex-end{-ms-flex-pack:end;justify-content:flex-end}.flex.flex-alignment{-ms-flex-flow:row wrap;flex-flow:row wrap}.flex.column-alignment{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.flex.space-around{-ms-flex-pack:distribute;justify-content:space-around}.flex.valign-center{-ms-flex-align:center;align-items:center}*,*:after,*:before{box-sizing:border-box}[class*=col-]{float:left}.row{width:100%;max-width:1280px;margin:0 auto;position:relative;z-index:1}.row.row-all-contacts{background:#151a1f;color:#fff;text-align:center}@media(min-width: 768px){.row.row-all-contacts{margin-top:-20px;padding:30px 0;width:80%}}@media(min-width: 1024px){.row.row-all-contacts{margin-top:-45px}}@media(min-width: 1280px){.row.row-all-contacts{margin-top:-90px}}.row .centered{float:none;margin:0 auto}.row .row{min-width:0}.row.row-with-cards{font-size:0}.row.row-with-padding{padding-left:20px;padding-right:20px}@media(min-width: 580px){.row.row-with-padding{padding-left:40px;padding-right:40px}}.row.row-setmax{max-width:1200px}.row:after{content:"";display:table;clear:both}.col-justify{text-align:center}@media(min-width: 580px){.col-justify{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media(min-width: 580px){.col-xs-1{width:8.3333333333%}.col-xs-2{width:16.6666666667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333333333%}.col-xs-5{width:41.6666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333333333%}.col-xs-8{width:66.6666666667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333333333%}.col-xs-11{width:91.6666666667%}.col-xs-12{width:100%}}@media(min-width: 768px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}}@media(min-width: 1024px){.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}}@media(min-width: 1280px){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}}*{min-width:0;min-height:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100vw}body{font-family:"Libre Baskerville",sans-serif;font-weight:300;font-size:14px}h1,.section-title,h2,h3,h4{font-family:"Libre Baskerville",sans-serif;font-weight:400}h1,.section-title{font-size:28px}@media(min-width: 580px){h1,.section-title{font-size:35px}}h1.page-header,.page-header.section-title{padding:30px 0;border-top:1px solid #f2f5f6;border-bottom:1px solid #f2f5f6;margin-bottom:50px}h2{font-size:24px}@media(min-width: 580px){h2{font-size:24px}}h3{font-size:20px}h4{font-size:18px;font-weight:400}strong{font-weight:700;color:inherit}blockquote{font-size:24px;line-height:36px;font-weight:400;font-style:italic;margin:0 0 35px 0;padding:30px 40px;position:relative;color:#333;border:1px dotted #adad73}img{height:auto;width:100%}img.height100{height:100%;width:auto}.is-hidden{display:none}a{color:inherit;border-bottom:1px dotted transparent;cursor:pointer;text-decoration:none;transition:border .2s ease,color .2s ease}a:hover,a:active{border-bottom:1px dotted #adad73;transition:border .2s ease,color .2s ease}a:visited{color:currentColor}a.link-read-more{font-family:"Satisfy",cursive;font-weight:normal;font-size:22px;color:#adad73;border-bottom:1px dotted transparent;transition:border .2s ease,color .2s ease}a.link-read-more:hover,a.link-read-more:active{border-bottom:1px dotted #adad73;transition:border .2s ease,color .2s ease}.text-center{text-align:center}.left{float:left}.right{float:right}.main-container{position:relative;width:100%;padding-top:50px}@media(min-width: 768px){.main-container{padding-top:104px}}@media(min-width: 1024px){.main-container{padding-top:128px}}.main-container:after{content:"";background:rgba(0,0,0,0);position:absolute;top:0;left:0;height:100%;width:100%;transition:background 0s ease;transform:translateZ(0);z-index:-1}.main-container.is-active-menu:after,.main-container.is-active-dialog:after{content:"";background:rgba(0,0,0,.8);transition:background .4s ease;z-index:5}.main-container.is-active-dialog{display:none;height:auto}@media(min-width: 768px){.main-container.is-active-dialog{display:block;height:100vh}}.main-container.is-active-dialog:after{z-index:7}.section-title{line-height:48px}.section-title-centered{text-align:center}.section-title:after{content:"";position:relative;display:block;width:140px;margin:0 auto;padding-top:10px;border-bottom:1px dotted #adad73}.section-title-noline:after{content:none}.section-title-white{color:#fff}.section-header{margin-bottom:40px}@media(min-width: 580px){.section-header{margin-bottom:120px}}.section-header-small-margin{margin-bottom:40px}.section-header-darkbg{background:rgba(0,0,0,.5);padding:30px;width:auto;display:inline-block;margin:0 auto 30px}.section{padding-top:50px;padding-bottom:0}@media(min-width: 768px){.section{padding-top:100px;padding-bottom:95px}}.bgcolor:nth-of-type(odd){background-color:#f2f5f6}.section-subtitle{font-family:"Satisfy",cursive;font-size:26px;line-height:30px;font-style:italic;font-weight:300;color:#adad73}.section-subtitle-centered{text-align:center}.section-subtitle-canary{color:#ffa}.section-subtitle-laser-lemon{color:#ffff5d}.section-skills{background-image:url("/images/skills-blur.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;position:relative}.section-skills:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(42,42,42,.7);z-index:2}.section-skills .section-header,.section-skills .row{position:relative;z-index:3}.section-skills .skill-box{border:1px dotted #ffff5d;height:130px;width:130px;display:table;color:#ffff5d;margin:0 auto;padding:5px;margin-bottom:50px}.section-skills .skill-box span{display:table-cell;vertical-align:middle;font-size:20px;font-weight:700}.service-post{position:relative;padding:0 20px}.service-post-list{list-style-type:none;padding-right:20px}.service-post-list li{margin-bottom:45px}.service-post-list h3{font-size:18px;line-height:35px}@media(min-width: 580px){.service-post-list h3{font-size:18px}}.service-post-icon-wrapper{border:1px dotted #adad73;height:85px;width:85px;display:table;margin-right:20px;float:left}.service-post-icon{color:#adad73;font-size:30px;display:table-cell;vertical-align:middle;text-align:center}.service-post-title{color:#333;padding-bottom:20px}@keyframes parallax{0%{transform:translate(-10%, -10%)}25%{transform:translate(0, 0)}50%{transform:translate(-10%, -10%)}75%{transform:translate(-20%, -20%)}100%{transform:translate(-10%, -10%)}}.background{width:100%;height:calc(100vh - 64px);overflow:hidden;position:relative;min-height:500px}.background:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(42,42,42,.5);z-index:2}@media(min-width: 768px){.background{height:calc(100vh - 104px)}}@media(min-width: 1024px){.background{height:calc(100vh - 126px)}}.background .image{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.background-contacts{min-height:600px}.background-contacts .image{background-image:url("../images/bottle.jpg")}@media(min-width: 768px){.background-contacts{min-height:660px}}.background-parallax .image{width:125%;height:125%;background-image:url("../images/workplace.jpg");transform:translate(-10%, -10%) translateZ(1px);animation:parallax 80s infinite linear;animation-fill-mode:both}.background-overlay{color:#fff;position:absolute;top:50%;left:50%;padding:0 20px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;text-align:center;width:100%}.article p,.article h2,.article h3{padding-bottom:13px}.article p a:not(.button),.article h2 a:not(.button),.article h3 a:not(.button){color:#adad73}@media(min-width: 580px){.article p,.article h2,.article h3{padding-left:40px}}.article p{font-size:16px}.article h2,.article h3{font-weight:700}.article p+h3{margin-top:20px}.article-image-circle{border-radius:50%;overflow:hidden;width:150px;height:150px;margin:0 auto 40px;position:relative}.article-image-circle img{position:absolute;top:0;left:50%;-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}@media(min-width: 580px){.article-image-circle{width:100%;padding-top:100%}}@media(min-width: 580px){.article-image-circle+p{padding-top:20px}}a.button,a.button:visited,a.button:hover,a.button:active{text-decoration:none;font-weight:400;border:0}.button{border-radius:4px;display:inline-block;-webkit-appearance:none;cursor:pointer}a.button-action,.button-action{color:#fff;border:0;box-shadow:none;font-size:16px;line-height:24px;font-weight:400;background:#adad73;padding:10px 15px;margin-bottom:30px;transition:background .2s ease;min-width:130px}a.button-action h2,.button-action h2{font-size:16px;line-height:24px}a.button-action:hover,a.button-action:active,.button-action:hover,.button-action:active{background:#959558;transition:background .2s ease}a.button-action:last-of-type,.button-action:last-of-type{margin-bottom:0}a.button-action:first-of-type,.button-action:first-of-type{margin-bottom:30px}a.button-action-canary,.button-action-canary{background:#ffa;color:gray;transition:background .2s ease}a.button-action-canary:hover,a.button-action-canary:active,.button-action-canary:hover,.button-action-canary:active{background:#fffff7;transition:background .2s ease}a.button-action-laser-lemon,.button-action-laser-lemon{background:#ffff5d;color:gray;transition:background .2s ease}a.button-action-laser-lemon:hover,a.button-action-laser-lemon:active,.button-action-laser-lemon:hover,.button-action-laser-lemon:active{background:#ffff90;transition:background .2s ease}.background a.button-action,.background .button-action{width:160px;padding:10px 5px;display:block;margin:0 auto 30px}.dropdown{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s linear,opacity .1s linear .3s;width:100%}.dropdown-checkbox{display:none}.dropdown-checkbox:checked~.dropdown{max-height:2000px;opacity:1;transition:max-height .3s linear,opacity .2s linear .3s}.dropdown-checkbox:checked~.dropdown-trigger:before{-ms-transform:rotate(90deg);transform:rotate(90deg);transition:transform .2s linear}.dropdown-trigger{color:#adad73;cursor:pointer;transition:color .2s ease}.dropdown-trigger:before{content:"";display:inline-block;width:0;height:0;margin-right:10px;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #adad73;-ms-transform:rotate(0deg);transform:rotate(0deg);transition:border-color .2s ease,transform .2s linear}.dropdown-trigger:hover,.dropdown-trigger:active{color:#85854e;transition:color .2s ease}.dropdown-trigger:hover:before,.dropdown-trigger:active:before{border-color:transparent transparent transparent #85854e;transition:border-color .2s ease,transform .2s linear}.dropdown-trigger-post{display:block;font-size:20px;padding:20px 0}@media(min-width: 768px){.dropdown-trigger-post{width:75%;padding:0 0 30px 40px;float:right}}.dialog{display:none;position:relative;z-index:8;background-color:#fff;padding:45px}.dialog.is-active{display:block}@media(min-width: 768px){.dialog{position:absolute;left:20%;right:20%;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%)}}@media(min-width: 1024px){.dialog{top:50%;left:50%;right:auto;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.dialog .dialog-close{position:absolute;top:0px;right:0px;width:40px;height:40px;background:#adad73}.dialog .dialog-close:before,.dialog .dialog-close:after{content:"";display:block;width:2px;height:24px;background:#fff;position:absolute;top:8px;left:19px}.dialog .dialog-close:before{-ms-transform:rotate(45deg);transform:rotate(45deg)}.dialog .dialog-close:after{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.footer{background:#2a2a2a;color:#979a9e}.footer-main{color:#fff;padding:20px 0;text-align:center;padding:50px 0}.footer-main .icon,.footer-main a.icon{border:0;font-size:40px;display:inline-block;padding:0 15px;-ms-transform:scale(1);transform:scale(1);transition:color .2s ease,transform .2s ease}.footer-main .icon:hover,.footer-main .icon:active,.footer-main a.icon:hover,.footer-main a.icon:active{border:0;color:#ffff5d;-ms-transform:scale(1.1);transform:scale(1.1);transition:color .2s ease,transform .2s ease}.footer-copyright{background:#333;color:#fff;padding:25px 0;text-align:center}.footer-copyright a{color:#fff;cursor:pointer;text-decoration:none}.menu{text-align:left;padding:0;z-index:6;line-height:26px;margin:0;height:100%;width:100%}@media(min-width: 1024px){.menu{position:relative;text-align:right;height:auto;width:auto}}.menu li{border-bottom:1px solid #f2f5f6;cursor:pointer;display:block}.menu li a{display:block;padding:10px 20px;color:#2a2a2a;border:0}.menu li:first-child{border-top:1px solid #f2f5f6}@media(min-width: 1024px){.menu li{display:inline-block;border:0}.menu li:first-child{border:0}.menu li.is-active span{display:block;border-bottom:1px dotted #adad73}.menu li a{padding:0 10px}}.menu li a{color:#303030;font-weight:400;text-decoration:none;transition:color .2s ease}.menu li a:hover{color:#2a2a2a}.menu-wrapper{background:rgba(255,255,255,.97);position:absolute;font-family:"Libre Baskerville",serif;font-size:18px;top:100%;right:-40px;transform:translateX(279px) translate3d(0, 0, 0);height:100vh;width:280px;z-index:6;-webkit-perspective:1000;-webkit-backface-visibility:hidden;transition:font-size .2s ease,transform .2s ease}.menu-wrapper.is-active{-ms-transform:translateX(0);transform:translateX(0);transition:font-size .2s ease,transform .2s ease}@media(min-width: 1024px){.menu-wrapper{background:transparent;position:relative;-ms-transform:initial;transform:initial;top:auto;right:auto;margin-right:-10px;height:auto;width:auto}.is-sticky .menu-wrapper{top:auto;font-size:14px;transition:font-size .2s ease,transform .2s ease}}.menu-trigger{box-sizing:border-box;cursor:pointer;display:block;position:relative;height:54px;padding:15px 12px;margin-right:-20px;width:54px;float:right}@media(min-width: 580px){.menu-trigger{margin-right:-40px}}@media(min-width: 768px){.menu-trigger{margin-right:-10px}}@media(min-width: 1024px){.menu-trigger{display:none}}.menu-trigger-icon--bottom,.menu-trigger-icon--middle,.menu-trigger-icon--top{background:#333;display:block;position:absolute;height:3px;left:0;transition:transform .2s ease;width:30px}.is-active .menu-trigger-icon--bottom,.is-active .menu-trigger-icon--middle,.is-active .menu-trigger-icon--top{transition:transform .2s ease}.menu-trigger-icon{position:relative;height:23px;width:30px}.menu-trigger-icon--top{top:0}.is-active .menu-trigger-icon--top{-ms-transform:rotate(45deg) translate(7px, 7px);transform:rotate(45deg) translate(7px, 7px)}.menu-trigger-icon--middle{top:10px}.is-active .menu-trigger-icon--middle{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-trigger-icon--bottom{top:20px}.is-active .menu-trigger-icon--bottom{-ms-transform:rotate(-45deg) translate(7px, -7px);transform:rotate(-45deg) translate(7px, -7px)}.navigation-logo{margin-left:-10px;height:54px;padding:5px 0 3px;font-size:0}@media(min-width: 580px){.navigation-logo{margin-left:-30px}}@media(min-width: 768px){.navigation-logo{margin-left:0;height:100%;max-height:72px;padding:5px 0 3px}.is-sticky .navigation-logo{max-height:50px;transition:max-height .2s ease}}@media(min-width: 1024px){.navigation-logo{height:100%;max-height:76px;padding:5px 0 3px;transition:max-height .2s ease}}@media(min-width: 1280px){.navigation-logo{padding-left:25px}}.navigation-logo{color:#fff;display:block;font-weight:normal;text-decoration:none}.navigation-logo img{width:auto;height:100%}.navigation-logo a{border:0;display:block;height:100%}.navigation-logo a:hover,.navigation-logo a:active{border:0}.navigation{background:rgba(255,255,255,.97);z-index:6;top:0;position:fixed;height:54px;max-width:none}.navigation .col{height:100%;max-width:none}.navigation.is-sticky{border-bottom:1px solid #f5f5f5}@media(min-width: 768px){.navigation{height:104px}}@media(min-width: 1024px){.navigation{height:128px}}.card{display:inline-block;position:relative;max-width:460px;text-align:left;padding-bottom:50px;width:100%;vertical-align:top}@media(min-width: 768px){.card{width:calc(50% - 30px);margin:0 15px;padding-bottom:30px}}@media(min-width: 1024px){.card{width:calc(100% / 3 - 40px);padding-bottom:60px;margin:0 20px}}@media(min-width: 1280px){.card{width:calc(100% / 3 - 50px);margin:0 25px}}.card .row{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-dark{margin-bottom:30px;text-align:center;padding-bottom:0}@media(min-width: 1024px){.card-dark{margin-bottom:0}}.card-content{border-top:0;position:relative;z-index:11}@media(min-width: 580px){.card-content{display:table;position:relative;top:43%;width:calc(100% + 1px);height:calc(57% - 40px);overflow:visible;z-index:3}}.card-dark .card-content{position:absolute;display:block;top:20px;bottom:20px;left:20px;right:20px;border:1px solid #fff;height:calc(100% - 40px);width:calc(100% - 40px)}.card-content-inner{padding:15px 0;border-top:0;font-size:14px;line-height:26px}@media(min-width: 580px){.card-content-inner{display:table-cell;vertical-align:middle}}.card-dark .card-content-inner{display:block;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;padding:0 20px}.card-descriptionWrapper{color:#333;position:relative;overflow:hidden}@media(min-width: 580px){.card-descriptionWrapper{margin-bottom:0}}.card-dark .card-descriptionWrapper{color:#fff}.card-descriptionWrapper p+p{margin-top:13px}.card-image{position:absolute;top:0;bottom:0;left:0;right:0;background:transparent no-repeat top center;background-size:cover}.card-image:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0;transition:opacity .5s;transform:translate3d(0, 0, 0)}.has-mouse a.card-mask:hover .card-image:after{opacity:.2}.card-imageWrapper{border-bottom:0;cursor:pointer;position:relative;padding-bottom:65%;z-index:2;overflow:hidden}.card-portfolio .card-imageWrapper{padding-bottom:100%}@media(min-width: 580px){.card-imageWrapper{position:relative;top:0;right:0;bottom:57%;left:0;padding-bottom:65%}}.card-dark .card-imageWrapper{padding-bottom:95%;position:relative}.card-dark .card-imageWrapper:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.75);z-index:2}h1.card-title,.card-title{color:#333;margin:0;font-size:20px;font-weight:700;line-height:1.4;padding:7px 0 10px}@media(min-width: 580px){h1.card-title,.card-title{width:100%}}.card-dark h1.card-title,.card-dark .card-title{color:#fff}.contact-form{margin:0 auto;max-width:518px}@media(min-width: 1024px){.contact-form{min-width:400px}}.contact-form p{margin:0 0 20px 0}.contact-form input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.contact-form input[name=_gotcha]{display:none}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{padding:10px 15px;border-radius:4px;width:100%;border:1px solid #979a9e;box-shadow:none;color:#333;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width: 1024px){.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{padding:20px 30px}}.dialog .contact-form input[type=text],.dialog .contact-form input[type=email],.dialog .contact-form input[type=tel],.dialog .contact-form textarea{padding:10px 15px}.contact-form textarea{vertical-align:top}.contact-form .ajax-loader{position:absolute;top:50%;right:10px;-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.contact-form p{position:relative}.contact-form .wpcf7-response-output{margin:20px 0 0}.contact-form-wrapper{padding:0 20px}.contact-form .is-invalid,.contact-form input[type=email].is-invalid{border:2px solid red}.contact-form .error{display:none;color:red;font-weight:700;background:rgba(255,255,255,.9);padding:3px 10px;margin:2px auto}.contact-form .is-invalid+.error{display:inline-block}.contact-form.is-invalid>.error{display:block;font-size:18px}.contact-form.is-invalid input[type=email],.contact-form.is-invalid textarea{border:2px solid red}.contact-me{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;background:#ffffe7;padding:50px 50px 37px}.contact-me span,.contact-me .button-action:first-of-type{display:inline-block;margin-bottom:13px}.contact-me span{font-size:20px}