.clear,.clearfix:after,.clearfix:before{display:block;visibility:hidden;width:0;height:0;overflow:hidden}.clear,.clearfix:after{clear:both}h2,h3{color:#818590;font-weight:400;position:relative;text-transform:uppercase}h1,h2,h3,h6{text-transform:uppercase}.headerline,h2,h6{text-align:center}.befogokor,img{max-width:100%}.Portfolio-box,.clear,.contact-info-box span,.featured-box-col2,.service-list-col2,.social-link,.team-leader-box{overflow:hidden}.doi,.trei,.unu{-webkit-animation-direction:alternate}.fl-lt{float:left}.fl-rt{float:right}.clearfix:after,.clearfix:before{content:'\0020'}.we-create li,h2,h3{display:inline-block}.figure{margin:0}.imgframe{margin:20px;height:295px}h2:after,h2:before,h3:before{content:"";width:30%;height:2px;background-color:#f37521;position:absolute;display: none;}a,a:active,a:hover{outline:0!important}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.1.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}body{background:#fff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:400;color:#888;margin:0;overflow-x:hidden}h2{font-size:34px;letter-spacing:-1px;margin:0 0 25px}h3{font-size:22px;margin:0 0 30px}h4{color:purple}.header h1,.we-create li,h6{color:#818590;font-weight:400}h6{font-size:16px;margin:0 0 109px}p{line-height:24px;margin:10px 0}.headerline.ketto{text-align:left}h2:before{left:-119px;bottom:18px}h2:after{right:-119px;bottom:18px}h3:before{left:50%;bottom:-12px;margin-left:-15%}.header{text-align:center;background:url(../img/hatter_logo.jpg) center;background-size:cover;padding:100px 0}.logo{width:130px;margin:0 auto 15px}.header h1{font-size:56px;letter-spacing:3px;margin:0 0 22px}.we-create{padding:0;margin:35px 0 55px}.wp-pic{margin-bottom:20px}.we-create li{font-family:Montserrat,sans-serif;font-size:22px;text-transform:uppercase;margin:0 5px 0 0;padding:0 0 0 15px}.link,.nav li a{display:inline-block;text-transform:uppercase;font-size:16px}.we-create li:first-child{background:0 0}.start-button{padding-left:0}.start-button li a{color:#fff}.link{padding:15px 35px;background:#800180;color:#fff!important;font-weight:400;font-family:Raleway,sans-serif;border-radius:3px;line-height:25px;margin-bottom:20px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.link:hover{text-decoration:none;color:#800180!important;background:#d5f}.link:active,.link:focus{background:purple;text-decoration:none;color:#fff!important}.befogokor{width:100%;height:360px;border-radius:50%;padding:40px;margin:20px auto;position:relative}.text-justify{text-align:justify}.nav,.navbar{text-align:center;padding:0}.navbar{border-bottom:1px solid #ddd;box-shadow:0 4px 5px -3px #ececec;position:relative;background:#fff;margin-bottom:0!important}.nav{margin:0 auto;list-style:none;display:inline-block;float:none}.nav li{display:inline-block;margin:0 1px}.nav li a{color:#222;font-family:Varela,sans-serif;text-decoration:none;line-height:33px;margin:17px 22px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;font-weight:600}.featured-box-col1 i,.service-list-col1 i{display:block;font-family:FontAwesome;font-style:normal}.nav li a:hover,.nav li.active a{color:#f37521!important}@media only screen and (max-width:991px){.nav li a{margin:17px 10px!important}.nav li.small-logo a{margin:0!important}}@media only screen and (min-width:768px) and (max-width:991px){.nav li a{font-size:14px}}.nav li a:focus,.nav li a:hover,.nav li.active a{text-decoration:none;color:#800180;background:0 0!important}.navbar-header{height:80px}.navbar-toggle{float:none!important;margin:15px 0!important;border:none}.navbar-toggle .icon-bar{width:40px!important;height:6px!important;background-color:#f37521!important}.featured-box-col1,.service-list-col1{width:60px;float:left}.navbar-toggle .icon-bar+.icon-bar{margin-top:6px!important}.navbar-collapse{max-height:100%!important;height:100%!important}.small-logo{padding:0 20px}.small-logo a{margin:5px 0!important}.main-section{padding:40px 0}.fixi{position:relative!important}.service-list{padding:0;font-size:14px;margin-bottom:40px}.service-list-col1 i{font-size:38px;color:#222;line-height:38px}.featured-box,.featured-work{font-size:14px}.main-section.alabaster{background:#fafafa}.featured-work h2{text-align:left}.Portfolio-box,.Portfolio-nav,.business-talking,.client,.client-part,.social-link li a,.team-leader ul,.team-leader-box,.writemeinner{text-align:center}.featured-box{padding:0;margin-bottom:25px}.featured-box h3{margin-bottom:5px}.featured-box p{line-height:22px}.featured-work p.padding-b{padding-bottom:35px}.featured-box-col1 i{line-height:38px;font-size:38px;color:purple}.Learn-More,.Portfolio-nav li a{font-family:Raleway,sans-serif;transition:all .3s ease-in-out;text-transform:uppercase}.featured-box.magic{background:url(../img/magic.png) left top no-repeat}.featured-box.packaged{background:url(../img/packaged.png) left top no-repeat}.featured-box.seo{background:url(../img/seo.png) left top no-repeat}.Learn-More{padding:0 5px 0 0;color:purple;font-size:16px;font-weight:400;line-height:24px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;display:none}.Learn-More i{padding-right:15px}.Learn-More:focus,.Learn-More:hover{text-decoration:none;color:#111}.Portfolio-nav{padding:0;margin:0 0 45px;list-style:none}.Portfolio-nav li{margin:0 10px;display:inline}.Portfolio-nav li a{display:inline-block;padding:10px 22px;font-size:12px;line-height:20px;color:#222;border-radius:4px;background:#f7f7f7;margin-bottom:5px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.Portfolio-nav li a.current,.Portfolio-nav li a:hover{background:purple;color:#fff;text-decoration:none}.portfolioContainer{margin:0 auto;padding-left:15px}.Portfolio-box{margin-bottom:30px;height:350px;width:350px;float:left;padding:0}.Portfolio-box img{margin-bottom:25px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.Portfolio-box img:hover{opacity:.6}.isotope .isotope-item{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.main-section.paddind{padding-bottom:0}.client-part{background:url(../img/section-bg1.jpg) center center no-repeat;background-size:cover;padding:55px 0}.client-part-haead{color:#fdfdfd;font-size:28px;line-height:41px;margin:30px 0 10px;font-family:'Open Sans',sans-serif;font-style:italic}.client{padding:0;margin:20px 0 0;color:#fff}.quote-right{font-style:normal;width:68px;height:68px;margin:0 auto;border:2px solid #f37521;border-radius:50%;display:block;line-height:68px;text-align:center;font-size:27px;color:#f37521;cursor:pointer;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.quote-right:hover{color:#fff;border:2px solid #fff}.c-writeme-part{background:#f37521;padding:25px 0;filter:alpha(opacity=60)}.c-writeme-part span{font-size:20px;color:#fff}.c-writeme-part a{display:inline-block;margin:0 20px}.writemeinner{display:inline-block;position:relative}.writemeinner div{list-style:none;margin:0;padding:0;display:inline-block!important;background:0 0!important;top:0!important}.writemeinner{margin:0!important;padding:0!important}.writemeinner a{margin:0 10px!important;display:inline-block!important;font-size:20px;color:#fff!important}.writemeinner a span{display:inline-block}.writemeinner a:hover{color:#ffeb3b!important;text-decoration:none!important}.social-link li a:focus,.social-link li a:hover,.team-leader ul li a:focus,.team-leader ul li a:hover{text-decoration:none}.main-section.team{padding:85px 0}.main-section.team h6{margin-bottom:40px}.carousel-control.left,.carousel-control.right{background:0 0}.carousel-control .arrowleft,.carousel-control .arrowright{width:64px;height:64px;background-position:center center;background-size:cover;background-repeat:no-repeat;display:block}.carousel-control .arrowright{background-image:url(../img/arrow-right-white-64.png);float:right}.carousel-control .arrowleft{background-image:url(../img/arrow-left-white-64.png);float:left}@media only screen and (max-width:767px){.carousel-control{display:none}}.team-leader-block{max-width:993px;margin:0 auto}.team-leader-box{width:30.66%;margin-right:3.82979%;height:490px;float:left}.team-leader-box span{margin-bottom:24px;display:block}.team-leader-box:nth-of-type(3n+0){margin:0}.team-leader{width:auto;height:auto;position:relative;border-radius:50%;box-shadow:0 0 0 7px rgba(241,241,241,.8);margin:7px 7px 25px}.team-leader-shadow{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;border-radius:50%;position:absolute;width:100%;height:100%;z-index:10}.team-leader-shadow a{display:block;width:100%;height:100%}.team-leader:hover .team-leader-shadow{box-shadow:inset 0 0 0 148px rgba(128,0,128,.8)}.team-leader:hover ul{display:block;opacity:1}.team-leader img{display:block;border-radius:50%}.team-leader ul{display:block;opacity:0;padding:0;margin:-14px 0 0;list-style:none;position:absolute;left:0;top:50%;width:100%;z-index:15;transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out}.team-leader ul li{display:inline;margin:0 11px}.team-leader ul li a{font-family:FontAwesome;display:inline-block;font-size:28px;color:#fff;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.input-text,.social-link li a{height:50px;display:block;transition:all .3s ease-in-out}.team-leader ul li a.fa-twitter:hover{color:#55acee}.team-leader ul li a.fa-facebook:hover{color:#3b5998}.team-leader ul li a.fa-pinterest:hover{color:#cb2026}.team-leader ul li a.fa-google-plus:hover{color:#dd4b39}.business-talking{background:url(../img/section-bg2.jpg) top center no-repeat;background-size:cover;padding:60px 0 10px}.business-talking h2{font-family:Lobster,cursive;font-weight:700;padding:0;margin:20px 0 70px;font-size:42px;color:#fff}.main-section.contact{padding:90px 0 100px;background:url(../img/bg-map.png) left 190px no-repeat}.contact-info-box{font-size:15px;margin:0 0 14px 68px;padding-left:0}.contact-info-box h3{font-size:15px;font-weight:400;float:left;width:102px;margin-right:12px;line-height:28px}.contact-info-box h3 i{font-style:normal;font-size:18px;color:#222;font-family:FontAwesome;font-weight:400;margin-right:7px}.contact-info-box span{line-height:28px;display:block}.social-link{padding:35px 0;margin:0 0 0 68px;display:block;list-style:none}.social-link li{float:left;margin-right:8px}.social-link li a{width:50px;line-height:50px;font-size:25px;color:#fff;background:#f37521;border-radius:50%}.twitter a:hover{background:#55acee}.facebook a:hover{background:#3b5998}.pinterest a:hover{background:#cb2026}.gplus a:hover{background:#dd4b39}.dribbble a:hover{background:#ea4c89}.form{margin:0 66px 0 30px}.input-text{padding:15px 16px;border:1px solid #ccc;width:100%;border-radius:4px;font-size:15px;color:#aaa;font-family:'Open Sans',sans-serif;margin:0 0 15px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.input-text:focus{border:1px solid purple;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3)}.input-text.text-area{height:165px;resize:none;overflow:auto}.input-btn{width:175px;height:50px;background:#f37521;border-radius:4px;color:#fff;font-size:14px;text-transform:uppercase;font-family:Raleway,sans-serif;font-weight:400;border:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.input-btn:hover{background:#111;color:#fff}.validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}#errormessage,#sendmessage{display:none;padding:15px;margin-bottom:15px;text-align:center}#sendmessage{color:purple;border:1px solid purple;font-weight:600}#errormessage{color:red;border:1px solid red;font-weight:600}#errormessage.show,#sendmessage.show,.show{display:block}.footer{background:url(../img/pw_maze_white_2X.png) left top;padding:35px 0}.footer-logo{margin:15px auto 35px;width:76px}.copyright,.credits{color:#ccc;font-size:14px;display:block;text-align:center}.copyright a,.credits a{color:#f37521;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.copyright a:hover,.credits a:hover{color:#000}.res-nav_click{line-height:38px;font-family:FontAwesome;font-size:38px;text-decoration:none!important;color:#777;font-style:normal;display:none;width:42px;height:27px;margin:20px auto;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.res-nav_click:active,.res-nav_click:focus,.res-nav_click:hover{color:purple!important}.portfolioContainer{max-width:1140px}.nav>li>a{padding:0!important}.delay-02s{animation-delay:.2s;-webkit-animation-delay:.2s}.delay-03s{animation-delay:.3s;-webkit-animation-delay:.3s}.delay-04s{animation-delay:.4s;-webkit-animation-delay:.4s}.delay-05s{animation-delay:.5s;-webkit-animation-delay:.5s}.delay-06s{animation-delay:.6s;-webkit-animation-delay:.6s}.delay-07s{animation-delay:.7s;-webkit-animation-delay:.7s}.delay-08s{animation-delay:.8s;-webkit-animation-delay:.8s}.delay-09s{animation-delay:.9s;-webkit-animation-delay:.9s}.delay-1s{animation-delay:1s;-webkit-animation-delay:1s}.delay-12s{animation-delay:1.2s;-webkit-animation-delay:1.2s}.img-circle{border-left:1px solid #f37521;border-left-color:#f37521;border-top:1px solid #f37521;border-top-color:#f37521;border-right:4px;border-bottom:3px;border-style:solid;border-bottom-color:#f37521;border-right-color:#f37521}.img-circle-left{border-left:4px solid #f37521;border-left-color:#f37521;border-top:3px solid #f37521;border-top-color:#f37521;border-right:1px;border-bottom:1px;border-style:solid;border-bottom-color:#f37521;border-right-color:#f37521}#szolgaltatasok{margin-top:40px}.egeranim{display:inline-block}.egeranim span{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #818590;border-bottom:2px solid #818590;margin:2px 0 3px 5px}.unu{margin-top:6px;-webkit-animation-delay:.1s;-moz-animation-delay:.1s}.doi,.trei,.unu{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite}.doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s}.trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s}.mouse{height:21px;width:14px;border-radius:10px;transform:none;border:2px solid #818590;top:170px}.wheel{height:5px;width:2px;display:block;margin:5px auto;background:#818590;position:relative;-webkit-animation:mouse-wheel 1.2s ease infinite;-moz-animation:mouse-wheel 1.2s ease infinite}@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-moz-keyframes mouse-wheel{0%{top:1px}50%{top:2px}100%{top:3px}}@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-o-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@media only screen and (min-width:992px){.service-list{margin-bottom:30px}.c-logo-part ul li{margin:0 15px}.form{margin:0 0 0 20px}.main-nav{display:block!important}}@media only screen and (min-width:768px){.imgframe img{width:100%;height:291px}}@media only screen and (min-width:768px) and (max-width:991px){body{font-size:13px}p{line-height:20px}.header h1{font-size:46px}.main-nav ul li a{padding:14px}.small-logo{padding:0 20px}h2{font-size:30px}h6{font-size:16px}.service-list,h3{font-size:15px}.service-list{margin-bottom:20px}.featured-work p.padding-b{padding-bottom:15px}.main-section{padding:70px 0}.c-logo-part ul li{margin:0 1%;float:left;width:18%}.c-logo-part ul li a,.c-logo-part ul li a img{display:block}.contact-info-box,.form,.social-link{margin:0}.main-nav{display:block!important}.main-nav li a{padding:8px 4px}}@media only screen and (max-width:767px){.contact-info-box span,.featured-box p,p{line-height:18px}body{font-size:12px}h2{font-size:26px}h3,h4{font-size:14px}h6{font-size:16px;margin-bottom:40px}figure .imgframe{text-align:center}.service-list{font-size:12px;margin-bottom:20px}.main-nav,.team-leader-box:nth-of-type(3n){margin:0 auto}.we-create li{font-size:13px;padding:0 0 0 8px}.header h1{font-size:28px}.featured-box,.featured-work{font-size:12px}.header{padding:60px 0}.main-section{padding:60px 0 70px}.main-nav{display:none;position:absolute;left:0;width:100%;top:74px;flote:none;background:#fff}.main-nav li{display:block}.main-nav li.small-logo{display:none}.Portfolio-nav li,.res-nav_click{display:block}.main-nav li a{display:block;padding:7px 32px;border-bottom:none}.main-nav li a:hover{color:#7cc576}.team-leader-box{max-width:307px;width:auto;float:none;margin:0 auto}.featured-work{margin-top:30px}.c-logo-part ul a{margin-bottom:5px}.main-section.team{padding:60px 0 50px}.business-talking h2{font-size:36px}.contact-info-box{margin:0 0 12px 30px;font-size:12px}.social-link{margin-left:30px}.form{margin:0 30px}.copyright{font-size:12px}.business-talking a{padding:10px 25px;font-size:14px}.main-section.contact{padding:60px 0 70px;background-size:contain}.client-part-haead{font-size:20px;line-height:30px}.link{font-size:14px;padding:10px 25px}.logo{width:100px}.Portfolio-nav li a{padding:5px 16px}.nav{background-color:#fff!important;top:68px!important;width:100%!important}.nav li{width:100%;display:block!important}.nav li.small-logo{display:none!important}}@media only screen and (max-width:479px){.contact-info-box,.social-link{margin-left:0}.header{padding:40px}.form{margin:0}.c-logo-part ul li{display:block}.Portfolio-box{max-width:300px!important;width:96.4%!important;margin:0!important}.Portfolio-box img{max-width:100%}.portfolioContainer{width:280px!important;margin:0 auto!important}}