/* /var/www/originalnipf.cz/www/mojefotokniha/css/base.css 1718 */
html {
  scroll-behavior: smooth;
}
body {
    margin:0;
    padding: 0;
    font-family: Ubuntu, sans-serif
}
a img {
    vertical-align: middle;
    outline: none;
    border: none;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color:inherit;
    text-decoration: underline;
}

.img-rounded { border-radius: 50%; transition: all 0.2s }
a:hover .img-rounded { transform: scale(1.05) }

.copy__morcinko .logo { max-width: 100px }

.loga-vlevo a, .loga-vpravo a { margin: 0 10px }
.loga-vlevo, .loga-vpravo { color: rgb(178, 179, 179) }

a[name="online"], a[name="akce"], a[name="order"], a[name="about"], a[name="vzorkovna"], a[name="realizace"],a[name="kontakt"] {
    position: relative;
    top: -85px;
}

ion-icon {
    color: inherit;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}

.information { background-color: #EF7F1A; color: #fff; padding: 10px 0 }
.information p { margin: 0 }
.information .fa-inverse { color: #EF7F1A }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,ul,li {
    margin: 0;
    padding: 0;
}

.motiv-stred {
  text-align: center;
}

.motiv-stred img {
  max-width: 85%;
}

.display-1 {
    font-size: 4rem;
}
.display-2 {
    font-size: 3rem;
}
.display-3 {
    font-size: 2rem;
}
.display-4 {
    font-size: 1.3rem;
}

.tlacitko {
    display: inline-block;
    vertical-align: middle;
    background: #fff;    
    padding: 10px 60px;
    font-size: 1.125rem;
}
.tlacitko:hover, .tlacitko a:hover {
    text-decoration: none;
}

.tlacitko--1 {
    border: 7px solid #04798a;
    color: #04798a;
}
.tlacitko--2 {
    border: 7px solid #ef7f1a;
    color: #ef7f1a;
}
.tlacitko--3 {
    border: 7px solid #8b3978;
    color: #8b3978;
}

.tlacitko--1:hover {
    background: #04798a;
    color: #fff;
}
.tlacitko--2:hover {
    background: #ef7f1a;
    color: #fff;
}
.tlacitko--3:hover {
    background: #8b3978;
    color: #fff;
}

.back-top {
    position: fixed;
    display: none;
    color: #ef7f1a;
    bottom: 5vh;
    right: 5vw;
    z-index: 999;
    font-size: 50px;
}

@media screen and (min-width: 768px) {
    .col-md-2half {
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }
    .col-md-4half {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
}

@media screen and (max-width: 575px) {
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/basket__strip.css 220 */
.basket__strip {
    float:right;
    font-size: .85rem;
    line-height: 70px;
    color: #fff;
    margin-left: 15px;
}
.basket__strip ion-icon {
    font-size: 40px;
    position: relative;
    top: 13px;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/block.css 3731 */
.block {
    position: relative;
}
.block__title {
    color: #ef7f1a;
    margin-bottom: 25px;
    font-size: 1.5rem;
}
.block p {
    margin-bottom: 15px;
}
.block__contact {
    display: inline-block;
    border: 5px solid #8b3978;
    color: #8b3978;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 10px 15px;
}

.block-rozcesti {    
    padding-top: 35px;
    z-index: 5;
}
.block-rozcesti ul {
    list-style: none;
}
.block-rozcesti .block__title {
    text-align: center;
}

.block-support {
    text-align: center;
    padding: 35px 0;
}

.block-technic {
   
    padding: 40px 0 45px;
    
    background: url(/files/vlna-5.svg) center bottom -143px repeat-x #f7b38d;
}
.block-technic .block__title {
    text-align: center;
    color: #8b3978
}

.block-technic:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    
    height: 6px;
    background: url(/files/strip-3.svg) center center no-repeat;
}

.block-favorites {
    padding: 20px 0;    
}

.block-favorites .block__title {
    text-align: center;
}

.block-duvody {
    margin-top: 125px;
    padding: 45px 0;
    
    background: url(/files/vlna-5.svg) center bottom -143px repeat-x #ffd460;
}
.block-duvody .container {
  margin-top: -150px;
}

.block-duvody ul, .block-technic ul {
    list-style: none;
}
.block-duvody li, .block-technic li {
    text-align: center;
    margin-bottom: 15px;
}
.block-duvody__icon {
    display: block;
    margin-bottom: 15px;
    height: 75px;
}

.block-duvody:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    
    height: 6px;
    background: url(/files/strip-3.svg) center center no-repeat;
}

.block-technic-2 {
    padding: 45px 0 20px;
}

.technic-2 {
    display: block;
    position: relative;
    overflow: hidden;
    border: 20px solid;
    height: 215px;
    
    max-width: 350px;
    
    margin: 15px auto;
}
.technic-2 small {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 0 0;
}
.technic-2:hover small {
    display: block;
}
.technic-2--vazba {
    border-color: #e42b24;
}
.technic-2--burgo {
    border-color: #fbbd16;
}
.technic-2--krouzky {
    border-color: #9ac229;  
}

.technic-2--vazba small {
    background-color: #e42b24;
}
.technic-2--burgo small {
    background-color: #fbbd16;
}
.technic-2--krouzky small {
    background-color: #9ac229;
}

.item {
    display: block;
    border: 3px solid #000;
    position: relative;
    margin: 15px 0;
}
.item-fotokniha {
    border-color: #fedc9d;
}
.item-kalendar {
    border-color: #f0c5da;
}
.item-fotodarek {
    border-color: #c9e7ee;
    
}
.item-fotokniha:hover .item__title {
    background-color: #fedc9d;
}
.item-kalendar:hover .item__title {
    background-color: #f0c5da;
}
.item-fotodarek:hover .item__title {
    background-color: #c9e7ee;
}
.item__image {
    display: block;
    padding: 5px;
    text-align: center;
    height: 280px;
}
.item__image img {
    max-width: 100%;
}
.item__title {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 10px 5px;
    
}
.item small {
    display: none;
    margin-top: 5px;
    font-weight: bold;
}
.item:hover small {
    display: block;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/footer.css 1918 */
.footer {
    background: #7cd7ea;
    position: relative;
    padding-top: 60px;
}
.footer:before {
    background: url(/files/strip-3.svg) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    content: "";
}

.footer-in p {
    margin-bottom: 12px;
}

@media screen and (max-width: 575px) {
    .footer-in {
        margin-left: auto;
        margin-right: auto;
        
        max-width: 300px;
    }
}
.footer__title {
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
    padding-top: 21px;
    margin-bottom: 15px;
}
.footer__nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__nav a {
    color: #000;
}
.footer__nav li {
    line-height: 1.875rem;
}

.footer__informace {
    padding: 30px 0 60px;
}
.copy {
    background: url(/files/vlna-4.svg) center top repeat-x;
    padding: 65px 0 25px;
}
.copy a {
    color: #000;
    text-decoration: none;    
}
.copy a:hover {
    text-decoration: underline;
}
.copy__design {
    text-align: center;
    font-size: .85rem;
}
.copy__gopay {
    text-align: center;
    margin-bottom: 15px;
}
.copy__gopay img {
    max-width: 75%;
}
.copy__tiskarna {
    
}
.copy__morcinko {
    background: #ffd460;
    text-align: center;
    padding: 15px 0 50px;
}
.panel__address {
    border: 1px solid #fff;
    padding: 15px;
    line-height: 1.875rem;
}
@media screen and (max-width: 991px) {
    .panel__address {
        margin-top: 25px;
    }
}
.panel__address p {
    margin: 0;
    padding: 0;
}

.panel__title {
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
    padding-top: 0;
    margin-bottom: 15px;
}

.social {
    font-size: .85rem;
    text-align: center;
    padding: 20px 0;
}
.social__link {
    margin: 0 12px
}
.social__title {
    color: #000;
}
.social__icon {
    color: #000;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.social__promo {
    text-align: center;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/header.css 1306 */
.header__logo {
    display: block;
    margin: 0 auto;
    width: 266px;
    height: 85px;
    text-indent: -10000px;
    background: url(/files/logo_morcinko.svg) left center no-repeat;
    background-size: 266px 64px;
}

@media screen and (max-width: 575px) {    
    .header__logo {
        float: none;
        margin: 0 auto;
    }    
}

.header__zoo {
    display: block;
    float: right;
    width: 186px;
    height: 85px;
    text-indent: -10000px;
    background: url(/images/logo__zoo.svg) right center no-repeat;
    background-size: 186px 64px;
}
.header__strip {
    position: relative;
    padding-top: 6px;
    background: #ffd460;

}
.header__strip:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 6px;
    background: url(/files/strip-3.svg) center center no-repeat #ccc;
}
.header__info, .header__support {
    line-height: 35px;
    height: 35px;
    font-size: 85%;
    text-align: center;
}

@media screen and (max-width: 575px) {
    .header__info, .header__support {
        line-height: 25px;
        height: 25px;
        font-size: 80%;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .header__info {
        text-align: left;
    }
    .header__support {
        text-align: right;
    }
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/layout.css 0 */


/* /var/www/originalnipf.cz/www/mojefotokniha/css/mobile-menu.css 1257 */
.mobile-navigation {
    height: 66px;
    background: #EF7F1A;  
}

.mobile-navigation a {
    color: #fff;
}
.mobile-navigation a:hover {
    color: #fff;
}
.mobile-navigation .container {
    position: relative;
}

.mobile-user {
    color: #fff;
    float: right;
    font-size: 36px;
    display: inline-block;
    padding: 15px 0 15px 10px;
}
.mobile-user__title {
    font-size: 1.125rem;
    position: relative;
    top: -11px;
    margin-left: 10px;
}
.mobile-basket {
    color: #fff;
    float: right;
    font-size: 36px;
    display: inline-block;
    padding: 15px 0 15px 10px;
}

.mobile-burger {
    color: #fff;
    float:left;
    font-size: 36px;
    display: inline-block;
    padding: 15px 10px 15px 0;
}

.mobile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    background: #ef7f1a;
    position: absolute;
    left: 0;
    right: 0;
    top: 66px;
    z-index: 99;
    display: none;
}

.mobile-menu.active {
    display: block;
}

.mobile-menu .bold {
    font-size: 2.3125rem;
    font-weight: bold;
}

.mobile-menu a {
    display: block;
    line-height: 4.1875rem;
    text-decoration: none;
    padding: 0 20px;
    color: #fff;
}
.mobile-menu a:hover {
    text-decoration: underline;
}



/* /var/www/originalnipf.cz/www/mojefotokniha/css/navigation.css 1780 */
.navigation {   
    position: relative;
    width: 100%;
    z-index: 99;
    height: 70px;
    background: #EF7F1A;
}

.navigation a {
    cursor: pointer;
}

.sticky .navigation {
    position: fixed;
    top: 0;    
}

@media screen and (min-width: 992px) {
    .sticky header {
        padding-bottom: 70px;
    }
}
.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navigation ul li {
    float: left;
    display: inline-block;
    margin-right: 30px;
}
.navigation ul li a {
    text-decoration: none;
}
.navigation ul li:last-child {
    margin-right: 0;
}
.navigation ul li>a {
    position: relative;
    font-weight: 700;
    display: block;
    font-size: 1.0rem;
    line-height: 70px;
    color: #fff;
}
@media screen and (min-width: 1200px) {
  .navigation ul li>a {
    font-size: 1.25rem;
  }
}
.navigation li.sub>a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #EF7F1A;
    z-index: 999;
    transform: translateY(-12px);
    transition: transform .2s;
}
.navigation li.sub:hover>a:before {
    transform: translateY(0);
}
.navigation li.sub:hover>.navigation__sub {
    max-height: 100vh;
    opacity: 1;
}
.navigation__sub {
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #232338;
    color: #fff;
    max-height: 0;
    opacity: .8;
    overflow: hidden;
    transition: max-height .4s, opacity .2s;
}
.navigation__sub .container {
    padding: 35px 0 15px;
}
.navigation__item {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.25rem;
    font-weight: bold;
    transition: color .2s;
}
.navigation__item:hover {
    color: #EF7F1A;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/navigation__icon.css 1556 */
.navigation__icon {
    width: 100%;
    height: 75px;
    display: block;
    margin-bottom: 15px;

    background: transparent center center no-repeat;
    background-size: auto 65px;
}


.navigation__icon--firemni-tiskoviny {
    background-image: url(/files/i-firemni-tiskoviny.svg);
}
.navigation__icon--velkoplosny-tisk {
    background-image: url(/files/i-velkoplosny-tisk.svg);
}
.navigation__icon--graficke-prace {
    background-image: url(/files/i-graficke-prace.svg);
}
.navigation__icon--reklamni-predmety {
    background-image: url(/files/i-reklamni-predmety.svg);
}
.navigation__icon--kovove-propisky {
    background-image: url(/files/i-kovove-propisky.svg);
}
.navigation__icon--kancelarske-zbozi {
    background-image: url(/files/i-kancelarske-zbozi.svg);
}

/*.navigation__icon-- {}*/


/* /var/www/originalnipf.cz/www/mojefotokniha/css/primary-menu.css 573 */
.primary-menu {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 25px;
}
.primary-menu li {
    float: left;
    margin-right: 10px;
}
.primary-menu li:after {
    content: "/";
    margin-left: 10px;
    color: #8b3978;
}
.primary-menu li:last-child {
    margin-right: 0;
}
.primary-menu li:last-child:after {
    content: none;
    margin-left: 0;
}
.primary-menu li a {
    text-decoration: none;
    line-height: 85px;
    color: #000;
}
.primary-menu li a:hover {
    text-decoration: underline;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/promo__icon.css 655 */
.promo__icon {
  position: relative;
}
.promo__icon:before {
  display: inline-block;
  content: "";
  height: 85px;
  width: 85px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.promo__icon--1:before {
  background-image: url(/images/promo__1.svg);
}
.promo__icon--2:before {
  background-image: url(/images/promo__2.svg);
}
.promo__icon--3:before {
  background-image: url(/images/promo__3.svg);
}
.promo__icon--4:before {
  background-image: url(/images/promo__4.svg);
}
.promo__icon--5:before {
  background-image: url(/images/promo__5.svg);
}
.promo__icon:after {
 content: "";
 display: block;
}

.pane {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 10px solid;
  margin: 15px auto;
}


.pane:hover {
  text-decoration: none;
}
.pane img {
  width: 145px;
  height: auto;
}
.pane-title {
  margin: 10px 0;
  font-size: 1.5rem;
}

.bold {
  font-weight: bold;
}

.pane-1 { /* cool */
    border-color: #ef7f1a;
    background-color: #fedc9d;
}
.pane-2 { /* propisky */
    border-color: #0481a2;
    background-color: #a5d8e1;
}
.pane-3 { /* gogreen */
    border-color: #b0cb1f;
    background-color: #dbe285;
}
.pane-4 { /* xmaster */
    border-color: #262544;
    background-color: #a2d9f7;
}
.pane-5 { /* yes */
    border-color: #9d231f;
    background-color: #f5b2ac;
}
.pane-6 { /* hi */
    border-color: #8b39788;
    background-color: #f0c5da;
}
.pane-1:hover {
    background-color: #ef7f1a;
}
.pane-2:hover {
    background-color: #0481a2;
}
.pane-3:hover {
    background-color: #b0cb1f;
}
.pane-4:hover {
    background-color: #262544;
}
.pane-5:hover {
    background-color: #9d231f;
}
.pane-6:hover {
    background-color: #8b3978;
}

@media screen and (max-width: 575.98px) {
  .pane {
    max-width: 242px;
  }
}
@media screen and (min-width: 768px) {
  .pane img {
    width: 220px;
  }
}
@media screen and (min-width: 992px) {
  .pane img {
    width: 185px;
  }
}
@media screen and (min-width: 1200px) {
  .pane img {
    width: 240px;
  
}


/* /var/www/originalnipf.cz/www/mojefotokniha/css/slider.css 1314 */
.slider {
    position: relative;
    height: 390px;
    overflow: hidden;
}
@media screen and (max-width: 575px) {
    .slider {
        display: none;
    }
}
.slider:after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 30px;
    background: url(/files/strip-3.svg) center center no-repeat;
}
.slide {
    background: left 30% top no-repeat;
    background-size: cover;
}
.slide-in {
    position: relative;
    height: 100%;
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    text-align: center;
    list-style: none;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}
.slick-dots li button {
    width: 15px;
    height: 15px;
    border: 0;
    background: 0 0;
    display: block;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}
.slick-dots li button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #ef7f1a;
    opacity: .5;
    border-radius: 50%;
    transition: background-color .2s;
}

.slick-dots li:hover button:before, .slick-dots .slick-active button:before {
    opacity: 1;
    background-color: #ef7f1a;
}

/* /var/www/originalnipf.cz/www/mojefotokniha/css/user__strip.css 102 */
.user__strip {
    float: right;
    line-height: 70px;
    font-size: .85rem;
    color: #fff;
}