html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%}body{margin:0;padding:0}form{padding:0;margin:0}img{height:auto;vertical-align:middle;max-width:100%;border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.container:before,.navbar:before,.navbar-header:before,.navbar-header:before,.navbar-collapse,.clearfix:after,.container:after,.navbar:after,.navbar-header:after,.navbar-header:after{content:" ";display:table}.clearfix:after,.container:after{clear:both}.nopadding{padding:0}.nomargin{margin:0}.nomargin-top{margin-top:0}.nomargin-bottom{margin-bottom:0}.flexible-container{position:relative;padding-bottom:30%;padding-top:30px;height:0;overflow:hidden}.flexible-container iframe,.flexible-container object,.flexible-container embed{position:absolute;top:0;left:0;width:100%;height:100%}html,p,div,span{font-family:'Arial',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif}body{font-size:1em;background-color:#222;font-weight:300;color:#444}#page-wrapper{background:#fff}p{font-size:1em;text-align:justify;font-weight:300;margin:.125em 0 .75em 0}h1{font-weight:700;text-transform:uppercase;font-size:2.5em;margin:1em 0 .5em 0}h2{font-weight:700;text-transform:uppercase;font-size:1.4em;margin:1.25em 0 .5em 0}h3{font-weight:700;text-transform:uppercase;font-size:1.3em;margin:1.25em 0 .25em 0}h1,h2,h3,h4,h5,h6{color:#222}a:hover,a:focus{}.button{padding:1em 2em;background:#fff;color:#f58031;border:1px solid #f58031;font-size:1em;margin:1em 0}.button:hover,.button:focus{background:#f58031;outline:none;color:#fff}.button:focus{border:1px dotted #fff}.button.inverse-fill{background:#f58031;outline:none;color:#fff}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{border:1px solid #999}#error-section{min-height:70vh}#menu-bar{background-color:#222;height:50px;font-size:.9em;width:100%;z-index:9999;position:fixed}#navbar{padding:14px 0;font-weight:300}#navbar-logo{float:left;margin:0 36px 0 0}#navbar-nav{margin:0;padding:0;list-style:none;position:relative}#navbar-nav>li{float:left}#navbar-nav>li>a{padding:.75em 2em;margin-top:0;color:#fff0f5}#navbar-nav>li.active>a{color:#f58031}#navbar-nav>li>a:focus{text-decoration:none}#navbar-quickcontact{float:right;color:#fff0f5;font-weight:300}#navbar-quickcontact a{color:#e5e5e5}#navbar-quickcontact .header-contact-icon{color:#f58031}.navbar-trigger{float:right;display:none;list-style:none}.navbar-trigger a{color:#fff;font-size:1.1em;text-decoration:none;padding:.5em}.navbar-trigger a:hover{background:#444}@media only screen and (max-width:840px){#navbar-quickcontact{display:none}}@media only screen and (max-width:1225px){#navbar{padding-left:.5em;padding-right:.5em}}#menu-box #menu-box-trigger{float:left;display:none}@media only screen and (max-width:740px){#menu-box{z-index:1000;top:0;position:fixed;right:-200px;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}#menu-box #menu-box-trigger{display:inline}#menu-box #menu-box-trigger a{display:block;padding:.75em .75em;color:#eee;background:#444;height:50px;text-decoration:none}#menu-box #menu-box-menu{float:left;display:inline;width:200px}#menu-box.open{right:0}#navbar-nav>li{float:none;border-bottom:1px solid #666}#navbar-nav>li>a{background:#444;font-weight:bold;display:block;font-size:1.1em}.navbar-trigger{display:block!important}}section{padding:3.5em 0}@media only screen and (max-width:1200px){section{padding:2em 0}}section h2.section-title{font-family:'Roboto',sans-serif;font-size:2.2em;font-weight:300;text-align:center;padding:0;margin:0 0 1.25em 0}#section-home{padding-top:6em;padding-bottom:0;background-image:url(/img/prechod_1.png);-ms-background-size:cover;background-size:cover}@media only screen and (max-width:1200px){#section-home{padding-top:5em}}@media only screen and (max-width:640px){#section-home{padding-top:4.5em}}#reference-presentation-contents{font-weight:100;max-width:120em;margin:0 auto;position:relative;height:520px;overflow:hidden}@media only screen and (max-width:1200px){#reference-presentation-contents{height:42vw}}.reference-slide{position:absolute;display:none;width:100%;top:0;left:0}.reference-notebook-frame{-ms-background-size:cover;background-size:cover;height:516px;width:899px;max-height:30%;max-width:44%;max-height:42vw;max-width:44vw;float:right;right:10px;position:relative;margin-right:-10px}.reference-notebook-frame.blank{background:url(/img/notebook_frame_full.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.greyfoxcz{background:url(/img/reference/greyfox.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.pozemkyolomouccz{background:url(/img/reference/pozemky-olomouc.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.rajskebrylecz{background:url(/img/reference/rajskebryle.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.ctyrkolkypolarisolomouccz{background:url(/img/reference/ctyrkolky-polaris-olomouc.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.pearfectcz{background:url(/img/reference/pearfect.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.operativnileasingolomouccz{background:url(/img/reference/operativnileasing-olomouc.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-notebook-frame.autosklaalkacz{background:url(/img/reference/autosklaalka.cz-splash.png) no-repeat;-ms-background-size:cover;background-size:cover}.reference-description{max-width:75em;margin:0 auto}.reference-description-inner{max-width:54%;width:100%;position:relative;float:left}@media only screen and (max-width:1225px){.reference-description-inner{padding-left:1em}}@media only screen and (max-width:1200px){.reference-description-inner{font-size:1.3vw}}.reference-description-inner .title{font-family:'Roboto',sans-serif;font-weight:100;position:relative;font-size:4em}.reference-description-inner .title.smallertitle{font-size:3.5em;margin-bottom:.5em}.reference-description-inner .title.smalltitle{font-size:3em;margin-bottom:1em}.reference-description-inner .circles{padding-top:2em;height:12em;position:relative}.reference-description-inner .circles:after{content:" ";display:table;clear:both}.reference-description-inner .circles .circle{position:absolute;font-family:'Roboto',sans-serif;width:6em;height:6em;-ms-border-radius:50%;border-radius:50%;display:inline-block;margin-right:1em;text-align:center;color:#fff;font-weight:300;font-size:1.1em;float:left;line-height:1.4em;padding:2.35em 0}.reference-description-inner .circles .circle.twolines{padding:1.7em 0}.reference-description-inner .circles .circle.online-marketing{background-color:#ce313c}.reference-description-inner .circles .circle.web{background-color:#f47f30}.reference-description-inner .circles .circle.e-shop{background-color:#519fe1}.reference-description-inner .circles .circle.sprava-obsahu{background-color:#2d367b}.reference-description-inner .circles .circle.seo{background-color:#4a599e}.reference-description-inner .circles .circle.hosting{background-color:#212121}.reference-description-inner .description{position:relative;font-family:'Roboto',sans-serif;font-size:1.3em;font-weight:300;margin:1em 0}.reference-description-inner .button{font-size:1.1em}#section-creating-the-web .section-title{font-family:'Roboto',sans-serif;font-size:2.2em;text-transform:uppercase;font-weight:300;text-align:center;margin:.5em 0 1em 0}@media only screen and (max-width:40em){.small-up-1{padding:1em 5%}}.we-image img{min-width:100%}.we-description{border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:1em;font-size:.9em;padding:.25em 1em;font-size:.9em;color:#666}.we-description .we-title{font-family:'Roboto',sans-serif;font-weight:500;font-size:1.4em;border-bottom:1px dotted #f58031;margin:.5em 0 .5em;color:#f58031}.we-description .we-perex{font-weight:bold;margin:.25em 0 .5em;color:#333}.we-description .we-content p{margin:0 0 .25em 0}#section-call-to-action{border-top:1px solid #eeeff3;border-bottom:1px solid #eeeff3;background:#f8f8f8;padding:0}#section-call-to-action .call-to-action-wrapper{background-image:url(/img/mrak.png);background-repeat:no-repeat;background-position:left bottom}#section-call-to-action .call-to-action-wrapper{padding:3.5em 0}@media only screen and (max-width:1200px){#section-call-to-action .call-to-action-wrapper{padding:2em 0}}#section-call-to-action .call-to-action-title{font-family:'Roboto',sans-serif;font-weight:300;font-size:1.8em;text-align:center;margin:0 0 1em 0;text-transform:uppercase}#section-call-to-action .call-to-action-text{margin:.25em 0;text-align:center}#section-call-to-action .call-to-action{text-align:center}#section-call-to-action .call-to-action .button{margin:2em 0 0 0}#section-webdesign .what-we-do-image{text-align:center}#section-webdesign .what-we-do-title{font-family:'Roboto',sans-serif;font-size:1.2em;text-align:center;font-weight:700;margin:2em 0 1em 0;color:#333}#section-webdesign .what-we-do-text p{text-align:justify;font-size:.9em;color:#555;padding:0 .5em;line-height:1.5}#web-feature-section{padding-top:0;padding-bottom:0}#web-feature-section .web-feature-content-wrapper{padding:3.5em 0;border-top:1px solid #eeeff3}@media only screen and (max-width:1200px){#web-feature-section .web-feature-content-wrapper{padding:2em 0}}@media only screen and (min-width:1850px){#web-feature-section .wrapper-red-left{max-width:1920px;margin:0 auto}#web-feature-section .wrapper-red-left.cerveny{background:url(/img/grprvek_cerveny.png) 150px 40px no-repeat}#web-feature-section .wrapper-red-left.oranzovy{background:url(/img/grprvek_oraznovy.png) 150px 40px no-repeat}#web-feature-section .wrapper-red-right{background:url(/img/prechod_maly_bg_right.png) right top no-repeat}}@media only screen and (min-width:1700px) and (max-width:1849px){#web-feature-section .wrapper-left{background:url(/img/grprvek_cerveny.png) 50px 40px no-repeat;margin:0 auto}#web-feature-section .wrapper-right{background:url(/img/prechod_maly_bg_right.png) right top no-repeat}}#web-feature-section .wrapper .row{background:#fff}#web-feature-section .web-fetaure-list-title{font-family:'Roboto',sans-serif;font-size:1.2em;font-weight:300;margin:1em 0 .5em .5em}#web-feature-section .web-fetaure-list ul{font-size:.9em;color:#666;list-style:none;margin-left:.5em}#web-feature-section .web-fetaure-list ul li{margin-left:27px}#web-feature-section .web-fetaure-list ul li:before{margin-left:-27px;padding-right:8px;font-family:'FontAwesome';content:'';color:#f90;font-size:19px}#web-feature-section h2.dot-red-blue{padding:.5em 0 0 0;margin:0;background-image:url(/img/dot-red-blue.png);background-repeat:no-repeat}#web-feature-section h2.dot-orange-red{padding:.5em 0 0 0;margin:0;background-image:url(/img/dot-orange-red.png);background-repeat:no-repeat}#web-feature-section h2{text-transform:none;font-weight:700;font-size:3.2em;margin:0 0 1em 0;padding:0}#web-feature-section .web-feature-title{font-family:'Roboto',sans-serif;text-align:justify;line-height:1.4;font-size:1.2em;font-weight:300;color:#666;margin:1em 0 1.5em 0}#web-feature-section .web-feature-text{font-size:.95em}#section-reference{border-top:1px solid #eeeff3}#section-reference .reference-web-item{text-align:center;position:relative}#section-reference .reference-web-item .reference-web-item-description{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;bottom:10%}#section-reference .reference-web-item .reference-web-item-description span{background:#f58031;-ms-border-radius:10px;border-radius:10px;font-size:.9em;padding:.5em 1em;color:#fff;-ms-opacity:0;opacity:0;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-ms-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out}#section-reference .reference-web-item:hover .reference-web-item-description span{-ms-opacity:1;opacity:1;-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in}#section-kontakt{border-top:1px solid #eeeff3;border-bottom:1px solid #eeeff3;background:#f8f8f8}#section-kontakt .kontakt-subtitle{font-family:'Roboto',sans-serif;font-size:1.2em;font-weight:300;margin:0 0 .5em 0;color:#f58031;display:inline-block;border-bottom:1px dotted #f58031}#section-kontakt p{font-weight:300;margin:0 0 1em 0}#section-kontakt .kontakt-wrapper{background-image:url(/img/speech_bubbles_contact.png);background-repeat:no-repeat;background-position:bottom left;padding:0 0 2em 0;margin:2em 0 0 0}#section-kontakt .form-title{color:#555;margin:.25em 0}#contactForm p{font-size:.9em}.scrolldown-icon{position:relative;left:50%;margin-left:-16px;padding:1em 0 4em 0;clear:both;width:32px;height:32px}#footer{margin-top:4em;background:#222;padding:2em 0;color:#999;font-size:.9em}#footer a{color:#ccc}#footer h2{text-transform:none;font-size:1.2em;color:#eee;font-weight:normal;margin:0 0 .5em 0;padding:0}