/*1-6-2015*/

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('opensans-condlight-webfont.eot');
    src: url('opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight-webfont.woff2') format('woff2'),
         url('opensans-condlight-webfont.woff') format('woff'),
         url('opensans-condlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    /*font-family: 'open_sanscondensed_light', sans-serif !important; */
    font-family: 'Open Sans', monospace !important;
}

.logo-ai-shop-big { 
width: 100%;
top: 100px;
position: absolute;
float: left;
}

.logo-ai-shop-big a{
width: 441px;
height: 161px;
display: block;
margin: 0px auto;
}

.home-box-leva{
width: 49%;
height: 127px;
float: left;
background-image: url(../images/home-s-white-left.png);
background-repeat: no-repeat;
background-size: auto 100%;
/*background-position: right top;*/
background-position: right 135px top 31px;
position: relative;
margin-top: 10%;
}

.home-box-prava{
width: 49%;
height: 127px;
float: right;
background-image: url(../images/home-s-white-right.png);
background-repeat: no-repeat;
background-size: auto 100%;
/*background-position: left top;*/
background-position: 130px 31px;
position: relative;
margin-top: 10%;
}

.home-box-leva a {
    position: absolute;
    bottom: 0px;
    right: 300px;
    padding-top: 1%;
    background-color: #000000;
    font-size: 200%;
    text-decoration: none;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-right: 3%;
}

.home-box-prava a {
    position: absolute;
    bottom: 0px;
    left: 300px;
    padding-top: 1%;
    background-color: #55b713;
    font-size: 200%;
    text-decoration: none;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-right: 3%;
}

.home-box-prava a:hover{
color: #000;
background-color: #effc00;
box-shadow: 0px 0px 40px rgba(255, 255, 255, .8);
}

.home-box-leva a:hover{
color: #000;
background-color: #eee;
box-shadow: 0px 0px 40px rgba(255, 255, 255, .8);
}

.home-desc-1{
width: 100%;
float: left;
margin-top: 0px;
color: #000;
/*margin-top: 20%;*/
margin-top: auto;
bottom: 0px;
position: absolute;
}

.home-desc-1.hs-line-1 {
letter-spacing: 10px;
}

.home-desc-2{
width: 100%;
float: left;
opacity: 0.8;
color: #828282;
}

#about{
margin-top: 30px;
padding-top: 170px;
}

#editor{
margin-bottom: -190px;
}

#editor.page-section{
padding: 0px;
background-color: #000;
}

#editor .container{
background-image: url(../images/aipublisher-editor.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center top;
height: 107px;
}

#editor .container p {
width: 100%;
line-height: 107px;
font-size: 25px;
text-align: center;
color: #fff;
}

#editor .container p span {
color: #ff9900;
font-weight: 600;
}

#about .ul-li-nadpis{
/*font-size: 110%;*/
margin-bottom: 0.8em;
margin-top: 0px;
color: #000;
}

#about ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#about .row2 ul li{
background-image: url(../images/ul-li-home-01.png);
background-repeat: no-repeat;
background-size: auto 27px;
background-position: left center;
line-height: 35px;
padding-left: 35px;
font-size: 130%;
color: #ff9900;
/*font-weight: bold;*/
}

.team-item{
position: relative;
}

.team-item-image h3{
  position: absolute;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

.item-info-01{
  position: absolute;
  color: #fff;
  width: 100%;
  text-align: center !important;
  margin-top: 71px;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
}

.item-info-01 strong {
  font-weight: 300;
  display: block;
  font-size: 40px;
}

.item-info-01 span {
  font-weight: 300;
  display: block;
  font-size: 14px;
  padding-bottom: 30px;
}

.item-info-02{
  position: absolute;
  width: 80%;
  text-align: center !important;
  bottom: 10px;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 12px;
}

.item-info-02 li{
 line-height: 18px;
}

/*
.posun-01{
  margin-top: 140px;
} */

.ikona-seo{
width: 60px;
height: 60px;
display: block;
background-image: url(../images/ikona-seo.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 60px 120px;
margin: 0px auto;
}

.seo-icon:hover .ikona-seo{
background-position: center -60px;
border: medium none !important;
/*transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; */
}




.team-item-detail{
  height: 100%;
}

.team-item-detail p{
font-size: 40px;
margin-bottom: 0px;
}

.team-item-detail i{
font-size: 20px;
margin-top: 20px;
width: 100%;
float: left;
}

.team-item-detail p span{
font-size: 14px;
width: 100%;
float: left;
}

.team-item-detail h4{
/*margin-top: 45px;*/
margin-top: 3px;
}

.modul-01{
width: 98%;
padding: 2%;
font-size: 25px;
float: left;
margin-top: 20px;
margin-left: 10px;
background-color: #55b713;
color: #fff;
background-image: url(../images/verze/moduly-back.jpg);
background-position: top center;
background-size: auto 100%;
background-repeat: no-repeat;
}

.modul-01 p{
margin: 0px;
}

.modul-01 a{
float: right;
background-color: #effc01;
color: #000;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

.modul-01 a:hover{
color: #55b713;
background-color: #fff;
box-shadow: 0px 0px 40px rgba(255, 255, 255, .8);
}

.box-odkazy-monitor{
width: auto;
height: auto;
float: left;
position: relative;
}

.odkazy-monitor{
width: 480px;
height: 300px;
position: absolute;
margin-top: 33px;
margin-left: 25px;
overflow: hidden;
}

.odkazy-monitor a{
text-indent: 160px;
}

.odkazy-monitor a:hover{
background-position: -160px 0px;
text-indent: 0px;
}

.odkaz-novinky{
width: 160px;
height: 300px;
display: block;
float: left;
background-image: url(../images/novinky.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.odkazy-monitor a span{
color: #000;
text-decoration: none !important;
width: 100%;
text-align: center;
float: left;
margin-top: 204px;
font-size: 18px;
}

.odkaz-podpora{
width: 160px;
height: 300px;
display: block;
float: left;
background-image: url(../images/podpora.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.odkaz-ai-shop-spoluprace{
width: 160px;
height: 300px;
display: block;
float: left;
background-image: url(../images/ai-shop-spoluprace.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.owl-carousel.bg-dark-alfa-90:before{
opacity: 0.5;
}

.color-gray-01{background-color: #f6f6f6;}

.color-gray-01 a{
border: 1px solid #f6f6f6;
height: 80px;
}

.color-gray-01 a:hover{
border: 1px solid #ccc;
cursor: Auto;
}

.color-gray-01 .col-md-12 div div{width: 12%; float: left; height: 80px; border: 1px solid #f6f6f6;}
.color-gray-01 a{width: 12%; float: left;}

.owl-carousel {min-height: 590px;}

.footer-made{margin-top: 40px;}
.footer-social-links{margin-top: 40px;}
.footer-copy {text-transform: uppercase; letter-spacing: 0.3em;}
#footer-copy2 {padding: 10px; background-color: #eee; border: 1px solid #ccc; margin-bottom: 20px;}

.intro-mini{/*bottom: 10% !important;*/}
.intro-mini a{}
.intro-mini .work-title{font-size: 200%; text-decoration: none !important;}
.intro-mini .work-title:hover{/*background: rgba(0, 0, 0, 0.2);*/}
li .work-intro {width: 100%; height: 200px;}
.ref-0{margin-top: 20px;}
.ref-0 a{color: #ff9900;}
.ref-0 a:hover{text-decoration: none;}
.ref-1{margin-top: 20px;}
.ref-2{margin-top: 0px;}
.ref-3{margin-top: 10px;}

.mob-butt{z-index: 10; width: 60px; height: 60px; display: block; float: left; overflow: visible; text-decoration: none; text-align: center; color: #fff !important; background-color: #ff9900; border-radius: 50px; position: absolute; top: -5px; /*right: -5px;*/ left: 5px; opacity: 0.9;}
.mob-butt span{margin-top: 20px; float: left; width: 100%; line-height: 20px;}

.work-item.hover .work-intro {opacity: 1; bottom: 0px;}

.postavte {padding: 0px !important; min-height: 200px; background-color: #fff; background-image: url(../images/full-width-images/reference.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: auto 98%; /*background-attachment: fixed;*/}
.postavte .container-box{width: 100%; height: 100%; float: left; position: absolute; background: rgba(0, 0, 0, 0.4);}
.postavte .container-box:hover{background: rgba(0, 0, 0, 0.6); }
.postavte .container-box .container{padding-top: 60px;}

.product-01 p, .product-01 a{color: #55b714;}
.product-02 p, .product-02 a{color: #55b714;}
.product-03 p, .product-03 a{color: #55b714;}
.product-04 p, .product-04 a{color: #55b714;}

.team-item h3 {text-transform: uppercase !important;}

.item-info-01 span, .item-info-02 span, .item-info-03 span, .item-info-04 span{font-size: 16px;}

.product-01-box .team-item{border-top: 8px solid #489b11 !important;}
.product-02-box .team-item{border-top: 8px solid #489b11 !important;}
.product-03-box .team-item{border-top: 8px solid #489b11 !important;}
.product-04-box .team-item{border-top: 8px solid #d4e002 !important;}
.product-05-box .team-item{border-top: 8px solid #c87c12 !important;}

.small-section.back-img-00 {padding-top: 140px;}
.small-section.back-img-01 {padding-top: 140px;}
.small-section.back-img-02 {padding-top: 140px;}
.small-section.back-img-03 {padding-top: 140px;}
.small-section.back-img-04 {padding-top: 140px;}
.small-section.back-img-05 {padding-top: 140px;}
.small-section.back-img-06 {padding-top: 140px;}
.back-img-00{background-image: url(../images/full-width-images/ai-publisher-back-00.jpg); background-position: center -170px; background-size: 100% auto;}
.back-img-01{background-image: url(../images/full-width-images/section-bg-2.jpg); background-position: 0px -570px;}
.back-img-02{background-image: url(../images/full-width-images/ai-publisher-back-01.jpg); background-position: 0px -500px;}
.back-img-03{background-image: url(../images/full-width-images/ai-publisher-back-02.jpg); background-position: 0px -500px;}
.back-img-04{background-image: url(../images/full-width-images/ai-publisher-back-03.jpg); background-position: 0px -500px;}
.back-img-05{background-image: url(../images/full-width-images/ai-publisher-back-04.jpg); background-position: 0px -500px;}
.back-img-06{background-image: url(../images/full-width-images/novinka-01.jpg); background-position: center -170px; background-size: 100% auto;}


.oram-01 {border: 1px solid rgba(0,0,0, .09);}
.na-stred{text-align: center;}
.leva-10{padding-left: 10px;}
.leva-20{padding-left: 20px;}
.leva-30{padding-left: 30px;}
.dole-10{margin-bottom: 10px;}
.dole-20{margin-bottom: 20px;}
.modrabold {font-weight: 600; color: #217fbf; font-size: 16px;}
.zelenabold {font-weight: 600; color: #0eb61c; font-size: 16px;}
.cervenabold {font-weight: 600; color: #e51616; font-size: 16px;}

.modry-pruh{background-color: #0d90e4 !important;}
.zeleny-pruh{background-color: #0EB61C !important;}
.cerveny-pruh{background-color: #b90808 !important;}
.oranzovy-pruh{background-color: #f7ca00 !important; min-width: 150px;}

.font-01{font-size: 140%;}
.font-02{font-size: 170%;}
.font-03{font-size: 200%;}

.nadpis1{font-weight: 600;}
.nadpis2{font-weight: normal;}
.center{text-align: center;}

/*
.verze-01{background-image: url(../images/h2-2-modra.png); background-size: auto 40px; background-position: 0px 0px; background-repeat: no-repeat;}
.verze-02{background-image: url(../images/h2-2-zelena.png); background-size: auto 40px; background-position: 0px 0px; background-repeat: no-repeat;}
.verze-03{background-image: url(../images/h2-2-cervena.png); background-size: auto 40px; background-position: 0px 0px; background-repeat: no-repeat;}
.verze-04{background-image: url(../images/h2-2.png); background-size: auto 40px; background-position: 0px 0px; background-repeat: no-repeat;}
*/

.table-verze-01 .tab {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-01 .cell_two {background-color: #e1f3ff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}
.table-verze-01 .cell_one {background-color: #fff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}
.table-verze-01 h4 {margin: 0px; padding: 0px; float: left; width: 100%; display: inline; color: #217fbf; font-weight: 600; padding: 30px 0px 20px 15px; margin: 0px 0px 0px 0px; color: #000000; border-bottom: 0px solid #E0E0E0;}

.table-verze-01 .tab-x {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-01 .tab-x .cell_two {background-color: #eee; border-bottom: 1px solid #ccc; padding: 5px;}
.table-verze-01 .tab-x .cell_one {background-color: #FFF; border-bottom: 1px solid #ccc; padding: 5px;}


.table-verze-02 .tab2a {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-02 .cell_two1 {background-color: #effff0; border-bottom: 1px solid #08af17; padding: 5px;}
.table-verze-02 .cell_one1 {background-color: #fff; border-bottom: 1px solid #08af17; padding: 5px;}
.table-verze-02 h4 {margin: 0px; padding: 0px; float: left; width: 100%; display: inline; color: #08af17; font-weight: 600; padding: 30px 0px 20px 15px; margin: 0px 0px 0px 0px; color: #000000; border-bottom: 0px solid #E0E0E0;}
.table-verze-02 .tab {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-02 .cell_two {background-color: #e1f3ff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}
.table-verze-02 .cell_one {background-color: #fff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}

.table-verze-02 .tab-x {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-02 .tab-x .cell_two {background-color: #eee; border-bottom: 1px solid #ccc; padding: 5px;}
.table-verze-02 .tab-x .cell_one {background-color: #FFF; border-bottom: 1px solid #ccc; padding: 5px;}



.table-verze-03 .tab3 {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-03 .cell_two3 {background-color: #FFF0F0; border-bottom: 1px solid #C11616; padding: 5px;}
.table-verze-03 .cell_one3 {background-color: #FFF; border-bottom: 1px solid #C11616; padding: 5px;}

.table-verze-03 .tab-x {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
.table-verze-03 .tab-x .cell_two {background-color: #eee; border-bottom: 1px solid #ccc; padding: 5px;}
.table-verze-03 .tab-x .cell_one {background-color: #FFF; border-bottom: 1px solid #ccc; padding: 5px;}


.table-verze-03 h4 {margin: 0px; padding: 0px; float: left; width: 100%; display: inline; color: #08af17; font-weight: 600; padding: 30px 0px 20px 15px; margin: 0px 0px 0px 0px; color: #000000; border-bottom: 0px solid #E0E0E0;}
.table-verze-03 .tab {padding: 0px; margin: 0px; border: none; margin: 1%; width: 98%; font-weight: normal;}
/*.table-verze-03 .cell_two {background-color: #e1f3ff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}
.table-verze-03 .cell_one {background-color: #fff; border-bottom: 1px solid #096db0; padding: 5px; margin: 0px;}  */
.table-verze-03 .cell_two {background-color: #effff0; border-bottom: 1px solid #08af17; padding: 5px; margin: 0px;}
.table-verze-03 .cell_one {background-color: #fff; border-bottom: 1px solid #08af17; padding: 5px; margin: 0px;}

#swiffycontainer{height: 600px;}

#podporovane-systemy{padding-top: 100px;}

.ikony-2{width: 100%; float: left; margin-bottom: 20px;}
.leva-ul {/*margin: 0px; padding: 0px; float: left; display: block; width: 50%;*/ list-style-type: none;}
.leva-ul li{line-height: 50px;}
.leva-ul-2{padding-left: 10px;}

/* JP 11.10.2013 */

.ColorBar {width: 100%; position: absolute; left: 0px; bottom: -2px; background: #000;}
/*.colorActive {background: url(../images/demo/button1a.png) no-repeat 0px 12px;}*/
.Colors {float: left; margin: 0px 0px 0px 130px;}
.Colors a {float: left; display: block;}
/*.Colors a:hover {background: url(../images/demo/button1a.png) no-repeat 0px -120px;}*/
.Colors img {padding: 10px 5px 10px 5px;}
.Prev {float: left; padding: 7px 10px 7px 10px;}
.Next {float: right; padding: 7px 10px 7px 10px;}
.Form {color: #fff; background: #000; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; float: left;}
.FormLine {padding: 0px; margin: 0px 0px 5px 5px; overflow: hidden;}
.FormLine label {float: left; padding: 5px; padding-top: 10px; width: 100px;}
.FormLine input {float: left; width: 140px; padding: 5px; background: transparent; border: none; border: 1px solid #555; color: #999;}
.FormLine textarea {float: left; padding: 5px; background: transparent; border: none; width: 435px; border: 1px solid #555; color: #999; font-size: 12px; font-family: Verdana; height: 30px;}
/*.Step3, .Step2, .Step1 {position: relative; overflow: hidden; padding: 15px 20px 10px 20px; width: 628px; height: 395px;}  */
.Clear {clear: both;}
.clear {clear: both;}
.Right {float: right; margin: 8px 25px 0px 0px;}
.responzivni-design{width: 54px; height: 54px; display: block; background-image: url(../images/demo/resp-design-ikona.png); background-repeat: no-repeat; position: absolute; top: 5px; right: 10px; z-index: 100;}
.dole-barvy-info{width: 100%; float: left;}
.dole-barvy-info span{color: #fff; background: #000; padding: 10px; float: left;}
.Row{position: relative !important;}
.posun1a{position: absolute !important; left: -180px !important; top: 84px; max-height: 40px !important; text-align: center !important;}
.posun1a img{max-height: 35px !important; width: auto; margin: 3px !important;}
.dole-barvy-info-2{position: relative; width: 100%; display: block; float :left; font-size: 10px !important; color: #828282;}
.dole-barvy-info-2 span{padding-left: 10px; padding-right: 10px; padding-top: 5px; display: block; float: left; width: 100%;}
.vybrana-barva{max-width: 43px !important; height: auto; float: left !important; padding-top: 8px;}
.ui-widget-overlay {background-image: none !important; background-color: #000 !important; opacity: 0.5 !important;}
.DemoScreen2 {width: 588px; height: 355px; padding: 20px; color: #fff; position: absolute; top: 37px;}
.DemoScreen2 .Button4 {width: 200px; background-position: 185px 12px; right: 220px; bottom: 70px;}
.DemoScreen2 p {text-align: center; padding-right: 50px; padding-left: 50px; line-height: 23px;}
/*.Error {color: #FF9900; font-size: 16px; text-align: center; padding: 20px 50px 0px 50px;}*/
.kontakt-text{padding: 2%; text-align: center;}
.kontakt-obr{/*background-image: url(../images/kontakt-ai-shop.jpg);*/ background-repeat: no-repeat; background-position: center right; background-size: 30% auto; float: right; width: 100%; margin-bottom: -10px;}
.kontakt-obr dt{margin-bottom: 0px;}
.bile-pozadi{background-color: #fff;}
.kontakt-obr-1 {border: 1px solid #D8D8D8; background: #FFF none repeat scroll 0% 0%; display: block; margin: 10px; padding: 10px; width: 120px; height: 88px; float: left;}
.Row div{margin: 0px;}

.width-left-50{width: 50%; float: left;}
.width-left-60{width: 60%; float: left;}
.width-left-70{width: 70%; float: left;}
.width-left-80{width: 80%; float: left;}

.width-right-20{width: 20%; float: right;}
.width-right-30{width: 30%; float: right;}
.width-right-40{width: 40%; float: right;}
.width-right-50{width: 50%; float: right;}
.width-right-60{width: 60%; float: right;}

.novinka ul{list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 20px;}
.novinka ul li {float: left; background-image: url("../images/ul-li-home-01.png"); background-repeat: no-repeat; background-size: auto 27px; /*background-position: left center;*/ background-position: left top 4px !important; line-height: 35px; padding-left: 35px; font-size: 120%; /*color: #F90;*/ color: #777;}


.table-pohoda-info td {text-align: left; border: 1px solid #CCC; padding: 5px;}
/*.prava2 {width: 40%; height: auto; float: right; margin-top: 20px; max-width: 300px !important;}

.prava3a{float: right; margin-left: 20px; position: relative; z-index: 1; cursor: pointer;}
.prava5{display: block; float: right; position: absolute; top: 0px; right: 0px;}

.tabulka-facebook td{padding: 7px;}
.cerny-nadpis{background-color: black; color: white;}
.sedy-nadpis{background-color: #e1e1e1; color: black;}
.prakticka{margin-left: 20px; margin-bottom: 20px;}
.odkaz-c01{margin-top: 10px; background-color: #2d99c5; padding: 7px; color: #fff !important; float: right; margin-right: 2%; width: 96%;}
.odkaz-c02{margin-top: 10px; background-color: #549e53; padding: 7px; color: #fff !important; float: right; margin-right: 2%; width: 96%;}
.odkaz-c03{margin-top: 10px; background-color: #c02e2f; padding: 7px; color: #fff !important; float: right; margin-right: 2%; width: 96%;}
.odkaz-c04{margin-top: 10px; background-color: #daa315; padding: 7px; color: #fff !important; float: right; margin-right: 2%; width: 96%;}
.odkaz-c01:hover, .odkaz-c02:hover, .odkaz-c03:hover, .odkaz-c04:hover{background-color: #777;}*/

.wow .verze-obr img{max-width: 260px !important; max-height: 290px !important;}
.prava3a{margin-left: 10px; float: right; position: relative;}
#strana p, #strana ul{float: none; /* clear: both;*/ position: relative; display: block; margin-bottom: 30px;}
#strana ul li{float: left; width: 100%;}
.leva_strana1{width: 34%; float: left; padding: 3%; background-color: #eee; margin-top: 40px;}
#strana a{float: none; clear: both;}
#strana .na-fb{float: left; margin-right: 20px;}
#strana .na-fb2{}
.prava_strana1{width: 54%; float: left; padding: 3%; margin-top: 40px;}
.prava_strana1 h2, .leva_strana1 h2{margin-top: 50px; margin-bottom: 50px;}
#strana h2 {width: 100%; float: left; z-index: 50; position: relative; clear: both;}
#strana table {width: 100%; margin-left: 10px; border-collapse: collapse; float: left; margin-top: 50px; margin-bottom: 20px;}
.odsazeni10{width: 100%; float: left !important;}
.font-01A{font-size: 3em; margin-top: 50px !important; width: 100% !important; float: left; clear: both; margin-bottom: 0px;}
.Shops div {position: relative; padding: 10px 0px 40px 0px; background: url(../images/shops.jpg) no-repeat center bottom; background-size: 100% auto /*991px*/; width: 100%; text-align: center; float: left;}
.Shops div a span {position: absolute; bottom: 35px; right: 100px; text-align: right; font-size: 18px;}
.Shops div a span strong {display: block; text-transform: uppercase; font-size: 18px;}
.sab-01 {width: 100%; text-align: center; float: left;}
.sab-01 img{margin: 0px auto;}



.banner-01 {width: 100%; height: auto; min-height: 300px; background-image: url(../images/banner-skoleni.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; color: #000; font-size: 20px; margin-bottom: 0px; position: relative;}
.banner-01 span{width: 80%; height: auto; text-align: right; color: #fff; padding: 2%; position: absolute; bottom: 0px; right: 0px;}
.banner-01 strong{color: #ff9900;}

.skoleni-01 {width: 49%; float: left; padding: 3%; background-color: #f7fff1; margin-top: 50px; margin-right: 1%; color: #000; min-height: 570px;}
.skoleni-01 h3{margin-top: 0px !important;}

.skoleni-02 {width: 49%; float: left; padding: 3%; background-color: #f7fff1; /*margin-top: 50px;*/ margin-left: 1%; color: #000; min-height: 570px; border: 1px solid #55b713 !important;}
.skoleni-02 h2{padding: 0px !important;}
.skoleni-02 h3{margin-top: 0px !important;}
.skoleni-02 ul{width: 100%; float: left; margin-bottom: 50px;}
.skoleni-02 ul li{width: 100%; float: left;}

h3.section-title{color: #55b713; font-size: 16px; margin-top: 50px;} 

.cenik-01 {margin-top: 30px; float: left;}

.fb_iframe_widget {display: inline-block; position: relative; width: 100%;    float: left; text-align: center; margin-bottom: 30px; }
.fb_iframe_widget span {vertical-align: bottom; width: 292px; height: 71px;    margin: 0px auto; float: none;}
._1drn{border: none !important;}

#ai-video {width: 48px; height: 152px; display: block; position: fixed; right: 0px; top: 160px; z-index: 800 !important;}
#ai-sablony {width: 48px; height: 152px; display: block; position: fixed; right: 0px; top: 377px; z-index: 800 !important;}

.vyber{margin-top: 30px; margin-bottom: 0px;}

.resp-icon{width: 85px; height: 85px; display: block; float: right; position: absolute; top: 0px; right: 0px; background: url(../images/resp-icon.png) no-repeat center top; background-size: 100% auto /*991px*/; z-index: 10; text-indent: -8000px;}


.home-text {position: relative;}

.container ul {float: left; width: 100%;}
.container ul li{float: left; width: 100%; clear: both;}
.team-item ul {width: auto;}
.team-item ul li {width: auto; clear: both; text-align: left;}
.ikonyv2 ul li {float: none; width: auto; clear: none;}


#kontakt h3{
width: 100%;
float: left;
}


.font30{font-size: 30px !important;}
.zelena01{color: #55b713;}

.alt-features-grid{margin-top: 0px;}

.wow .verze-obr img {width: 100%;}

.nadpis-novinka{width: 100%; float: left; clear: both; margin-bottom: 10px;}
.nadpis-novinka strong{margin-right: 10px;}
.novinky-seznam p {margin-left: 40px; padding-left: 10px; border-left: 1px solid #eee;}

.novinky-seznam h3 {margin: 0px; padding: 0px; width: 80px; line-height: 80px; text-align: center; border: 1px solid #eee; display: block; border-radius: 100px; clear: both;}

.tab{width: 100% !important; float: left;}
.tab tr{width: 100%; float: left; margin-bottom: 10px;}
.cell_one_order {padding: 2%; width: 36%;}
.cell_one_order input {padding: 5px; border: 1px solid #d8d8d8;}
.cell_two_order {padding: 2%; width: 56%;}
.cell_two_order input {padding: 5px; border: 1px solid #d8d8d8;}
.cell_two_order textarea {padding: 5px; border: 1px solid #d8d8d8;}
.cell_one_mix{text-align: right; width: 100%; margin-top:10px;}

.obr-skoleni{display: block; float: right; margin-left: 20px; margin-bottom: 20px;}

.prava_strana1 {width: 66%;}
.banner-01-s {font-size: 15px; font-weight: 300; color: #777; line-height: 1.7; float: left; width: 100%;}
.skoleni-box h3{margin-bottom: 30px;}
.leva_strana1 h2, .prava_strana1 h2 {margin-top: 10px;}

.kontakt-f .cell_one_order input {padding: 5px; border: 1px solid #55b713;}
.kontakt-f .cell_two_order input {padding: 5px; border: 1px solid #55b713;}
.kontakt-f .cell_two_order textarea {padding: 5px; border: 1px solid #55b713;}




.prava-1 {float: right; width: auto; margin-left: 30px; margin-bottom: 30px;}
.demo-box{width: 60%; float: left;}
.cell_two_order-1{padding: 2%;}


.postavte {
    background-position: center right;
    background-size: auto;
}

.skoleni-box p{
float: none !important;
}



















/*********** RESPONZIVNI ***********/

@media (min-width: 240px) and (max-width: 480px) {
.logo-ai-shop-big {top: 85px;}
.logo-ai-shop-big a {width: 75%; height: auto;}
.home-box-leva {width: 100%; height: auto; float: left; background-image: none; background-repeat: no-repeat; background-size: auto 100%; background-position: right top; position: relative; margin-top: 305px;}
.home-box-prava {width: 100%; height: auto; float: left; background-image: none; background-repeat: no-repeat; background-size: auto 100%; background-position: right top; position: relative; margin-top: 0px;}
.page-section, .home-section, .small-section {background-size: 600px; background-position: center 70px;}
.home-box-leva a {position: relative; top: 0px; left: 0px; padding: 1% 3%; background-color: #000; font-size: 20px; text-decoration: none; width: 100%;}
.home-box-prava a {position: relative; top: 5px; left: 0px; padding: 1% 3%; background-color: #55b713; font-size: 25px; text-decoration: none; width: 100%;}
#home .js-height-full {height: 497px; height: auto !important; margin-bottom: 100px;}
.home-desc-1.hs-line-1 {letter-spacing: 10px; margin-top: 20px !important;}
#editor .container p {width: 100%; line-height: 25px; font-size: 18px; text-align: center; color: #FFF; padding-top: 15px;}
#about .row2 ul li {background-position: left top 5px; font-size: 110%;}
#about .mb-xs-30.row2 {margin-bottom: 0px;}
.modul-01{width: auto; padding: 0px; text-align: center; font-size: 20px; float: left; margin-top: 0px; margin-left: 15px; margin-right: 15px; background-color: #ff9001; color: #fff;}
.modul-01 p{margin: 0px; padding-top: 5px;}
.modul-01 a{float: left; background-color: #effc01; color: #000; padding-left: 10px; padding-right: 10px; text-decoration: none; width: 90%; margin: 5%;}
.box-odkazy-monitor{max-width: 100%;}
.works-grid{margin: 0px;}
#work-grid .work-item{padding: 20px;}
.odkazy-monitor {width: 262px; height: 164px; position: absolute; margin-top: 18px; margin-left: 14px; overflow: hidden;}
.odkaz-novinky{width: 87px; height: 164px; display: block; float: left; background-position: 0px 0px; background-position: 100% 0px; background-size: 200% 164px !important;}
.odkazy-monitor a span{color: #000; text-decoration: none !important; width: 100%; text-align: center; float: left; margin-top: 76px; font-size: 14px;}
.odkaz-podpora{width: 87px; height: 164px; display: block; float: left; background-position: 0px 0px; background-position: 100% 0px; background-size: 200% 164px !important;}
.odkaz-ai-shop-spoluprace{width: 88px; height: 164px; display: block; float: left; background-position: 0px 0px; /*background-size: auto 100%;*/ background-position: 100% 0px; background-size: 200% 164px !important;}
.odkazy-monitor a{text-indent: 87px;}
.odkazy-monitor a:hover{background-position: -87px 0px; text-indent: 0px;}
.section-icon {margin-bottom: 7px; text-align: center; font-size: 32px; margin-top: 80px;}
.testimonial p {font-size: 14px;}
.box-pohoda-01 {background-size: 800px auto; background-position: right -150px top 70px;}
.color-gray-01 .row a {color: #111; text-decoration: underline; float: left; width: 145px; border: none;}
.color-gray-01 .row a:hover{margin: 0px; border: none !important;}
.color-gray-01 img:hover{border: 1px solid #f6f6f6; margin: 0px;}
.cf-right-col .align-right {text-align: center !important;}
.intro-mini .work-title{font-size: 16px;}
.ref-1{margin-top: 10px;}
.ref-2{margin-top: 0px;}
.ref-3{margin-top: 5px;}
/*.odkaz-videonavody {width: 34%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-position: 100% 0px; background-size: 200% 256px !important;}*/
.odkazy-monitor a{text-indent: 0px;}
.odkazy-monitor a:hover{background-position: 100% 0px; text-indent: 0px;}

.back-img-01{background-image: url(http://new.ai-shop.cz/images/section-bg-2-mini.jpg); background-position: 0px 0px; background-size: auto 100%;}
.small-section.back-img-01 {padding-top: 100px;}
/*.back-img-02{background-image: url(http://new.ai-shop.cz/images/section-bg-3-mini.jpg); background-position: 0px 0px; background-size: auto 100%;}
.small-section.back-img-02 {padding-top: 100px;}*/
.small-section.back-img-02 {padding-top: 100px;}
.small-section.back-img-03 {padding-top: 100px;}
.small-section.back-img-04 {padding-top: 100px;}
.small-section.back-img-05 {padding-top: 100px;}
.back-img-02 {background-position: center bottom; background-size: auto 100%;}
.back-img-03 {background-position: center bottom; background-size: auto 100%;}
.back-img-04 {background-position: center bottom; background-size: auto 100%;}
.back-img-05 {background-position: center bottom; background-size: auto 100%;}
.kontakt-obr{background-image: none;}
.width-left-50{width: 100%; float: left;}
.width-left-60{width: 100%; float: left;}
.width-left-70{width: 100%; float: left;}
.width-left-80{width: 100%; float: left;}
.width-right-20{width: 100%; float: left;}
.width-right-30{width: 100%; float: left;}
.width-right-40{width: 100%; float: left;}
.width-right-50{width: 100%; float: left;}
.width-right-60{width: 100%; float: left;}
.back-img-00 {background-image: url("../images/full-width-images/ai-publisher-back-00.jpg"); background-position: center 70px; background-size: auto 100%;}
.back-img-01 {background-image: url("../images/full-width-images/ai-publisher-back-00-800.jpg"); background-position: 0px 0px;}
.back-img-02 {background-image: url("../images/full-width-images/ai-publisher-back-01-800.jpg"); background-position: 0px 0px;}
.back-img-03 {background-image: url("../images/full-width-images/ai-publisher-back-02-800.jpg"); background-position: 0px 0px;}
.back-img-04 {background-image: url("../images/full-width-images/ai-publisher-back-03-800.jpg"); background-position: 0px 0px;}
.banner-01 {width: 100%; height: auto; color: #000; font-size: 20px; margin-bottom: 100px; float: left; min-height: 30px; background-image: none; position: relative;}
.banner-01 span{position: relative; color: #000; padding: 0px;}
.leva_strana1 {width: 100%;}
.prava_strana1 {width: 100%;}
#ai-video {display: none;}
#ai-sablony {display: none;}
.skoleni-01 {width: 100%;}
.skoleni-02 {width: 100%;}
.color-gray-01 .col-md-12 div div {width: auto;}
.banner-01 {min-height: 190px;}
.banner-01 span {font-size: 13px;}
#cenik{padding: 140px 0;}
#editor {margin-bottom: -50px;}
#swiffycontainer {width: 100% !important; height: 250px !important; margin: auto !important;}
.Shops div {height: 250px;}
.Shops div a span {right: 15px;}
.Demo {height: 515px !important;}
#kontrola{margin-top: 55px;}
.posun1a{top: 222px !important;}
.Step3 {height: 525px !important;}
.kontakt-f{width: 100%; float: left; margin: 0px; padding: 0px;}
.kontakt-f tbody, .kontakt-f tr{width: 100%; float: left !important; margin: 0px; padding: 0px;}
.kontakt-f td{width: 96%; height: auto !important; float: left; margin: 0px; padding: 0px; padding: 2%;}
.skoleni-02 {margin-left: 0px !important;}
.product-01-box, .product-02-box, .product-03-box, .product-04-box, .product-05-box {text-align: center;}
.odkazy-monitor a span{margin-top: 108px;}
.box-info-cennik .font30 {font-size: 17px !important;}
blockquote .margin25 {margin-left: 5%; margin-right: 5%; font-size: 14px;}
blockquote .size50 {width: 90%; float: left;}

.demo-box {width: 100%;}
.tab {width: 94% !important; float: left;}









}
















@media (min-width: 481px) and (max-width: 799px) {
#home{background-position: center 0px;}
.home-section {height: auto; padding-bottom: 100px; max-height: 700px;}
.home-desc-1.hs-line-1 {letter-spacing: 3px;}
.home-desc-1 {width: 70%; float: left; margin-top: 0px !important; color: #fff; margin-top: 20%; position: fixed; top: 20px; z-index: 300; font-size: 16px; left: 15%;}
/*.home-desc-2 {width: 100%; float: left; opacity: 0.8; color: #828282; margin-top: 8%; font-size: 13px;}*/
.home-desc-2 {width: 90%; float: left; opacity: 0.8; color: #828282; margin-top: 0px; font-size: 12px; position: absolute; top: 300px; /*bottom: -50px; */ margin-left: 5%;}
.logo-ai-shop-big {width: 100%; top: 80px;}
.logo-ai-shop-big a {width: 120px; height: auto; display: block; margin: 0px auto;}
.home-box-leva {width: 35%; height: 50px; float: left; background-size: auto 100%; background-position: right top; margin-top: 30%; margin-top: 22%;}
.home-box-prava {width: 35%; height: 50px; float: right; background-size: auto 100%; background-position: left top; margin-top: 30%; margin-top: 22%;}
.home-box-leva {background-image: none;}
.home-box-prava {background-image: none;}
.home-box-leva a {position: absolute; bottom: -40px; right: 35px; padding-top: 1%; font-size: 16px; text-decoration: none; padding-bottom: 1%; padding-left: 3%; padding-right: 3%;}
.home-box-prava a {position: absolute; bottom: -40px; left: 15px; padding-top: 1%; font-size: 16px; text-decoration: none; padding-bottom: 1%; padding-left: 3%; padding-right: 3%;}
#editor {margin-bottom: -150px;}
#editor .container {height: 65px;}
#editor .container p {width: 100%; line-height: 30px; font-size: 20px; text-align: center; color: #FFF;}
#about {margin-top: 30px; padding-top: 120px;}
.row .box-item {max-width: 50%; position: relative; float: left;}
.team-item-detail {opacity: 0; width: 100%;}
.modul-01 {width: auto; padding: 0px; text-align: center; font-size: 20px; float: left; margin-top: 25px; margin-left: 15px; margin-right: 15px; padding-top: 5px; background-color: #FF9001; color: #FFF;}
.modul-01 a {float: left; background-color: #FEECD4; color: #000; padding-left: 0px; padding-right: 0px; text-decoration: none; width: 98%; margin: 1%;}
.banner-section{background-size: 110% auto !important; background-position: top 50px center !important;}
.box-odkazy-monitor {width: 480px; float: none; margin: 0px auto;}
.odkazy-monitor {width: 410px; margin-top: auto; margin-left: 4%; overflow: hidden; height: 257px; margin-right: 4%; bottom: 88px;}
/*.odkazy-monitor {position: absolute; margin-top: 27px; margin-left: 4%; overflow: hidden; width: 410px; height: 257px; margin-right: 4%;}*/
.odkaz-novinky {width: 33%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-position: 100% 0px; background-size: 200% 256px !important;}
.odkaz-podpora {width: 33%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-position: 100% 0px; background-size: 200% 256px !important;}
.odkaz-ai-shop-spoluprace {width: 34%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-position: 100% 0px; background-size: 200% 256px !important;}
.odkazy-monitor a{text-indent: 0px;}
.odkazy-monitor a:hover{background-position: 100% 0px; text-indent: 0px;}
.odkazy-monitor a span {margin-top: 172px;}
#about .row2 ul li {background-repeat: no-repeat; background-size: auto 16px; background-position: left center; line-height: 20px; padding-left: 25px; font-size: 14px; color: #F90;}
.ul-li-box{margin-bottom: 0px !important;}
#about .wow {max-width: 50%; position: relative; float: left;}
/*.team-item-image img{width: 100%; height: 450px !important; max-height: 450px !important; min-height: 450px !important;}  */
.item-info-01 {font-size: 13px;}
.item-info-02 {font-size: 10px;}
.team-item-detail{}
#home{max-height: 500px;}
.home-text {display: table-cell; height: 50%; vertical-align: top;}
li .work-intro {width: 100%; height: 170px;}
.intro-mini .work-title{font-size: 16px;}

.team-item-image h3{font-size: 14px; padding-left: 20px; padding-right: 20px;}
.team-item-detail h4{font-size: 14px;}
.team-item-detail p{padding: 0px; margin: 0px; font-size: 30px !important;}
#about .team-item-image img {height: 450px;}
.back-img-01 {background-position: top center;}
.back-img-02 {background-position: top center;}
.back-img-03 {background-position: top center;}
.back-img-04 {background-position: top center;}
.back-img-05 {background-position: top center;}
.small-section.back-img-01 {padding-top: 100px;}
.small-section.back-img-02 {padding-top: 100px;}
.small-section.back-img-03 {padding-top: 100px;}
.small-section.back-img-04 {padding-top: 100px;}
.small-section.back-img-05 {padding-top: 100px;}
.back-img-00 {background-image: url("../images/full-width-images/ai-publisher-back-00.jpg"); background-position: 0px 75px; background-size: 100% auto;}
.back-img-01 {background-image: url("../images/full-width-images/ai-publisher-back-00-800.jpg"); background-position: 0px 75px;}
.back-img-02 {background-image: url("../images/full-width-images/ai-publisher-back-01-800.jpg"); background-position: 0px 75px;}
.back-img-03 {background-image: url("../images/full-width-images/ai-publisher-back-02-800.jpg"); background-position: 0px 75px;}
.back-img-04 {background-image: url("../images/full-width-images/ai-publisher-back-03-800.jpg"); background-position: 0px 75px;}
.wow .verze-obr img{max-width: 258px !important; max-height: 290px !important;}
h1.back{background-color: transparent; color: #fff;}

#ai-video {width: 24px; height: 76px; display: block; position: fixed; right: 0px; top: 80px; z-index: 800 !important;}
#ai-video img{width: 100%; height: auto;}
#ai-sablony {width: 24px; height: 76px; display: block; position: fixed; right: 0px; top: 160px; z-index: 800 !important;}
#ai-video img{width: 100%; height: auto;}

#about2 .skoleni-02 {width: 98%;}
.color-gray-01 .col-md-12 div div {width: auto;}
.color-gray-01 a {width: auto;}

.skoleni-01, .skoleni-02, .leva_strana1, .prava_strana1 {width: 100%;}
.product-01-box, .product-02-box, .product-03-box, .product-04-box, .product-05-box {text-align: center;}
.banner-01 {min-height: 145px; letter-spacing: 0.1em;}
.banner-01 span {font-size: 13px;}

#cenik{padding: 180px 0;}
#editor {margin-bottom: -50px;}

#swiffycontainer {width: 100% !important; height: 250px !important; margin: auto !important;}
.Shops div {height: auto;}
.Shops div a span {right: 15px;}
.Shops div a span strong {font-size: 0.8em;}
.width-left-50 {width: 100%; float: left;}
.width-right-50 {width: 100%; float: left;}

.prava-1 {max-width: 100px !important;}

.obr-skoleni {float: none;}

.ikonyv2 ul {margin-bottom: 85px;}

blockquote .margin25 {margin-left: 5%; margin-right: 5%; font-size: 14px;}
blockquote .size50 {width: 90%; float: left;}

.demo-box {width: 100%;}
.tab {width: 94% !important; float: left;}



}













@media (min-width: 800px) and (max-width: 899px) {
#home{background-position: center 0px;}
.home-section {height: auto; padding-bottom: 100px; max-height: 700px;}
.home-desc-1.hs-line-1 {letter-spacing: 3px;}
.home-desc-1 {width: 70%; float: left; margin-top: 0px !important; color: #fff; margin-top: 20%; position: fixed; top: 20px; z-index: 300; font-size: 16px; left: 15%;}
/*.home-desc-2 {width: 100%; float: left; opacity: 0.8; color: #828282; margin-top: 8%; font-size: 13px;} */
.home-desc-2 {width: 90%; float: left; opacity: 0.8; color: #828282; margin-top: 0px; font-size: 13px; position: absolute; top: 350px; margin-left: 5%;}
.logo-ai-shop-big {width: 100%; top: 80px;}
.logo-ai-shop-big a {width: 120px; height: auto; display: block; margin: 0px auto;}
.home-box-leva {width: 35%; height: 50px; float: left; background-size: auto 100%; background-position: right top; margin-top: 33%;}
.home-box-prava {width: 35%; height: 50px; float: right; background-size: auto 100%; background-position: left top; margin-top: 33%;}
.home-box-leva a {position: absolute; bottom: -40px; right: 35px; padding-top: 1%; font-size: 16px; text-decoration: none; padding-bottom: 1%; padding-left: 3%; padding-right: 3%;}
.home-box-prava a {position: absolute; bottom: -40px; left: 15px; padding-top: 1%; font-size: 16px; text-decoration: none; padding-bottom: 1%; padding-left: 3%; padding-right: 3%;}
.home-box-leva {background-image: none;}
.home-box-prava {background-image: none;}
#editor {margin-bottom: -150px;}
#editor .container {height: 65px;}
#editor .container p {width: 100%; line-height: 30px; font-size: 20px; text-align: center; color: #FFF;}
#about {margin-top: 30px; padding-top: 120px;}
.row .box-item {max-width: 50%; position: relative; float: left;}
.team-item-detail {opacity: 0; width: 100%;}
.modul-01 {width: auto; padding: 0px; text-align: center; font-size: 20px; float: left; margin-top: 25px; margin-left: 15px; margin-right: 15px; padding-top: 5px; background-color: #FF9001; color: #FFF;}
.modul-01 a {float: left; background-color: #FEECD4; color: #000; padding-left: 0px; padding-right: 0px; text-decoration: none; width: 98%; margin: 1%;}
.banner-section{background-size: 110% auto !important; background-position: top 50px center !important;}
.box-odkazy-monitor {width: 480px; float: none; margin: 0px auto;}
.odkazy-monitor {width: 410px; margin-top: auto; margin-left: 4%; overflow: hidden; height: 257px; margin-right: 4%; bottom: 88px;}
.odkaz-novinky {width: 33%; height: 257px; display: block; float: left; background-repeat: no-repeat;  background-size: 200% 256px !important;}
.odkaz-podpora {width: 33%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-size: 200% 256px !important;}
.odkaz-ai-shop-spoluprace {width: 34%; height: 257px; display: block; float: left; background-repeat: no-repeat; background-size: 200% 256px !important;}
.odkazy-monitor a{text-indent: 0px;}
.odkazy-monitor a:hover{background-position: 100% 0px; text-indent: 0px;}
.odkazy-monitor a span {margin-top: 122px;}
.odkazy-monitor a span {margin-top: 172px;}
#about .row2 ul li {background-repeat: no-repeat; background-size: auto 16px; background-position: left center; line-height: 20px; padding-left: 25px; font-size: 14px; color: #F90;}
.ul-li-box{margin-bottom: 0px !important;}
#about .wow {max-width: 50%; position: relative; float: left;}
.team-item-image img{width: 100%; height: 450px !important; max-height: 450px !important; min-height: 450px !important;}
.item-info-01 {font-size: 13px;}
.item-info-02 {font-size: 10px;}
.team-item-detail{}
#home{max-height: 500px;}
.home-text {display: table-cell; height: 50%; vertical-align: top;}
li .work-intro {width: 100%; height: 170px;}
.intro-mini .work-title{font-size: 16px;}
.team-item-image h3{font-size: 14px; padding-left: 20px; padding-right: 20px;}
.team-item-detail h4{font-size: 14px;}
.team-item-detail p{padding: 0px; margin: 0px; font-size: 30px !important;}
.logo-ai-shop-big a {width: 200px; height: auto;}
.mob-butt{display: none;}
.back-img-00 {background-image: url("../images/full-width-images/ai-publisher-back-00.jpg"); background-position: 0px 0px; background-size: 100% auto;}
.back-img-01 {background-image: url("../images/full-width-images/ai-publisher-back-00-800.jpg"); background-position: 0px 0px;}
.back-img-02 {background-image: url("../images/full-width-images/ai-publisher-back-01-800.jpg"); background-position: 0px 0px;}
.back-img-03 {background-image: url("../images/full-width-images/ai-publisher-back-02-800.jpg"); background-position: 0px 0px;}
.back-img-04 {background-image: url("../images/full-width-images/ai-publisher-back-03-800.jpg"); background-position: 0px 0px;}
.back-img-05 {background-image: url("../images/full-width-images/ai-publisher-back-04-800.jpg"); background-position: 0px 0px;}
.wow .verze-obr img {max-width: 100% !important; max-height: 0;}
h1.back{background-color: transparent; color: #fff;}

#ai-video {width: 24px; height: 76px; display: block; position: fixed; right: 0px; top: 80px; z-index: 800 !important;}
#ai-video img{width: 100%; height: auto;}
#ai-sablony {width: 24px; height: 76px; display: block; position: fixed; right: 0px; top: 160px; z-index: 800 !important;}
#ai-video img{width: 100%; height: auto;}
.banner-01 {min-height: 190px;}
.banner-01 span {font-size: 13px;}

#editor {margin-bottom: 0px;}
.posun-01{margin-top: 40px;}

#swiffycontainer {width: 100% !important; height: 250px !important; margin: auto !important;}
.Shops div {height: auto;}
.Shops div a span {right: 15px;}


.width-left-50 {width: 100%; float: left;}
.width-right-50 {width: 100%; float: left;}

.podpora .col-sm-6 {width: 100%;}
.podpora .col-sm-6.col-lg-4{width: 33%;}

.prava-1 {max-width: 200px !important;}

.obr-skoleni {float: none;}

.ikonyv2 ul {margin-bottom: 85px;}

blockquote .margin25 {margin-left: 5%; margin-right: 5%; font-size: 14px;}
blockquote .size50 {width: 90%; float: left;}

}



@media (min-width: 900px) and (max-width: 1259px) {
#about ul li {line-height: 35px; padding-left: 35px; font-size: 100%;}
#about .row2 ul li {background-repeat: no-repeat; background-size: auto 16px; background-position: left center; line-height: 30px; padding-left: 25px; font-size: 16px; color: #F90;}
#editor {margin-bottom: -150px;}
#editor .container {height: 65px;}
#editor .container p {width: 100%; line-height: 30px; font-size: 20px; text-align: center; color: #FFF; margin-top: 18px;}
#about {margin-top: 30px; padding-top: 120px;}
.row .box-item {max-width: 50%; position: relative; float: left;}
.logo-ai-shop-big a {width: 300px; height: 120px;}
.intro-mini .work-title{font-size: 20px;}
.team-item-image img{width: 100%; height: 450px !important; max-height: 450px !important; min-height: 450px !important;}
.item-info-01 {font-size: 13px;}
.item-info-02 {font-size: 10px;}
.item-info-02 li{line-height: 20px !important; padding: 0px !important; margin: 0px !important;}
.team-item-detail{}
.box-odkazy-monitor {width: 50% !important; height: auto; float: left; position: relative;}
.odkazy-monitor {width: 415px; height: 260px; position: absolute; margin-top: 28px; margin-left: 4%; overflow: hidden; background-color: #000;}
.odkazy-monitor a {width: 33%; height: 255px;}
.post-prev-text{min-height: 160px;}
.modul-01 {width: 98%; padding: 2%; font-size: 20px;}
.mob-butt{display: none;}
h1.back{background-color: transparent; color: #fff;}
.back-img-00 {background-position: center 0px; background-size: 100% auto;}
#ai-video {top: 220px;}
.home-desc-1{color: #000 !important;}
.posun-01{margin-top: 40px;}
}



@media (min-width: 1260px) and (max-width: 1440px) {
.logo-ai-shop-big a{width: 195px; height: auto;}
.logo-ai-shop-big a img{width: 100%; height: auto;}
.home-box-leva {margin-top: 65px;}
.home-box-prava {margin-top: 65px;}
.home-box-leva a {font-size: 22px;}
.home-box-prava a {font-size: 22px;}
.home-desc-1 {width: 100%; float: left; margin-top: 160px; margin-bottom: 0px; letter-spacing: 12px;}
.home-desc-2 {font-size: 14px;}
.mob-butt{display: none;}
h1.back{background-color: transparent; color: #fff;}
.home-section h1.back {background-color: transparent; color: #000;}
.back-img-00 {background-position: center 70px; background-size: 100% auto;}
.posun-01{margin-top: 40px;}
#editor {margin-bottom: -50px;}
#cenik {padding: 150px 0;}
}



@media (min-width: 1441px) and (max-width: 1600px)  {
.mob-butt{display: none;}
.page-section {padding-top: 80px;}
h1.back{background-color: transparent; color: #fff;}
}

@media (min-width: 1601px) {
h1.back {background-color: transparent; color: #000;}
.home-box-leva{margin-top: 8%;}
.home-box-prava{margin-top: 8%;}
.home-desc-1 {margin-top: 15%;}
.logo-ai-shop-big a {width: 400px;}
.mob-butt{display: none;}
.posun-01{margin-top: 40px;}
.posun-02 {margin-top: 150px;}
.works-grid.hide-titles .work-item .work-intro {bottom: -10px;}
#cenik h2 {margin-top: 200px;}

}


/*prolinacka efekt*/

.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(34,34,34, 0);
}

.main-nav.dark.stick-fixed.js-transparent.transparent{
background-color: #000 !important;
}

.scroll-down:before {
background: #eee;
}

.work-img img{filter: gray; -webkit-filter: grayscale(100%);}
.bez-odsazeni{padding: 0px !important;}
.odsazeni-30{padding-top: 30px !important;}
.odsazeni-60{padding-top: 60px !important;}

b, strong {font-weight: 600;} /* font nemuze mit bold */
.table-verze-01 table, .table-verze-02 table, .table-verze-03 table, .table-verze-04 table {color: #000;}

.back {background: #fff; padding: 5px;}
section .mod-breadcrumbs a{text-decoration: underline !important;}
#page404 .page-section {display: none !important;}
.boxy-cenik{margin-bottom: 0px; padding-bottom: 0px;}
.font-01{width: 100%; padding-top: 0px; padding-bottom: 10px; float: left;} /***********************/

h3.font-01 {margin-top: 40px !important; margin-bottom: 0px !important;}

.nadpis-nahore{margin: 0px; padding: 0px;}
.posun-01x{padding-top: 50px;}


#wrapper{
  width: 628px;
  overflow: hidden;
}

#steps, .DemoScreen{
  width:628px;
	/*height:320px;*/
  overflow:hidden;
}

.step {
  float:left;
  width:628px;
	/*height:320px;*/
}

#steps form fieldset{
  border:none;
  padding: 0px;
  margin: 0px;
  padding-bottom:20px;
}

.closeButton {
  border-radius: 5px;
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF !important;
  display: block;
  margin-top: 5px;
  text-align: center;
  padding: 6px;
  cursor: pointer;
}

.main-nav.dark, .main-nav.dark.stick-fixed.js-transparent.transparent {
    background-color: #55b713 !important;
}

.loader {border-left: 2px solid rgba(85,183,19, 0.5);}

.schovat{display: none;}

.box-info-cennik{
    float: left;
    padding: 3%;
    border: 1px solid rgb(238, 238, 238);
    width: 100%;
    margin-bottom: 100px;
}

.box-info-cennik p {
    margin: 0px;
    padding: 2%;
    float: left;                    
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.box-pohoda-01 ol li {width: auto; clear: both; text-align: left;}
.box-pohoda-01 ul li {width: auto; clear: both; text-align: left;}
.size50{width: 50%; float: left;}
.margin25{margin-left: 25%; margin-right: 25%;}

/*.box-info-cennik2{
    float: left;
    padding: 3%;
    border: 1px solid #55b713;
    width: 100%;
    color: #55b713 !important;
} */

.box-info-cennik2 {
    float: left;
    padding: 3%;
    width: 100%;
    color: #fff !important;
    background-color: #55b713 !important;
}


.tab tr {
    width: 100%;
    float: none;
}    

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('ok.png');
background-size: 30px auto;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('ok.png');
background-size: 30px auto;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('css/error.png');
background-size: 30px auto;
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
background-size: 30px auto;
}