header {
    height: 80px;
    background: white;
}

.logo {
    padding: 5px;
    background: white;
    float: left;
}

.info {
    float: right;
}

.info p {
    color: #347bb6;
    font-size: 14px;
}

 .icons-list {
    margin-top: 20px;
} 

.info span {
    float: right;
    color: #347bb6;
}

.menu_mobile li a:hover {
    color: white !important;
}

.tel {
    color: #347bb6;
    font-size: 20px !important;
    font-weight: 800;
    margin-left: 15px;
    margin-top: 10px;
}

.cara {
    margin-left: 15px;
    font-size: 30px;
    margin-top: 2px;
}

.social {
    margin-left: 15px;
    font-size: 25px;
    margin-top: 7px;
}

.info {
    margin-top: 15px;
    font-size: 16px;
}

.info a:hover {
   text-decoration: none;
   color: #347bb6;
}

.info a {
   text-decoration: none;
   color: #347bb6;
}

.bg {
    width:100%;
}

.bg2 {
    margin-top: 10px;
}

.bg_postup {
    margin-top: 50px;
    width:100%;
}

.team1 p {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center !important;
}


.team1 h4 {
    color: white;
    font-size: 20px;
    text-align: center;

}

.team1 h4 span {
    color: white;
    font-size: 14px !important;
    
}

.team p {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center !important;
}


.team h4 {
    color: white;
    font-size: 20px;
    text-align: center;

}

.team h4 span {
    color: white;
    font-size: 14px !important;
    
}

.s_team {
    background: #347bb6;
    padding-bottom: 30px;
    margin-top: 60px;
    
}

.team {
    background: #347bb6;
    padding-bottom: 30px;
    margin-top: 70px;
}

.team2 {
    background: #347bb6;
    margin-top: 70px;

}

nav {
    background: #347bb6;
    width: 100%;
    height: 52px;
}


.menu li {
    padding-right: 10px;
    margin-top: 15px;
    float: left;
    list-style: none;
    color: white;
}

.menu li a {
    color: white;
    text-decoration:none;
    font-size: 17px;
    margin-top: -4px;
}

.menu li a:hover {
    color: white;
    text-decoration:none;
}

.about {
   padding-top: 30px;
}

.about h3 {
   font-size: 24px;
   color: #585d60;
   float:left;
   
}

.about_cara {
   width:200px;
   height:5px;
   float:left;
   background: #347bb6;
   margin-top: 10px;
}

.about_cara1 {
   width:200px;
   height:5px;
   float:left;
   background: white;
   margin-top: 10px;
}

.about p {
   font-size: 17px;
   color: #585d60;
   text-align: justify;
   line-height: 1.7;
   margin-top: 20px;
}

.rozdeleni {
   height: 1px;
   width:100%;
   background: #ddd;
   margin-top: 40px;
   margin-bottom: -12px;
        
}

.ctverec {
    width: 23px;
    height: 23px;
    margin: 0 auto;
    background-color: #347bb6;
    border: 5px solid white;
}

.services {
    background-color: white;
    margin-top: 30px;
}

.width {
    width: 22.5%;
    margin-left: 1%;
    margin-right: 1%;
}

.width a {
   font-size: 20px;
   color: white;
}

.width a i {
   float: left;
}

.services_icon {
   font-size: 40px !important;
   margin-right: 10px;
}


.logo_mobile {
   padding-top: 30px;
   padding-bottom: 30px;
}

.type {
    margin-top: 2px;
    font-size: 17px;
}

.p p {
    color: white;
    font-size: 17px;
}

.p {
    margin-top: 20px;
}

.poptavka {
    margin-top: 75px;
    background: #347bb6;
    padding-bottom: 60px;
}

.kontakt {
    margin-bottom: 50px;
}

.reference_img2 {
    width:100%;
}


.reference_img {
    width:100%;
    margin: 10px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7;
}

.reference_img1 {
    width:100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7;
}

.gray {
    background: #f1f1f1;
}

.ref_foto {
    float: left;
    margin-right: 20px;
}

.ref_foto1 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.poptavka_form {
    margin-top: 50px;
}

.ref_text {
    padding: 15px;
    font-size: 16px;
}

.ref_text h5 {
    font-size: 16px;
}

.ref_text h5 span {
    font-size: 14px;
    font-weight: 0 !important;
    margin-left: 20px;
}

.classic-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
    font-size: 19px;
}

.classic-title span {
    padding-bottom: 8px;
    border-bottom: 1px solid;
    font-weight: 400;
}

.classic-title span {
    border-bottom-color: #347bb6;
}

footer {
    background: #347bb6;
    padding-top: 12px;
    padding-bottom: 2px;
}

footer p {
    color:white;
    font-size: 14px;
}

li {
    list-style: none;
}

.href_tel {
    color: #585d60;
    text-decoration: none;
}

.iicon {
    margin-left:-18px;
    margin-right: 7px; 
    font-size: 20px !important;
}

.icon {
    margin-left:-27px;
    margin-right: 3px; 
    font-size: 20px !important;
}


.menu_footer li {
    padding-right: 10px;
    float: left;
    list-style: none;
    color: white;
}

.menu_footer li a {
    color: white;
    text-decoration:none;
    font-size: 14px;
}

.menu_footer li a:hover {
    color: white;
    text-decoration:none;
}

.menu_footer_m li {
    list-style: none;
    color: white;
}

.menu_footer_m li a {
    color: white;
    text-decoration:none;
    font-size: 14px;
}

.menu_footer_m li a:hover {
    color: white;
    text-decoration:none;
}

.webapp {
    text-align: center;
}

.webapp h2 {
    border-bottom: 1px solid #585d60;
    margin-top: 20px;
    padding-bottom: 10px;
}

.webapp_m h2 {
    border-bottom: 1px solid #585d60;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
}

.webapp p {
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    font-size: 16px;
}

.webapp_m p {
    text-align: justify;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.4;
}

.webapp i {
    font-size: 110px;
    color: #347bb6;
}

.okraje {
    margin-top: 40px;
} 

.okraje_img {
    padding: 2px !important;
    margin: 0px important;
}


.okraje p {
    padding: 0px 10px 0px 20px; ;
    margin-left: 10px;
} 


.ok {
    font-size: 20px !important;
    color: #75b629 !important;
    margin-right: 10px;
    margin-top: 15px;
}

.ok1 {
    font-size: 16px !important;
    color: #75b629 !important;
    margin-right: 10px;
}

.ok2 {
    font-size: 16px !important;
    color: #75b629 !important;
    position:absolute;
    margin-left: -20px;
    margin-top: 3px;
}

.pok {
    font-size: 16px;
}

.grafika h2 {
    margin-top: 0px;
    border-bottom: 1px solid #585d60;
    padding-bottom: 10px;
}

.marketing h2 {
    margin-top: 10px;
    border-bottom: 1px solid #585d60;
    padding-bottom: 10px;
    text-align: center;
}

.marketing_m h2 {
    margin-top: 10px;
    border-bottom: 1px solid #585d60;
    padding-bottom: 10px;
    text-align: center;
}

.marketing {
    margin-top: 60px;
}

.program h2 {
    margin-top: 0px;
    padding-bottom: 10px;
}

.grafika {
    margin-top: 80px;
}

.program {
    margin-top: 30px;
    padding-top: 40px;
}

.odp {
    margin-bottom: 40px;
    height: 124px;
}

.odp1 {
    margin-bottom: 10px;
    margin-top: 30px;
}

.studio_h2 h2 {
   font-size: 20px;
   margin-top: -3px;
   border-bottom: 1px solid #585d60;
   padding-bottom: 7px;
   margin-bottom: 13px;
}

.studio_h2 p {
   font-size: 16px;
   margin-top: 7px;
}


.grafika p {
    text-align: justify;
}


.img_gallery {
    width: 100%;
    float: left;
}

.img_gallery1 {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}

.no_padd {
    padding: 0px !important;
}

.cashback_icon {
    font-size: 16px !important;
}

.cashback_icon h4 {
    font-weight: 700;
}

.marketing_icon {
    font-size: 50px !important;   
    margin-bottom: 10px;
    color: #337ab7; 
}

.backgro {
    background: #337ab7; 
    padding-top: 20px;
    margin-top: 40px;
}

.marketing_icon_m {
    font-size: 80px !important;   
    margin-bottom: 10px;
    color: #337ab7; 
}

.marketing h3 {
    margin-top: 0px;
    font-size: 22px;
}

.box {
    margin-top: 30px;
    height: 230px;
}

.send_succes {
    padding: 15px;
    background: #28a745;
    margin-top: 20px;
    border-radius: 7px;
    border: 1px solid white;
}

.send_succes p {
    font-size: 17px;
    color: white;
}

.box1 {
    margin-top: 50px;
}


.marketing p {
    text-align: justify;
}

.height_it {
    height: 700px;
}

.height_marketing {
    height: 700px;
}

.height_program {
    height: 700px;
}

.height_studio {
    height: 600px;
}

.styl {
    background: #347bb6;
    padding-bottom: 15px;
}


.menu_mobile {
    margin: 0px;
    padding: 0px;
}

.menu_mobile li {
    margin-top: 15px;
    list-style: none;
    color: white;
    text-align: left;
}

.menu_mobile li a {
    color: white;
    text-decoration:none;
    font-size: 17px;
    margin-top: -4px;
    text-align: center;
    font-weight: 700;
}

.menu_mobile li a:hover {
    color: #585d60; 
    text-decoration:none;
}

.about_cara_m {
   width:50px;
   height:5px;
   float:left;
   background: #347bb6;
   margin-top: 10px;
}

.ofirme_m_p {
    margin-top: 10px;
    font-size: 17px;
    padding: 10px;
    text-align: justify;
    line-height: 1.4;

}

.about_cara1_m {
    width: 50px;
    height: 5px;
    float: left;
    background: white;
    margin-top: 10px;
}

.person_box {
    padding-top: 15px;
}

.sekce_m {
   background: #337ab7; 
   padding-top: 7px;
   padding-bottom: 13px;
   margin-top: 40px;
   margin-bottom: 15px;
}

.sekce_m h1 {
    font-size: 20px;
    color: white;
    text-align: center;
    margin-left: 55px;
    padding-bottom: 6px;
}

.m_icon {
    font-size: 40px !important;
    color: white;
    position: absolute;
    margin-top: -10px;
    margin-left: -55px;
}

.program_mv h3 {
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #585d60;
    padding-bottom: 7px;
    margin-bottom: 25px;
    
}


.txt_h5 h5 {
    font-size: 17px;
    font-weight:600;
    padding-top: 150px;
    padding-bottom: 10px;
    
}


.vyska {
    height: 205px;
}



.icon_vizitky {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/vizitky.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_vizitky:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/vizitky_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_letaky {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/letaky.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_letaky:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/letaky_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_plakaty {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/plakaty.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_plakaty:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/plakaty_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_prospekty {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/prospekty.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_prospekty:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/prospekty_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_pozvanky {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/poukazky.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_pozvanky:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/poukazky_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_papir {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/papir.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_papir:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/papir_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_katalogy {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/katalog.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_katalogy:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/katalog_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_zakladace {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/zakladace.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_zakladace:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/zakladace_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_kalendare {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/kalendare.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_kalendare:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/kalendare_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_samolepky {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/samolepky.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_samolepky:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/samolepky_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_tabule {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/tabule.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_tabule:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/tabule_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_3d {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/3d.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_3d:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/3d_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_banner {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/banner.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_banner:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/banner_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_vyloha {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/vylohy.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_vyloha:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/vylohy_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.obal_product {
    padding-right: 5px !important;
    padding-left: 5px !important;
    
}

.icon_automobil {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/automobil.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_automobil:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/automobil_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_textil {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/textil.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_textil:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/textil_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_predmety {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/predmety.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_predmety:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/predmety_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_rollup {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/rollup.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_rollup:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/rollup_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_video {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/video.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_video:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/video_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}

.icon_web {
    background-color: #337ab7;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/web.png");
    background-position: center center;
    color: white;
    text-align:center;
}

.icon_web:hover {
    background-color: transparent;
    margin: 10px 3px 0px 3px;    
    background-image: url("../img/icon/web_hover.png");
    background-position: center center;
    color: #337ab7;
    text-align:center;
}