@import url(https://fonts.googleapis.com/css?family=Comfortaa);body{margin:0 !important;font-size:18px;font-family:'Comfortaa';color:#8e8f8f;}a{color:#0197d8;}div.main-container{padding-top:50px;padding-bottom:30px;}div.main-container h1,div.main-container h2{color:#00b2ff;font-size:24px;text-transform:uppercase;text-align:center;}div.main-container h3{color:#343d47;margin:30px 0 20px;}header{height:85px;padding-bottom:0 !important;margin-bottom:0 !important;border:none !important;background:none !important;}header nav.contextual-region{float:right;}nav#block-vasechko-main-menu a{font-size:18px;text-transform:uppercase;padding-top:35px;padding-bottom:30px;}nav#block-vasechko-main-menu a:hover{color:#999;}nav#block-vasechko-main-menu a.is-active{color:#00b2ff;background:none;}nav#block-socials ul li{float:left;}nav#block-socials ul li a{display:block;width:23px;height:28px;padding:0;margin:11px 10px 0 0;overflow:hidden;font-size:0px;}nav#block-socials ul li.linkedin a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat 0px 0px;}nav#block-socials ul li.xing a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat -23px 0px;}nav#block-socials ul li.facebook a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat -46px 0px;}nav#block-socials ul li a:hover{background-position-y:-28px;}.pagemedia{width:100%;padding:20px 0;margin:0;background:#f3f2f2 url(/sites/all/themes/vasechko/img/topline2.jpg) no-repeat center center;background-size:auto 100%;overflow:hidden;z-index:5;display:inline-block;}.main-container{padding-top:20px;padding-bottom:20px;}body.path-frontpage h1.page-header{display:none;}h1.page-header{border:none;margin:0;}.views-row,.view-portfolio p{text-align:center;}.view-header{text-align:center;padding:0 0 30px;}.views-field{width:100%;clear:both;}.views-field-field-screenshot,.views-field-nothing-1{margin:20px 0 15px;}.views-field-field-screenshot .field-content,.views-field-nothing-1 .field-content{background:transparent url(/sites/all/themes/vasechko/img/laptop-frame3.png) no-repeat center center;background-size:100% auto;width:500px;height:270px;padding:14px 60px 0;margin:0 auto;display:block;}.views-field-field-screenshot .field-content a,.views-field-nothing-1 .field-content a{display:block;width:380px;height:234px;padding:0;border-radius:3px;overflow:hidden;color:#E0E0E0;}.views-field-field-screenshot .field-content a:visited,.views-field-nothing-1 .field-content a:visited{color:#E0E0E0;}.views-field-title a{color:#343d47;font-size:30px;margin-bottom:5px !important;display:block;}.views-field-title span{color:#343d47;font-size:30px;margin-bottom:5px !important;display:block;}.views-field-body{width:80%;margin:0 auto;}.views-field-field-project-tags{margin:10px 0px;display:flex;}.views-field-field-project-tags .field-content{display:block;margin:0 auto;width:100%;}.views-field-field-project-tags ul{display:flex;display:-webkit-flex;padding:0;width:100%;justify-content:center;flex-flow:row wrap;-webkit-flex-flow:row wrap;}.views-field-field-project-tags ul li{list-style:none;margin:10px 3px;background:#00b2ff;padding:5px 10px;border-radius:5px;color:#ffffff;font-size:14px;}.views-field-field-website-link a{width:235px;height:53px;display:block;margin:0 auto 20px;font-size:0px;background:transparent url(/sites/all/themes/vasechko/img/websitebtn.png) no-repeat center center;background-size:100% auto;}section#block-icanhelp{text-align:center;margin-bottom:30px;}footer.footer{width:100%;height:45px;margin:0;padding:0;background:#f3f2f2;border:none;text-align:center;}footer.footer.copyright{background:#00b2ff;color:#ffffff;}footer.footer div.region{height:45px;margin:0 auto;width:90%;overflow:hidden;}footer nav{display:inline-block;height:45px;}footer.copyright p{padding-top:12px;}nav#block-mainnavigation a{font-size:18px;text-transform:uppercase;color:#888;}nav#block-mainnavigation a.is-active{color:#00b2ff;background:none;}nav#block-socials-2{padding:0 0 0 10px;}nav#block-socials-2 ul li{float:left;}nav#block-socials-2 ul li a{display:block;width:23px;height:28px;padding:0;margin:11px 10px 0 0;overflow:hidden;font-size:0px;}nav#block-socials-2 ul li.linkedin a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat 0px 0px;}nav#block-socials-2 ul li.xing a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat -23px 0px;}nav#block-socials-2 ul li.facebook a{background:transparent url(/sites/all/themes/vasechko/img/socials.png) no-repeat -46px 0px;}nav#block-socials-2 ul li a:hover{background-position-y:-28px;}.sectionz{display:inline-block;}.lefty{float:left;margin-right:25px;}.aboutimg{width:235px;}.abouttxt{padding-top:30px;}.righty{float:right;margin-left:25px;}hr{height:50px;margin:0;background:transparent url(/sites/all/themes/vasechko/img/dots.png) no-repeat center center;border:none;}header a.logo{width:264px;height:69px;display:block;overflow:hidden;}header a.logo img{width:100%;height:auto;}a.mybtn{display:inline-block;margin:20px 40px 0;}div#contactbtn img{width:235px;height:auto;margin:0;}#cboxOverlay{background:#343d47;opacity:0.9;filter:alpha(opacity = 90);}#cboxLoadedContent{border:7px solid #111111;border-radius:5px;}.modal-dialog{width:max-content;margin:30px auto;}.modal-header{padding:0;min-height:0;height:0;border:none;}.modal-header .close{position:absolute;right:15px;top:10px;z-index:7;}.modal-title{display:none;}#maint{width:100%;height:210px;margin:auto;margin-top:10%;}.maintenance-logo{width:320px;display:block;margin:0 auto;left:6px;position:relative;}body.maintenance-page h1.page-header{display:block;}body.maintenance-page .main-container{text-align:center;padding:15px 10% 0;width:100%;}@media screen and (min-width:768px){nav#block-vasechko-main-menu{position:absolute;top:0px;right:110px;}nav#block-socials{position:absolute;top:20px;right:0px;}}.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{background:none !important;}div#slogan{margin:0 auto;}@media screen and (max-width:767px){.navbar.container{margin:0 20px;z-index:7;}.navbar-nav{margin:0;}button.navbar-toggle{margin-top:25px;}header nav.contextual-region{z-index:7;float:none !important;text-align:right;}nav#block-vasechko-main-menu a{padding-top:15px;padding-bottom:10px;}nav#block-socials{padding:0 5px 20px 20px !important;}div.main-container.container{width:90%;}header .region.region-navigation-collapsible{display:flex;flex-direction:column;z-index:7;background-color:rgba(255,255,255,0.92) !important;}div#slogan{margin:0 auto;}nav#block-socials ul li{float:right !important;}.view-id-portfolio .views-field-body{width:90% !important;}.aboutimg{width:162px !important;float:none !important;overflow:hidden;margin:0 auto !important;padding-top:30px;clear:both;}.sectionz:first-child .aboutimg{padding-top:0px;}.righty.aboutimg img{position:relative;right:71px;}.abouttxt{float:none !important;width:100%;clear:both;text-align:center;}hr{margin-top:15px;}.region.region-footer nav ul li{float:left;}.region.region-footer #block-socials-2 ul li a{margin-top:6px !important;}}@media screen and (min-width:768px) and (max-width:959px){.navbar.container{max-width:750px;width:750px;padding:0;margin:0 0 0 10px;}.navbar-collapse.collapse{padding:0;}nav#block-socials{padding:0 5px 20px 20px !important;}.aboutimg{margin-top:25px;}.lefty{margin-right:25px;}.righty{margin-left:25px;}}@media (min-width:768px) and (max-width:959px){div.main-container.container{width:750px;}div#slogan{margin:0;}}@media screen and (min-width:960px){.navbar.container{max-width:940px;width:940px;}}@media (min-width:960px){div.main-container.container{width:940px;}}@media screen and (min-width:1200px){.navbar.container{max-width:1000px;}}@media (min-width:1200px){div.main-container.container{width:1000px;}}@media screen and (max-width:520px){.navbar.container{margin:0 3px 0 5px;}.navbar-toggle{margin:24px 1px 0px 0px !important;}div.main-container.container{width:100%;}.views-field-field-screenshot .field-content,.views-field-nothing-1 .field-content{width:300px;height:162px;padding:9px 38px 0;}.views-field-field-screenshot .field-content a,.views-field-nothing-1 .field-content a{width:225px;height:138px;}}#drupal-modal .close{color:#ffffff;background-color:#000000 !important;opacity:1;width:30px;height:30px;border-radius:3px;text-align:center;font-family:Comfortaa;font-weight:bold;font-size:24px;text-shadow:none;top:-6px !important;right:-8px !important;}#drupal-modal .close:hover{background-color:#00b2ff !important;}article.project .field--item:not(:last-child){padding-bottom:40px;background:transparent url(/sites/all/themes/vasechko/img/dots.png) no-repeat bottom center;margin-bottom:30px;}
#block-vasechko-main-menu a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}#block-vasechko-main-menu a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#00b2ff;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}#block-vasechko-main-menu a:hover:before,#block-vasechko-main-menu a:focus:before,#block-vasechko-main-menu a:active:before{left:0;right:0;}.mybtn,.views-field-field-website-link a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}.mybtn:before,.views-field-field-website-link a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}.mybtn:hover,.mybtn:focus,.views-field-field-website-link a:hover,.views-field-field-website-link a:focus{-webkit-transform:translateY(-5px);transform:translateY(-5px);}.mybtn:hover:before,.mybtn:focus:before,.views-field-field-website-link a:hover:before,.views-field-field-website-link a:focus:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}@-webkit-keyframes animation03{from{background-size:auto 100%;}100%{background-size:auto 110%;}}@keyframes animation03{from{background-size:auto 100%;}100%{background-size:auto 110%;}}.d.pagemedia{-webkit-animation-name:animation03;animation-name:animation03;-webkit-animation-delay:0s;animation-delay:0s;animation-duration:40s;-webkit-animation-duration:40s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}@-webkit-keyframes clanimation{from{background-color:#000000 !important;transform:none;}100%{background-color:#00b2ff !important;-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes clanimation{from{background-color:#000000 !important;transform:none;}100%{background-color:#00b2ff !important;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}#drupal-modal .close:hover{-webkit-animation-name:clanimation;animation-name:clanimation;-webkit-animation-delay:0s;animation-delay:0s;animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.view-portfolio a.newz{background-color:none;-webkit-transition-duration:0.4s;transition-duration:0.4s;}.view-portfolio a.newz:hover{background-color:#0197d8;-webkit-transition-duration:0.6s;transition-duration:0.6s;}.view-portfolio a.newz img{filter:grayscale(0%);-webkit-filter:grayscale(0%);opacity:1.0;filter:alpha(opacity=100);-webkit-transition-duration:0.4s;transition-duration:0.4s;}.view-portfolio a.newz img:hover,.view-portfolio a.newz img:focus{cursor:url(/sites/all/themes/vasechko/img/zoom.png),zoom-in;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.50;filter:alpha(opacity=50);-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes zoomIn2{from{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);}40%{opacity:0.3;}100%{opacity:1;}}@keyframes zoomIn2{from{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);}40%{opacity:0.3;}100%{opacity:1;}}.zoomIn2{-webkit-animation-name:zoomIn2;animation-name:zoomIn2;-webkit-animation-delay:0.6s;animation-delay:0.6s;}@-webkit-keyframes fadeInDown2{from{opacity:0;}80%{opacity:0.6;}90%{opacity:0.75;}95%{opacity:0.95;}100%{opacity:1;}}@keyframes fadeInDown2{from{opacity:0;}80%{opacity:0.6;}90%{opacity:0.75;}95%{opacity:0.95;}100%{opacity:1;}}#navbar{opacity:0;}#navbar{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2;-webkit-animation-delay:0s;animation-delay:0s;animation-duration:2s;-webkit-animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}@-webkit-keyframes fadeInLogo{from{opacity:0;}80%{opacity:0.6;}90%{opacity:0.75;}95%{opacity:0.95;}100%{opacity:1;}}@keyframes fadeInLogo{from{opacity:0;}80%{opacity:0.6;}90%{opacity:0.75;}95%{opacity:0.95;}100%{opacity:1;}}.fadeInLogo{-webkit-animation-name:fadeInLogo;animation-name:fadeInLogo;-webkit-animation-delay:0s;animation-delay:0s;animation-duration:2s;-webkit-animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}